基于 ant design vue 扩展一些组件
vue3 + antdv + vuex
npm i andvx
目前只做按需引入
import xxx from "andvx/xxx";
如需把组件全局引入请自行在main.js处理
import { createApp } from 'vue'
import DoTable from "andvx/components/doTable";
...
const app = createApp(App)
app.component('a-table', DoTable);
...
-
alertPop 带关闭的提示框 使用说明
- 利用alert的基础功能处理了一个带关闭的全局提示组件
-
breadcrumb 面包屑组件
- 基于vuex 在菜单路由页面进行数据读取与浏览器选项卡title设置
- 同时也支持自住设置数据展示
-
doFcDesigner 动态表单ui编辑组件 使用说明
- 基于form-create进行自主定制处理
- 依然支持官方对图形界面操作的文档
- 通过图形界面编辑生成需要的JSON配置
-
doTable 表格的表头设置组件 使用说明
- 基于vuex存储表头部设置结果
- 可以进行表头列的移动、显隐
-
doTable/tableFormItem.vue 对表格内编辑的异常提示处理
- 配合框架的表单规则验证进行处理
- 更友好的展示异常
-
doModal a-modal组件扩展 使用说明
- a-modal组件扩展了拖拽功能 不支持Modal.info(xxx)弹出的拖动
-
doTree 整合tree操作 使用说明
- 列表结构转换成tree结构
- 排序功能
- 节点的数据操作 【增、删、改、查】
- 节点的移动 【上、下、左、右】
- 快速定位到选中节点
-
layout 外壳布局相关组件
- layout/menu.vue 左侧菜单
- layout/header.vue 右侧头部
- layout/header/org.vue 右侧头部 组织处理
- layout/header/user.vue 右侧头部 用户处理
- layout/header/system.vue 右侧头部 系统切换处理
- leavePageDetection.js 编辑状态离开时处理 使用说明
本组件是基于vuex处理的因此需要引入 store/modules/andvx.js
基于vite插件规范开发，处理打包时候遇到的一些问题
- vite-plugin-html 使用说明
npm i
npm run dev