fast-element-plus 1.0.0 → 1.0.1

package/es/directives/click-draggable/index.mjs

@@ -0,0 +1,38 @@
+import { withInstallDirective } from "@fast-china/utils";
+const DraggableDirective = {
+  mounted(el) {
+    el.style.cursor = "move";
+    el.style.position = "absolute";
+    el.onmousedown = (e) => {
+      const disX = e.pageX - el.offsetLeft;
+      const disY = e.pageY - el.offsetTop;
+      document.onmousemove = (e2) => {
+        let x = e2.pageX - disX;
+        let y = e2.pageY - disY;
+        const maxX = el.parentNode.offsetWidth - el.offsetWidth;
+        const maxY = el.parentNode.offsetHeight - el.offsetHeight;
+        if (x < 0) {
+          x = 0;
+        } else if (x > maxX) {
+          x = maxX;
+        }
+        if (y < 0) {
+          y = 0;
+        } else if (y > maxY) {
+          y = maxY;
+        }
+        el.style.left = `${x}px`;
+        el.style.top = `${y}px`;
+      };
+      document.onmouseup = () => {
+        document.onmousemove = document.onmouseup = null;
+      };
+    };
+  }
+};
+const vDraggable = withInstallDirective(DraggableDirective, "draggable");
+export {
+  vDraggable as default,
+  vDraggable
+};
+//# sourceMappingURL=index.mjs.map

package/es/directives/click-draggable/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/directives/click-draggable/index.ts"],"sourcesContent":["/*\n\t需求：实现一个拖拽指令，可在父元素区域任意拖拽元素。\n\n\t思路：\n\t\t1、设置需要拖拽的元素为absolute，其父元素为relative。\n\t\t2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。\n\t\t3、鼠标移动(onmousemove)时计算每次移动的横向距离和纵向距离的变化值，并改变元素的 left 和 top 值\n\t\t4、鼠标松开(onmouseup)时完成一次拖拽\n\n\t使用：在 Dom 上加上 v-draggable 即可\n\t<div class=\"dialog-model\" v-draggable></div>\n*/\nimport { withInstallDirective } from \"@fast-china/utils\";\nimport type { Directive } from \"vue\";\n\ninterface ElType extends HTMLElement {\n\tparentNode: any;\n}\n\nconst DraggableDirective: Directive = {\n\tmounted(el: ElType) {\n\t\tel.style.cursor = \"move\";\n\t\tel.style.position = \"absolute\";\n\t\tel.onmousedown = (e): void => {\n\t\t\tconst disX = e.pageX - el.offsetLeft;\n\t\t\tconst disY = e.pageY - el.offsetTop;\n\t\t\tdocument.onmousemove = (e): void => {\n\t\t\t\tlet x = e.pageX - disX;\n\t\t\t\tlet y = e.pageY - disY;\n\t\t\t\tconst maxX = el.parentNode.offsetWidth - el.offsetWidth;\n\t\t\t\tconst maxY = el.parentNode.offsetHeight - el.offsetHeight;\n\t\t\t\tif (x < 0) {\n\t\t\t\t\tx = 0;\n\t\t\t\t} else if (x > maxX) {\n\t\t\t\t\tx = maxX;\n\t\t\t\t}\n\n\t\t\t\tif (y < 0) {\n\t\t\t\t\ty = 0;\n\t\t\t\t} else if (y > maxY) {\n\t\t\t\t\ty = maxY;\n\t\t\t\t}\n\t\t\t\tel.style.left = `${x}px`;\n\t\t\t\tel.style.top = `${y}px`;\n\t\t\t};\n\t\t\tdocument.onmouseup = (): void => {\n\t\t\t\tdocument.onmousemove = document.onmouseup = null;\n\t\t\t};\n\t\t};\n\t},\n};\n\nexport const vDraggable = withInstallDirective(DraggableDirective, \"draggable\");\nexport default vDraggable;\n"],"names":["e"],"mappings":";AAmBA,MAAM,qBAAgC;AAAA,EACrC,QAAQ,IAAY;AACnB,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW;AACpB,OAAG,cAAc,CAAC,MAAY;AAC7B,YAAM,OAAO,EAAE,QAAQ,GAAG;AAC1B,YAAM,OAAO,EAAE,QAAQ,GAAG;AAC1B,eAAS,cAAc,CAACA,OAAY;AACnC,YAAI,IAAIA,GAAE,QAAQ;AAClB,YAAI,IAAIA,GAAE,QAAQ;AAClB,cAAM,OAAO,GAAG,WAAW,cAAc,GAAG;AAC5C,cAAM,OAAO,GAAG,WAAW,eAAe,GAAG;AAC7C,YAAI,IAAI,GAAG;AACV,cAAI;AAAA,QACL,WAAW,IAAI,MAAM;AACpB,cAAI;AAAA,QACL;AAEA,YAAI,IAAI,GAAG;AACV,cAAI;AAAA,QACL,WAAW,IAAI,MAAM;AACpB,cAAI;AAAA,QACL;AACA,WAAG,MAAM,OAAO,GAAG,CAAC;AACpB,WAAG,MAAM,MAAM,GAAG,CAAC;AAAA,MACpB;AACA,eAAS,YAAY,MAAY;AAChC,iBAAS,cAAc,SAAS,YAAY;AAAA,MAC7C;AAAA,IACD;AAAA,EACD;AACD;AAEO,MAAM,aAAa,qBAAqB,oBAAoB,WAAW;"}

package/es/directives/click-icon-copy/index.d.ts

@@ -0,0 +1,2 @@
+export declare const vIconCopy: import('@fast-china/utils').TSXWithInstall<import('vue').ObjectDirective<any, any, string, any>>;
+export default vIconCopy;

package/es/directives/click-icon-copy/index.mjs

@@ -0,0 +1,54 @@
+import { h, render } from "vue";
+import { ElMessage, ElIcon } from "element-plus";
+import { CopyDocument } from "@element-plus/icons-vue";
+import { stringUtil, withInstallDirective } from "@fast-china/utils";
+const IconCopyDirective = {
+  mounted(el, binding) {
+    el.copyData = binding.value;
+    if (!el.copyData) return;
+    const handleCopyClick = async () => {
+      try {
+        await stringUtil.copy(String(el.copyData));
+        ElMessage({
+          type: "success",
+          message: "复制成功"
+        });
+      } catch (error) {
+        ElMessage({
+          type: "error",
+          message: "复制失败"
+        });
+        throw error;
+      }
+    };
+    const iconEl = h(
+      ElIcon,
+      {
+        class: "fa__copy-icon",
+        title: "复制",
+        onClick: handleCopyClick
+      },
+      {
+        default: () => h(CopyDocument)
+      }
+    );
+    const tempDiv = document.createElement("div");
+    render(iconEl, tempDiv);
+    el.__iconElement__ = tempDiv.firstChild;
+    el.parentElement.insertBefore(tempDiv.firstChild, el);
+  },
+  updated(el, binding) {
+    el.copyData = binding.value;
+  },
+  beforeUnmount(el) {
+    if (el.__iconElement__) {
+      el.parentElement.removeChild(el.__iconElement__);
+    }
+  }
+};
+const vIconCopy = withInstallDirective(IconCopyDirective, "iconCopy");
+export {
+  vIconCopy as default,
+  vIconCopy
+};
+//# sourceMappingURL=index.mjs.map

