hd-idevvue3 3.0.2 → 3.0.4

package/npminstall-debug.log

@@ -1,21 +1,13 @@
 {
   root: 'D:\\A-Work\\AA-SVN\\HD_IDEV9\\trunk\\04_SRC\\HD_IDEV_VUE_FRAME3',
   registry: 'https://registry.npmmirror.com',
-  pkgs: [
-    {
-      name: '@vue/cli-plugin-migration',
-      version: 'latest',
-      type: 'tag',
-      alias: undefined,
-      arg: [Result]
-    }
-  ],
+  pkgs: [],
   production: false,
   cacheStrict: false,
   cacheDir: 'C:\\Users\\qitia\\.npminstall_tarball',
   env: {
     npm_config_registry: 'https://registry.npmmirror.com',
-    npm_config_argv: '{"remain":[],"cooked":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\qitia\\\\.cnpmrc","--disturl=https://cdn.npmmirror.com/binaries/node","--registry=https://registry.npmmirror.com","-D","@vue/cli-plugin-migration"],"original":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\qitia\\\\.cnpmrc","--disturl=https://cdn.npmmirror.com/binaries/node","--registry=https://registry.npmmirror.com","-D","@vue/cli-plugin-migration"]}',
+    npm_config_argv: '{"remain":[],"cooked":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\qitia\\\\.cnpmrc","--disturl=https://cdn.npmmirror.com/binaries/node","--registry=https://registry.npmmirror.com"],"original":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\qitia\\\\.cnpmrc","--disturl=https://cdn.npmmirror.com/binaries/node","--registry=https://registry.npmmirror.com"]}',
     npm_config_user_agent: 'npminstall/7.12.0 npm/? node/v16.18.0 win32 x64',
     npm_config_cache: 'C:\\Users\\qitia\\.npminstall_tarball',
     NODE: 'C:\\Program Files\\nodejs\\node.exe',

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "hd-idevvue3",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "private": false,
   "description": "hd-idevvue3",
   "author": "huadong",
-  "main": "dist/idev.common.js",
+  "main": "dist/hd-idevvue3.mjs",
   "dependencies": {
+    "@element-plus/icons": "^0.0.11",
+    "@rollup/plugin-commonjs": "^28.0.3",
     "async-validator": "^4.2.5",
     "autoprefixer": "^10.4.21",
     "axios": "^1.8.4",

package/pnpm-lock.yaml

@@ -1,6 +1,8 @@
 lockfileVersion: 5.3
 
 specifiers:
+  '@element-plus/icons': ^0.0.11
+  '@rollup/plugin-commonjs': ^28.0.3
   '@vitejs/plugin-vue': ^3.2.0
   async-validator: ^4.2.5
   autoprefixer: ^10.4.21
@@ -32,6 +34,8 @@ specifiers:
   xlsx: ^0.18.5
 
 dependencies:
+  '@element-plus/icons': 0.0.11
+  '@rollup/plugin-commonjs': 28.0.3
   async-validator: 4.2.5
   autoprefixer: 10.4.21_postcss@8.5.3
   axios: 1.8.4
@@ -149,6 +153,11 @@ packages:
       vue: 3.5.13
     dev: false
 
+  /@element-plus/icons/0.0.11:
+    resolution: {integrity: sha512-iKQXSxXu131Ai+I9Ymtcof9WId7kaXvB1+WRfAfpQCW7UiAMYgdNDqb/u0hgTo2Yq3MwC4MWJnNuTBEpG8r7+A==}
+    deprecated: Please use @element-plus/icons-vue instead.
+    dev: false
+
   /@esbuild/android-arm/0.15.18:
     resolution: {integrity: sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==}
     engines: {node: '>=12'}
@@ -529,6 +538,24 @@ packages:
     dev: true
     optional: true
 
+  /@rollup/plugin-commonjs/28.0.3:
+    resolution: {integrity: sha512-pyltgilam1QPdn+Zd9gaCfOLcnjMEJ9gV+bTw6/r73INdvzf1ah9zLIJBm+kW7R6IUFIQ1YO+VqZtYxZNWFPEQ==}
+    engines: {node: '>=16.0.0 || 14 >= 14.17'}
+    peerDependencies:
+      rollup: ^2.68.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.1.4
+      commondir: 1.0.1
+      estree-walker: 2.0.2
+      fdir: 6.4.3_picomatch@4.0.2
+      is-reference: 1.2.1
+      magic-string: 0.30.17
+      picomatch: 4.0.2
+    dev: false
+
   /@rollup/pluginutils/5.1.4:
     resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
     engines: {node: '>=14.0.0'}
@@ -541,7 +568,6 @@ packages:
       '@types/estree': 1.0.6
       estree-walker: 2.0.2
       picomatch: 4.0.2
-    dev: true
 
   /@sindresorhus/merge-streams/2.3.0:
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
@@ -554,7 +580,6 @@ packages:
 
   /@types/estree/1.0.6:
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
-    dev: true
 
   /@types/json-schema/7.0.15:
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
@@ -886,6 +911,10 @@ packages:
       delayed-stream: 1.0.0
     dev: false
 
+  /commondir/1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+    dev: false
+
   /concat-map/0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
@@ -1482,7 +1511,6 @@ packages:
         optional: true
     dependencies:
       picomatch: 4.0.2
-    dev: true
 
   /file-entry-cache/8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
@@ -1724,6 +1752,12 @@ packages:
     engines: {node: '>=0.12.0'}
     dev: true
 
+  /is-reference/1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+    dependencies:
+      '@types/estree': 1.0.6
+    dev: false
+
   /isexe/2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
@@ -2052,7 +2086,6 @@ packages:
   /picomatch/4.0.2:
     resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
     engines: {node: '>=12'}
-    dev: true
 
   /pify/2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}

package/src/App.vue

@@ -1,15 +1,11 @@
-<template>
-	<div id="app">
-		<router-view></router-view>
-	</div>
-</template>
-
-<script>
-export default{
-  name: 'APP'
-}
-</script>
-
-<style lang="scss">
-
-</style>
+<template>
+  <div id="app">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'APP',
+}
+</script>

package/src/demo/demo.vue

@@ -1,14 +1,12 @@
 <template>
-  <el-dialog title="下拉测试" :visible="true" top="5vh" width='80%'>
-
+  <el-dialog title="下拉测试" :model-value="true" top="5vh" width="80%">
     <hd-drop :field="myts" v-model="clientType" :url="url"></hd-drop>
 
     <div slot="footer" class="dialog-footer">
-      <el-button @click="useUrl">{{$t('使用url')}}</el-button>
+      <el-button @click="useUrl">{{ $t('使用url') }}</el-button>
       <el-button type="primary" @click="submit"> 动态改变fieldCode</el-button>
     </div>
   </el-dialog>
-
 </template>
 
 <script>
@@ -20,11 +18,12 @@ export default {
     return {
       myts: 'CLIENT_TYPE',
       url: '',
-      clientType: '1'
+      clientType: '1',
     }
   },
   methods: {
-    show(sclientId) { // 换为本表主键
+    show(sclientId) {
+      // 换为本表主键
       // 弹窗重复使用时,清除校验项目
 
       this.visible = true
@@ -35,9 +34,9 @@ export default {
       this.myts = 'ENTERPRISE_NATURE'
     },
     useUrl() {
-      this.url = '/webresources/login/privilege/SysCode/findAll?fieldCod=ENTERPRISE_NATURE'
-    }
-  }
+      this.url =
+        '/webresources/login/privilege/SysCode/findAll?fieldCod=ENTERPRISE_NATURE'
+    },
+  },
 }
 </script>
