@das-fed/utils 1.0.1 → 1.0.3

package/directive/auth.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 权限控制工具
+ * @param el 绑定的dom
+ * @param binding 使用指令时对应binding，使用函数时对应options
+ * @param vnode
+ * @returns 是否有权限
+ */
+export declare const vAuth: (el: any, binding: any) => boolean;

package/directive/auth.js

@@ -1,114 +1,64 @@
-import { getUrlParams, flatTree } from '@das-fed/utils/common-tools';
-import { getTabInfo, getSubApps, getPageAuth } from '@das-fed/utils/common-info';
-
-const getEl = async (el, options) => {
-  let res = el;
-  if (options?.target) {
-    if (typeof options.target === "string")
-      res = options.target;
-    if (typeof options.target === "function")
-      res = await options.target(el);
-  }
-  return res;
-};
-
-const hasBtnAuth = (btnList, code) => {
-  if (!btnList || !code)
-    return false;
-  if (typeof code === "string") {
-    const currentItem = btnList.find((item) => item.code === code);
-    return !!currentItem;
-  } else {
-    let flag = false;
-    for (let value of code) {
-      const currentItem = btnList.find((item) => item.code === value);
-      if (currentItem) {
-        flag = true;
+import { getUrlParams as g, flatTree as P } from "@das-fed/utils/common-tools";
+import { getSubApps as v, getPageAuth as i } from "@das-fed/utils/common-info";
+import { getEl as o } from "@das-fed/utils/directive/utils";
+const A = (e, t) => {
+  if (!e || !t)
+    return !1;
+  if (typeof t == "string")
+    return !!e.find((s) => s.code === t);
+  {
+    let r = !1;
+    for (let s of t)
+      if (e.find((a) => a.code === s)) {
+        r = !0;
         break;
       }
-    }
-    return flag;
+    return r;
   }
-};
-const hasPermission = (options) => {
-  const code = options?.code ?? "";
-  const path = options?.path ?? location.pathname;
-  const applicationCode = options?.applicationCode ?? "";
-  let menuCode = "";
-  if (window.__IN_MICRO_APP__) {
-    menuCode = options?.menuCode ? options.menuCode : getUrlParams(location.href, "menu");
-  } else {
-    menuCode = options?.menuCode ? options.menuCode : getTabInfo().currentTab?.code;
-  }
-  if (!menuCode) {
-    const currentMenus = getSubApps().currentSubApp?.menus ?? [];
-    if (currentMenus && currentMenus.length) {
-      const flatMenus = flatTree(currentMenus).filter((item) => item?.routeUrl);
-      if (flatMenus && flatMenus.length) {
-        const currentMenu = flatMenus.find((item) => {
-          if (item?.applicationPath) {
-            return path?.includes("/" + item.applicationPath + item.routeUrl);
-          } else {
-            return path?.includes(item.routeUrl);
-          }
-        });
-        if (currentMenu)
-          menuCode = currentMenu?.code ?? "";
+}, h = (e) => {
+  var d;
+  const t = (e == null ? void 0 : e.code) ?? "", r = (e == null ? void 0 : e.path) ?? location.pathname, s = (e == null ? void 0 : e.applicationCode) ?? "";
+  let l = "";
+  if (l = e != null && e.menuCode ? e.menuCode : g(location.href, "menu"), !l) {
+    const c = ((d = v().currentSubApp) == null ? void 0 : d.menus) ?? [];
+    if (c && c.length) {
+      const n = P(c).filter((f) => f == null ? void 0 : f.routeUrl);
+      if (n && n.length) {
+        const f = n.find((u) => u != null && u.applicationPath ? r == null ? void 0 : r.includes("/" + u.applicationPath + u.routeUrl) : r == null ? void 0 : r.includes(u.routeUrl));
+        f && (l = (f == null ? void 0 : f.code) ?? "");
       }
     }
   }
-  let flag = false;
-  if (code) {
-    const btnList = getPageAuth(menuCode, applicationCode) ?? [];
-    flag = hasBtnAuth(btnList, code);
-  } else {
-    flag = !!getPageAuth(menuCode, applicationCode);
-  }
-  return flag;
-};
-const removeEl = (el, type) => {
-  if (type === "hide") {
-    el.classList.add("is-hide");
-  } else {
-    el.setAttribute("disabled", "");
-    el.classList.add("is-disabled");
-  }
-};
-const addEl = (el, type) => {
-  if (type === "hide") {
-    el.classList.remove("is-hide");
-  } else {
-    el.removeAttribute("disabled");
-    el.classList.remove("is-disabled");
-  }
-};
-const vAuth = (el, binding) => {
-  let options = (el ? binding.value : binding) || {};
-  if (typeof options === "string")
-    options = { code: options };
-  const type = options?.type ?? "hide";
-  const isPermission = hasPermission(options);
-  if (el) {
-    if (!binding.oldValue) {
-      if (!isPermission)
-        getEl(el, options).then((element) => {
-          removeEl(element, type);
-        });
-    } else {
-      const oldHasPermission = hasPermission(binding.oldValue);
-      const newHasPermission = isPermission;
-      if (oldHasPermission === newHasPermission)
+  let a = !1;
+  if (t) {
+    const c = i(l, s) ?? [];
+    a = A(c, t);
+  } else
+    a = !!i(l, s);
+  return a;
+}, m = (e, t) => {
+  t === "hide" ? e.classList.add("is-hide") : (e.setAttribute("disabled", ""), e.classList.add("is-disabled"));
+}, b = (e, t) => {
+  t === "hide" ? e.classList.remove("is-hide") : (e.removeAttribute("disabled"), e.classList.remove("is-disabled"));
+}, U = (e, t) => {
+  let r = (e ? t.value : t) || {};
+  typeof r == "string" && (r = { code: r });
+  const s = (r == null ? void 0 : r.type) ?? "hide", l = h(r);
+  if (e)
+    if (!t.oldValue)
+      l || o(e, r).then((a) => {
+        m(a, s);
+      });
+    else {
+      const a = h(t.oldValue), d = l;
+      if (a === d)
         return;
-      getEl(el, options).then((element) => {
-        if (newHasPermission) {
-          addEl(element, type);
-        } else {
-          removeEl(element, type);
-        }
+      o(e, r).then((c) => {
+        d ? b(c, s) : m(c, s);
       });
     }
-  }
-  return isPermission;
+  return l;
+};
+export {
+  U as vAuth
 };
-
-export { vAuth };

package/directive/clickOutside.d.ts

@@ -0,0 +1,5 @@
+import type { Directive } from 'vue';
+/**
+ * 指令：点击当前区域或者指定区域之外的位置
+ */
+export declare const vClickOutside: Directive<HTMLElement>;

package/directive/clickOutside.js

@@ -1,53 +1,27 @@
-const getEl = async (el, options) => {
-  let res = el;
-  if (options?.target) {
-    if (typeof options.target === "string")
-      res = options.target;
-    if (typeof options.target === "function")
-      res = await options.target(el);
-  }
-  return res;
-};
-
-const vClickOutside = {
-  mounted: async (el, binding) => {
-    const options = binding.value;
-    const targetEl = await getEl(el, options);
-    function eventHandler(e) {
-      let flag = true;
-      if (Array.isArray(targetEl)) {
-        for (let dom of targetEl) {
-          dom.__click_outside__ = eventHandler;
-          if (dom.contains(e.target))
-            flag = false;
-        }
-      } else {
-        if (targetEl.contains(e.target)) {
-          flag = false;
-        }
-        targetEl.__click_outside__ = eventHandler;
-      }
-      if (flag) {
-        if (options?.fn && typeof options?.fn === "function") {
-          options?.fn(e);
-        }
-      }
+import { getEl as r } from "@das-fed/utils/directive/utils";
+const f = {
+  mounted: async (i, _) => {
+    const e = _.value, t = await r(i, e);
+    function c(n) {
+      let l = !0;
+      if (Array.isArray(t))
+        for (let o of t)
+          o.__click_outside__ = c, o.contains(n.target) && (l = !1);
+      else
+        t.contains(n.target) && (l = !1), t.__click_outside__ = c;
+      l && e != null && e.fn && typeof (e == null ? void 0 : e.fn) == "function" && (e == null || e.fn(n));
     }
-    document.addEventListener("click", eventHandler);
+    document.addEventListener("click", c);
   },
-  beforeUnmount: async (el, binding) => {
-    const options = binding.value;
-    const targetEl = await getEl(el, options);
-    if (Array.isArray(targetEl)) {
-      for (let dom of targetEl) {
-        document.removeEventListener("click", dom.__click_outside__);
-        delete dom.__click_outside__;
-      }
-    } else {
-      document.removeEventListener("click", targetEl.__click_outside__);
-      delete targetEl.__click_outside__;
-    }
+  beforeUnmount: async (i, _) => {
+    const e = _.value, t = await r(i, e);
+    if (Array.isArray(t))
+      for (let c of t)
+        document.removeEventListener("click", c.__click_outside__), delete c.__click_outside__;
+    else
+      document.removeEventListener("click", t.__click_outside__), delete t.__click_outside__;
   }
 };
-
-export { vClickOutside };
+export {
+  f as vClickOutside
+};

package/directive/hoverInside.d.ts

@@ -0,0 +1,5 @@
+import type { Directive } from 'vue';
+/**
+ * 指令：鼠标移入移除dom事件
+ */
+export declare const vHoverInside: Directive<HTMLElement>;

package/directive/hoverInside.js

@@ -1,40 +1,21 @@
-const getEl = async (el, options) => {
-  let res = el;
-  if (options?.target) {
-    if (typeof options.target === "string")
-      res = options.target;
-    if (typeof options.target === "function")
-      res = await options.target(el);
-  }
-  return res;
-};
-
-const vHoverInside = {
-  mounted: async (el, binding) => {
-    const options = binding.value;
-    const targetEl = await getEl(el, options);
-    function eventHandler(flag, e) {
-      targetEl._inside_event = eventHandler;
-      if (typeof options === "function") {
-        options(flag, e);
-      } else if (options?.fn && typeof options?.fn === "function") {
-        options?.fn(flag, e);
-      }
+import { getEl as r } from "@das-fed/utils/directive/utils";
+const o = {
+  mounted: async (s, a) => {
+    const e = a.value, n = await r(s, e);
+    function i(t, d) {
+      n._inside_event = i, typeof e == "function" ? e(t, d) : e != null && e.fn && typeof (e == null ? void 0 : e.fn) == "function" && (e == null || e.fn(t, d));
     }
-    targetEl.addEventListener("mouseenter", (e) => {
-      eventHandler(true, e);
-    });
-    targetEl.addEventListener("mouseleave", (e) => {
-      eventHandler(false, e);
+    n.addEventListener("mouseenter", (t) => {
+      i(!0, t);
+    }), n.addEventListener("mouseleave", (t) => {
+      i(!1, t);
     });
   },
-  beforeUnmount: async (el, binding) => {
-    const options = binding.value;
-    const targetEl = await getEl(el, options);
-    targetEl.addEventListener("mouseenter", targetEl._inside_event);
-    targetEl.addEventListener("mouseleave", targetEl._inside_event);
-    delete targetEl._inside_event;
+  beforeUnmount: async (s, a) => {
+    const e = a.value, n = await r(s, e);
+    n.addEventListener("mouseenter", n._inside_event), n.addEventListener("mouseleave", n._inside_event), delete n._inside_event;
   }
 };
-
-export { vHoverInside };
+export {
+  o as vHoverInside
+};

package/directive/index.d.ts

@@ -0,0 +1,3 @@
+export { vAuth } from '@das-fed/utils/directive/auth';
+export { vClickOutside } from '@das-fed/utils/directive/clickOutside';
+export { vHoverInside } from '@das-fed/utils/directive/hoverInside';

package/directive/index.js

@@ -1,183 +1,8 @@
-import { getUrlParams, flatTree } from '@das-fed/utils/common-tools';
-import { getTabInfo, getSubApps, getPageAuth } from '@das-fed/utils/common-info';
-
-const getEl = async (el, options) => {
-  let res = el;
-  if (options?.target) {
-    if (typeof options.target === "string")
-      res = options.target;
-    if (typeof options.target === "function")
-      res = await options.target(el);
-  }
-  return res;
+import { vAuth as e } from "@das-fed/utils/directive/auth";
+import { vClickOutside as v } from "@das-fed/utils/directive/clickOutside";
+import { vHoverInside as i } from "@das-fed/utils/directive/hoverInside";
+export {
+  e as vAuth,
+  v as vClickOutside,
+  i as vHoverInside
 };
-
-const hasBtnAuth = (btnList, code) => {
-  if (!btnList || !code)
-    return false;
-  if (typeof code === "string") {
-    const currentItem = btnList.find((item) => item.code === code);
-    return !!currentItem;
-  } else {
-    let flag = false;
-    for (let value of code) {
-      const currentItem = btnList.find((item) => item.code === value);
-      if (currentItem) {
-        flag = true;
-        break;
-      }
-    }
-    return flag;
-  }
-};
-const hasPermission = (options) => {
-  const code = options?.code ?? "";
-  const path = options?.path ?? location.pathname;
-  const applicationCode = options?.applicationCode ?? "";
-  let menuCode = "";
-  if (window.__IN_MICRO_APP__) {
-    menuCode = options?.menuCode ? options.menuCode : getUrlParams(location.href, "menu");
-  } else {
-    menuCode = options?.menuCode ? options.menuCode : getTabInfo().currentTab?.code;
-  }
-  if (!menuCode) {
-    const currentMenus = getSubApps().currentSubApp?.menus ?? [];
-    if (currentMenus && currentMenus.length) {
-      const flatMenus = flatTree(currentMenus).filter((item) => item?.routeUrl);
-      if (flatMenus && flatMenus.length) {
-        const currentMenu = flatMenus.find((item) => {
-          if (item?.applicationPath) {
-            return path?.includes("/" + item.applicationPath + item.routeUrl);
-          } else {
-            return path?.includes(item.routeUrl);
-          }
-        });
-        if (currentMenu)
-          menuCode = currentMenu?.code ?? "";
-      }
-    }
-  }
-  let flag = false;
-  if (code) {
-    const btnList = getPageAuth(menuCode, applicationCode) ?? [];
-    flag = hasBtnAuth(btnList, code);
-  } else {
-    flag = !!getPageAuth(menuCode, applicationCode);
-  }
-  return flag;
-};
-const removeEl = (el, type) => {
-  if (type === "hide") {
-    el.classList.add("is-hide");
-  } else {
-    el.setAttribute("disabled", "");
-    el.classList.add("is-disabled");
-  }
-};
-const addEl = (el, type) => {
-  if (type === "hide") {
-    el.classList.remove("is-hide");
-  } else {
-    el.removeAttribute("disabled");
-    el.classList.remove("is-disabled");
-  }
-};
-const vAuth = (el, binding) => {
-  let options = (el ? binding.value : binding) || {};
-  if (typeof options === "string")
-    options = { code: options };
-  const type = options?.type ?? "hide";
-  const isPermission = hasPermission(options);
-  if (el) {
-    if (!binding.oldValue) {
-      if (!isPermission)
-        getEl(el, options).then((element) => {
-          removeEl(element, type);
-        });
-    } else {
-      const oldHasPermission = hasPermission(binding.oldValue);
-      const newHasPermission = isPermission;
-      if (oldHasPermission === newHasPermission)
-        return;
-      getEl(el, options).then((element) => {
-        if (newHasPermission) {
-          addEl(element, type);
-        } else {
-          removeEl(element, type);
-        }
-      });
-    }
-  }
-  return isPermission;
-};
-
-const vClickOutside = {
-  mounted: async (el, binding) => {
-    const options = binding.value;
-    const targetEl = await getEl(el, options);
-    function eventHandler(e) {
-      let flag = true;
-      if (Array.isArray(targetEl)) {
-        for (let dom of targetEl) {
-          dom.__click_outside__ = eventHandler;
-          if (dom.contains(e.target))
-            flag = false;
-        }
-      } else {
-        if (targetEl.contains(e.target)) {
-          flag = false;
-        }
-        targetEl.__click_outside__ = eventHandler;
-      }
-      if (flag) {
-        if (options?.fn && typeof options?.fn === "function") {
-          options?.fn(e);
-        }
-      }
-    }
-    document.addEventListener("click", eventHandler);
-  },
-  beforeUnmount: async (el, binding) => {
-    const options = binding.value;
-    const targetEl = await getEl(el, options);
-    if (Array.isArray(targetEl)) {
-      for (let dom of targetEl) {
-        document.removeEventListener("click", dom.__click_outside__);
-        delete dom.__click_outside__;
-      }
-    } else {
-      document.removeEventListener("click", targetEl.__click_outside__);
-      delete targetEl.__click_outside__;
-    }
-  }
-};
-
-const vHoverInside = {
-  mounted: async (el, binding) => {
-    const options = binding.value;
-    const targetEl = await getEl(el, options);
-    function eventHandler(flag, e) {
-      targetEl._inside_event = eventHandler;
-      if (typeof options === "function") {
-        options(flag, e);
-      } else if (options?.fn && typeof options?.fn === "function") {
-        options?.fn(flag, e);
-      }
-    }
-    targetEl.addEventListener("mouseenter", (e) => {
-      eventHandler(true, e);
-    });
-    targetEl.addEventListener("mouseleave", (e) => {
-      eventHandler(false, e);
-    });
-  },
-  beforeUnmount: async (el, binding) => {
-    const options = binding.value;
-    const targetEl = await getEl(el, options);
-    targetEl.addEventListener("mouseenter", targetEl._inside_event);
-    targetEl.addEventListener("mouseleave", targetEl._inside_event);
-    delete targetEl._inside_event;
-  }
-};
-
-export { vAuth, vClickOutside, vHoverInside };

package/directive/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 获取指定dom
+ * @param el
+ * @param options
+ * @returns
+ */
+export declare const getEl: (el: HTMLElement, options: any) => Promise<HTMLElement>;

package/directive/utils.js

@@ -1,12 +1,7 @@
-const getEl = async (el, options) => {
-  let res = el;
-  if (options?.target) {
-    if (typeof options.target === "string")
-      res = options.target;
-    if (typeof options.target === "function")
-      res = await options.target(el);
-  }
-  return res;
+const a = async (r, t) => {
+  let e = r;
+  return t != null && t.target && (typeof t.target == "string" && (e = t.target), typeof t.target == "function" && (e = await t.target(r))), e;
+};
+export {
+  a as getEl
 };
-
-export { getEl };

package/dom-check-in/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 判断鼠标是否落在一个块级元素内部
+ * @param {*} dom 块级元素
+ * @returns
+ */
+export declare const domCheckIn: (dom: HTMLElement) => boolean;

package/dom-check-in/index.js

@@ -1,16 +1,8 @@
-const domCheckIn = (dom) => {
-  const event = window.event;
-  let x = Number(event.clientX);
-  let y = Number(event.clientY);
-  let div_x = Number(dom.getBoundingClientRect().left);
-  let div_x_width = Number(dom.getBoundingClientRect().left + dom.clientWidth);
-  let div_y = Number(dom.getBoundingClientRect().top);
-  let div_y_height = Number(dom.getBoundingClientRect().top + dom.clientHeight);
-  if (x > div_x && x < div_x_width && y > div_y && y < div_y_height) {
-    return true;
-  } else {
-    return false;
-  }
+const g = (e) => {
+  const t = window.event;
+  let n = Number(t.clientX), i = Number(t.clientY), l = Number(e.getBoundingClientRect().left), u = Number(e.getBoundingClientRect().left + e.clientWidth), r = Number(e.getBoundingClientRect().top), c = Number(e.getBoundingClientRect().top + e.clientHeight);
+  return n > l && n < u && i > r && i < c;
+};
+export {
+  g as domCheckIn
 };
-
-export { domCheckIn };

package/dom-watcher/index.d.ts

@@ -0,0 +1,25 @@
+interface Config {
+    /** 观察目标节点的子节点的新增和删除；*/
+    childList?: boolean;
+    /**  观察目标节点的属性节点(新增或删除了某个属性，以及某个属性的属性值发生了变化)； */
+    attributes?: boolean;
+    /** 要监视的特定属性名称的数组，如果未包含此属性，则对所有属性的更改都会触发变动通知； */
+    attributeFilter?: any[];
+    /** 	在attributes属性已经设为true的前提下, 将发生变化的属性节点之前的属性值记录下来(记录在MutationRecord对象的oldValue属性中)； */
+    attributeOldValue?: boolean;
+    /** 在characterData属性已经设为true的前提下，将发生变化characterData节点之前的文本内容记录下来(记录在MutationRecord对象的oldValue属性中)； */
+    characterDataOldValue?: boolean;
+    /** 如果目标节点为characterData节点(一种抽象接口，具体可以为文本节点、注释节点，以及处理指令节点)时，也要观察该节点的文本内容是否发生变化； */
+    characterData?: boolean;
+    /** 观察目标节点的所有后代节点(观察目标节点所包含的整棵DOM树上的上述三种节点变化)； */
+    subtree?: boolean;
+}
+/**
+ * dom监听器
+ * @param cb  回调函数
+ * @param dom 目标dom
+ * @param config 配置
+ * @returns
+ */
+declare const DomWatcher: (cb: (list: MutationRecord[]) => void, dom: HTMLElement, config?: Config) => MutationObserver;
+export { DomWatcher };

package/dom-watcher/index.js

@@ -1,10 +1,9 @@
-const DomWatcher = (cb, dom, config = { attributes: true, childList: true, subtree: true }) => {
-  const watchDom = dom || document.body;
-  const domObserver = new MutationObserver((mutationsList) => {
-    cb(mutationsList);
+const c = (e, r, o = { attributes: !0, childList: !0, subtree: !0 }) => {
+  const s = r || document.body, t = new MutationObserver((u) => {
+    e(u);
   });
-  domObserver.observe(watchDom, config);
-  return domObserver;
+  return t.observe(s, o), t;
+};
+export {
+  c as DomWatcher
 };
-
-export { DomWatcher };

package/hooks/popup-manager/use-zindex.d.ts

@@ -0,0 +1,5 @@
+export declare const useZIndex: () => {
+    initialZIndex: any;
+    currentZIndex: any;
+    nextZIndex: () => any;
+};