package/es/directives/click-icon-copy/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/directives/click-icon-copy/index.ts"],"sourcesContent":["/**\n * v-iconCopy\n * 左侧插入复制图标，复制某个值至剪贴板\n * 接收参数：string类型/Ref<string>类型/Reactive<string>类型\n */\nimport { type Directive, type DirectiveBinding, h, render } from \"vue\";\nimport { ElIcon, ElMessage } from \"element-plus\";\nimport { CopyDocument } from \"@element-plus/icons-vue\";\nimport { stringUtil, withInstallDirective } from \"@fast-china/utils\";\n\ninterface ElType extends HTMLElement {\n\tcopyData: string | number;\n\t__iconElement__: Node;\n}\n\nconst IconCopyDirective: Directive = {\n\tmounted(el: ElType, binding: DirectiveBinding) {\n\t\tel.copyData = binding.value;\n\n\t\tif (!el.copyData) return;\n\n\t\tconst handleCopyClick = async (): Promise<void> => {\n\t\t\ttry {\n\t\t\t\tawait stringUtil.copy(String(el.copyData));\n\t\t\t\tElMessage({\n\t\t\t\t\ttype: \"success\",\n\t\t\t\t\tmessage: \"复制成功\",\n\t\t\t\t});\n\t\t\t} catch (error) {\n\t\t\t\tElMessage({\n\t\t\t\t\ttype: \"error\",\n\t\t\t\t\tmessage: \"复制失败\",\n\t\t\t\t});\n\t\t\t\tthrow error;\n\t\t\t}\n\t\t};\n\n\t\t// 创建 ELIcon 组件\n\t\tconst iconEl = h(\n\t\t\tElIcon,\n\t\t\t{\n\t\t\t\tclass: \"fa__copy-icon\",\n\t\t\t\ttitle: \"复制\",\n\t\t\t\tonClick: handleCopyClick,\n\t\t\t},\n\t\t\t{\n\t\t\t\tdefault: () => h(CopyDocument),\n\t\t\t}\n\t\t);\n\n\t\tconst tempDiv = document.createElement(\"div\");\n\t\trender(iconEl, tempDiv);\n\n\t\tel.__iconElement__ = tempDiv.firstChild;\n\t\tel.parentElement.insertBefore(tempDiv.firstChild, el);\n\t},\n\tupdated(el: ElType, binding: DirectiveBinding) {\n\t\tel.copyData = binding.value;\n\t},\n\tbeforeUnmount(el: ElType) {\n\t\tif (el.__iconElement__) {\n\t\t\tel.parentElement.removeChild(el.__iconElement__);\n\t\t}\n\t},\n};\n\nexport const vIconCopy = withInstallDirective(IconCopyDirective, \"iconCopy\");\nexport default vIconCopy;\n"],"names":[],"mappings":";;;;AAeA,MAAM,oBAA+B;AAAA,EACpC,QAAQ,IAAY,SAA2B;AAC9C,OAAG,WAAW,QAAQ;AAEtB,QAAI,CAAC,GAAG,SAAU;AAElB,UAAM,kBAAkB,YAA2B;AAClD,UAAI;AACH,cAAM,WAAW,KAAK,OAAO,GAAG,QAAQ,CAAC;AACzC,kBAAU;AAAA,UACT,MAAM;AAAA,UACN,SAAS;AAAA,QAAA,CACT;AAAA,MACF,SAAS,OAAO;AACf,kBAAU;AAAA,UACT,MAAM;AAAA,UACN,SAAS;AAAA,QAAA,CACT;AACD,cAAM;AAAA,MACP;AAAA,IACD;AAGA,UAAM,SAAS;AAAA,MACd;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEV;AAAA,QACC,SAAS,MAAM,EAAE,YAAY;AAAA,MAAA;AAAA,IAC9B;AAGD,UAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,WAAO,QAAQ,OAAO;AAEtB,OAAG,kBAAkB,QAAQ;AAC7B,OAAG,cAAc,aAAa,QAAQ,YAAY,EAAE;AAAA,EACrD;AAAA,EACA,QAAQ,IAAY,SAA2B;AAC9C,OAAG,WAAW,QAAQ;AAAA,EACvB;AAAA,EACA,cAAc,IAAY;AACzB,QAAI,GAAG,iBAAiB;AACvB,SAAG,cAAc,YAAY,GAAG,eAAe;AAAA,IAChD;AAAA,EACD;AACD;AAEO,MAAM,YAAY,qBAAqB,mBAAmB,UAAU;"}

package/es/directives/click-longpress/index.d.ts

@@ -0,0 +1,2 @@
+export declare const vLongpress: import('@fast-china/utils').TSXWithInstall<import('vue').ObjectDirective<any, any, string, any>>;
+export default vLongpress;

package/es/directives/click-longpress/index.mjs

@@ -0,0 +1,42 @@
+import { withInstallDirective } from "@fast-china/utils";
+const LongpressDirective = {
+  mounted(el, binding) {
+    if (typeof binding.value !== "function") {
+      throw "callback must be a function";
+    }
+    const handler = (e) => {
+      binding.value(e);
+    };
+    let pressTimer = null;
+    const start = (e) => {
+      if (e.button) {
+        if (e.type === "click" && e.button !== 0) {
+          return;
+        }
+      }
+      if (pressTimer === null) {
+        pressTimer = setTimeout(() => {
+          handler(e);
+        }, 1e3);
+      }
+    };
+    const cancel = () => {
+      if (pressTimer !== null) {
+        clearTimeout(pressTimer);
+        pressTimer = null;
+      }
+    };
+    el.addEventListener("mousedown", start);
+    el.addEventListener("touchstart", start);
+    el.addEventListener("click", cancel);
+    el.addEventListener("mouseout", cancel);
+    el.addEventListener("touchend", cancel);
+    el.addEventListener("touchcancel", cancel);
+  }
+};
+const vLongpress = withInstallDirective(LongpressDirective, "longpress");
+export {
+  vLongpress as default,
+  vLongpress
+};
+//# sourceMappingURL=index.mjs.map

