@dhccmobile/vue3-lo-form 2.0.61 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhccmobile/vue3-lo-form",
-  "version": "2.0.61",
+  "version": "2.1.0",
   "description": "VUE3动态表单",
   "private": false,
   "main": "dist/vue3-lo-form.umd.js",

package/src/components/form/DvFormLayout.vue

@@ -321,7 +321,7 @@
           </template>
           <template v-if="controlAttr.isDesensitize">
             <div @click="handlerMasking(formControl)">
-              <eye-outlined v-if="!isAfterClick" class="addon-icon" />
+              <eye-outlined v-if="isAfterClick" class="addon-icon" />
               <eye-invisible-outlined v-else class="addon-icon" />
             </div>
           </template>
@@ -479,6 +479,7 @@ export default class DvFormLayout extends Vue {
   amountCapitalization = amountCapitalization; // 大写转换
   zoomMultiple = zoomMultiple; // 缩放
   isAfterClick = false; // 后缀图标是否被点击了 2026年4月17日 15:21:53
+  private lastClickTime = 0; // 上次点击时间戳 2026年5月15日 12:12:53
   filterOption(value: any, item: any) {
     if (!item.title) {
       return false;
@@ -1496,6 +1497,17 @@ export default class DvFormLayout extends Vue {
    * @private  私有方法
    */
   handlerMasking(formControl: any): void {
+    const now = Date.now();
+    // 防止频繁点击，间隔小于1秒则提示
+    if (now - this.lastClickTime < 1000) {
+      notification.open({
+        message: "点击过于频繁，请稍后再试",
+        duration: 2,
+        icon: () => h(ExclamationCircleOutlined, { style: "color: #FBBC05" }),
+      });
+      return;
+    }
+    this.lastClickTime = now;
     const path = this.$qlForm.desApiAddr;
     if (!path) {
       notification.open({
@@ -1661,12 +1673,13 @@ export default class DvFormLayout extends Vue {
   }
 }
 .addon-icon {
+  color: #429eff;
   width: 40px !important;
   user-select: none;
 }
 .addon-icon:hover {
-  color: #429eff !important;
   font-weight: bold;
+  opacity: 0.5;
 }
 .addon-icon:active {
   opacity: 0.7;