@ly-js/ui/package.json

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

{
  "name": "@ly-js/ui",
  "version": "0.0.24",
  "description": "`@ly-js/ui` 是基于`vue3`常用库，会在`@ly-js/element`、`@ly-js/vant`中引入",
  "author": "liyu",
  "license": "ISC",
  "files": [
    "dist",
    "es",
    "lib",
    "*.d.ts"
  ],
  "exports": {
    ".": {
      "require": "./lib/index.js",
      "import": "./es/index.mjs"
    },
    "./resolver": {
      "require": "./lib/resolver.js",
      "import": "./es/resolver.mjs"
    },
    "./es": "./es/index.mjs",
    "./lib": "./lib/index.js",
    "./es/*.mjs": "./es/*.mjs",
    "./es/*": "./es/*.mjs",
    "./lib/*.js": "./lib/*.js",
    "./lib/*": "./lib/*.js",
    "./*": "./*"
  },
  "main": "lib/index.js",
  "module": "es/index.mjs",
  "style": "dist/index.css",
  "unpkg": "dist/ly-ui.min.js",
  "jsdelivr": "dist/ly-ui.min.js",
  "sideEffects": [
    "dist/*",
    "es/components/*/style/*",
    "lib/components/*/style/*",
    "es/components/**/*",
    "lib/components/**/*",
    "es/directives/*/style/*",
    "lib/directives/*/style/*",
    "es/directives/**/*",
    "lib/directives/**/*"
  ],
  "publishConfig": {
    "access": "public",
    "registry": "https://registry.npmjs.org/"
  },
  "keywords": [
    "vue",
    "ui",
    "ly"
  ],
  "repository": {
    "type": "git",
    "url": "git+https://github.com/LYlanfeng/ly.git",
    "directory": "packages/ui"
  },
  "bugs": {
    "url": "https://github.com/LYlanfeng/ly/issues"
  },
  "dependencies": {
    "@ly-js/theme-chalk": "0.0.2",
    "@ly-js/utils": "0.0.6",
    "lodash": "^4.17.21",
    "unplugin-vue-components": "^0.17.9"
  },
  "devDependencies": {
    "@ly-js/cli": "0.0.1",
    "@types/lodash": "^4.14.177",
    "@vueuse/core": "^7.6.2"
  },
  "peerDependencies": {
    "@vueuse/core": "^7.6.2",
    "vue": "^3.2.23"
  },
  "vetur": {
    "tags": "dist/json/tags.json",
    "attributes": "dist/json/attributes.json"
  },
  "web-types": "dist/json/web-types.json",
  "release-it": {
    "git": {
      "tag": false,
      "commit": true,
      "commitMessage": "release: @ly-js/ui ${version}",
      "push": false
    },
    "npm": {
      "publish": false
    },
    "publishConfig": {
      "access": "public"
    },
    "hooks": {
      "after:bump": "npm run build",
      "after:release": "echo Successfully released ${name} v${version} to ${repo.repository}."
    }
  },
  "scripts": {
    "build": "ly-cli build",
    "release": "release-it"
  },
  "readme": "# `@ly-js/ui`\n\n`@ly-js/ui` 是基于`vue3`常用库，会在`@ly-js/element`中引入\n\n## Install\n\n#### NPM\n\n```shell\nnpm i @ly-js/ui --save\n```\n\n#### YARN\n\n```shell\nyarn add @ly-js/ui\n```\n\n#### pnpm\n\n```shell\npnpm add @ly-js/ui\n```\n\n## Usage\n\n#### 方式一：全局引入\n\n```javascript\nimport LyUi from '@ly-js/ui'\nimport '@ly-js/ui/lib/index.css'\ncreateApp(App).use(LyUi)\n```\n\n#### 方式二（推荐）：自动引入，需要引入插件：`unplugin-vue-components`\n\n```javascript\nconst Components = require('unplugin-vue-components/webpack')\nconst { LyUIResolver } = require('@ly-js/ui/resolver')\nComponents({\n  resolvers: [LyUIResolver()]\n})\n```\n\n#### 方式三：按需引入，需要插件\n\n`ts-import-plugin`/`babel-plugin-import`\n\n#### `ly-icon` 使用\n\n```javascript\nimport { loadIconScripts } from \"@ly-js/ui\";\n// or\nimport { loadIconScripts } from \"@ly-js/ui/es/components/icon\";\nloadIconScripts([\n\"//at.alicdn.com/t/font_2392320_8shvya0stko.js\",\n\"//at.alicdn.com/t/font_2776842_w2g6gr94ny.js\"\n]);\n\n<ly-icon type=\"ly-iconfullscreen-shrink\" style=\"color: red\"></ly-icon>\n<ly-icon type=\"ly-iconfullscreen-expand\" class=\"blue\"></ly-icon>\n```\n"
}