-

package/src/demo/dropdemo.vue

@@ -1,43 +1,42 @@
-<template>
-  <el-dialog title="下拉测试" :visible="true" top="5vh" width='80%'>
-
-    <hd-drop :field="myts" v-model="clientType" :url="url"></hd-drop>
-
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="useUrl">使用url</el-button>
-      <el-button type="primary" @click="submit"> 动态改变fieldCode</el-button>
-    </div>
-  </el-dialog>
-
-</template>
-
-<script>
-// 下拉例子,动态修改field走syscode,或者更改url,后台应该用List<DropBean>对象
-export default {
-  components: {},
-  name: 'tsDrop',
-  data() {
-    return {
-      myts: 'CLIENT_TYPE',
-      url: '',
-      clientType: '1'
-    }
-  },
-  methods: {
-    show(sclientId) { // 换为本表主键
-      // 弹窗重复使用时,清除校验项目
-
-      this.visible = true
-    },
-
-    submit() {
-      // console.debug(this.hdform)
-      this.myts = 'ENTERPRISE_NATURE'
-    },
-    useUrl() {
-      this.url = '/webresources/login/privilege/SysCode/findAll?fieldCod=ENTERPRISE_NATURE'
-    }
-  }
-}
-</script>
-
+<template>
+  <el-dialog title="下拉测试" :model-value="true" top="5vh" width="80%">
+    <hd-drop :field="myts" v-model="clientType" :url="url"></hd-drop>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="useUrl">使用url</el-button>
+      <el-button type="primary" @click="submit"> 动态改变fieldCode</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// 下拉例子,动态修改field走syscode,或者更改url,后台应该用List<DropBean>对象
+export default {
+  components: {},
+  name: 'tsDrop',
+  data() {
+    return {
+      myts: 'CLIENT_TYPE',
+      url: '',
+      clientType: '1',
+    }
+  },
+  methods: {
+    show(sclientId) {
+      // 换为本表主键
+      // 弹窗重复使用时,清除校验项目
+
+      this.visible = true
+    },
+
+    submit() {
+      // console.debug(this.hdform)
+      this.myts = 'ENTERPRISE_NATURE'
+    },
+    useUrl() {
+      this.url =
+        '/webresources/login/privilege/SysCode/findAll?fieldCod=ENTERPRISE_NATURE'
+    },
+  },
+}
+</script>

