升级组件库

.env.development

@@ -1,3 +1,3 @@
 NODE_ENV = development
-# VUE_APP_API_BASE_URL = 'http://10.180.218.86:9292'
+VUE_APP_API_BASE_URL = 'http://10.180.218.86:9292'
-VUE_APP_API_BASE_URL = 'http://127.0.0.1:9292'
+# VUE_APP_API_BASE_URL = 'http://127.0.0.1:9292'

babel.config.js

@@ -13,7 +13,7 @@ module.exports = {
     [
       "import",
       {
-        libraryName: "ant-design-vue",
+        libraryName: "@hwork/ant-design-vue",
         libraryDirectory: "es",
         style: true // `style: true` 会加载 less 文件
       }

generate.js

@@ -1,27 +0,0 @@
-const path = require('path');
-
-const { generateTheme } = require('antd-theme-generator');
-
-generateTheme({
-    antDir: path.join(__dirname, './node_modules/ant-design-vue'), //node_modules中antd的路径
-    stylesDir: path.join(__dirname, './src/assets/css'), //styles对应的目录路径
-    varFile: path.join(__dirname, './src/assets/css/color.less'), //less变量的入口文件
-    themeVariables: [
-        '@primary-color',
-        '@secondary-color',
-        '@text-color',
-        '@text-color-secondary',
-        '@heading-color',
-        '@layout-body-background',
-        '@btn-primary-bg',
-        '@layout-header-background',
-    ],
-    outputFilePath: path.join(__dirname, './public/theme.less'), //生成的color.less文件的位置
-    customColorRegexArray: [/^color\(.*\)$/],
-})
-.then(res => {
-    console.log('generate theme success');
-})
-.catch(res => {
-    console.log('generate theme failure');
-});

package.json

@@ -3,20 +3,19 @@
   "version": "1.0.0-RELEASE",
   "private": true,
   "scripts": {
-    "serve-dev": "node generate && vue-cli-service serve --mode development",
+    "serve-dev": "vue-cli-service serve --mode development",
-    "serve": "set NODE_OPTIONS=--openssl-legacy-provider && node generate && vue-cli-service serve --mode development",
+    "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --mode development",
-    "serve-pro": "node generate && vue-cli-service serve --mode production",
+    "serve-pro": "vue-cli-service serve --mode production",
-    "build-dev": "node generate && vue-cli-service build --mode development",
+    "build-dev": "vue-cli-service build --mode development",
-    "build-pro": "node generate && vue-cli-service build --mode production",
+    "build-pro": "vue-cli-service build --mode production",
     "report": "vue-cli-service build --report"
   },
   "dependencies": {
-    "@ant-design-vue/use": "^0.0.1-alpha.10",
     "@ant-design/icons-vue": "^6.0.1",
     "@antv/g2": "^4.1.20",
+    "@hwork/ant-design-vue": "^4.1.24",
+    "@hwork/icon": "^1.0.0",
     "@tinymce/tinymce-vue": "^4.0.4",
-    "ant-design-vue": "^2.2.2",
-    "antd-theme-generator": "^1.2.8",
     "axios": "^0.21.1",
     "core-js": "^3.6.5",
     "dayjs": "^1.11.7",
@@ -41,17 +40,15 @@
     "@vue/cli-plugin-eslint": "~4.5.8",
     "@vue/cli-service": "~4.5.8",
     "@vue/compiler-sfc": "^3.2.19",
-    "antd-theme-webpack-plugin": "^1.3.9",
     "babel-eslint": "^10.1.0",
     "babel-plugin-import": "^1.13.3",
-    "compression-webpack-plugin": "^6.1.1",
+    "compression-webpack-plugin": "^4.0.1",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.0.0-0",
     "less": "^3.13.1",
     "less-loader": "^7.1.0",
     "mockjs2": "^1.0.8",
-    "webpack": "^5.64.4",
+    "webpackbar": "^4.0.0"
-    "webpackbar": "^5.0.0-3"
   },
   "eslintConfig": {
     "root": true,

public/index.html

@@ -21,7 +21,6 @@
       <div style="display: flex; justify-content: center; align-items: center;">WMS</div>
     </div>
   </div>
-  <link rel="stylesheet/less" type="text/css" href="/theme.less" />
     <script>
       window.less = {
         async: false,

src/App.vue

@@ -6,8 +6,8 @@
 <script>
   import {useStore} from "vuex";
   import {computed, defineComponent, ref} from "vue";
-  import zhCN from 'ant-design-vue/es/locale/zh_CN';
+  import zhCN from '@hwork/ant-design-vue/es/locale/zh_CN';
-  import enUS from 'ant-design-vue/es/locale/en_US';
+  import enUS from '@hwork/ant-design-vue/es/locale/en_US';
   import dayjs from "dayjs";
   import "dayjs/locale/zh-cn";
 
@@ -35,12 +35,6 @@
       })
     )
 
-    setTimeout(function(){
-      window.less.modifyVars({
-        "primary-color": color.value,
-      })
-    },10)
-
     return {
       antdLocal,
       dayjs

src/api/request.js

@@ -1,7 +1,7 @@
 import axios from "axios";
 import {
   message as antdMessage
-} from "ant-design-vue";
+} from "@hwork/ant-design-vue";
 import store from "../store";
 import qs from 'qs';
 import router from '@/route/index'

src/assets/css/index.less

@@ -1,2 +1 @@
 @import './layout.less';
-@import './theme.less';

src/assets/css/theme.less

@@ -1,284 +0,0 @@
-@primary-color: #2d8cf0;
-
-#nprogress .bar {
-  background: @primary-color!important;
-}
-#nprogress .peg {
-  box-shadow: @primary-color!important;
-}
-
-.pear-dot-tab {
-  height: 45.5px;
-  line-height: 45.5px;
-}
-.pear-dot-tab .ant-tabs-tab-active::before{
-  background-color: @primary-color!important;
-}
-.pear-dot-tab .tab {
-  width: calc(~"(100% - 40px)");
-  display: inline-block;
-}
-.pear-dot-tab .ant-tabs-tab-prev {
-  border-right: 1px solid #f0f2f5;
-  background-color: #f0f2f5;
-  height: 34px !important;
-  line-height: 34px !important;
-  text-align: center;
-}
-.pear-dot-tab .ant-tabs-tab-next {
-  border-left: 1px solid #f0f2f5;
-  background-color: #f0f2f5;
-  height: 34px !important;
-  line-height: 34px !important;
-  text-align: center;
-}
-.pear-dot-tab .tab-tool {
-  float: right;
-  top: 6px;
-  right: 6px;
-  border: none;
-}
-.pear-dot-tab .ant-tabs-bar {
-  margin: 0px !important;
-  border: none;
-  margin-top: 6px !important;
-  margin-bottom: 6px !important;
-}
-.pear-dot-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
-  border-radius: 3px;
-  border: none;
-  margin-right: 4px;
-  margin-left: 4px;
-  height: 34px !important;
-  line-height: 34px !important;
-  color: #808695;
-  background-color: white;
-}
-.pear-dot-tab
-  .ant-tabs.ant-tabs-card
-  .ant-tabs-card-bar
-  .ant-tabs-tab:first-child {
-  margin-left: 6px;
-}
-.pear-dot-tab
-  .ant-tabs.ant-tabs-card
-  .ant-tabs-card-bar
-  .ant-tabs-tab:last-child {
-  margin-right: 6px;
-}
-.pear-dot-tab .ant-tabs-nav-container {
-  height: 34px;
-}
-.pear-dot-tab .ant-tabs-nav .ant-tabs-tab::before {
-  background-color: whitesmoke;
-  height: 7.6px;
-  width: 7.6px;
-  border-radius: 500px;
-  position: absolute;
-  margin-top: 14.5px;
-  margin-left: 13px;
-}
-.pear-dot-tab .ant-tabs-nav .ant-tabs-tab > div {
-  margin-left: 13.5px;
-  color: #808695;
-}
-
-.pear-card-tab {
-  height: 40.5px;
-  line-height: 40.5px;
-  z-index: 200;
-  background-color: white !important;
-  border-top: 1px solid whitesmoke;
-  border-bottom: 1px solid whitesmoke;
-}
-.pear-card-tab .ant-tabs-tab-active::before{
-  background-color: @primary-color!important;
-}
-.pear-card-tab .tab {
-  width: calc(~"(100% - 40px)");
-  display: inline-block;
-}
-.pear-card-tab .ant-tabs-nav-container {
-  padding-left: 40px;
-  padding-right: 40px;
-}
-.pear-card-tab .ant-tabs-tab-prev {
-  border-right: 1px solid whitesmoke;
-  width: 40px !important;
-  height: 40px !important;
-  line-height: 39px !important;
-  text-align: center;
-  opacity: 1;
-  pointer-events: auto;
-  color: rgba(0, 0, 0, 0.65);
-}
-.pear-card-tab .ant-tabs-tab-next {
-  border-left: 1px solid whitesmoke;
-  width: 40px !important;
-  height: 40px !important;
-  line-height: 39px !important;
-  text-align: center;
-  opacity: 1;
-  pointer-events: auto;
-  color: rgba(0, 0, 0, 0.65);
-}
-.pear-card-tab .tab-tool {
-  float: right;
-  border: none !important;
-  border-left: 1px solid whitesmoke !important;
-  width: 40px !important;
-  height: 39px !important;
-  line-height: 39px !important;
-}
-.pear-card-tab .ant-tabs-bar {
-  margin: 0px !important;
-  border: none;
-}
-.pear-card-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
-  border-radius: 0px;
-  border: none;
-  height: 40px !important;
-  line-height: 40px !important;
-  color: #808695;
-  background-color: white;
-  margin-right: 0px;
-  border-right: whitesmoke 1px solid;
-}
-.pear-card-tab .ant-tabs-nav-container {
-  height: 40px;
-}
-.pear-card-tab .ant-tabs-nav .ant-tabs-tab::before {
-  background-color: whitesmoke;
-  height: 8px;
-  width: 8px;
-  border-radius: 50px;
-  position: absolute;
-  margin-top: 17px;
-  margin-left: 13px;
-}
-.pear-card-tab .ant-tabs-nav .ant-tabs-tab > div {
-  margin-left: 13.5px;
-  color: #808695;
-}
-
-// tab 标 签 样 式
-.pear-label-tab {
-  height: 45.5px;
-  line-height: 45.5px;
-}
-.pear-label-tab .tab {
-  width: calc(~"(100% - 40px)");
-  display: inline-block;
-}
-.pear-label-tab .ant-tabs-tab-prev {
-  border-right: 1px solid whitesmoke;
-  height: 34px !important;
-  line-height: 34px !important;
-  text-align: center;
-}
-.pear-label-tab .ant-tabs-tab-active{
-  background-color: @primary-color!important;
-}
-.pear-label-tab .ant-tabs-tab-active *{
-  color:white!important;
-}
-.pear-label-tab .ant-tabs-tab-next {
-  border-left: 1px solid whitesmoke;
-  height: 34px !important;
-  line-height: 34px !important;
-  text-align: center;
-}
-.pear-label-tab .tab-tool {
-  float: right;
-  top: 6px;
-  right: 6px;
-  border: none;
-}
-.pear-label-tab .ant-tabs-bar {
-  margin: 0px !important;
-  border: none;
-  margin-top: 6px !important;
-  margin-bottom: 6px !important;
-}
-.pear-label-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
-  border-radius: 3px;
-  border: none;
-  margin-right: 4px;
-  margin-left: 4px;
-  height: 34px !important;
-  line-height: 34px !important;
-  color: #808695;
-  background-color: white;
-}
-.pear-label-tab
-  .ant-tabs.ant-tabs-card
-  .ant-tabs-card-bar
-  .ant-tabs-tab:first-child {
-  margin-left: 6px;
-}
-.pear-label-tab
-  .ant-tabs.ant-tabs-card
-  .ant-tabs-card-bar
-  .ant-tabs-tab:last-child {
-  margin-right: 6px;
-}
-.pear-label-tab .ant-tabs-nav-container {
-  height: 34px;
-}
-.pear-label-tab .ant-tabs-nav .ant-tabs-tab::before {
-  display: none;
-}
-.pear-label-tab .ant-tabs-nav .ant-tabs-tab > div {
-  color: #808695;
-}
-
-// 路由动画
-.fade-right-enter-active {
-  transition: all .90s;
-}
-.fade-right-leave-active{
-  transition: all .90s;
-}
-.fade-right-enter-from {
-  opacity: 0;
-  transform: translateX(-35px);
-}
-.fade-right-leave-to {
-  opacity: 0;
-  transform: translateX(35px);
-  display: none;
-}
-
-.fade-top-enter-active {
-  transition: all .90s;
-}
-.fade-top-leave-active{
-  transition: all .90s;
-}
-.fade-top-enter-from {
-  opacity: 0;
-  transform: translateY(35px);
-}
-.fade-top-leave-to {
-  opacity: 0;
-  transform: translateY(-35px);
-  display: none;
-}
-
-/** Antd 的 通 用 美 化 */
-
-.ant-card {
-  border-radius: 4px !important;
-}
-.ant-card-bordered {
-  border: none !important;
-}
-.ant-divider {
-  background-color: whitesmoke !important;
-}
-.ant-layout-content {
-  flex: 1 !important;
-}
-.ant-table-title {
-  padding: 0 !important;
-}

