AIoT前端公共UI

liuyang f11e4515fb fixed: 修改文档打包基础路径 vor 2 Jahren
.vscode b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
docs f11e4515fb fixed: 修改文档打包基础路径 vor 2 Jahren
examples f04c75f677 update: 更新UI说明文档 vor 2 Jahren
lib ae7c7c9fa5 update: 修改配置信息 vor 2 Jahren
packages f04c75f677 update: 更新UI说明文档 vor 2 Jahren
.eslintignore.js b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
.eslintrc b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
.gitignore ae7c7c9fa5 update: 修改配置信息 vor 2 Jahren
.gitignore copy b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
.prettierrc b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
INFO.md b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
README.md b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
auto-imports.d.ts b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
components.d.ts 8a1c11d7f5 update: 优化common-ui的文档内容 vor 2 Jahren
deploy.sh ae7c7c9fa5 update: 修改配置信息 vor 2 Jahren
index.html b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
package.json ae7c7c9fa5 update: 修改配置信息 vor 2 Jahren
pnpm-lock.yaml 8a1c11d7f5 update: 优化common-ui的文档内容 vor 2 Jahren
tsconfig.json b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
tsconfig.node.json b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
vite.config.ts b53d9d73ad create: 创建common-ui工程 vor 2 Jahren
开发规范.md b53d9d73ad create: 创建common-ui工程 vor 2 Jahren

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-module
├─ .eslintignore.js
├─ .eslintrc
├─ .gitignore
├─ .gitignore copy
├─ .prettierrc
├─ INFO.md
├─ README.md
├─ auto-imports.d.ts
├─ components.d.ts
├─ index.html
├─ package-lock.json
├─ package.json
├─ public
│  └─ vite.svg
├─ src
│  ├─ App.vue
│  ├─ assets
│  │  └─ css
│  │     ├─ common.scss
│  │     ├─ element.scss
│  │     ├─ mixins
│  │     │  ├─ config.scss
│  │     │  └─ function.scss
│  │     ├─ reset.scss
│  │     └─ variable.scss
│  ├─ components
│  │  ├─ bread-crumb
│  │  │  └─ Bread.vue
│  │  ├─ card
│  │  │  ├─ Card.vue
│  │  │  └─ CardGroup.vue
│  │  ├─ container
│  │  │  └─ CommonContainer.vue
│  │  ├─ dialog
│  │  │  └─ Dialog.vue
│  │  ├─ drawer
│  │  │  └─ Drawer.vue
│  │  ├─ form
│  │  │  ├─ Form.vue
│  │  │  └─ Select.vue
│  │  ├─ index.ts
│  │  ├─ info
│  │  │  └─ Info.vue
│  │  ├─ layer
│  │  │  ├─ CommonLayer.vue
│  │  │  ├─ Header.vue
│  │  │  ├─ Menu.vue
│  │  │  └─ MenuItem.vue
│  │  ├─ page-panel
│  │  │  └─ PagePanel.vue
│  │  ├─ panel
│  │  │  └─ Panel.vue
│  │  ├─ search
│  │  │  └─ Search.vue
│  │  ├─ table
│  │  │  └─ Table.vue
│  │  └─ tree
│  │     └─ Tree.vue
│  ├─ main.ts
│  ├─ router.ts
│  ├─ views
│  │  ├─ GridDemo.vue
│  │  └─ TableDemo.vue
│  └─ vite-env.d.ts
├─ tsconfig.json
├─ tsconfig.node.json
└─ vite.config.ts

common-module
├─ .eslintignore.js
├─ .eslintrc
├─ .gitignore
├─ .gitignore copy
├─ .prettierrc
├─ INFO.md
├─ README.md
├─ auto-imports.d.ts
├─ components.d.ts
├─ index.html
├─ package-lock.json
├─ package.json
├─ public
│  └─ vite.svg
├─ src
│  ├─ App.vue
│  ├─ assets
│  │  └─ css
│  │     ├─ common.scss
│  │     ├─ element.scss
│  │     ├─ mixins
│  │     │  ├─ config.scss
│  │     │  └─ function.scss
│  │     ├─ reset.scss
│  │     └─ variable.scss
│  ├─ components
│  │  ├─ bread-crumb
│  │  │  └─ Bread.vue
│  │  ├─ card
│  │  │  ├─ Card.vue
│  │  │  └─ CardGroup.vue
│  │  ├─ container
│  │  │  └─ CommonContainer.vue
│  │  ├─ dialog
│  │  │  └─ Dialog.vue
│  │  ├─ drawer
│  │  │  └─ Drawer.vue
│  │  ├─ form
│  │  │  ├─ Form.vue
│  │  │  └─ Select.vue
│  │  ├─ index.ts
│  │  ├─ info
│  │  │  └─ Info.vue
│  │  ├─ layer
│  │  │  ├─ CommonLayer.vue
│  │  │  ├─ Header.vue
│  │  │  ├─ Menu.vue
│  │  │  └─ MenuItem.vue
│  │  ├─ page-panel
│  │  │  └─ PagePanel.vue
│  │  ├─ panel
│  │  │  └─ Panel.vue
│  │  ├─ search
│  │  │  └─ Search.vue
│  │  ├─ table
│  │  │  └─ Table.vue
│  │  └─ tree
│  │     └─ Tree.vue
│  ├─ main.ts
│  ├─ router.ts
│  ├─ views
│  │  ├─ GridDemo.vue
│  │  └─ TableDemo.vue
│  └─ vite-env.d.ts
├─ tsconfig.json
├─ tsconfig.node.json
└─ vite.config.ts