package/src/demo/extsets.vue

@@ -1,75 +1,169 @@
-<!--列表右上角设置按钮可以单独扩展示例-->
 <template>
   <el-container>
     <el-main>
-      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/privilege/SysCode/vue"
-                   :validate="validate" noCopy="codeId">
-        <el-dropdown-item command="myts" slot="extSets">扩展测试2</el-dropdown-item>
-        <el-dropdown-item command="myts3" slot="extSets">{{showTs}}</el-dropdown-item>
+      <hd-com-grid
+        ref="grid"
+        :hdQuery="hdQuery"
+        url="/webresources/login/privilege/SysCode/vue"
+        :validate="validate"
+        noCopy="codeId"
+      >
+        <el-dropdown-item command="myts" slot="extSets"
+          >扩展测试2</el-dropdown-item
+        >
+        <el-dropdown-item command="myts3" slot="extSets">{{
+          showTs
+        }}</el-dropdown-item>
         <div class="filter-container" slot="query">
-          <el-input @keyup.enter.native="$refs.grid.doQuery()" suffix-icon="el-icon-search"
-                    style="width: 200px;float:right;"
-                    class="filter-item" placeholder="名称"
-                    v-model="hdQuery.query.anyQuery">
+          <el-input
+            @keyup.enter.native="$refs.grid.doQuery()"
+            :suffix-icon="ElIconSearch"
+            style="width: 200px; float: right"
+            class="filter-item"
+            placeholder="名称"
+            v-model="hdQuery.query.anyQuery"
+          >
           </el-input>
-          <el-button class="filter-item" @click="doAdd" 　type="primary">新增
+          <el-button class="filter-item" @click="doAdd" 　type="primary"
+            >新增
           </el-button>
-          <el-button class="filter-item" @click="$refs.grid.doCopy()" type="primary">复制
+          <el-button
+            class="filter-item"
+            @click="$refs.grid.doCopy()"
+            type="primary"
+            >复制
           </el-button>
-          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger">删除
+          <el-button
+            class="filter-item"
+            @click="$refs.grid.doRemoveAll()"
+            type="danger"
+            >删除
           </el-button>
-          <el-button class="filter-item" @click="$refs.grid.doSaveAll()" type="danger">保存
+          <el-button
+            class="filter-item"
+            @click="$refs.grid.doSaveAll()"
+            type="danger"
+            >保存
           </el-button>
         </div>
         <el-table-column width="60px" align="center" label="操作" fixed="right">
           <template slot-scope="scope">
-            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="$refs.grid.doEdit(scope.row)" v-if="!scope.row.isEdit">编辑
+            <hd-btn
+              icon="el-icon-edit"
+              hint="编辑"
+              @click.stop="$refs.grid.doEdit(scope.row)"
+              v-if="!scope.row.isEdit"
+              >编辑
             </hd-btn>
-            <hd-btn hint="撤销" @click.stop="$refs.grid.doCancel(scope.row,scope.$index)" v-if="scope.row.isEdit">
-              <svg-icon icon-class="undo"/>
+            <hd-btn
+              hint="撤销"
+              @click.stop="$refs.grid.doCancel(scope.row, scope.$index)"
+              v-if="scope.row.isEdit"
+            >
+              <svg-icon icon-class="undo" />
             </hd-btn>
