andvx

基于 ant design vue 扩展一些组件

vue3 + antdv + vuex

npm

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);
...

components

• 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 右侧头部 系统切换处理

mixins

• leavePageDetection.js 编辑状态离开时处理 使用说明

store

本组件是基于vuex处理的因此需要引入 store/modules/andvx.js

vitePlugin

基于vite插件规范开发，处理打包时候遇到的一些问题

• vite-plugin-html 使用说明

demo运行

npm i
npm run dev