open-index/open-npm huggingface dataset:
npm package: @smart-portal/bundler
Description: bundler components support for vue2 vue2.7 vue3
Author: Layson
Latest version: 1.2.1

# SmartPortal bundler
门户通用组件

## 使用说明

***

#### 依赖安装
组件包依赖
```sh
npm install @smart-portal/bundler 
```

***

#### 入口主文件引入依赖
共有三种类型组件：  
**1. General通用组件** -- 可用于vue2，vue2.7，vue3项目  
**2. Options API组件** -- 可用于vue2，vue2.7，vue3项目  
**3. Composition API组件** -- 可用于vue2.7，vue3项目  

***

**vue2项目可注册使用通用General组件和Options组件**
```javascript
import {
  GeneralComponentsInstall,
  OptionsComponentsInstall
} from '@smart-portal/bundler'

Vue.use(GeneralComponentsInstall)
Vue.use(OptionsComponentsInstall)
```  

***

**vue2.7和vue3项目可全量注册组件**
```javascript
import {
  GeneralComponentsInstall,
  CompositionComponentsInstall,
  OptionsComponentsInstall
} from '@smart-portal/bundler'

app.use(GeneralComponentsInstall)
app.use(CompositionComponentsInstall)
app.use(OptionsComponentsInstall)
```

***

#### 可按需单独使用相关组件
```javascript
import {
  GeneralComponents,
  CompositionComponents,
  OptionsComponents
} from '@smart-portal/bundler'
```

***

#### 全量获取组件
```javascript
import SmartPortalComponents from '@smart-portal/bundler'
```
npm package: @smart-portal/components
Description: portal packages for components
Author: Layson
Latest version: 1.0.22

# SmartPortal Components
适用于Vue3/Vue2.7高阶组件个性化处理

***

#### 依赖安装
组件包依赖
```sh
npm install @smart-portal/components 
```

***

#### 组件模式
1. **general**
  通用vue2 vue2.7 vue3组件库，Composition语法组件
2. **options**
  vue2组件库，Options语法组件
3. **composition**
  vue3组件库，Composition语法组件

***

#### 组件按需引入

```vue
<template>
  <GeneralNotifyNumber1
    content="关于进一步加强能力中台储备区举办科技成果日（第33、34、35期）的通知"
  />
</template>

<script lang="ts" setup>
/**
 * 高阶组件引入
 * x：组件模式：General, Composition, Options
 * y：组件分类：详见文档
 * z：组件编号：详见文档
 */
import { General } from '@smart-portal/components'
import '@smart-portal/components/lib/style.css'

const { GeneralNotifyNumber1 } = General
</script>
```

***
npm package: @smart-portal/hooks
Description: portal packages for hooks
Author: Layson
Latest version: 1.0.4

# SmartPortal hooks
门户Hooks

## 使用说明

***

#### 依赖安装
组件包依赖
```sh
npm install @smart-portal/hooks 
```

***

### 按需引入使用
```javascript
import { useElementBounding } from '@smart-portal/hooks'

const { top } = useElementBounding(document.querySelector('.target'))
```  

***

### 全量引入使用
```javascript
import SmartPortalHooks from '@smart-portal/hooks'
```
npm package: @smart-portal/images
Description: portal packages for images
Author: Layson
Latest version: 1.0.11

# SmartPortal images

适用于对图片进行个性化处理

---

### Vue3版本使用

---

#### 依赖安装

组件包依赖

```sh
npm install @smart-portal/images
```

---

#### 方式一：全量图片全局注册

**main入口主文件引入依赖**

```javascript
import * as SmartPortalIcon from '@smart-portal/images'

// SmartPortal图标
for (const [key, component] of Object.entries(SmartPortalIcon)) {
  app.component(key, component)
}
```

**组件内直接使用**

```javascript
/**
 * 组件格式：
 * <SmartPortalIconX />
 * X：图片名，详见文档
 */
<template>
  <div>
    <SmartPortalIconAsp width="100px" height="100px" fit="fill" />
  </div>
</template>
```

---

#### 方式二：组件内按需引入使用

```vue
<template>
  <div>
    <SmartPortalIconAsp width="100px" height="100px" fit="fill" />
  </div>
</template>

<script lang="ts" setup>
import { SmartPortalIconAsp } from '@smart-portal/images'
</script>
```

---

### Vue2.x版本使用

---

#### 依赖于bundler

```sh
npm install @smart-portal/bundler
```

---

#### 入口主文件引入依赖

```javascript
import { IconComponentInstall } from '@smart-portal/bundler'

Vue.use(IconComponentInstall)
```

**组件内直接使用，icon为图标名，type为图片格式**

