common-utils-kit 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "common-utils-kit",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "",
   "main": "index.js",
   "type": "module",

package/src/directives.js

@@ -1,6 +1,29 @@
-// import ElTableInfiniteScroll from "el-table-infinite-scroll";
+
 // 自定义指令基础配置
 const directives = {
+  debounce: { // 按钮或者输入框防抖
+    // 例子 <el-input v-model="aa" v-debounce="[reset,`input`,1000]" placeholder="输入框数组防抖" />
+    // <el-button v-debounce="[reset,`click`,1000]">刷新</el-button>
+    inserted: function(el, binding) {
+      const [fn, event = "click", time = 1000] = binding.value;
+      let timer;
+      let flag = true; // 输入法标记
+      if (event === "input") {
+        el.addEventListener("compositionstart", () => { // 监听中文输入开始
+          flag = false;
+        });
+        el.addEventListener("compositionend", () => { // 监听中文输入结束
+          flag = true;
+        });
+      }
+      el.addEventListener(event, () => {
+        timer && clearTimeout(timer);
+        timer = setTimeout(() => {
+          if (flag) fn();
+        }, time);
+      });
+    },
+  },
   inputDebounce: { // 输入框防抖
     inserted: function (el, binding) {
       const fn = binding.value;
@@ -117,7 +140,7 @@ const directives = {
       delete el.__timeout__
     }
   },
-  bb: {//限制input输入内容
+  replace: {//限制input输入内容
     inserted: function (el, binding, vnode) {
       const element = el.tagName === "INPUT" ? el : el.querySelector("input");
       let flag = true; // 输入法标记
@@ -134,7 +157,7 @@ const directives = {
             case "price": // 正负的两位小数金额 -和.只能出现一次 并且-只能在首位
               element.value = element.value.replace(/^([-+])?\D*(\d*(?:\.\d{0,2})?).*$/, "$1$2");
               break;
-            case "+price": // 验证正的两位小数金额
+            case "plusPrice": // 验证正的两位小数金额
               element.value = element.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, "$1");
               break;
             case "num": // 只能输入正整数