@fangzhongya/fang-ui 0.1.44 → 0.1.45

package/dist/hooks/event-aliass/index.cjs

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const firstUpper = require("@fangzhongya/utils/basic/string/firstUpper");
+const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
+const firstLower = require("@fangzhongya/utils/basic/string/firstLower");
+const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
+const eventAliasObj = {
+  //.stop - 调用 event.stopPropagation()。
+  stop(event) {
+    event.stopPropagation();
+    return true;
+  },
+  // .prevent - 调用 event.preventDefault()。
+  prevent(event) {
+    event.preventDefault();
+    return true;
+  },
+  // .self - 只有事件从元素本身发出才触发处理函数。
+  self(event) {
+    return event.target === event.currentTarget;
+  },
+  // .once - 最多触发一次处理函数。
+  once(event) {
+    var _a;
+    if ((_a = event.currentTarget) == null ? void 0 : _a.__once__) {
+      return false;
+    } else {
+      if (event.currentTarget) {
+        event.currentTarget.__once__ = true;
+      }
+      return true;
+    }
+  }
+  // .capture - 在捕获模式添加事件监听器。
+  // 处理事件是异步的，只有在触发了事件后才执行方法,
+  // 目前无法支持 capture
+  // capture(event) {
+  //     console.log('event', event);
+  //     return true;
+  // },
+};
+function eventAlias(key, callback, obj, $event) {
+  let is = false;
+  const name = "on" + firstUpper.firstUpper(key);
+  const arr = [];
+  for (const k of Object.keys(obj)) {
+    if (k.startsWith(name) || k.startsWith(key)) {
+      arr.push(k);
+    }
+  }
+  const reg = new RegExp("^" + name + "|" + key);
+  for (const v of arr) {
+    let s = v.replace(reg, "");
+    if (s && $event) {
+      let ns = splitUpper.splitUpper(s);
+      if (s.includes(".")) {
+        ns = s.split(".").filter((o) => Boolean(o));
+      }
+      if (ns.includes("passive")) {
+        ns = ns.filter((k) => {
+          return k != "prevent";
+        });
+      }
+      const fn = () => {
+        if (ns.includes("once")) {
+          let isc = eventAliasObj.once($event);
+          if (isc) {
+            callback(obj[v]);
+          }
+        } else {
+          callback(obj[v]);
+        }
+      };
+      const wc = vue.withModifiers(fn, ns);
+      wc($event);
+    } else {
+      callback(obj[v]);
+    }
+    is = true;
+  }
+  return is;
+}
+function eventAliass(callback, arr, obj, $event) {
+  if (!callback || !obj) {
+    return false;
+  }
+  if (!arr || arr.length === 0) {
+    return false;
+  }
+  let is = false;
+  if (Array.isArray(arr)) {
+    for (const key of arr) {
+      if (eventAlias(key, callback, obj, $event)) {
+        is = true;
+      }
+    }
+  } else {
+    is = eventAlias(arr, callback, obj, $event);
+  }
+  return is;
+}
+function getEventKey(key, aliass = []) {
+  let ml = key;
+  if (!/on[A-Z]/.test(key)) {
+    ml = "on" + lineToLargeHump.lineToLargeHump(key);
+  }
+  ml = firstLower.firstLower(lineToLargeHump.lineToLargeHump(ml));
+  if (ml.includes(".")) {
+    ml = ml.split(".")[0];
+  }
+  for (const v of aliass) {
+    const rs = "on" + lineToLargeHump.lineToLargeHump(v);
+    if (ml.startsWith(rs)) {
+      return rs;
+    }
+  }
+  return ml;
+}
+exports.eventAliass = eventAliass;
+exports.getEventKey = getEventKey;

package/dist/hooks/event-aliass/index.d.ts

@@ -6,3 +6,4 @@
  * @param {*} $event
  */
 export declare function eventAliass(callback: Function, arr: string | string[], obj: any, $event: Event): boolean;
+export declare function getEventKey(key: string, aliass?: string[]): string;

package/dist/hooks/event-aliass/index.js