-            <hd-btn icon="el-icon-check" hint="保存" @click.stop="$refs.grid.doSave(scope.row)" v-if="scope.row.isEdit">保存
+            <hd-btn
+              icon="el-icon-check"
+              hint="保存"
+              @click.stop="$refs.grid.doSave(scope.row)"
+              v-if="scope.row.isEdit"
+              >保存
             </hd-btn>
-            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row)"
-                    v-if="!scope.row.isEdit">
+            <hd-btn
+              icon="el-icon-delete"
+              hint="删除"
+              @click.stop="$refs.grid.doRemove(scope.row)"
+              v-if="!scope.row.isEdit"
+            >
               删除
             </hd-btn>
           </template>
         </el-table-column>
-        <el-table-column width="80px" align="left" header-align="center" label="代码" prop="code" sortable>
+        <el-table-column
+          width="80px"
+          align="left"
+          header-align="center"
+          label="代码"
+          prop="code"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="left" header-align="center" label="名称" prop="name" sortable>
+        <el-table-column
+          width="100px"
+          align="left"
+          header-align="center"
+          label="名称"
+          prop="name"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="left" header-align="center" label="英文名" prop="enName" sortable>
+        <el-table-column
+          width="100px"
+          align="left"
+          header-align="center"
+          label="英文名"
+          prop="enName"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="80px" align="left" header-align="center" label="排序号" prop="sorter" sortable>
+        <el-table-column
+          width="80px"
+          align="left"
+          header-align="center"
+          label="排序号"
+          prop="sorter"
+          sortable
+        >
         </el-table-column>
         <el-table-column align="center" label="系统" prop="sysMark" sortable>
           <template slot-scope="scope">
-            <el-switch v-model="scope.row.sysMark" v-if="scope.row.isEdit" active-value="1"
-                       inactive-value="0"></el-switch>
-            <span v-else>{{scope.row.sysMark == '1' ? '√' : '×'}}</span>
+            <el-switch
+              v-model="scope.row.sysMark"
+              v-if="scope.row.isEdit"
+              active-value="1"
+              inactive-value="0"
+            ></el-switch>
+            <span v-else>{{ scope.row.sysMark == '1' ? '√' : '×' }}</span>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="废弃" prop="abandonedMark" sortable>
+        <el-table-column
+          align="center"
+          label="废弃"
+          prop="abandonedMark"
+          sortable
+        >
           <template slot-scope="scope">
-            <el-switch v-model="scope.row.abandonedMark" v-if="scope.row.isEdit" active-value="1"
-                       inactive-value="0"></el-switch>
-            <span v-else>{{scope.row.abandonedMark == '1' ? '√' : '×'}}</span>
+            <el-switch
+              v-model="scope.row.abandonedMark"
+              v-if="scope.row.isEdit"
+              active-value="1"
+              inactive-value="0"
+            ></el-switch>
+            <span v-else>{{ scope.row.abandonedMark == '1' ? '√' : '×' }}</span>
           </template>
         </el-table-column>
-        <el-table-column width="150px" align="left" header-align="center" label="备注/描述" prop="description" sortable>
+        <el-table-column
+          width="150px"
+          align="left"
+          header-align="center"
+          label="备注/描述"
+          prop="description"
+          sortable
+        >
         </el-table-column>
       </hd-com-grid>
     </el-main>
   </el-container>
 </template>
+
 <script>
+import { Search as ElIconSearch } from '@element-plus/icons'
 export default {
   data() {
     return {
       hdQuery: new HdQuery(this),
-      showTs: 'tssss'
+      showTs: 'tssss',
+      ElIconSearch,
     }
   },
   mounted() {
@@ -88,20 +182,27 @@ export default {
       if (!this.hdQuery.query.fieldCod) {
         this.$message({
           type: 'error',
-          message: '未选择数据'
+          message: '未选择数据',
         })
         return false
       }
       this.$refs.grid.doEdit('')
-    }
+    },
   },
-  computed: {// 给外层v-model赋值
+  computed: {
+    // 给外层v-model赋值
     validate() {
       return {
-        name: [{ message: '名称必填', required: true }, { max: 50, message: '名称长度不能超过50个字符' }],
-        code: [{ required: true, message: '代码必填' }, { max: 36, message: '代码长度不能超过36个字符' }]
+        name: [
+          { message: '名称必填', required: true },
+          { max: 50, message: '名称长度不能超过50个字符' },
+        ],
+        code: [
+          { required: true, message: '代码必填' },
+          { max: 36, message: '代码长度不能超过36个字符' },
+        ],
       }
-    }
-  }
+    },
+  },
 }
 </script>