package/es/directives/click-longpress/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/directives/click-longpress/index.ts"],"sourcesContent":["/**\n * v-longpress\n * 长按指令，长按时触发事件\n */\nimport { withInstallDirective } from \"@fast-china/utils\";\nimport type { Directive, DirectiveBinding } from \"vue\";\n\nconst LongpressDirective: Directive = {\n\tmounted(el: HTMLElement, binding: DirectiveBinding) {\n\t\tif (typeof binding.value !== \"function\") {\n\t\t\tthrow \"callback must be a function\";\n\t\t}\n\n\t\t// 运行函数\n\t\tconst handler = (e: MouseEvent | TouchEvent): void => {\n\t\t\tbinding.value(e);\n\t\t};\n\n\t\t// 定义变量\n\t\tlet pressTimer: any = null;\n\t\t// 创建计时器（ 2秒后执行函数 ）\n\t\tconst start = (e: any): void => {\n\t\t\tif (e.button) {\n\t\t\t\tif (e.type === \"click\" && e.button !== 0) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (pressTimer === null) {\n\t\t\t\tpressTimer = setTimeout(() => {\n\t\t\t\t\thandler(e);\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t};\n\t\t// 取消计时器\n\t\tconst cancel = (): void => {\n\t\t\tif (pressTimer !== null) {\n\t\t\t\tclearTimeout(pressTimer);\n\t\t\t\tpressTimer = null;\n\t\t\t}\n\t\t};\n\t\t// 添加事件监听器\n\t\tel.addEventListener(\"mousedown\", start);\n\t\tel.addEventListener(\"touchstart\", start);\n\t\t// 取消计时器\n\t\tel.addEventListener(\"click\", cancel);\n\t\tel.addEventListener(\"mouseout\", cancel);\n\t\tel.addEventListener(\"touchend\", cancel);\n\t\tel.addEventListener(\"touchcancel\", cancel);\n\t},\n};\n\nexport const vLongpress = withInstallDirective(LongpressDirective, \"longpress\");\nexport default vLongpress;\n"],"names":[],"mappings":";AAOA,MAAM,qBAAgC;AAAA,EACrC,QAAQ,IAAiB,SAA2B;AACnD,QAAI,OAAO,QAAQ,UAAU,YAAY;AACxC,YAAM;AAAA,IACP;AAGA,UAAM,UAAU,CAAC,MAAqC;AACrD,cAAQ,MAAM,CAAC;AAAA,IAChB;AAGA,QAAI,aAAkB;AAEtB,UAAM,QAAQ,CAAC,MAAiB;AAC/B,UAAI,EAAE,QAAQ;AACb,YAAI,EAAE,SAAS,WAAW,EAAE,WAAW,GAAG;AACzC;AAAA,QACD;AAAA,MACD;AACA,UAAI,eAAe,MAAM;AACxB,qBAAa,WAAW,MAAM;AAC7B,kBAAQ,CAAC;AAAA,QACV,GAAG,GAAI;AAAA,MACR;AAAA,IACD;AAEA,UAAM,SAAS,MAAY;AAC1B,UAAI,eAAe,MAAM;AACxB,qBAAa,UAAU;AACvB,qBAAa;AAAA,MACd;AAAA,IACD;AAEA,OAAG,iBAAiB,aAAa,KAAK;AACtC,OAAG,iBAAiB,cAAc,KAAK;AAEvC,OAAG,iBAAiB,SAAS,MAAM;AACnC,OAAG,iBAAiB,YAAY,MAAM;AACtC,OAAG,iBAAiB,YAAY,MAAM;AACtC,OAAG,iBAAiB,eAAe,MAAM;AAAA,EAC1C;AACD;AAEO,MAAM,aAAa,qBAAqB,oBAAoB,WAAW;"}

package/es/directives/click-throttle/index.d.ts

@@ -0,0 +1,2 @@
+export declare const vThrottle: import('@fast-china/utils').TSXWithInstall<import('vue').ObjectDirective<any, any, string, any>>;
+export default vThrottle;

package/es/directives/click-throttle/index.mjs

@@ -0,0 +1,31 @@
+import { withInstallDirective } from "@fast-china/utils";
+const ThrottleDirective = {
+  mounted(el, binding) {
+    if (typeof binding.value !== "function") {
+      throw "callback must be a function";
+    }
+    let timer = null;
+    el.__handleClick__ = () => {
+      if (timer) {
+        clearTimeout(timer);
+      }
+      if (!el.disabled) {
+        el.disabled = true;
+        binding.value();
+        timer = setTimeout(() => {
+          el.disabled = false;
+        }, 1e3);
+      }
+    };
+    el.addEventListener("click", el.__handleClick__);
+  },
+  beforeUnmount(el) {
+    el.removeEventListener("click", el.__handleClick__);
+  }
+};
+const vThrottle = withInstallDirective(ThrottleDirective, "throttle");
+export {
+  vThrottle as default,
+  vThrottle
+};
+//# sourceMappingURL=index.mjs.map

package/es/directives/click-throttle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/directives/click-throttle/index.ts"],"sourcesContent":["/*\n  需求：防止按钮在短时间内被多次点击，使用节流函数限制规定时间内只能点击一次。\n\n  思路：\n    1、第一次点击，立即调用方法并禁用按钮，等延迟结束再次激活按钮\n    2、将需要触发的方法绑定在指令上\n\n  使用：给 Dom 加上 v-throttle 及回调函数即可\n  <button v-throttle=\"debounceClick\">节流提交</button>\n*/\nimport { withInstallDirective } from \"@fast-china/utils\";\nimport type { Directive, DirectiveBinding } from \"vue\";\n\ninterface ElType extends HTMLElement {\n\t__handleClick__: () => any;\n\tdisabled: boolean;\n}\n\nconst ThrottleDirective: Directive = {\n\tmounted(el: ElType, binding: DirectiveBinding) {\n\t\tif (typeof binding.value !== \"function\") {\n\t\t\tthrow \"callback must be a function\";\n\t\t}\n\t\tlet timer: NodeJS.Timeout | null = null;\n\t\tel.__handleClick__ = (): void => {\n\t\t\tif (timer) {\n\t\t\t\tclearTimeout(timer);\n\t\t\t}\n\t\t\tif (!el.disabled) {\n\t\t\t\tel.disabled = true;\n\t\t\t\tbinding.value();\n\t\t\t\ttimer = setTimeout(() => {\n\t\t\t\t\tel.disabled = false;\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t};\n\t\tel.addEventListener(\"click\", el.__handleClick__);\n\t},\n\tbeforeUnmount(el: ElType) {\n\t\tel.removeEventListener(\"click\", el.__handleClick__);\n\t},\n};\n\nexport const vThrottle = withInstallDirective(ThrottleDirective, \"throttle\");\nexport default vThrottle;\n"],"names":[],"mappings":";AAkBA,MAAM,oBAA+B;AAAA,EACpC,QAAQ,IAAY,SAA2B;AAC9C,QAAI,OAAO,QAAQ,UAAU,YAAY;AACxC,YAAM;AAAA,IACP;AACA,QAAI,QAA+B;AACnC,OAAG,kBAAkB,MAAY;AAChC,UAAI,OAAO;AACV,qBAAa,KAAK;AAAA,MACnB;AACA,UAAI,CAAC,GAAG,UAAU;AACjB,WAAG,WAAW;AACd,gBAAQ,MAAA;AACR,gBAAQ,WAAW,MAAM;AACxB,aAAG,WAAW;AAAA,QACf,GAAG,GAAI;AAAA,MACR;AAAA,IACD;AACA,OAAG,iBAAiB,SAAS,GAAG,eAAe;AAAA,EAChD;AAAA,EACA,cAAc,IAAY;AACzB,OAAG,oBAAoB,SAAS,GAAG,eAAe;AAAA,EACnD;AACD;AAEO,MAAM,YAAY,qBAAqB,mBAAmB,UAAU;"}

