@fangzhongya/fang-ui 0.0.38 → 0.0.39

package/dist/utils/vues/common.cjs

@@ -1,18 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("vue");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
+const vue = require("vue");
+require("../util.cjs");
 const isObject = require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
+const isArray = require("@fangzhongya/utils/basic/array/isArray");
+const firstUpper = require("@fangzhongya/utils/basic/string/firstUpper");
+const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
 function setVueValue(v, key) {
   if (key && isObject.isObject(v)) {
     if (typeof key == "function") {
@@ -23,4 +16,171 @@ function setVueValue(v, key) {
   }
   return v;
 }
+function setHide(item, v) {
+  let hide = item.hide;
+  if (typeof hide == "boolean") {
+    return !hide;
+  } else if (typeof hide == "function") {
+    return !hide(item, v);
+  } else {
+    return true;
+  }
+}
+function setClass(...arr) {
+  let as = [];
+  arr.forEach((o) => {
+    if (typeof o == "string") {
+      as.push(...o.split(/\s+/));
+    } else if (isArray.isArray(o)) {
+      as.push(...o);
+    } else if (isObject.isObject(o)) {
+      Object.keys(o).forEach((k) => {
+        const v = o;
+        if (v[k]) {
+          as.push(k);
+        }
+      });
+    }
+  });
+  return [...new Set(as)].join(" ");
+}
+function getLabelMax(arr) {
+  let k = 0;
+  arr.forEach((o) => {
+    if (o.length > k) {
+      k = o.length;
+    }
+  });
+  return k;
+}
+function setMinWidth(obj) {
+  let ws = 0;
+  if (obj.label) {
+    let l = 0;
+    if (isArray.isArray(obj.label)) {
+      l = getLabelMax(obj.label);
+    } else {
+      l = obj.label.length;
+    }
+    if (l > 9) {
+      l = 9;
+    }
+    let w = 20;
+    if (obj.sortable) {
+      w += 15;
+    }
+    if (obj.selection) {
+      w += 15;
+    }
+    ws = w;
+  } else {
+    ws = 0;
+  }
+  if (obj.minWidth) {
+    if (typeof obj.minWidth == "function") {
+      return obj.minWidth(obj, ws);
+    } else {
+      return obj.minWidth;
+    }
+  } else {
+    if (obj.label) {
+      return ws + "px";
+    } else {
+      return;
+    }
+  }
+}
+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) {
+    if (event.currentTarget?.__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 = [];
+  Object.keys(obj).forEach((k) => {
+    if (k.startsWith(name)) {
+      arr.push(k);
+    }
+  });
+  const reg = new RegExp("^" + name);
+  arr.forEach((v) => {
+    let s = v.replace(reg, "");
+    if (s && $event) {
+      let ns = splitUpper.splitUpper(s);
+      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]);
+        }
+      };
+      vue.withModifiers(fn, ns)();
+    } else {
+      callback(obj[v]);
+    }
+    is = true;
+  });
+  return is;
+}
+function eventAliass(callback, arr, obj, $event) {
+  let is = false;
+  if (callback && obj) {
+    if (arr && arr.length > 0) {
+      if (isArray.isArray(arr)) {
+        arr = arr;
+        arr.forEach((key) => {
+          if (eventAlias(key, callback, obj, $event)) {
+            is = true;
+          }
+        });
+      } else {
+        is = eventAlias(arr, callback, obj, $event);
+      }
+    }
+  }
+  return is;
+}
+exports.eventAliass = eventAliass;
+exports.setClass = setClass;
+exports.setHide = setHide;
+exports.setMinWidth = setMinWidth;
 exports.setVueValue = setVueValue;

package/dist/utils/vues/common.js

@@ -1,16 +1,9 @@
-import "vue";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
+import { withModifiers } from "vue";
+import "../util.js";
 import { isObject } from "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
