签入版本
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
# G. 前端组件速查
|
||||
|
||||
:::tip 概述
|
||||
公共组件定义在 `ui/src/components/` 目录下。其中 `PageWrapper`、`PageFooter`、`BasicTable`、`BasicForm`、`NumberInput`、`PriceInput`、`pagination`、`icon` 已在 `ui/src/plugins/customComponents.ts` 中**全局注册**,模板里可直接使用;其余组件按需 import。
|
||||
公共组件定义在 `ui/src/components/` 目录下。其中 `PageWrapper`、`PageFooter`、`BasicTable`、`BasicForm`、`NumberInput`、`pagination` 已在 `ui/src/plugins/customComponents.ts` 中**全局注册**,模板里可直接使用;其余组件按需 import(图标选择器 `IconPicker` 由 `unplugin-vue-components` 按需自动导入)。
|
||||
:::
|
||||
|
||||
## 全局注册组件
|
||||
@@ -13,10 +13,8 @@
|
||||
| `PageWrapper` / `PageFooter` | `components/Page/` | 页面容器 / 页脚 |
|
||||
| `BasicTable` | `components/Table/` | 数据表格(通过 props 传数据) |
|
||||
| `BasicForm` | `components/Form/` | 动态表单(配合 `useForm` 的 register) |
|
||||
| `NumberInput` | `components/numberInput/` | 数字输入 |
|
||||
| `PriceInput` | `components/numberInput/` | 价格输入 |
|
||||
| `NumberInput` | `components/numberInput/` | 数字输入(基于 `a-input` 封装) |
|
||||
| `pagination` | `components/pagination/` | 分页 |
|
||||
| `icon` | `components/icon/` | 图标 |
|
||||
|
||||
## 数据展示
|
||||
|
||||
@@ -26,7 +24,6 @@
|
||||
| PageWrapper | `components/Page/` | 页面容器 | 全局注册 |
|
||||
| CountTo | `components/CountTo/` | 数字动画 | 按需 import |
|
||||
| Qrcode | `components/Qrcode/` | 二维码 | 按需 import |
|
||||
| TableSelect | `components/TableSelect/` | 表格选择器 | 按需 import |
|
||||
|
||||
## 数据录入
|
||||
|
||||
@@ -41,7 +38,7 @@
|
||||
| ChinaArea | `components/ChinaArea/` | 省市区联动 | 按需 import |
|
||||
| Region | `components/Region/` | 行政区划 | 按需 import |
|
||||
| Cropper | `components/Cropper/` | 头像裁剪 | 按需 import |
|
||||
| NumberInput / PriceInput | `components/numberInput/`、`priceInput/` | 数字 / 价格输入 | 全局注册 |
|
||||
| NumberInput | `components/numberInput/` | 数字输入 | 全局注册 |
|
||||
|
||||
## Excel 与导入导出
|
||||
|
||||
@@ -57,7 +54,6 @@
|
||||
| 组件 | 路径 | 说明 |
|
||||
|------|------|------|
|
||||
| Authority | `components/Authority/` | 权限组件(根据权限显示/隐藏) |
|
||||
| CheckToken | `components/CheckToken/` | Token 校验组件 |
|
||||
| Lockscreen | `components/Lockscreen/` | 锁屏组件 |
|
||||
| Websocket | `components/Websocket/` | WebSocket 组件 |
|
||||
| Render | `components/Render/` | 函数式渲染组件 |
|
||||
@@ -92,12 +88,12 @@ const [register, { getFieldsValue }] = useForm({
|
||||
:row-key="(row) => row.id"
|
||||
ref="tableRef"
|
||||
:actionColumn="actionColumn"
|
||||
@selection-change="onSelectionChange"
|
||||
:row-selection="{ onChange: onSelectionChange }"
|
||||
>
|
||||
<template #tableTitle>
|
||||
<el-button type="primary" @click="handleAdd" v-perm="['sys:example:add']">
|
||||
<a-button type="primary" @click="handleAdd" v-perm="['sys:example:add']">
|
||||
添加案例演示
|
||||
</el-button>
|
||||
</a-button>
|
||||
</template>
|
||||
</BasicTable>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user