# th-wallet-ui

> Vue+Typescript UI组件库

Latest version **1.0.24** (published 2021-05-17) · 0 weekly downloads

## Install

```sh
npm install th-wallet-ui
pnpm add th-wallet-ui
yarn add th-wallet-ui
bun add th-wallet-ui
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.24 |
| Published | 2021-05-17 |
| First published | 2020-06-26 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 10 |
| Unpacked size | 4.8 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | fachilles, langrenaq, sunzehao0526 |

## Links

- npm: https://www.npmjs.com/package/th-wallet-ui
- npm.io page: https://npm.io/package/th-wallet-ui

## Dependencies (10)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [vuex](https://npm.io/package/vuex.md) ^3.4.0
- [qrious](https://npm.io/package/qrious.md) ^4.0.2
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [vue-router](https://npm.io/package/vue-router.md) ^3.2.0
- [vue-lazyload](https://npm.io/package/vue-lazyload.md) ^1.3.3
- [svg-sprite-loader](https://npm.io/package/svg-sprite-loader.md) ^5.0.0
- [vue-class-component](https://npm.io/package/vue-class-component.md) ^7.2.3
- [@vue/composition-api](https://npm.io/package/@vue/composition-api.md) ^0.6.7
- [vue-property-decorator](https://npm.io/package/vue-property-decorator.md) ^8.4.2

## Recent versions

- 1.0.24 (latest) — 2021-05-17
- 1.0.23 — 2021-03-23
- 1.0.22 — 2020-10-15
- 1.0.21 — 2020-10-10
- 1.0.20 — 2020-09-28
- 1.0.19 — 2020-09-28
- 1.0.18 — 2020-09-23
- 1.0.17 — 2020-09-21
- 1.0.15 — 2020-09-05
- 1.0.14 — 2020-08-31
- 1.0.13 — 2020-08-11
- 1.0.11 — 2020-08-05
- 1.0.10 — 2020-07-31
- 1.0.9 — 2020-07-30
- 1.0.8 — 2020-07-24
- … 4 more at https://npm.io/package/th-wallet-ui/versions

## README

### 简述
Vue+Typescript UI组件库

### 目录结构
```shell
.
├── build
│   ├── config.js
│   ├── create.components.js // 新建组件
│   ├── rollup.build.js  // 组件打包
│   ├── rollup.config.js  // rollup打包配置
│   └── utils.js 
├── lib // 打包后的文件
├── packages // 组件库
│   ├── _styles  // 样式变量及mixin
│   ├── _util   // 组件用到的公共方法
│   ├── button  // 组件
│   │   ├── demo  // 用于显示在站点右侧的组件示例
│   │   │   ├── index.vue  // demo
│   │   ├── index.ts   // 单个组件模块打包配置
│   │   ├── index.vue  // 组件主题内容
│   │   ├── README.md  // 用于显示在站点中间位置的说明文档
│   └── index.ts // 主入口
├── site // 组件库站点
│   ├── public 
│   ├── src  // 站点文件
│   │   ├── assets  // 静态资源
│   │   ├── components
│   │   │   ├── DemoWrap.vue
│   │   │   ├── Laytout.vue
│   │   │   ├── NavItems.vue
│   │   ├── constant  // 站点左侧菜单及中间说明文档的配置
│   │   ├── demo // 站点右侧的demo页面
│   │   ├── router  // 站点路由
│   │   ├── store  
│   │   ├── views  // 站点相关页面
│   │   ├── App.vue
│   │   ├── main.ts //站点入口
├── examples // 开发示例
├── types // 类型定义文件

```
### 安装依赖
```js
// npm安装
yarn add th-wallet-ui
// 本地仓库安装
yarn add th-wallet-ui@git+https://jcode.cbpmgt.com/git/th_ui.git#v1.0.21
```

### 启动站点服务
```
yarn start
```

### 打包站点
```
yarn run build:site
```

### 打包组件
```
yarn run build:lib
```

### 创建新组件
```
yarn run create xxx
```

### 使用 babel-plugin-import实现按需加载

```js
// 配置babel.config.js
module.exports = {
  ....
  "plugins":[
    [  
      "import",
      {
        // 组件库的名字
        "libraryName": "th-wallet-ui",        
        // 样式文件
        "style": true
      }
    ]
  ]
}

```

---
_Source: https://npm.io/package/th-wallet-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._