src/component/proModal/src/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" :title="title" :cancelText="cancelText" :okText="okText" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" :title="title" :cancelText="cancelText" :okText="okText" @ok="submit" @cancel="cancel">
 
     <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
       <template v-if="formState.columns===false">
@@ -63,12 +63,12 @@
 <script>
   import {
     message
-  } from "ant-design-vue";
+  } from "@hwork/ant-design-vue";
   import {
     save
   } from "@/api/module/config";
   import "./index.less";
-  import M from "ant-design-vue/es/modal/Modal";
+  import M from "@hwork/ant-design-vue/es/modal/Modal";
   import {
     defineComponent,
     reactive,

src/component/query/src/index.vue

@@ -2,8 +2,10 @@
   <div class="pro-query">
     <!-- 表单内容 -->
     <a-form
+      ref="formRef"
       layout="inline"
       :model="formState"
+      :rules="formRules"
       :label-col="labelCol"
       :wrapper-col="wrapperCol">
       <a-form-item v-show="!param.hidden || !hidden" :label="param.label" :key="index" v-for="(param, index) in searchParam">
@@ -55,7 +57,6 @@
 import "./index.less";
 import { defineComponent, reactive, ref,watch } from "vue";
 import { DownOutlined , UpOutlined } from "@ant-design/icons-vue"
-import { useForm } from "@ant-design-vue/use";
 
 export default defineComponent({
   name: "pro-query",
@@ -82,6 +83,8 @@ export default defineComponent({
   ],
   setup(props, {emit}) {
 
+    const formRef = ref();
+
     const hidden = ref(true);
     const more = ref(false);
 
@@ -100,7 +103,6 @@ export default defineComponent({
     })
 
     generateFormState(props.searchParam);
-    const { validate, resetFields } = useForm(formState, formRules)
 
     /// 是否存在隐藏表单
     props.searchParam.forEach(element => {
@@ -116,13 +118,17 @@ export default defineComponent({
 
     /// 表单查询
     const search = async function(){
-      var o = await validate();
+      try {
-      emit('on-search',o)
+        const values = await formRef.value.validate();
+        emit('on-search', {...values})
+      } catch (error) {
+        console.log('表单验证失败:', error);
+      }
     }
 
     /// 重置表单
     const reset = function(){
-      resetFields();
+      formRef.value.resetFields();
       emit('on-reset')
     }
 
@@ -132,6 +138,7 @@ export default defineComponent({
     }
 
     return {
+      formRef,
       more: more,
       hidden: hidden,
       hiddenHandle: hiddenHandle,

src/component/table/src/index.vue

@@ -155,10 +155,16 @@
       <template #filterIcon="filtered">
         <search-outlined :style="{ color: filtered ? '#108ee9' : undefined }" />
       </template>
-      <!-- 列转换 -->
+      
-      <template :key="index" v-for="(column, index) in columns" #[column.dataIndex]="{ record }">
+      <!-- 表格头部单元格插槽 -->
+      <template #headerCell="{ column }">
+        <span>{{ column.title }}</span>
+      </template>
+      
+      <!-- 表格内容单元格插槽 -->
+      <template #bodyCell="{ column, record }">
         <!-- 行操作 -->
-        <span v-if="column.dataIndex == 'operate'">
+        <template v-if="column.dataIndex === 'operate'">
           <template :key="i" v-for="(item, i) in operate">
             <!-- 下拉操作 -->
             <a-dropdown v-if="item.children && item.children.length > 0">
@@ -188,25 +194,25 @@
               <a-divider type="vertical" v-if="i != operate.length - 1" />
             </pro-authority>
           </template>
-        </span>
+        </template>
 
         <!-- 开关转换 -->
-        <span v-else-if="column.switch">
+        <template v-else-if="column.switch">
           <a-switch @change="column.switch.event($event, record)"
             :checked="record[column.dataIndex] === column.switch.yes" checked-children="启用" un-checked-children="禁用" />
-        </span>
+        </template>
 
         <!-- 文本转换 -->
-        <span v-else-if="column.conver">
+        <template v-else-if="column.conver">
           <template v-for="(data, index) in column.conver">
             <span :key="index" v-if="data.value === record[column.dataIndex]">
               {{ data.label }}
             </span>
           </template>
-        </span>
+        </template>
 
         <!-- 头像 -->
-        <span v-else-if="column.avatar">
+        <template v-else-if="column.avatar">
           <!-- 空头像 -->
           <a-avatar v-if="record[column.dataIndex] == null" :size="column.avatar.size" :shape="column.avatar.shape">
             <template #icon>
@@ -215,23 +221,23 @@
           </a-avatar>
           <!-- 非头像 -->
           <a-avatar v-else :src="record[column.dataIndex]" :size="column.avatar.size" :shape="column.avatar.shape" />
-        </span>
+        </template>
 
         <!-- 数据字典 -->
-        <span v-else-if="column.dictionary">
+        <template v-else-if="column.dictionary">
           <pro-dictionary :code="column.dictionary.code" :type="column.dictionary.type"
             v-model="record[column.dataIndex]"></pro-dictionary>
-        </span>
+        </template>
 
         <!-- 预览 -->
-        <span v-else-if="column.image">
+        <template v-else-if="column.image">
           <a-image :width="column.image.width" :src="record[column.dataIndex]" />
-        </span>
+        </template>
 
         <!-- 原样输出 -->
-        <span v-else-if="record">
+        <template v-else>
           {{ record[column.dataIndex] }}
-        </span>
+        </template>
       </template>
 
       <!-- 内容插槽 -->
@@ -253,16 +259,19 @@
       <template #footer="" v-if="showPageTotal && datasource.length>0">
         <a-table id="totalTable" :rowKey="rowKey" :data-source=" datasource.slice(0, 1)" :columns="columns"
           :pagination="false" :showHeader="false" :scroll="{ x: true, y: false }" :bordered=false size="small">
-          <template :key="index" v-for="(column, index) in columns" #[column.dataIndex]="{ record }">
+          <template #bodyCell="{ column, record }">
             <!-- 开关转换 -->
-            <template v-if="index == 0 ">
+            <template v-if="column.dataIndex === 'operate'">
               <span :style="{fontSize: '14px', color: '#08c'}">合计</span>
             </template>
-            <template v-if="column.showTotal">
+            <template v-else-if="column.showTotal">
               <span :style="{fontSize: '14px', color: '#08c'}">
                 {{column.title}}<br />合计：{{ getSum(datasource, column.dataIndex,record) }}{{ column.totalUnit || '' }}
               </span>
             </template>
+            <template v-else>
+              <!-- 原样输出 -->
+            </template>
           </template>
         </a-table>
       </template>
@@ -274,7 +283,7 @@
   import "./index.less";
   import FileSaver from 'file-saver';
   import * as XLSX from 'xlsx/xlsx.mjs';
-  import T from "ant-design-vue/es/table/Table";
+  import T from "@hwork/ant-design-vue/es/table/Table";
   //import excelExport from "../module/ExportExcel"
   import {
     list
@@ -375,10 +384,10 @@
     setup(props) {
       const slotsData = ref([]);
       const store = useStore();
+      // 更新 slotsData 的处理逻辑，不再依赖 column.slots
       props.columns.map((value) => {
-        if (value.slots) {
+        if (value.slots && value.slots.customRender) {
           slotsData.value.push(value.slots.customRender);
-          //slotsData.value.push(value.slots.filterIcon);
         }
       });
 
@@ -493,27 +502,13 @@
           column.filtered = false;
           if (column.dictionary) {
             //添加列过滤模板
-            state.filterColumnsIndex.push(column.index),
+            state.filterColumnsIndex.push(column.index);
-              column.filters = dict;
+            column.filters = dict;
             column.filterSearch = true;
-            column.slots = {
-              customRender: column.dataIndex,
-              filterDropdown: "columnfilter",
-            };
-          } else {
-            //添加列搜索模板
-            column.slots = {
-              customRender: column.dataIndex,
-              filterIcon: "filterIcon",
-              filterDropdown: "filterDropdown",
-            };
           } 
-        } else {
+          // 不再需要设置 column.slots
-          //普通列
-          column.slots = {
-            customRender: column.dataIndex
-          };
         }
+        // 不再需要设置 column.slots
       });
 
       /// 过滤字段

src/layout/module/header/index.vue

@@ -48,7 +48,7 @@
       <div class="menu-item" v-else @click="full(2)">
         <CompressOutlined />
       </div>
-      <a-dropdown class="notice-item" placement="bottomCenter">
+      <a-dropdown class="notice-item" placement="bottom">
         <BellOutlined />
         <template #overlay>
           <a-menu class="notice-dropdown">
@@ -69,7 +69,7 @@
           </a-menu>
         </template>
       </a-dropdown>
-      <a-dropdown class="locale-item" placement="bottomCenter">
+      <a-dropdown class="locale-item" placement="bottom">
         <GlobalOutlined />
         <template #overlay>
           <a-menu @click="toggleLang" :selectedKeys="selectedKeys">
@@ -78,7 +78,7 @@
           </a-menu>
         </template>
       </a-dropdown>
-      <a-dropdown class="avatar-item" placement="bottomCenter">
+      <a-dropdown class="avatar-item" placement="bottom">
         <a-avatar :src="userInfo.avatar"></a-avatar>
         <template #overlay>
           <a-menu class="avatar-dropdown">

src/layout/module/setup/index.vue

@@ -2,9 +2,9 @@
   <a-drawer
     placement="right"
     :closable="false"
-    :visible="visible"
+    :open="visible"
     width="340"
-    :after-visible-change="afterVisibleChange"
+    @afterOpenChange="afterVisibleChange"
     @close="onChangeVisible()"
     :class="[color]"
   >

src/locale/lang/en-us.js

@@ -1,5 +1,5 @@
 import { getModule } from '@/tools/common'
-import antLocal from 'ant-design-vue/es/locale/en_US'
+import antLocal from '@hwork/ant-design-vue/es/locale/en_US'
 
 const requireENContext = require.context('./en-us/', false, /[\w+].(js)$/)
 const enUS = getModule(requireENContext)

src/locale/lang/zh-cn.js

@@ -1,5 +1,5 @@
 import { getModule } from '@/tools/common'
-import antLocal from 'ant-design-vue/es/locale/zh_CN'
+import antLocal from '@hwork/ant-design-vue/es/locale/zh_CN'
 
 const requireENContext = require.context('./zh-cn/', false, /[\w+].(js)$/)
 const zhCN = getModule(requireENContext)

src/main.js

@@ -1,5 +1,5 @@
 import { createApp } from "vue";
-import Antd from "ant-design-vue/es";
+import Antd from "@hwork/ant-design-vue";
 import App from "./App.vue";
 import Router from "./route";
 import Store from "./store";
@@ -8,7 +8,7 @@ import i18n from './locale';
 import * as antIcons from '@ant-design/icons-vue';
 
 import "./assets/css/index.less";
-import "ant-design-vue/dist/antd.less";
+import "@hwork/ant-design-vue/dist/reset.css";
 import VueCropper from 'vue-cropper'
 
 const app = createApp(App)

src/store/module/app.js

@@ -1,5 +1,5 @@
 import config from '@/configure/pear.config.js';
-import { message } from "ant-design-vue";
+import { message } from "@hwork/ant-design-vue";
 
 const state = {
 

src/store/module/user.js

@@ -10,7 +10,7 @@ import {
 } from "@/route/permission";
 import {
   message
-} from "ant-design-vue";
+} from "@hwork/ant-design-vue";
 
 const state = {
   token: localStorage.getItem("token") ? localStorage.getItem("token") : "",

src/tools/dateTimeUtil.js

@@ -1,5 +1,5 @@
 //汇总处理时间相关内容的公共方法
-	import {message} from 'ant-design-vue';
+	import {message} from '@hwork/ant-design-vue';
 /*
  *比较两个时间大小
  * if(time1 > time2) return true

src/view/announce/index.vue

@@ -37,7 +37,7 @@
 import save from './modal/save';
 import edit from './modal/edit';
 import info from './modal/info';
-import { message , modal} from 'ant-design-vue';
+import { message , modal} from '@hwork/ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { page, remove, removeBatch } from "@/api/module/announce";
 import { reactive, createVNode, ref } from 'vue';

src/view/announce/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="修改公告"
     cancelText="取消"
     okText="提交"
@@ -24,7 +24,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit } from "@/api/module/announce";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/announce/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/announce/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增公告"
     cancelText="取消"
     okText="提交"
@@ -24,7 +24,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save } from "@/api/module/announce";
 import { defineComponent, reactive, ref, toRaw } from "vue";
 export default defineComponent({

src/view/config/index.vue

@@ -35,7 +35,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/config/modal/addConfig.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" title="新增配置信息" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" title="新增配置信息" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
     <a-form ref="formRef" :model="formState" :rules="formRules" v-bind="formItemLayoutWithOutLabel"
       :label-col="labelCol" :wrapper-col="wrapperCol">
       <a-form-item ref="name" label="描述" name="name">
@@ -349,7 +349,7 @@
 <script>
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     addConfig
   } from "@/api/module/config";

src/view/config/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="修改配置"
     cancelText="取消"
     okText="提交"
@@ -32,7 +32,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit } from "@/api/module/config";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 

src/view/config/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/config/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增(原始配置)"
     cancelText="取消"
     okText="提交"
@@ -33,7 +33,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from "ant-design-vue";
+import { message } from "@hwork/ant-design-vue";
 import { save } from "@/api/module/config";
 import { defineComponent, reactive, ref, toRaw } from "vue";
 

src/view/dataSource/index.vue

@@ -37,7 +37,7 @@
 <script>
 import save from './modal/save';
 import edit from './modal/edit';
-import { message , modal} from 'ant-design-vue';
+import { message , modal} from '@hwork/ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { page, remove, removeBatch } from "@/api/module/dataSource";
 import { reactive, createVNode, ref } from 'vue';

src/view/dataSource/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="修改多库"
     cancelText="取消"
     okText="提交"
@@ -39,7 +39,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit } from "@/api/module/dataSource";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 

src/view/dataSource/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增多库"
     cancelText="取消"
     okText="提交"
@@ -39,7 +39,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save } from "@/api/module/dataSource";
 import { defineComponent, reactive, ref, toRaw } from "vue";
 

src/view/dept/index.vue

@@ -39,7 +39,7 @@
 import save from "./modal/save";
 import edit from "./modal/edit";
 import info from "./modal/info";
-import { message , modal} from 'ant-design-vue';
+import { message , modal} from '@hwork/ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { tree, remove, removeBatch } from "@/api/module/dept";
 import { reactive, createVNode, ref } from 'vue';

src/view/dept/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="修改岗位"
     cancelText="取消"
     okText="提交"
@@ -46,7 +46,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit, tree } from "@/api/module/dept";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/dept/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="提交"

src/view/dept/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增岗位"
     cancelText="取消"
     okText="提交"
@@ -45,7 +45,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save, tree } from "@/api/module/dept";
 import { defineComponent, reactive, ref, toRaw } from "vue";
 export default defineComponent({

src/view/dict/index.vue

@@ -30,7 +30,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/dict/modal/data.vue

@@ -15,7 +15,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/dict/modal/data/edit.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" title="修改字典" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" title="修改字典" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
     <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
       <a-form-item ref="label" label="中文标签" name="label">
         <a-input v-model:value="formState.label" />
@@ -28,7 +28,7 @@
 <script>
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     edit
   } from "@/api/module/dictData";

src/view/dict/modal/data/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增字典"
     cancelText="取消"
     okText="提交"
@@ -39,7 +39,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save } from "@/api/module/dictData";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/dict/modal/edit.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" title="修改字典" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" title="修改字典" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
     <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
       <a-form-item ref="name" label="名称" name="name">
         <a-input v-model:value="formState.name" />
@@ -22,7 +22,7 @@
 <script>
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     edit
   } from "@/api/module/dict";

src/view/dict/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增字典"
     cancelText="取消"
     okText="提交"
@@ -33,7 +33,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save } from "@/api/module/dict";
 import { defineComponent, reactive, ref, toRaw } from "vue";
 export default defineComponent({

src/view/inbox/index.vue

@@ -30,7 +30,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/inbox/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="编辑消息"
     cancelText="取消"
     okText="提交"
@@ -21,7 +21,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit } from "@/api/module/inbox";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/inbox/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/inbox/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="发送私信"
     cancelText="取消"
     okText="提交"
@@ -26,7 +26,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save } from "@/api/module/inbox";
 import { list } from "@/api/module/user";
 import { defineComponent, reactive, ref, toRaw } from "vue";

src/view/job/cron/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-dropdown :trigger="['click']" v-model:visible="visible" placement="bottomCenter">
+  <a-dropdown :trigger="['click']" v-model:open="visible" placement="bottom">
     <a-input v-model:value="value_">
     </a-input>
     <template #overlay>

src/view/job/index.vue

@@ -30,7 +30,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/job/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="修改任务"
     cancelText="取消"
     okText="提交"
@@ -36,7 +36,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit } from "@/api/module/job";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/job/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/job/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增任务"
     cancelText="取消"
     okText="提交"
@@ -36,7 +36,7 @@
   </a-modal>
 </template>
 <script>
-  import {message} from 'ant-design-vue';
+  import {message} from '@hwork/ant-design-vue';
   import {save} from "@/api/module/job";
   import {defineComponent, reactive, ref, toRaw} from "vue";
   import cron from "../cron/index";

src/view/jobLog/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/log/auth.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import { message , modal} from 'ant-design-vue';
+import { message , modal} from '@hwork/ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { page, clean } from "@/api/module/log";
 import { reactive, createVNode } from 'vue';

src/view/log/oper.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import { message , modal} from 'ant-design-vue';
+import { message , modal} from '@hwork/ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { page, clean, exportExcel } from "@/api/module/log";
 import { reactive, createVNode, ref } from 'vue';

src/view/login/index.vue

@@ -63,7 +63,7 @@ import { reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
 import { create } from "@/api/module/captcha";
-import { notification } from "ant-design-vue";
+import { notification } from "@hwork/ant-design-vue";
 export default {
   setup() {
     const router = useRouter();

src/view/mail/index.vue

@@ -39,7 +39,7 @@
   </div>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { send } from '@/api/module/mail'
 import { toRaw } from 'vue';
 

src/view/oss/modal/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看"
     cancelText="取消"
     @ok="submit"

src/view/oss/modal/upload.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="文件上传"
     cancelText="取消"
     okText="提交"

src/view/post/index.vue

@@ -37,7 +37,7 @@
 import save from './modal/save';
 import edit from './modal/edit';
 import info from './modal/info';
-import { message , modal} from 'ant-design-vue';
+import { message , modal} from '@hwork/ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { page, remove, removeBatch } from "@/api/module/post";
 import { reactive, createVNode, ref } from 'vue';

src/view/post/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增岗位"
     cancelText="取消"
     okText="提交"
@@ -33,7 +33,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit } from "@/api/module/post";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/post/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/post/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增岗位"
     cancelText="取消"
     okText="提交"
@@ -33,7 +33,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save } from "@/api/module/post";
 import { defineComponent, reactive, ref, toRaw } from "vue";
 export default defineComponent({

src/view/power/index.vue

@@ -33,7 +33,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/power/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="修改权限"
     cancelText="取消"
     okText="提交"
@@ -65,7 +65,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit, tree } from "@/api/module/power";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/power/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"
@@ -58,7 +58,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save, tree } from "@/api/module/power";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/power/modal/save.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" title="新增权限" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" title="新增权限" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
     <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
       <a-row :gutter='[1,1]'>
         <a-col :span ="12">
@@ -60,7 +60,7 @@
 <script>
   import {
     message
-  } from "ant-design-vue";
+  } from "@hwork/ant-design-vue";
   import {
     save,
     tree

src/view/profile/index.vue

@@ -49,7 +49,7 @@
                   avatarTextTop="推荐使用174px*200px  JPG.PNG.JPEG格式 图片小于1M" avatarTextBottom="点击头像进行修改"></CropperUpload>
               </a-tab-pane>
             </a-tabs>
-            <a-modal v-model:visible="passwordState" title="修改密码" @ok="onSubmit" okText="确认" cancelText="取消">
+            <a-modal v-model:open="passwordState" title="修改密码" @ok="onSubmit" okText="确认" cancelText="取消">
               <a-form-item label="旧密码">
                 <a-input v-model:value="password.oldPassword" placeholder="请输入旧密码" />
               </a-form-item>
@@ -70,7 +70,7 @@
 
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     profile,
     editPassword,
@@ -113,7 +113,7 @@
         previewsCircle: false, //预览图是否是原圆形
         title: "修改图片",
       });
-      const coverUrl = ref("http://localhost:9292/profile/upload/2024/08/27/12_24082717063300.png");
+      const coverUrl = ref("");
       //const coverUrlFn = reactive("");
 
       profile({}).then((response) => {

src/view/profile/modal/cropperModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="state.visible" :title="options.title" :maskClosable="false" :confirmLoading="state.confirmLoading"
+  <a-modal :open="state.visible" :title="options.title" :maskClosable="false" :confirmLoading="state.confirmLoading"
     :width="900" @cancel="cancelHandel">
     <a-row>
       <a-col :xs="24" :md="24" :style="{ height: '600px' }">
@@ -45,7 +45,7 @@
   import 'vue-cropper/dist/index.css';
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   //import { domainName } from "@/config/index";  // 后台服务器的域名
   import {
     reactive,

src/view/profile/modal/cropperUpload.vue

@@ -36,7 +36,7 @@
 <script>
   import {
     message
-  } from "ant-design-vue";
+  } from "@hwork/ant-design-vue";
   import {
     PlusOutlined,
     LoadingOutlined

src/view/role/index.vue

@@ -33,7 +33,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/role/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="修改角色"
     cancelText="取消"
     okText="提交"
@@ -33,7 +33,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit } from "@/api/module/role";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({

src/view/role/modal/give.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="权限配置"
     cancelText="取消"
     okText="保存"
@@ -41,12 +41,12 @@
   </a-modal>
 </template>
 <script>
-import { message } from "ant-design-vue";
+import { message } from "@hwork/ant-design-vue";
 import { tree as deptTree } from "@/api/module/dept";
 import { assign as powerTree } from "@/api/module/power";
 import { power, give, dept } from "@/api/module/role";
 import { defineComponent, reactive, ref, watch } from "vue";
-import TreeSelect from "ant-design-vue/lib/vc-tree-select";
+import TreeSelect from "@hwork/ant-design-vue/lib/vc-tree-select";
 export default defineComponent({
   props: {
     visible: {

src/view/role/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/role/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增角色"
     cancelText="取消"
     okText="提交"
@@ -33,7 +33,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { save } from "@/api/module/role";
 import { defineComponent, reactive, ref, toRaw } from "vue";
 export default defineComponent({

src/view/sms/index.vue

@@ -36,7 +36,7 @@
   </div>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { send } from '@/api/module/sms'
 import { toRaw } from 'vue';
 

src/view/space/index.vue

@@ -59,7 +59,7 @@
   //import ImageScreen from './modal/ImageScreen';
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     list
   } from "@/api/wms/warehouse";

src/view/space/modal/ImageScreen.vue

@@ -31,7 +31,7 @@
 <script>
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
 
   import {
     defineComponent,

src/view/space/modal/TaskStatistics.vue

@@ -36,7 +36,7 @@
   } from "@ant-design/icons-vue";
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     list
   } from "@/api/wms/warehouse";

src/view/space/modal/TaskTypeStatistics.vue

@@ -36,7 +36,7 @@
   } from "@ant-design/icons-vue";
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     list
   } from "@/api/wms/warehouse";

src/view/space/modal/locArea.vue

@@ -38,7 +38,7 @@
 <script>
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     list
   } from "@/api/wms/warehouse";

src/view/tenant/index.vue

@@ -42,7 +42,7 @@ import save from './modal/save';
 import edit from './modal/edit';
 import info from './modal/info';
 import give from './modal/give';
-import { message , modal} from 'ant-design-vue';
+import { message , modal} from '@hwork/ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { page, remove, removeBatch } from "@/api/module/tenant";
 import { reactive, createVNode, ref } from 'vue';

src/view/tenant/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="修改租户"
     cancelText="取消"
     okText="提交"
@@ -23,7 +23,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { edit } from "@/api/module/tenant";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 

src/view/tenant/modal/give.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="权限配置"
     cancelText="取消"
     okText="保存"
@@ -18,7 +18,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from "ant-design-vue";
+import { message } from "@hwork/ant-design-vue";
 import { tree as powerTree } from "@/api/module/power";
 import { power, give } from "@/api/module/tenant";
 import { defineComponent, reactive, ref, watch } from "vue";

src/view/tenant/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/tenant/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增租户"
     cancelText="取消"
     okText="提交"
@@ -46,7 +46,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from "ant-design-vue";
+import { message } from "@hwork/ant-design-vue";
 import { save } from "@/api/module/tenant";
 import { tree } from "@/api/module/power";
 import { defineComponent, reactive, ref, toRaw } from "vue";

src/view/user/index.vue

@@ -47,7 +47,7 @@ import save from './modal/save';
 import edit from './modal/edit';
 import give from './modal/give';
 import info from './modal/info';
-import { message , modal} from 'ant-design-vue';
+import { message , modal} from '@hwork/ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { page, remove, removeBatch, resetPassword } from "@/api/module/user";
 import { reactive, createVNode, ref } from 'vue';

src/view/user/modal/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增用户"
     cancelText="取消"
     okText="提交"
@@ -58,7 +58,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { list } from "@/api/module/post";
 import { edit } from "@/api/module/user";
 import { tree } from "@/api/module/dept";

src/view/user/modal/give.vue

@@ -1,5 +1,5 @@
 <template>
-    <a-modal :visible="visible" title="分配角色" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+    <a-modal :open="visible" title="分配角色" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
         <pro-table 
             :fetch="fetch"
             :columns ="columns"
@@ -8,7 +8,7 @@
     </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { list } from "@/api/module/role";
 import { role, give } from "@/api/module/user"; 
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";

src/view/user/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/user/modal/save.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="新增用户"
     cancelText="取消"
     okText="提交"
@@ -61,7 +61,7 @@
   </a-modal>
 </template>
 <script>
-import { message } from 'ant-design-vue';
+import { message } from '@hwork/ant-design-vue';
 import { list } from "@/api/module/post";
 import { save } from "@/api/module/user";
 import { tree } from "@/api/module/dept";

src/view/wms/baseInfo/customer/index.vue

@@ -30,7 +30,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/wms/baseInfo/customer/modal/edit.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" title="编辑客户信息" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" title="编辑客户信息" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
     <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
       <a-form-item ref="customerCode" label="编号" name="customerCode">
         <a-input v-model:value="formState.customerCode" placeholder="请输入编号" />
@@ -44,7 +44,7 @@
 <script>
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     edit
   } from "@/api/wms/customer";

src/view/wms/baseInfo/customer/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/wms/baseInfo/customer/modal/save.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" title="编辑客户信息" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" title="编辑客户信息" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
     <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
       <a-form-item ref="customerCode" label="编号" name="customerCode">
         <a-input v-model:value="formState.customerCode" placeholder="请输入编号" />
@@ -44,7 +44,7 @@
 <script>
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     save
   } from "@/api/wms/customer";

src/view/wms/baseInfo/deliverType/index.vue

@@ -30,7 +30,7 @@
   import {
     message,
     modal
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     ExclamationCircleOutlined
   } from '@ant-design/icons-vue';

src/view/wms/baseInfo/deliverType/modal/edit.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" title="编辑搬运类型" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" title="编辑搬运类型" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
     <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol" :popupScroll = "popupScroll">
 
       <!-- <a-form-item ref="deliverDesc" label="搬运类型描述" name="deliverDesc">
@@ -51,7 +51,7 @@
 
   import {
     message
-  } from 'ant-design-vue';
+  } from '@hwork/ant-design-vue';
   import {
     edit
   } from "@/api/wms/deliverType";

src/view/wms/baseInfo/deliverType/modal/info.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    :visible="visible"
+    :open="visible"
     title="查看详情"
     cancelText="取消"
     okText="确定"

src/view/wms/baseInfo/deliverType/modal/save.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal :visible="visible" title="新增搬运类型" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal :open="visible" title="新增搬运类型" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
     <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
      <a-form-item ref="deliver" label="搬运类型" name="deliver">
        <a-input v-model:value="formState.deliver" placeholder="请输入搬运类型描述" />
@@ -33,7 +33,7 @@
 <script>
 import {
   message
-} from 'ant-design-vue';
+} from '@hwork/ant-design-vue';
 import {
   save
 } from "@/api/wms/deliverType";