@@ -0,0 +1,121 @@
+import { withModifiers } from "vue";
+import { firstUpper } from "@fangzhongya/utils/basic/string/firstUpper";
+import { splitUpper } from "@fangzhongya/utils/basic/string/splitUpper";
+import { firstLower } from "@fangzhongya/utils/basic/string/firstLower";
+import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
+const eventAliasObj = {
+  //.stop - 调用 event.stopPropagation()。
+  stop(event) {
+    event.stopPropagation();
+    return true;
+  },
+  // .prevent - 调用 event.preventDefault()。
+  prevent(event) {
+    event.preventDefault();
+    return true;
+  },
+  // .self - 只有事件从元素本身发出才触发处理函数。
+  self(event) {
+    return event.target === event.currentTarget;
+  },
+  // .once - 最多触发一次处理函数。
+  once(event) {
+    var _a;
+    if ((_a = event.currentTarget) == null ? void 0 : _a.__once__) {
+      return false;
+    } else {
+      if (event.currentTarget) {
+        event.currentTarget.__once__ = true;
+      }
+      return true;
+    }
+  }
+  // .capture - 在捕获模式添加事件监听器。
+  // 处理事件是异步的，只有在触发了事件后才执行方法,
+  // 目前无法支持 capture
+  // capture(event) {
+  //     console.log('event', event);
+  //     return true;
+  // },
+};
+function eventAlias(key, callback, obj, $event) {
+  let is = false;
+  const name = "on" + firstUpper(key);
+  const arr = [];
+  for (const k of Object.keys(obj)) {
+    if (k.startsWith(name) || k.startsWith(key)) {
+      arr.push(k);
+    }
+  }
+  const reg = new RegExp("^" + name + "|" + key);
+  for (const v of arr) {
+    let s = v.replace(reg, "");
+    if (s && $event) {
+      let ns = splitUpper(s);
+      if (s.includes(".")) {
+        ns = s.split(".").filter((o) => Boolean(o));
+      }
+      if (ns.includes("passive")) {
+        ns = ns.filter((k) => {
+          return k != "prevent";
+        });
+      }
+      const fn = () => {
+        if (ns.includes("once")) {
+          let isc = eventAliasObj.once($event);
+          if (isc) {
+            callback(obj[v]);
+          }
+        } else {
+          callback(obj[v]);
+        }
+      };
+      const wc = withModifiers(fn, ns);
+      wc($event);
+    } else {
+      callback(obj[v]);
+    }
+    is = true;
+  }
+  return is;
+}
+function eventAliass(callback, arr, obj, $event) {
+  if (!callback || !obj) {
+    return false;
+  }
+  if (!arr || arr.length === 0) {
+    return false;
+  }
+  let is = false;
+  if (Array.isArray(arr)) {
+    for (const key of arr) {
+      if (eventAlias(key, callback, obj, $event)) {
+        is = true;
+      }
+    }
+  } else {
+    is = eventAlias(arr, callback, obj, $event);
+  }
+  return is;
+}
+function getEventKey(key, aliass = []) {
+  let ml = key;
+  if (!/on[A-Z]/.test(key)) {
+    ml = "on" + lineToLargeHump(key);
+  }
+  ml = firstLower(lineToLargeHump(ml));
+  if (ml.includes(".")) {
+    ml = ml.split(".")[0];
+  }
+  for (const v of aliass) {
+    const rs = "on" + lineToLargeHump(v);
+    if (ml.startsWith(rs)) {
+      return rs;
+    }
+  }
+  return ml;
+}
+export {
+  eventAliass,
+  getEventKey
+};

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1764568906545,
+    "lastModified": 1764582045174,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "

package/dist/utils/vues/common.d.ts

@@ -7,12 +7,4 @@ export declare function setHide(item: any, v?: any): boolean;
 type SetClass = string | string[] | ObjStr;
 export declare function setClass(...arr: Array<SetClass>): string;
 export declare function setMinWidth(obj: ObjAny): any;
-/**
- * 支持事件别名处理
- * @param {*} callback
- * @param {*} arr
- * @param {*} obj
- * @param {*} $event
- */
-export declare function eventAliass(callback: Function, arr: string | string[], obj: any, $event: Event): boolean;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.44",
+  "version": "0.1.45",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,7 +24,7 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.49"
+    "@fangzhongya/utils": "0.0.50"
   },
   "devDependencies": {
     "@fangzhongya/create": "0.2.43",
@@ -51,10 +51,10 @@
     "vue-tsc": "^3.1.5",
     "vxe-table": "4.6.20",
     "@fang-ui/components": "0.0.1-0",
+    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
     "@fang-ui/types": "0.0.1-0",
     "@fang-ui/utils": "0.0.1-0"