package/es/directives/index.d.ts

@@ -0,0 +1,6 @@
+export * from './click-copy';
+export * from './click-debounce';
+export * from './click-draggable';
+export * from './click-icon-copy';
+export * from './click-longpress';
+export * from './click-throttle';

package/es/directives/index.mjs

@@ -0,0 +1,15 @@
+import { vCopy } from "./click-copy/index.mjs";
+import { vDebounce } from "./click-debounce/index.mjs";
+import { vDraggable } from "./click-draggable/index.mjs";
+import { vIconCopy } from "./click-icon-copy/index.mjs";
+import { vLongpress } from "./click-longpress/index.mjs";
+import { vThrottle } from "./click-throttle/index.mjs";
+export {
+  vCopy,
+  vDebounce,
+  vDraggable,
+  vIconCopy,
+  vLongpress,
+  vThrottle
+};
+//# sourceMappingURL=index.mjs.map

package/es/directives/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/element-plus.d.ts

@@ -0,0 +1,2 @@
+import { App } from 'vue';
+export declare const installElementPlus: (app: App) => void;

package/es/element-plus.mjs

@@ -0,0 +1,304 @@
+import ElementPlus, { ElDialog, ElForm, ElInput, ElInputNumber, ElSelect, ElTable, ElTree, ElTreeSelect, ElMessageBox } from "element-plus";
+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+import "./hooks/index.mjs";
+import { execFunction, consoleError } from "@fast-china/utils";
+import { isNil, isString } from "lodash-unified";
+import { useOverlay } from "./hooks/use-overlay/index.mjs";
+ElDialog.props = {
+  ...ElDialog.props,
+  /**
+   * 默认拖拽
+   * @description enable dragging feature for Dialog
+   */
+  draggable: {
+    type: Boolean,
+    default: true
+  }
+};
+ElForm.props = {
+  ...ElForm.props,
+  /** @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported. */
+  labelWidth: {
+    type: [String, Number],
+    default: "auto"
+  },
+  /** @description Suffix of the label. */
+  labelSuffix: {
+    type: String,
+    default: "："
+  },
+  /** @description When validation fails, scroll to the first error form entry. */
+  scrollToError: {
+    type: Boolean,
+    default: true
+  }
+};
+ElInput.props = {
+  ...ElInput.props,
+  /**
+   * 默认显示统计字数
+   * @description word count
+   */
+  showWordLimit: {
+    type: Boolean,
+    default: true
+  }
+};
+ElInputNumber.props = {
+  ...ElInputNumber.props,
+  /**
+   * 默认不使用控制按钮
+   * @description whether to enable the control buttons
+   */
+  controls: {
+    type: Boolean,
+    default: false
+  }
+};
+ElSelect.props = {
+  ...ElSelect.props,
+  /** @description displayed text while loading data from server, default is 'Loading' */
+  loadingText: {
+    type: String,
+    default: "加载中..."
+  },
+  /** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */
+  noMatchText: {
+    type: String,
+    default: "暂无匹配的数据"
+  },
+  /** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+  noDataText: {
+    type: String,
+    default: "暂无数据"
+  },
+  /**
+   * 默认按文字形式展示
+   * @description whether to collapse tags to a text when multiple selecting
+   */
+  collapseTags: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认显示所有选中的标签
+   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true
+   */
+  collapseTagsTooltip: {
+    type: Boolean,
+    default: true
+  }
+};
+ElTable.props = {
+  ...ElTable.props,
+  /**
+   * 默认显示边框
+   * @description whether Table has vertical border
+   */
+  border: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认高亮当前行
+   * @description whether current row is highlighted
+   */
+  highlightCurrentRow: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认行Key为 "id"
+   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used
+   */
+  rowKey: {
+    type: [String, Function],
+    default: "id"
+  }
+};
+ElTree.props = {
+  ...ElTree.props,
+  /**
+   * 默认展开所有节点
+   * @description 是否默认展开所有节点
+   */
+  defaultExpandAll: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认点击时选中节点
+   * @description 是否在点击节点的时候选中节点
+   */
+  checkOnClickNode: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认高亮选中节点
+   * @description 是否高亮当前选中节点
+   */
+  highlightCurrent: {
+    type: Boolean,
+    default: true
+  }
+};
+ElTreeSelect.props = {
+  ...ElTreeSelect.props,
+  /** @description displayed text while loading data from server, default is 'Loading' */
+  loadingText: {
+    type: String,
+    default: "加载中..."
+  },
+  /** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */
+  noMatchText: {
+    type: String,
+    default: "暂无匹配的数据"
+  },
+  /** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+  noDataText: {
+    type: String,
+    default: "暂无数据"
+  },
+  /**
+   * 默认按文字形式展示
+   * @description whether to collapse tags to a text when multiple selecting
+   */
+  collapseTags: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认显示所有选中的标签
+   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true
+   */
+  collapseTagsTooltip: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认展开所有节点
+   * @description 是否默认展开所有节点
+   */
+  defaultExpandAll: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认点击时选中节点
+   * @description 是否在点击节点的时候选中节点
+   */
+  checkOnClickNode: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认高亮选中节点
+   * @description 是否高亮当前选中节点
+   */
+  highlightCurrent: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 默认点击节点不展开或收缩节点
+   * @description 是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。
+   */
+  expandOnClickNode: Boolean
+};
+const elMessageBox = (type, message, options, appContext) => {
+  options = options ?? {};
+  if (!options?.title) {
+    options.title = "温馨提示";
+  }
+  if (isNil(options?.draggable)) {
+    options.draggable = true;
+  }
+  if (!options?.cancelButtonText) {
+    options.cancelButtonText = "取消";
+  }
+  if (!options?.confirmButtonText) {
+    options.confirmButtonText = "确定";
+  }
+  if (isNil(options?.closeOnClickModal)) {
+    options.closeOnClickModal = false;
+  }
+  if (isNil(options?.closeOnPressEscape)) {
+    options.closeOnPressEscape = false;
+  }
+  if (!isNil(options?.beforeClose)) {
+    const localBeforeClose = options.beforeClose;
+    const localConfirmButtonText = options?.confirmButtonText;
+    const localShowCancelButton = options?.showCancelButton;
+    options.beforeClose = (action, instance, done) => {
+      if (action === "confirm") {
+        useOverlay.show(0);
+        instance.confirmButtonLoading = true;
+        instance.showCancelButton = false;
+        instance.confirmButtonText = "加载中...";
+        const cancelLoading = () => {
+          instance.confirmButtonLoading = false;
+          instance.showCancelButton = localShowCancelButton;
+          instance.confirmButtonText = localConfirmButtonText;
+          useOverlay.hide();
+        };
+        const newDone = () => {
+          cancelLoading();
+          done();
+        };
+        execFunction(localBeforeClose, action, instance, newDone).then(() => {
+          newDone();
+        }).catch((error) => {
+          consoleError("MessageBox", error);
+          cancelLoading();
+          throw error;
+        });
+      } else {
+        done();
+      }
+    };
+  }
+  switch (type) {
+    case "alert":
+      break;
+    case "confirm":
+      if (isNil(options?.showCancelButton)) {
+        options.showCancelButton = true;
+      }
+      break;
+    case "prompt":
+      if (options?.showCancelButton == void 0) {
+        options.showCancelButton = true;
+      }
+      break;
+  }
+  return ElMessageBox(
+    Object.assign(
+      {
+        message
+      },
+      options,
+      {
+        boxType: type
+      }
+    )
+  );
+};
+const MESSAGE_BOX_DEFAULT_OPTS = {
+  alert: { closeOnPressEscape: false, closeOnClickModal: false },
+  confirm: { showCancelButton: true },
+  prompt: { showCancelButton: true, showInput: true }
+};
+ElMessageBox.alert = (message, titleOrOptions, options, appContext) => isString(titleOrOptions) ? elMessageBox("alert", message, Object.assign({ title: titleOrOptions, ...MESSAGE_BOX_DEFAULT_OPTS["alert"] }, options), appContext) : elMessageBox("alert", message, Object.assign(titleOrOptions, MESSAGE_BOX_DEFAULT_OPTS["alert"], options), options);
+ElMessageBox.prompt = (message, titleOrOptions, options, appContext) => isString(titleOrOptions) ? elMessageBox("prompt", message, Object.assign({ title: titleOrOptions, ...MESSAGE_BOX_DEFAULT_OPTS["prompt"] }, options), appContext) : elMessageBox("prompt", message, Object.assign(titleOrOptions, MESSAGE_BOX_DEFAULT_OPTS["prompt"], options), options);
+ElMessageBox.confirm = (message, titleOrOptions, options, appContext) => isString(titleOrOptions) ? elMessageBox("confirm", message, Object.assign({ title: titleOrOptions, ...MESSAGE_BOX_DEFAULT_OPTS["confirm"] }, options), appContext) : elMessageBox("confirm", message, Object.assign(titleOrOptions, MESSAGE_BOX_DEFAULT_OPTS["confirm"], options), options);
+const installElementPlus = (app) => {
+  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(`el-icon-${key}`, component);
+  }
+  app.use(ElementPlus);
+};
+export {
+  installElementPlus
+};
+//# sourceMappingURL=element-plus.mjs.map

