open-index/open-npm huggingface dataset:
npm package: @supaur-works/sa-ui
Description: 基于 Uniapp 的 Vue3 业务组件库
Author: supaur-works
Latest version: 0.0.8

# Sa-ui

本组件库是一个基于 Uniapp 的 Vue3 组件库。

它是一个偏具体业务场景的组件库，组件独立，比较完整，主题可调，用 TypeScript 写的，快，可能会兼容 H5 和 微信小程序。

**_ [文档地址](https://fe.portal-dev.supaur.tech/component/introduction.html) _**

## 快速使用

```
yarn add @supaur-works/sa-ui
```

```
npm install @supaur-works/sa-ui
```

## 偏业务

希望我们写的每个组件都能被使用，都能用得起来，都有更针对性的业务场景，比如你写商品列表、sku 选择器时，希望能有可灵活定制的组件开箱即用。

## 源码组件

偏业务，就表示会有很多定制场景，所以我们没有进行代码编译打包，而是直接使用`vue`源码，你可以直接复制出来进行二次开发。

## 组件独立

每一个组件都可以直接将组件文件夹拷贝出来，放到项目中直接使用，除了`Scss`变量，无其他耦合。

## 比较完整

将会有覆盖完整电商等场景的 20+ 组件，希望能帮你少写点代码。

## 主题可调

使用 Sass 开发，定义了一套默认[主题变量](https://fe.portal-dev.supaur.tech/component/var.html)，可通过修改这个样式变量来调整主题。

顺便一提，如果你使用 vscode 进行开发，可以安装我们开发的 vscode 插件[`Style Helper`](https://marketplace.visualstudio.com/items?itemName=supaurworks-team.style-helper)，帮你提高开发效率。

## 使用 TypeScript

全量使用 TypeScript 编写，和你的 TypeScript 项目无缝衔接。

## 快

我们尽力让它不要太慢。至少 cascader、list 都可以用虚拟列表。

## 兼容双端

因为 uniapp 的支撑，我们的组件能兼容多端，但目前我们最多只打算兼容 H5 和微信小程序。

并且，每个组件都会有其兼容的终端类型，我们会在组件名称下面标明。