AIoT前端公共UI

liuyang 4902a2e804 @update: 修改flow暴露名称 2 vuotta sitten
.vscode b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
docs 4902a2e804 @update: 修改flow暴露名称 2 vuotta sitten
examples cbd21de32b add: 新增antv-x6组件模块,目前只支持上图下文字模式,后续会扩展 2 vuotta sitten
lib 4902a2e804 @update: 修改flow暴露名称 2 vuotta sitten
packages 4902a2e804 @update: 修改flow暴露名称 2 vuotta sitten
.eslintignore.js b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
.eslintrc b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
.gitignore ae7c7c9fa5 update: 修改配置信息 2 vuotta sitten
.gitignore copy b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
.prettierrc b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
INFO.md b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
README.md 495d3fe273 fixed: 修改表格插件 + 修改svg-icon为common-icon 2 vuotta sitten
auto-imports.d.ts b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
components.d.ts 4902a2e804 @update: 修改flow暴露名称 2 vuotta sitten
index.html b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
package.json cbd21de32b add: 新增antv-x6组件模块,目前只支持上图下文字模式,后续会扩展 2 vuotta sitten
pnpm-lock.yaml cbd21de32b add: 新增antv-x6组件模块,目前只支持上图下文字模式,后续会扩展 2 vuotta sitten
tsconfig.json b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
tsconfig.node.json b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
vite.config.ts b53d9d73ad create: 创建common-ui工程 2 vuotta sitten
开发规范.md b53d9d73ad create: 创建common-ui工程 2 vuotta sitten

README.md

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

Type Support For .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:

  1. Disable the built-in TypeScript Extension
    1. Run Extensions: Show Built-in Extensions from VSCode's command palette
    2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
  2. Reload the VSCode window by running Developer: Reload Window from the command palette.

快速上手

common-ui 基于 vue3 + ts + Element-plus 再次封装的基础组件

安装

npm install common-module-ui
&
yarn add common-module-ui -S

使用

// main.ts
import CommonUI from 'common-module-ui'
import 'common-module-ui/lib/style.css'
const app = createApp(App)
app.use(CommonUI)
app.mount('#app')

文档详见:http://123.57.35.51:18087/components/info/base.html