package/es/element-plus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-plus.mjs","sources":["../../packages/element-plus.ts"],"sourcesContent":["/** Element Plus 组件全局配置 */\n\nimport ElementPlus, { ElDialog, ElForm, ElInput, ElInputNumber, ElMessageBox, ElSelect, ElTable, ElTree, ElTreeSelect } from \"element-plus\";\nimport * as ElementPlusIconsVue from \"@element-plus/icons-vue\";\nimport { useOverlay } from \"@fast-element-plus/hooks\";\nimport { consoleError, execFunction } from \"@fast-china/utils\";\nimport { isNil, isString } from \"lodash-unified\";\nimport type { Action, ElMessageBoxOptions, MessageBoxData, MessageBoxState, TableProps } from \"element-plus\";\nimport type { App, AppContext, PropType } from \"vue\";\n\nElDialog.props = {\n\t...ElDialog.props,\n\t/**\n\t * 默认拖拽\n\t * @description enable dragging feature for Dialog\n\t */\n\tdraggable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n};\n\nElForm.props = {\n\t...ElForm.props,\n\t/** @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported. */\n\tlabelWidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"auto\",\n\t},\n\t/** @description Suffix of the label. */\n\tlabelSuffix: {\n\t\ttype: String,\n\t\tdefault: \"：\",\n\t},\n\t/** @description When validation fails, scroll to the first error form entry. */\n\tscrollToError: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n};\n\nElInput.props = {\n\t...ElInput.props,\n\t/**\n\t * 默认显示统计字数\n\t * @description word count\n\t */\n\tshowWordLimit: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n};\n\nElInputNumber.props = {\n\t...ElInputNumber.props,\n\t/**\n\t * 默认不使用控制按钮\n\t * @description whether to enable the control buttons\n\t */\n\tcontrols: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n};\n\nElSelect.props = {\n\t...ElSelect.props,\n\t/** @description displayed text while loading data from server, default is 'Loading' */\n\tloadingText: {\n\t\ttype: String,\n\t\tdefault: \"加载中...\",\n\t},\n\t/** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */\n\tnoMatchText: {\n\t\ttype: String,\n\t\tdefault: \"暂无匹配的数据\",\n\t},\n\t/** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */\n\tnoDataText: {\n\t\ttype: String,\n\t\tdefault: \"暂无数据\",\n\t},\n\t/**\n\t * 默认按文字形式展示\n\t * @description whether to collapse tags to a text when multiple selecting\n\t */\n\tcollapseTags: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认显示所有选中的标签\n\t * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true\n\t */\n\tcollapseTagsTooltip: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n};\n\nElTable.props = {\n\t...ElTable.props,\n\t/**\n\t * 默认显示边框\n\t * @description whether Table has vertical border\n\t */\n\tborder: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认高亮当前行\n\t * @description whether current row is highlighted\n\t */\n\thighlightCurrentRow: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认行Key为 \"id\"\n\t * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used\n\t */\n\trowKey: {\n\t\ttype: [String, Function] as PropType<TableProps<any>[\"rowKey\"]>,\n\t\tdefault: \"id\",\n\t},\n};\n\nElTree.props = {\n\t...ElTree.props,\n\t/**\n\t * 默认展开所有节点\n\t * @description 是否默认展开所有节点\n\t */\n\tdefaultExpandAll: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认点击时选中节点\n\t * @description 是否在点击节点的时候选中节点\n\t */\n\tcheckOnClickNode: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认高亮选中节点\n\t * @description 是否高亮当前选中节点\n\t */\n\thighlightCurrent: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n};\n\nElTreeSelect.props = {\n\t...ElTreeSelect.props,\n\t/** @description displayed text while loading data from server, default is 'Loading' */\n\tloadingText: {\n\t\ttype: String,\n\t\tdefault: \"加载中...\",\n\t},\n\t/** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */\n\tnoMatchText: {\n\t\ttype: String,\n\t\tdefault: \"暂无匹配的数据\",\n\t},\n\t/** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */\n\tnoDataText: {\n\t\ttype: String,\n\t\tdefault: \"暂无数据\",\n\t},\n\t/**\n\t * 默认按文字形式展示\n\t * @description whether to collapse tags to a text when multiple selecting\n\t */\n\tcollapseTags: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认显示所有选中的标签\n\t * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true\n\t */\n\tcollapseTagsTooltip: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认展开所有节点\n\t * @description 是否默认展开所有节点\n\t */\n\tdefaultExpandAll: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认点击时选中节点\n\t * @description 是否在点击节点的时候选中节点\n\t */\n\tcheckOnClickNode: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认高亮选中节点\n\t * @description 是否高亮当前选中节点\n\t */\n\thighlightCurrent: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 默认点击节点不展开或收缩节点\n\t * @description 是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。\n\t */\n\texpandOnClickNode: Boolean,\n};\n\n// ElMessageBox 默认配置\nconst elMessageBox = (\n\ttype: \"alert\" | \"confirm\" | \"prompt\",\n\tmessage: ElMessageBoxOptions[\"message\"],\n\toptions?: ElMessageBoxOptions,\n\tappContext?: AppContext | null\n): Promise<MessageBoxData> => {\n\toptions = options ?? {};\n\tif (!options?.title) {\n\t\t// 默认提示\n\t\toptions.title = \"温馨提示\";\n\t}\n\tif (isNil(options?.draggable)) {\n\t\t// 默认拖拽\n\t\toptions.draggable = true;\n\t}\n\tif (!options?.cancelButtonText) {\n\t\t// 默认 取消按钮的文本内容\n\t\toptions.cancelButtonText = \"取消\";\n\t}\n\tif (!options?.confirmButtonText) {\n\t\t// 默认 确定按钮的文本内容\n\t\toptions.confirmButtonText = \"确定\";\n\t}\n\tif (isNil(options?.closeOnClickModal)) {\n\t\t// 默认 是否可通过点击遮罩层关闭 MessageBox\n\t\toptions.closeOnClickModal = false;\n\t}\n\tif (isNil(options?.closeOnPressEscape)) {\n\t\t// 默认 是否可通过按下 ESC 键关闭 MessageBox\n\t\toptions.closeOnPressEscape = false;\n\t}\n\n\t// 关闭之前的判断逻辑\n\tif (!isNil(options?.beforeClose)) {\n\t\tconst localBeforeClose = options.beforeClose;\n\t\tconst localConfirmButtonText = options?.confirmButtonText;\n\t\tconst localShowCancelButton = options?.showCancelButton;\n\t\toptions.beforeClose = (action: Action, instance: MessageBoxState, done: () => void): void => {\n\t\t\tif (action === \"confirm\") {\n\t\t\t\tuseOverlay.show(0);\n\t\t\t\tinstance.confirmButtonLoading = true;\n\t\t\t\tinstance.showCancelButton = false;\n\t\t\t\tinstance.confirmButtonText = \"加载中...\";\n\n\t\t\t\tconst cancelLoading = (): void => {\n\t\t\t\t\tinstance.confirmButtonLoading = false;\n\t\t\t\t\tinstance.showCancelButton = localShowCancelButton;\n\t\t\t\t\tinstance.confirmButtonText = localConfirmButtonText;\n\t\t\t\t\tuseOverlay.hide();\n\t\t\t\t};\n\n\t\t\t\tconst newDone = (): void => {\n\t\t\t\t\tcancelLoading();\n\t\t\t\t\tdone();\n\t\t\t\t};\n\n\t\t\t\texecFunction(localBeforeClose, action, instance, newDone)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tnewDone();\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"MessageBox\", error);\n\t\t\t\t\t\tcancelLoading();\n\t\t\t\t\t\tthrow error;\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tdone();\n\t\t\t}\n\t\t};\n\t}\n\n\t// 根据类型有一些判断\n\tswitch (type) {\n\t\tcase \"alert\":\n\t\t\tbreak;\n\t\tcase \"confirm\":\n\t\t\tif (isNil(options?.showCancelButton)) {\n\t\t\t\toptions.showCancelButton = true;\n\t\t\t}\n\t\t\tbreak;\n\t\tcase \"prompt\":\n\t\t\tif (options?.showCancelButton == undefined) {\n\t\t\t\toptions.showCancelButton = true;\n\t\t\t}\n\t\t\tbreak;\n\t}\n\n\treturn ElMessageBox(\n\t\tObject.assign(\n\t\t\t{\n\t\t\t\tmessage,\n\t\t\t},\n\t\t\toptions,\n\t\t\t{\n\t\t\t\tboxType: type,\n\t\t\t}\n\t\t)\n\t);\n};\n\ntype MESSAGE_BOX_TYPE = \"alert\" | \"confirm\" | \"prompt\";\nconst MESSAGE_BOX_DEFAULT_OPTS: Record<MESSAGE_BOX_TYPE, Partial<ElMessageBoxOptions>> = {\n\talert: { closeOnPressEscape: false, closeOnClickModal: false },\n\tconfirm: { showCancelButton: true },\n\tprompt: { showCancelButton: true, showInput: true },\n};\n\nElMessageBox.alert = (\n\tmessage: ElMessageBoxOptions[\"message\"],\n\ttitleOrOptions?: string | ElMessageBoxOptions,\n\toptions?: ElMessageBoxOptions,\n\tappContext?: AppContext | null\n): Promise<MessageBoxData> =>\n\tisString(titleOrOptions)\n\t\t? elMessageBox(\"alert\", message, Object.assign({ title: titleOrOptions, ...MESSAGE_BOX_DEFAULT_OPTS[\"alert\"] }, options), appContext)\n\t\t: elMessageBox(\"alert\", message, Object.assign(titleOrOptions, MESSAGE_BOX_DEFAULT_OPTS[\"alert\"], options), options as AppContext);\n\nElMessageBox.prompt = (\n\tmessage: ElMessageBoxOptions[\"message\"],\n\ttitleOrOptions?: string | ElMessageBoxOptions,\n\toptions?: ElMessageBoxOptions,\n\tappContext?: AppContext | null\n): Promise<MessageBoxData> =>\n\tisString(titleOrOptions)\n\t\t? elMessageBox(\"prompt\", message, Object.assign({ title: titleOrOptions, ...MESSAGE_BOX_DEFAULT_OPTS[\"prompt\"] }, options), appContext)\n\t\t: elMessageBox(\"prompt\", message, Object.assign(titleOrOptions, MESSAGE_BOX_DEFAULT_OPTS[\"prompt\"], options), options as AppContext);\n\nElMessageBox.confirm = (\n\tmessage: ElMessageBoxOptions[\"message\"],\n\ttitleOrOptions?: string | ElMessageBoxOptions,\n\toptions?: AppContext | ElMessageBoxOptions,\n\tappContext?: AppContext | null\n): Promise<MessageBoxData> =>\n\tisString(titleOrOptions)\n\t\t? elMessageBox(\"confirm\", message, Object.assign({ title: titleOrOptions, ...MESSAGE_BOX_DEFAULT_OPTS[\"confirm\"] }, options), appContext)\n\t\t: elMessageBox(\"confirm\", message, Object.assign(titleOrOptions, MESSAGE_BOX_DEFAULT_OPTS[\"confirm\"], options), options as AppContext);\n\nexport const installElementPlus = (app: App): void => {\n\t/** 注册所有 Element Plus Icon */\n\tfor (const [key, component] of Object.entries(ElementPlusIconsVue)) {\n\t\t// 这里是给 FaIcon 使用的\n\t\tapp.component(`el-icon-${key}`, component);\n\t}\n\n\t/** Element Plus 组件完整引入 */\n\tapp.use(ElementPlus);\n};\n"],"names":[],"mappings":";;;;;;AAUA,SAAS,QAAQ;AAAA,EAChB,GAAG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKZ,WAAW;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEX;AAEA,OAAO,QAAQ;AAAA,EACd,GAAG,OAAO;AAAA;AAAA,EAEV,YAAY;AAAA,IACX,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA,EAAA;AAAA;AAAA,EAGV,aAAa;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,EAGV,eAAe;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEX;AAEA,QAAQ,QAAQ;AAAA,EACf,GAAG,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKX,eAAe;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEX;AAEA,cAAc,QAAQ;AAAA,EACrB,GAAG,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,UAAU;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEX;AAEA,SAAS,QAAQ;AAAA,EAChB,GAAG,SAAS;AAAA;AAAA,EAEZ,aAAa;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,EAGV,aAAa;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,EAGV,YAAY;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,cAAc;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,qBAAqB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEX;AAEA,QAAQ,QAAQ;AAAA,EACf,GAAG,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKX,QAAQ;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,qBAAqB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,QAAQ;AAAA,IACP,MAAM,CAAC,QAAQ,QAAQ;AAAA,IACvB,SAAS;AAAA,EAAA;AAEX;AAEA,OAAO,QAAQ;AAAA,EACd,GAAG,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKV,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEX;AAEA,aAAa,QAAQ;AAAA,EACpB,GAAG,aAAa;AAAA;AAAA,EAEhB,aAAa;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,EAGV,aAAa;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,EAGV,YAAY;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,cAAc;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,qBAAqB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,mBAAmB;AACpB;AAGA,MAAM,eAAe,CACpB,MACA,SACA,SACA,eAC6B;AAC7B,YAAU,WAAW,CAAA;AACrB,MAAI,CAAC,SAAS,OAAO;AAEpB,YAAQ,QAAQ;AAAA,EACjB;AACA,MAAI,MAAM,SAAS,SAAS,GAAG;AAE9B,YAAQ,YAAY;AAAA,EACrB;AACA,MAAI,CAAC,SAAS,kBAAkB;AAE/B,YAAQ,mBAAmB;AAAA,EAC5B;AACA,MAAI,CAAC,SAAS,mBAAmB;AAEhC,YAAQ,oBAAoB;AAAA,EAC7B;AACA,MAAI,MAAM,SAAS,iBAAiB,GAAG;AAEtC,YAAQ,oBAAoB;AAAA,EAC7B;AACA,MAAI,MAAM,SAAS,kBAAkB,GAAG;AAEvC,YAAQ,qBAAqB;AAAA,EAC9B;AAGA,MAAI,CAAC,MAAM,SAAS,WAAW,GAAG;AACjC,UAAM,mBAAmB,QAAQ;AACjC,UAAM,yBAAyB,SAAS;AACxC,UAAM,wBAAwB,SAAS;AACvC,YAAQ,cAAc,CAAC,QAAgB,UAA2B,SAA2B;AAC5F,UAAI,WAAW,WAAW;AACzB,mBAAW,KAAK,CAAC;AACjB,iBAAS,uBAAuB;AAChC,iBAAS,mBAAmB;AAC5B,iBAAS,oBAAoB;AAE7B,cAAM,gBAAgB,MAAY;AACjC,mBAAS,uBAAuB;AAChC,mBAAS,mBAAmB;AAC5B,mBAAS,oBAAoB;AAC7B,qBAAW,KAAA;AAAA,QACZ;AAEA,cAAM,UAAU,MAAY;AAC3B,wBAAA;AACA,eAAA;AAAA,QACD;AAEA,qBAAa,kBAAkB,QAAQ,UAAU,OAAO,EACtD,KAAK,MAAM;AACX,kBAAA;AAAA,QACD,CAAC,EACA,MAAM,CAAC,UAAU;AACjB,uBAAa,cAAc,KAAK;AAChC,wBAAA;AACA,gBAAM;AAAA,QACP,CAAC;AAAA,MACH,OAAO;AACN,aAAA;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAGA,UAAQ,MAAA;AAAA,IACP,KAAK;AACJ;AAAA,IACD,KAAK;AACJ,UAAI,MAAM,SAAS,gBAAgB,GAAG;AACrC,gBAAQ,mBAAmB;AAAA,MAC5B;AACA;AAAA,IACD,KAAK;AACJ,UAAI,SAAS,oBAAoB,QAAW;AAC3C,gBAAQ,mBAAmB;AAAA,MAC5B;AACA;AAAA,EAAA;AAGF,SAAO;AAAA,IACN,OAAO;AAAA,MACN;AAAA,QACC;AAAA,MAAA;AAAA,MAED;AAAA,MACA;AAAA,QACC,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,EACD;AAEF;AAGA,MAAM,2BAAmF;AAAA,EACxF,OAAO,EAAE,oBAAoB,OAAO,mBAAmB,MAAA;AAAA,EACvD,SAAS,EAAE,kBAAkB,KAAA;AAAA,EAC7B,QAAQ,EAAE,kBAAkB,MAAM,WAAW,KAAA;AAC9C;AAEA,aAAa,QAAQ,CACpB,SACA,gBACA,SACA,eAEA,SAAS,cAAc,IACpB,aAAa,SAAS,SAAS,OAAO,OAAO,EAAE,OAAO,gBAAgB,GAAG,yBAAyB,OAAO,KAAK,OAAO,GAAG,UAAU,IAClI,aAAa,SAAS,SAAS,OAAO,OAAO,gBAAgB,yBAAyB,OAAO,GAAG,OAAO,GAAG,OAAqB;AAEnI,aAAa,SAAS,CACrB,SACA,gBACA,SACA,eAEA,SAAS,cAAc,IACpB,aAAa,UAAU,SAAS,OAAO,OAAO,EAAE,OAAO,gBAAgB,GAAG,yBAAyB,QAAQ,KAAK,OAAO,GAAG,UAAU,IACpI,aAAa,UAAU,SAAS,OAAO,OAAO,gBAAgB,yBAAyB,QAAQ,GAAG,OAAO,GAAG,OAAqB;AAErI,aAAa,UAAU,CACtB,SACA,gBACA,SACA,eAEA,SAAS,cAAc,IACpB,aAAa,WAAW,SAAS,OAAO,OAAO,EAAE,OAAO,gBAAgB,GAAG,yBAAyB,SAAS,KAAK,OAAO,GAAG,UAAU,IACtI,aAAa,WAAW,SAAS,OAAO,OAAO,gBAAgB,yBAAyB,SAAS,GAAG,OAAO,GAAG,OAAqB;AAEhI,MAAM,qBAAqB,CAAC,QAAmB;AAErD,aAAW,CAAC,KAAK,SAAS,KAAK,OAAO,QAAQ,mBAAmB,GAAG;AAEnE,QAAI,UAAU,WAAW,GAAG,IAAI,SAAS;AAAA,EAC1C;AAGA,MAAI,IAAI,WAAW;AACpB;"}

