AIoT前端公共UI

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

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