+import { isArray } from "@fangzhongya/utils/basic/array/isArray";
+import { firstUpper } from "@fangzhongya/utils/basic/string/firstUpper";
+import { splitUpper } from "@fangzhongya/utils/basic/string/splitUpper";
 function setVueValue(v, key) {
   if (key && isObject(v)) {
     if (typeof key == "function") {
@@ -21,6 +14,173 @@ function setVueValue(v, key) {
   }
   return v;
 }
+function setHide(item, v) {
+  let hide = item.hide;
+  if (typeof hide == "boolean") {
+    return !hide;
+  } else if (typeof hide == "function") {
+    return !hide(item, v);
+  } else {
+    return true;
+  }
+}
+function setClass(...arr) {
+  let as = [];
+  arr.forEach((o) => {
+    if (typeof o == "string") {
+      as.push(...o.split(/\s+/));
+    } else if (isArray(o)) {
+      as.push(...o);
+    } else if (isObject(o)) {
+      Object.keys(o).forEach((k) => {
+        const v = o;
+        if (v[k]) {
+          as.push(k);
+        }
+      });
+    }
+  });
+  return [...new Set(as)].join(" ");
+}
+function getLabelMax(arr) {
+  let k = 0;
+  arr.forEach((o) => {
+    if (o.length > k) {
+      k = o.length;
+    }
+  });
+  return k;
+}
+function setMinWidth(obj) {
+  let ws = 0;
+  if (obj.label) {
+    let l = 0;
+    if (isArray(obj.label)) {
+      l = getLabelMax(obj.label);
+    } else {
+      l = obj.label.length;
+    }
+    if (l > 9) {
+      l = 9;
+    }
+    let w = 20;
+    if (obj.sortable) {
+      w += 15;
+    }
+    if (obj.selection) {
+      w += 15;
+    }
+    ws = w;
+  } else {
+    ws = 0;
+  }
+  if (obj.minWidth) {
+    if (typeof obj.minWidth == "function") {
+      return obj.minWidth(obj, ws);
+    } else {
+      return obj.minWidth;
+    }
+  } else {
+    if (obj.label) {
+      return ws + "px";
+    } else {
+      return;
+    }
+  }
+}
+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) {
+    if (event.currentTarget?.__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 = [];
+  Object.keys(obj).forEach((k) => {
+    if (k.startsWith(name)) {
+      arr.push(k);
+    }
+  });
+  const reg = new RegExp("^" + name);
+  arr.forEach((v) => {
+    let s = v.replace(reg, "");
+    if (s && $event) {
+      let ns = splitUpper(s);
+      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]);
+        }
+      };
+      withModifiers(fn, ns)();
+    } else {
+      callback(obj[v]);
+    }
+    is = true;
+  });
+  return is;
+}
+function eventAliass(callback, arr, obj, $event) {
+  let is = false;
+  if (callback && obj) {
+    if (arr && arr.length > 0) {
+      if (isArray(arr)) {
+        arr = arr;
+        arr.forEach((key) => {
+          if (eventAlias(key, callback, obj, $event)) {
+            is = true;
+          }
+        });
+      } else {
+        is = eventAlias(arr, callback, obj, $event);
+      }
+    }
+  }
+  return is;
+}
 export {
+  eventAliass,
+  setClass,
+  setHide,
+  setMinWidth,
   setVueValue
 };

package/dist/utils/vues/getBuildProps.cjs

@@ -2,5 +2,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const enums = require("../enums.cjs");
 const { epPropKey, ObjConfig } = enums.FunctConfig;
+function getBuildProps(obj) {
+  return new Proxy(obj, {
+    get: function(target, propKey, receiver) {
+      const v = target[ObjConfig];
+      if (v && propKey != "__v_isRef") {
+        return Reflect.get(target[ObjConfig], propKey, receiver) || Reflect.get(target, propKey, receiver);
+      } else {
+        return Reflect.get(target, propKey, receiver);
+      }
+    }
+  });
+}
 exports.ObjConfig = ObjConfig;
 exports.epPropKey = epPropKey;
+exports.getBuildProps = getBuildProps;

package/dist/utils/vues/getBuildProps.js

@@ -1,6 +1,19 @@
 import { FunctConfig } from "../enums.js";
 const { epPropKey, ObjConfig } = FunctConfig;
+function getBuildProps(obj) {
+  return new Proxy(obj, {
+    get: function(target, propKey, receiver) {
+      const v = target[ObjConfig];
+      if (v && propKey != "__v_isRef") {
+        return Reflect.get(target[ObjConfig], propKey, receiver) || Reflect.get(target, propKey, receiver);
+      } else {
+        return Reflect.get(target, propKey, receiver);
+      }
+    }
+  });
+}
 export {
   ObjConfig,
-  epPropKey
+  epPropKey,
+  getBuildProps
 };

package/dist/utils/vues/index.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("./buildProps.cjs");
+const common = require("./common.cjs");
+const definePropType = require("./definePropType.cjs");
+const getBuildProps = require("./getBuildProps.cjs");
+const withInstall = require("./withInstall.cjs");
+const withInstallFunction = require("./withInstallFunction.cjs");
+exports.buildProps = buildProps.buildProps;
+exports.eventAliass = common.eventAliass;
+exports.setClass = common.setClass;
+exports.setHide = common.setHide;
+exports.setMinWidth = common.setMinWidth;
+exports.setVueValue = common.setVueValue;
+exports.definePropType = definePropType.definePropType;
+exports.ObjConfig = getBuildProps.ObjConfig;
+exports.epPropKey = getBuildProps.epPropKey;
+exports.getBuildProps = getBuildProps.getBuildProps;
+exports.withInstall = withInstall.withInstall;
+exports.withInstallFunction = withInstallFunction.withInstallFunction;

package/dist/utils/vues/index.js

@@ -0,0 +1,20 @@
+import { buildProps } from "./buildProps.js";
+import { eventAliass, setClass, setHide, setMinWidth, setVueValue } from "./common.js";
+import { definePropType } from "./definePropType.js";
+import { ObjConfig, epPropKey, getBuildProps } from "./getBuildProps.js";
+import { withInstall } from "./withInstall.js";
+import { withInstallFunction } from "./withInstallFunction.js";
+export {
+  ObjConfig,
+  buildProps,
+  definePropType,
+  epPropKey,
+  eventAliass,
+  getBuildProps,
+  setClass,
+  setHide,
+  setMinWidth,
+  setVueValue,
+  withInstall,
+  withInstallFunction
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.38",
+  "version": "0.0.39",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -50,12 +50,12 @@
     "vuedraggable": "4.1.0",
     "vxe-table": "4.15.0",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
     "@fang-ui/types": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",