# sda-lib-demo

> ## 安装启动

Latest version **0.1.14** (published 2023-03-07) · 0 weekly downloads

## Install

```sh
npm install sda-lib-demo
pnpm add sda-lib-demo
yarn add sda-lib-demo
bun add sda-lib-demo
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; low quality score; large bundle; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.14 |
| Published | 2023-03-07 |
| First published | 2022-04-06 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 27 |
| Unpacked size | 22.1 MB |
| Known vulnerabilities | 0 (+7 in 3 direct dependencies) |
| Install scripts | no |
| Maintainers | linwh |
| Keywords | vue, vue3, vite, sda, sda2.0, cione |

## Links

- npm: https://www.npmjs.com/package/sda-lib-demo
- npm.io page: https://npm.io/package/sda-lib-demo

## Dependencies (27)

- [vue](https://npm.io/package/vue.md) ^3.2.25
- [path](https://npm.io/package/path.md) ^0.12.7
- [cesium](https://npm.io/package/cesium.md) ^1.103.0
- [flv.js](https://npm.io/package/flv.js.md) ^1.6.2
- [hls.js](https://npm.io/package/hls.js.md) ^1.3.4
- [moment](https://npm.io/package/moment.md) ^2.29.4
- [swiper](https://npm.io/package/swiper.md) 6.0
- [dplayer](https://npm.io/package/dplayer.md) ^1.27.1
- [echarts](https://npm.io/package/echarts.md) ^5.4.1
- [prismjs](https://npm.io/package/prismjs.md) ^1.29.0
- [tinymce](https://npm.io/package/tinymce.md) ^6.3.2
- [vue-i18n](https://npm.io/package/vue-i18n.md) ^9.2.2
- [xgplayer](https://npm.io/package/xgplayer.md) ^2.32.2
- [js-base64](https://npm.io/package/js-base64.md) ^3.7.5
- [echarts-gl](https://npm.io/package/echarts-gl.md) ^2.0.9
- [qrcode.vue](https://npm.io/package/qrcode.vue.md) ^3.3.3
- [screenfull](https://npm.io/package/screenfull.md) ^6.0.2
- [vue-router](https://npm.io/package/vue-router.md) 4
- [map-leaflet](https://npm.io/package/map-leaflet.md) ^0.1.1
- [@novnc/novnc](https://npm.io/package/@novnc/novnc.md) 1.3.0
- [element-plus](https://npm.io/package/element-plus.md) ^2.2.6
- [vue-3d-model](https://npm.io/package/vue-3d-model.md) ^1.4.1
- [xgplayer-flv.js](https://npm.io/package/xgplayer-flv.js.md) ^2.3.0
- [xgplayer-hls.js](https://npm.io/package/xgplayer-hls.js.md) ^2.6.4
- [@kangc/v-md-editor](https://npm.io/package/@kangc/v-md-editor.md) ^2.3.15
- [echarts-liquidfill](https://npm.io/package/echarts-liquidfill.md) ^3.1.0
- [@tinymce/tinymce-vue](https://npm.io/package/@tinymce/tinymce-vue.md) ^5.0.1

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 0.1.14 (latest) — 2023-03-07
- 0.1.13 — 2023-03-07
- 0.1.12 — 2023-03-07
- 0.1.10 — 2023-03-07
- 0.1.9 — 2023-03-06
- 0.1.8 — 2023-03-06
- 0.1.7 — 2023-03-06
- 0.1.6 — 2023-03-06
- 0.1.5 — 2022-06-28
- 0.1.4 — 2022-05-17
- 0.1.3 — 2022-05-17
- 0.1.2 — 2022-05-17
- 0.1.1 — 2022-04-13
- 0.1.0 — 2022-04-13
- 0.0.10 — 2022-04-12
- … 10 more at https://npm.io/package/sda-lib-demo/versions

## README

# SDA2.0 组件库

## 安装启动

1. 安装依赖
   `$ yarn`

2. 启动项目
   `$ yarn dev`

## 发布版本

1. 登录 NPM 仓库
   `$ npm login`

2. 修改版本
   每次发布前需要更改 package.json version 字段, 提高版本号

3. 发布依赖

- 发布正式版本
  `$ npm publish`

- 添加 tag 发布测试版本
  `$ npm publish --tag=beta`

- 安装测试包
  `$ npm i <packageName>@beta`

## 组件定义示例

- 严禁使用 var 定义变量, require 引入文件

- [ref reactive toRef toRefs 的区别](https://blog.csdn.net/weixin_44867717/article/details/120531610)

```ts
import { defineComponent, h, toRef } from 'vue'

export default defineComponent({
  name: 'MLabel',
  props: {
    value: {
      type: String,
      required: true
    }
  },
  setup(props) {
    const label = toRef(props, 'value')

    return {
      label
    }
  },
  render() {
    return h('span', [`${this.label}`])
  }
})
```

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