package/es/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-loading';
+export * from './use-overlay';
+export * from './use-screenFull';

package/es/hooks/index.mjs

@@ -0,0 +1,9 @@
+import { useLoading } from "./use-loading/index.mjs";
+import { useOverlay } from "./use-overlay/index.mjs";
+import { useScreenFull } from "./use-screenFull/index.mjs";
+export {
+  useLoading,
+  useOverlay,
+  useScreenFull
+};
+//# sourceMappingURL=index.mjs.map

package/es/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/hooks/use-loading/index.d.ts

@@ -0,0 +1,4 @@
+export declare const useLoading: {
+    show: () => void;
+    hide: () => void;
+};

package/es/hooks/use-loading/index.mjs

@@ -0,0 +1,34 @@
+import { nextTick } from "vue";
+const useLoading = {
+  show: () => {
+    if (!window.loading) {
+      const bodyEl = document.body;
+      const div = document.createElement("div");
+      div.className = "__fa-loading";
+      div.innerHTML = `
+<div class="__fa-loading__box">
+	<div class="__fa-loading__box-warp">
+			<div class="__fa-loading__box-warp__item"></div>
+	</div>
+</div>
+`;
+      bodyEl.insertBefore(div, bodyEl.childNodes[0]);
+      window.loading = true;
+    }
+  },
+  hide: () => {
+    if (window.loading) {
+      nextTick(() => {
+        setTimeout(() => {
+          const loadingEl = document.querySelector(".__fa-loading__box");
+          loadingEl && loadingEl.parentNode?.removeChild(loadingEl);
+          window.loading = false;
+        }, 500);
+      });
+    }
+  }
+};
+export {
+  useLoading
+};
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-loading/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/hooks/use-loading/index.ts"],"sourcesContent":["import { nextTick } from \"vue\";\n\nexport const useLoading = {\n\tshow: (): void => {\n\t\t// 判断是否存在加载效果\n\t\tif (!window.loading) {\n\t\t\tconst bodyEl: Element = document.body;\n\t\t\tconst div = document.createElement(\"div\");\n\t\t\tdiv.className = \"__fa-loading\";\n\t\t\tdiv.innerHTML = `\n<div class=\"__fa-loading__box\">\n\t<div class=\"__fa-loading__box-warp\">\n\t\t\t<div class=\"__fa-loading__box-warp__item\"></div>\n\t</div>\n</div>\n`;\n\t\t\tbodyEl.insertBefore(div, bodyEl.childNodes[0]);\n\t\t\twindow.loading = true;\n\t\t}\n\t},\n\thide: (): void => {\n\t\t// 判断是否存在加载效果\n\t\tif (window.loading) {\n\t\t\tnextTick(() => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tconst loadingEl = document.querySelector(\".__fa-loading__box\");\n\t\t\t\t\tloadingEl && loadingEl.parentNode?.removeChild(loadingEl);\n\t\t\t\t\twindow.loading = false;\n\t\t\t\t}, 500);\n\t\t\t});\n\t\t}\n\t},\n};\n"],"names":[],"mappings":";AAEO,MAAM,aAAa;AAAA,EACzB,MAAM,MAAY;AAEjB,QAAI,CAAC,OAAO,SAAS;AACpB,YAAM,SAAkB,SAAS;AACjC,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,UAAI,YAAY;AAChB,UAAI,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhB,aAAO,aAAa,KAAK,OAAO,WAAW,CAAC,CAAC;AAC7C,aAAO,UAAU;AAAA,IAClB;AAAA,EACD;AAAA,EACA,MAAM,MAAY;AAEjB,QAAI,OAAO,SAAS;AACnB,eAAS,MAAM;AACd,mBAAW,MAAM;AAChB,gBAAM,YAAY,SAAS,cAAc,oBAAoB;AAC7D,uBAAa,UAAU,YAAY,YAAY,SAAS;AACxD,iBAAO,UAAU;AAAA,QAClB,GAAG,GAAG;AAAA,MACP,CAAC;AAAA,IACF;AAAA,EACD;AACD;"}

package/es/hooks/use-overlay/index.d.ts

@@ -0,0 +1,4 @@
+export declare const useOverlay: {
+    show: (transparent?: number) => void;
+    hide: () => void;
+};