# `@ly-js/ui`

`@ly-js/ui` 是基于`vue3`常用库，会在`@ly-js/element`中引入

## Install

#### NPM

```shell
npm i @ly-js/ui --save
```

#### YARN

```shell
yarn add @ly-js/ui
```

#### pnpm

```shell
pnpm add @ly-js/ui
```

## Usage

#### 方式一：全局引入

```javascript
import LyUi from '@ly-js/ui'
import '@ly-js/ui/lib/index.css'
createApp(App).use(LyUi)
```

#### 方式二（推荐）：自动引入，需要引入插件：`unplugin-vue-components`

```javascript
const Components = require('unplugin-vue-components/webpack')
const { LyUIResolver } = require('@ly-js/ui/resolver')
Components({
  resolvers: [LyUIResolver()]
})
```

#### 方式三：按需引入，需要插件

`ts-import-plugin`/`babel-plugin-import`

#### `ly-icon` 使用

```javascript
import { loadIconScripts } from "@ly-js/ui";
// or
import { loadIconScripts } from "@ly-js/ui/es/components/icon";
loadIconScripts([
"//at.alicdn.com/t/font_2392320_8shvya0stko.js",
"//at.alicdn.com/t/font_2776842_w2g6gr94ny.js"
]);

<ly-icon type="ly-iconfullscreen-shrink" style="color: red"></ly-icon>
<ly-icon type="ly-iconfullscreen-expand" class="blue"></ly-icon>
```