```vue
<template>
  <div>
    <SmartPortalIcon icon="asp" width="100px" height="100px" fit="fill" type="png" />
  </div>
</template>
```
npm package: @smart-portal/utils
Description: portal packages for utils
Author: Layson
Latest version: 1.2.0

# SmartPortal utils
门户工具类

## 使用说明

***

#### 依赖安装
组件包依赖
```sh
npm install @smart-portal/utils 
```

***

### 按需引入使用
```javascript
import { changeBase64ToFileOrBlob } from '@smart-portal/utils'

changeBase64ToFileOrBlob()
```  

***

### 全量引入使用
```javascript
import SmartPortalUtils from '@smart-portal/utils'
```
npm package: @smart-pro/smartzip
Description: Ionic Capacitor plugin for unzip a file.
Author: Smart Pro
Latest version: 0.0.4

# @smart-pro/smartzip

Ionic Capacitor plugin for unzip a file.

## Install

```bash
npm install @smart-pro/smartzip
npx cap sync
```

## API

<docgen-index>

* [`unzip(...)`](#unzip)
* [Interfaces](#interfaces)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### unzip(...)

```typescript
unzip(options: UnzipOptions) => Promise<{ result: boolean; }>
```

Unzip a zipPath file to destFolder.
Event: "unzipProgress"
entry, entryNumber, total

| Param         | Type                                                  | Description       |
| ------------- | ----------------------------------------------------- | ----------------- |
| **`options`** | <code><a href="#unzipoptions">UnzipOptions</a></code> | options for unzip |

**Returns:** <code>Promise&lt;{ result: boolean; }&gt;</code>

--------------------


### Interfaces


#### UnzipOptions

| Prop             | Type                | Description               |
| ---------------- | ------------------- | ------------------------- |
| **`zipPath`**    | <code>string</code> | Zip file's path           |
| **`destFolder`** | <code>string</code> | Destination folder's path |

</docgen-api>
npm package: @smart-react-components/core
Description: SRC core includes the theme, Styled properties, and Element components.
Author: Cevad Tokatlı
Latest version: 2.1.0

# Core

The core module includes [theme](https://cevadtokatli.github.io/smart-react-components/#/theme), [Styled props](https://cevadtokatli.github.io/smart-react-components/#/styled-props), and [Element components](https://cevadtokatli.github.io/smart-react-components/#/element).

Visit [the documentation page](https://cevadtokatli.github.io/smart-react-components) for more information about the mentioned topics.
npm package: @smart-react-components/router
Description: SRC router includes router components.
Author: Cevad Tokatlı
Latest version: 2.1.0

# Router

`@smart-react-components/router` includes helper router components.

## Installation

* ClientRouter
* ServerRouter
* Routes
* Route
* Link
* Push
* Redirect
* Replace

```sh
# NPM
$ npm install --save @smart-react-components/router

# Yarn
$ yarn add @smart-react-components/router
```

> [The core](https://github.com/cevadtokatli/smart-react-components/tree/v2/core) is a must for the router.
npm package: @smart-react-components/transition
Description: SRC transition includes transition components.
Author: Cevad Tokatlı
Latest version: 2.1.0

# Transition

`@smart-react-components/transition` includes helper transition components.

* Transition
* CSSTransition
* TransitionSwitch
* CSSTransitionSwitch
* TransitionGroup
* CSSTransitionGroup

## Installation

```sh
# NPM
$ npm install --save @smart-react-components/transition

# Yarn
$ yarn add @smart-react-components/transition
```

> [The core](https://github.com/cevadtokatli/smart-react-components/tree/v2/core) is a must for the transition.
npm package: @smart-react-components/ui
Description: SRC UI includes React and Styled components.
Author: Cevad Tokatlı
Latest version: 2.1.9

# UI

`@smart-react-components/ui` includes UI React and Styled components.

```sh
# NPM
$ npm install --save @smart-react-components/ui

# Yarn
$ yarn add @smart-react-components/ui
```

> [The core](https://github.com/cevadtokatli/smart-react-components/tree/v2/core), [router](https://github.com/cevadtokatli/smart-react-components/tree/v2/router), and [transition](https://github.com/cevadtokatli/smart-react-components/tree/v2/transition) are required for the UI components.
npm package: @smart-schema/core
Description: Lightweight TypeScript validation & schema registry library
Author: Arthit
Latest version: 1.3.0

# @smart-schema/core

[![npm version](https://badge.fury.io/js/%40smart-schema%2Fcore.svg)](https://www.npmjs.com/package/@smart-schema/core)
[![build status](https://github.com/Artoto/smart-schema/actions/workflows/publish.yml/badge.svg)](https://github.com/Artoto/smart-schema/actions)

Lightweight, type-safe validation & schema registry for TypeScript.