@qy_better_lib/core 0.0.1

package/dist/@qy-better-lib/core.min.js

@@ -0,0 +1 @@
+(function(r,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("element-plus")):typeof define=="function"&&define.amd?define(["exports","element-plus"],u):(r=typeof globalThis<"u"?globalThis:r||self,u(r["@qy-better-lib/core"]={},r["element-plus"]))})(this,function(r,u){"use strict";function M(){return Math.floor(Math.random()*1e4)}function k(e){return Math.floor(Math.random()*Math.floor(e))}function $(){const e=y;return`${e()}${e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`}function y(){return Math.floor((1+Math.random())*65536).toString(16).substring(1)}function A(e){return e===void 0}function p(e){return Object.prototype.toString.call(e)==="[object Array]"}function g(e){return typeof e=="object"&&Object.prototype.toString.call(e)==="[object Object]"}function v(e){return Object.prototype.toString.call(e)==="[object Date]"}function B(e){return!e&&e!==0||p(e)&&e.length===0||g(e)&&!Object.keys(e).length}function h(e){return typeof Element>"u"?!1:e instanceof Element}const T=typeof window<"u",N=e=>typeof e=="number";function w(e,t="key",n="children"){const o={},i=(c,s)=>{for(let a=0;a<c.length;a++){const l=c[a],d=l[t];if(!o[d]){o[d]=l,s&&(o[d].parent=o[s]);const m=l[n];m&&m.length>0&&i(m,l[t])}}};return i(e),o}function H(e){return e?Object.prototype.toString.call(1)!=="[object Number]"?`${e}`:`${e}`.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,"$1,"):"0"}function F(){const e=localStorage.getItem("token");if(!e)return;const t=JSON.parse(e);if(t!==null)if(t.expirse!=null&&t.expirse<new Date().getTime())localStorage.removeItem("token");else return t.value;return null}function L(e,t){!t&&(t=7*24*60*60*1e3)||(t=t*1e3);const n={value:e,expirse:new Date().getTime()+t};localStorage.setItem("token",JSON.stringify(n))}function R(){localStorage.removeItem("token")}function U(e,t,n="local"){const o=n=="local"?localStorage:sessionStorage;t!=null&&o.setItem(e,JSON.stringify(t))}function _(e,t="local"){let o=(t=="local"?localStorage:sessionStorage).getItem(e);return o&&JSON.parse(o||"")}function b(e,t="local"){(t=="local"?localStorage:sessionStorage).removeItem(e)}function J(e="local"){(e=="local"?localStorage:sessionStorage).clear()}function j(e,t,n){const o={beforeClose:(i,c,s)=>{i==="confirm"?setTimeout(()=>{s()},0):s()},...n};u.ElMessageBox.confirm(`此操作将${e}, 是否继续?`,"提示",o).then(async()=>{t&&t()}).catch(()=>{})}function q(e,t,n){return new Promise((o,i)=>{const c={beforeClose:(s,a,l)=>{s==="confirm"?setTimeout(()=>{l()},0):l()},...n};u.ElMessageBox.confirm(`${e}`,"Tip",c).then(()=>{o(t&&t())}).catch(()=>{})})}function P(e,t="",n=!1,o=3e3){u.ElMessage({showClose:!0,message:t,type:e,duration:o,dangerouslyUseHTMLString:n})}function V(e,t="",n=!1,o="bottom-right",i=0){u.ElNotification({title:"消息通知",message:t,type:e,dangerouslyUseHTMLString:n,duration:i,showClose:!0,position:o})}function C(e){const t=Object.prototype.toString;if(!e||typeof e!="object")return e;if(e.nodeType&&"cloneNode"in e)return e.cloneNode(!0);if(t.call(e)==="[object Date]")return new Date(e.getTime());if(t.call(e)==="[object RegExp]"){const o=[];return e.global&&o.push("g"),e.multiline&&o.push("m"),e.ignoreCase&&o.push("i"),new RegExp(e.source,o.join(""))}if(t.call(e)==="[object FormData]"){const o=new FormData;for(const[i,c]of e.entries())o.append(i,c);return o}const n=Array.isArray(e)?[]:e.constructor?new e.constructor:{};for(const o in e)n[o]=C(e[o]);return n}function E(...e){let t=e.length,n=e[0];g(n)||(n={});for(let o=1;o<t;o++){let i=e[o];if(g(i))for(let c in i)c==="__proto__"||n===i[c]||(g(i[c])?n[c]=E(n[c],i[c]):n[c]=i[c])}return n}function O(e,t){return!e||e.tagName==="BODY"?null:e.classList.contains(t)?e:O(e.parentNode,t)}const f=new Map;let D;T&&(document.addEventListener("mousedown",e=>D=e),document.addEventListener("mouseup",e=>{for(const t of f.values())for(const{documentHandler:n}of t)n(e,D)}));function I(e,t){let n=[];return Array.isArray(t.arg)?n=t.arg:h(t.arg)&&n.push(t.arg),function(o,i){const c=t.instance.popperRef,s=o.target,a=i==null?void 0:i.target,l=!t||!t.instance,d=!s||!a,m=e.contains(s)||e.contains(a),z=e===s,G=n.length&&n.some(S=>S==null?void 0:S.contains(s))||n.length&&n.includes(a),K=c&&(c.contains(s)||c.contains(a));l||d||m||z||G||K||t.value(o,i)}}const Y={beforeMount(e,t){var n;f.has(e)||f.set(e,[]),(n=f.get(e))==null||n.push({documentHandler:I(e,t),bindingFn:t.value})},updated(e,t){f.has(e)||f.set(e,[]);const n=f.get(e),o=n==null?void 0:n.findIndex(c=>c.bindingFn===t.oldValue),i={documentHandler:I(e,t),bindingFn:t.value};o&&o>=0?n==null||n.splice(o,1,i):n==null||n.push(i)},unmounted(e){f.delete(e)}};r.ClickOutside=Y,r.clearStorage=J,r.confirmBox=j,r.confirmBoxAsync=q,r.deepAssign=E,r.deepClone=C,r.generateId=M,r.generateString=y,r.getParentByClass=O,r.getRandomInt=k,r.getStorage=_,r.getToken=F,r.guiID=$,r.isArray=p,r.isClient=T,r.isDate=v,r.isElement=h,r.isEmpty=B,r.isNumber=N,r.isObject=g,r.isUndefined=A,r.messageAlert=P,r.notification=V,r.removeStorage=b,r.removeToken=R,r.setStorage=U,r.setToken=L,r.thousandSeparator=H,r.treeFlat=w,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/lib/directives/click-outside.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+
+declare const ClickOutside: ObjectDirective;
+export default ClickOutside;

package/lib/directives/click-outside.js

@@ -0,0 +1,41 @@
+import { isClient as E, isElement as H } from "../utils/is.js";
+import "element-plus";
+const s = /* @__PURE__ */ new Map();
+let f;
+E && (document.addEventListener("mousedown", (e) => f = e), document.addEventListener("mouseup", (e) => {
+  for (const n of s.values())
+    for (const { documentHandler: t } of n)
+      t(e, f);
+}));
+function d(e, n) {
+  let t = [];
+  return Array.isArray(n.arg) ? t = n.arg : H(n.arg) && t.push(n.arg), function(a, o) {
+    const c = n.instance.popperRef, r = a.target, u = o == null ? void 0 : o.target, l = !n || !n.instance, p = !r || !u, g = e.contains(r) || e.contains(u), m = e === r, v = t.length && t.some((i) => i == null ? void 0 : i.contains(r)) || t.length && t.includes(u), x = c && (c.contains(r) || c.contains(u));
+    l || p || g || m || v || x || n.value(a, o);
+  };
+}
+const T = {
+  beforeMount(e, n) {
+    var t;
+    s.has(e) || s.set(e, []), (t = s.get(e)) == null || t.push({
+      documentHandler: d(e, n),
+      bindingFn: n.value
+    });
+  },
+  updated(e, n) {
+    s.has(e) || s.set(e, []);
+    const t = s.get(e), a = t == null ? void 0 : t.findIndex(
+      (c) => c.bindingFn === n.oldValue
+    ), o = {
+      documentHandler: d(e, n),
+      bindingFn: n.value
+    };
+    a && a >= 0 ? t == null || t.splice(a, 1, o) : t == null || t.push(o);
+  },
+  unmounted(e) {
+    s.delete(e);
+  }
+};
+export {
+  T as default
+};

package/lib/directives/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ClickOutside } from './click-outside';
+
+export { ClickOutside };

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './utils/index';
+export * from './directives/index';

package/lib/index.js

@@ -0,0 +1,40 @@
+import { generateId as t, generateString as o, getRandomInt as n, guiID as a } from "./utils/random.js";
+import { isArray as s, isClient as m, isDate as f, isElement as g, isEmpty as p, isNumber as x, isObject as d, isUndefined as l } from "./utils/is.js";
+import { treeFlat as S } from "./utils/tree.js";
+import { thousandSeparator as k } from "./utils/number.js";
+import { clearStorage as A, getStorage as C, getToken as B, removeStorage as I, removeToken as T, setStorage as b, setToken as v } from "./utils/storage.js";
+import { confirmBox as E, confirmBoxAsync as O, messageAlert as h, notification as j } from "./utils/ui.js";
+import { deepAssign as N, deepClone as P } from "./utils/object.js";
+import { getParentByClass as U } from "./utils/dom.js";
+import { default as w } from "./directives/click-outside.js";
+export {
+  w as ClickOutside,
+  A as clearStorage,
+  E as confirmBox,
+  O as confirmBoxAsync,
+  N as deepAssign,
+  P as deepClone,
+  t as generateId,
+  o as generateString,
+  U as getParentByClass,
+  n as getRandomInt,
+  C as getStorage,
+  B as getToken,
+  a as guiID,
+  s as isArray,
+  m as isClient,
+  f as isDate,
+  g as isElement,
+  p as isEmpty,
+  x as isNumber,
+  d as isObject,
+  l as isUndefined,
+  h as messageAlert,
+  j as notification,
+  I as removeStorage,
+  T as removeToken,
+  b as setStorage,
+  v as setToken,
+  k as thousandSeparator,
+  S as treeFlat
+};

package/lib/utils/dom.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 根据类名获取父元素
+ * @param dom dom元素
+ * @param className css类名
+ * @return dom | null
+ */
+export declare function getParentByClass(dom: any, className: string): any;

package/lib/utils/dom.js

@@ -0,0 +1,6 @@
+function r(t, n) {
+  return !t || t.tagName === "BODY" ? null : t.classList.contains(n) ? t : r(t.parentNode, n);
+}
+export {
+  r as getParentByClass
+};

package/lib/utils/index.d.ts

@@ -0,0 +1,8 @@
+export * from './random';
+export * from './is';
+export * from './tree';
+export * from './number';
+export * from './storage';
+export * from './ui';
+export * from './object';
+export * from './dom';

package/lib/utils/is.d.ts

@@ -0,0 +1,42 @@
+/**
+ * 判断是否为undefined
+ * @param val
+ * @returns
+ */
+export declare function isUndefined(val: any): boolean;
+/**
+ * 是否为数组
+ * @param val
+ * @returns
+ */
+export declare function isArray(val: any): boolean;
+/**
+ * 是否为对象
+ * @param val
+ * @returns
+ */
+export declare function isObject(val: any): boolean;
+/**
+ * 是否为日期时间
+ * @param val
+ * @returns
+ */
+export declare function isDate(val: any): boolean;
+/**
+ * 是否为空
+ * @param val
+ * @returns
+ */
+export declare function isEmpty(val: unknown): boolean;
+/**
+ * 判断对象是否为DOM元素
+ * @param e
+ * @returns
+ */
+export declare function isElement(e: unknown): e is Element;
+/**
+ * 是否是客户端
+ */
+export declare const isClient: boolean;
+/**是否未数值 */
+export declare const isNumber: (val: any) => boolean;

package/lib/utils/is.js

@@ -0,0 +1,29 @@
+function o(t) {
+  return t === void 0;
+}
+function e(t) {
+  return Object.prototype.toString.call(t) === "[object Array]";
+}
+function n(t) {
+  return typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]";
+}
+function r(t) {
+  return Object.prototype.toString.call(t) === "[object Date]";
+}
+function i(t) {
+  return !t && t !== 0 || e(t) && t.length === 0 || n(t) && !Object.keys(t).length;
+}
+function c(t) {
+  return typeof Element > "u" ? !1 : t instanceof Element;
+}
+const u = typeof window < "u", f = (t) => typeof t == "number";
+export {
+  e as isArray,
+  u as isClient,
+  r as isDate,
+  c as isElement,
+  i as isEmpty,
+  f as isNumber,
+  n as isObject,
+  o as isUndefined
+};

package/lib/utils/number.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 数字转成千分位
+ * @param num
+ * @returns
+ */
+export declare function thousandSeparator(num: number | any): string;

package/lib/utils/number.js

@@ -0,0 +1,6 @@
+function t(r) {
+  return r ? Object.prototype.toString.call(1) !== "[object Number]" ? `${r}` : `${r}`.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,") : "0";
+}
+export {
+  t as thousandSeparator
+};

package/lib/utils/object.d.ts

@@ -0,0 +1,5 @@
+export declare function deepClone(obj: any): any;
+/**
+ *深度合并多个对象的方法
+ */
+export declare function deepAssign(...arg: any[]): Record<string, any>;

package/lib/utils/object.js

@@ -0,0 +1,39 @@
+import { isObject as c } from "./is.js";
+function f(e) {
+  const o = Object.prototype.toString;
+  if (!e || typeof e != "object")
+    return e;
+  if (e.nodeType && "cloneNode" in e)
+    return e.cloneNode(!0);
+  if (o.call(e) === "[object Date]")
+    return new Date(e.getTime());
+  if (o.call(e) === "[object RegExp]") {
+    const t = [];
+    return e.global && t.push("g"), e.multiline && t.push("m"), e.ignoreCase && t.push("i"), new RegExp(e.source, t.join(""));
+  }
+  if (o.call(e) === "[object FormData]") {
+    const t = new FormData();
+    for (const [i, r] of e.entries())
+      t.append(i, r);
+    return t;
+  }
+  const n = Array.isArray(e) ? [] : e.constructor ? new e.constructor() : {};
+  for (const t in e)
+    n[t] = f(e[t]);
+  return n;
+}
+function l(...e) {
+  let o = e.length, n = e[0];
+  c(n) || (n = {});
+  for (let t = 1; t < o; t++) {
+    let i = e[t];
+    if (c(i))
+      for (let r in i)
+        r === "__proto__" || n === i[r] || (c(i[r]) ? n[r] = l(n[r], i[r]) : n[r] = i[r]);
+  }
+  return n;
+}
+export {
+  l as deepAssign,
+  f as deepClone
+};

package/lib/utils/random.d.ts

@@ -0,0 +1,25 @@
+/**
+ * ==============================================
+ * 随机数
+ * ==============================================
+ */
+/**
+ * 生成[0-10000]的随机数,针对数据小量使用
+ * @returns 随机数
+ */
+export declare function generateId(): number;
+/**
+ * 生成[0-max]的随机数
+ * @returns 随机数
+ */
+export declare function getRandomInt(max: number): number;
+/**
+ * 生成GUID
+ * @returns
+ */
+export declare function guiID(): string;
+/**
+ * 随机字符串
+ * @returns
+ */
+export declare function generateString(): string;

package/lib/utils/random.js

@@ -0,0 +1,19 @@
+function r() {
+  return Math.floor(Math.random() * 1e4);
+}
+function o(t) {
+  return Math.floor(Math.random() * Math.floor(t));
+}
+function a() {
+  const t = n;
+  return `${t()}${t()}-${t()}-${t()}-${t()}-${t()}${t()}${t()}`;
+}
+function n() {
+  return Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
+}
+export {
+  r as generateId,
+  n as generateString,
+  o as getRandomInt,
+  a as guiID
+};

package/lib/utils/storage.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 获取用户token,包含过期时间判断
+ */
+export declare function getToken(): any | null;
+/**
+ * 设置用户token,有效期默认七天
+ * @param {*} value
+ */
+export declare function setToken(value: any, expires?: number): void;
+/**
+ * 移除token
+ */
+export declare function removeToken(): void;
+/**
+ * 设置缓存
+ * @param key key
+ * @param value 值
+ */
+export declare function setStorage(key: string, value: any, tpye?: "local" | "session"): void;
+/**
+ * 获取缓存
+ * @param key
+ * @returns
+ */
+export declare function getStorage(key: string, tpye?: "local" | "session"): any;
+/**
+ * 删除指定key的缓存
+ * @param key
+ */
+export declare function removeStorage(key: string, tpye?: "local" | "session"): void;
+/**
+ * 清除所有缓存
+ * @param tpye
+ */
+export declare function clearStorage(tpye?: "local" | "session"): void;

package/lib/utils/storage.js

@@ -0,0 +1,43 @@
+function n() {
+  const o = localStorage.getItem("token");
+  if (!o)
+    return;
+  const e = JSON.parse(o);
+  if (e !== null)
+    if (e.expirse != null && e.expirse < (/* @__PURE__ */ new Date()).getTime())
+      localStorage.removeItem("token");
+    else
+      return e.value;
+  return null;
+}
+function r(o, e) {
+  !e && (e = 7 * 24 * 60 * 60 * 1e3) || (e = e * 1e3);
+  const t = { value: o, expirse: (/* @__PURE__ */ new Date()).getTime() + e };
+  localStorage.setItem("token", JSON.stringify(t));
+}
+function l() {
+  localStorage.removeItem("token");
+}
+function s(o, e, t = "local") {
+  const a = t == "local" ? localStorage : sessionStorage;
+  e != null && a.setItem(o, JSON.stringify(e));
+}
+function c(o, e = "local") {
+  let a = (e == "local" ? localStorage : sessionStorage).getItem(o);
+  return a && JSON.parse(a || "");
+}
+function g(o, e = "local") {
+  (e == "local" ? localStorage : sessionStorage).removeItem(o);
+}
+function i(o = "local") {
+  (o == "local" ? localStorage : sessionStorage).clear();
+}
+export {
+  i as clearStorage,
+  c as getStorage,
+  n as getToken,
+  g as removeStorage,
+  l as removeToken,
+  s as setStorage,
+  r as setToken
+};

package/lib/utils/tree.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 树形数据扁平化处理
+ * @param data 数据
+ * @param key key属性
+ * @param children children属性
+ */
+export declare function treeFlat(listData: any[], key?: string, children?: string): Record<string, any>;

package/lib/utils/tree.js

@@ -0,0 +1,16 @@
+function m(s, o = "key", h = "children") {
+  const t = {}, c = (r, f) => {
+    for (let n = 0; n < r.length; n++) {
+      const e = r[n], i = e[o];
+      if (!t[i]) {
+        t[i] = e, f && (t[i].parent = t[f]);
+        const l = e[h];
+        l && l.length > 0 && c(l, e[o]);
+      }
+    }
+  };
+  return c(s), t;
+}
+export {
+  m as treeFlat
+};

package/lib/utils/ui.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 确认提示框
+ * @param str 提示信息
+ * @param callback 确认回调函数
+ * @param options MessageBox配置项,参考element-plus文档
+ */
+export declare function confirmBox(str: string, callback: () => any | void, options?: any): void;
+/**
+ * 同步的确认提示框
+ * @param str 提示信息
+ * @param callback 确认回调函数
+ * @param options MessageBox配置项,参考element-plus文档
+ * @returns
+ */
+export declare function confirmBoxAsync(str: string, callback: () => any | void, options?: any): Promise<any>;
+/**
+ * 消息提示
+ * @export
+ * @param type 类型
+ * @param message 消息
+ * @param html 是否为html
+ * @param duration 消失时间
+ */
+export declare function messageAlert(type: "success" | "warning" | "error", message?: string, html?: boolean, duration?: number): void;
+/**
+ * 侧窗提示
+ * @param type
+ * @param message
+ * @param html
+ * @param duration
+ */
+export declare function notification(type: "success" | "warning" | "error" | "info", message?: string, html?: boolean, position?: "top-right" | "top-left" | "bottom-right" | "bottom-left", duration?: number): void;

package/lib/utils/ui.js

@@ -0,0 +1,57 @@
+import { ElMessageBox as f, ElMessage as m, ElNotification as l } from "element-plus";
+function g(o, e, t) {
+  const n = {
+    beforeClose: (i, r, s) => {
+      i === "confirm" ? setTimeout(() => {
+        s();
+      }, 0) : s();
+    },
+    ...t
+  };
+  f.confirm(`此操作将${o}, 是否继续?`, "提示", n).then(async () => {
+    e && e();
+  }).catch(() => {
+  });
+}
+function h(o, e, t) {
+  return new Promise((n, i) => {
+    const r = {
+      beforeClose: (s, u, c) => {
+        s === "confirm" ? setTimeout(() => {
+          c();
+        }, 0) : c();
+      },
+      ...t
+    };
+    f.confirm(`${o}`, "Tip", r).then(() => {
+      n(e && e());
+    }).catch(() => {
+    });
+  });
+}
+function p(o, e = "", t = !1, n = 3e3) {
+  m({
+    showClose: !0,
+    message: e,
+    type: o,
+    duration: n,
+    dangerouslyUseHTMLString: t
+  });
+}
+function T(o, e = "", t = !1, n = "bottom-right", i = 0) {
+  l({
+    title: "消息通知",
+    message: e,
+    type: o,
+    dangerouslyUseHTMLString: t,
+    duration: i,
+    showClose: !0,
+    position: n
+  });
+}
+export {
+  g as confirmBox,
+  h as confirmBoxAsync,
+  p as messageAlert,
+  T as notification
+};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@qy_better_lib/core",
+  "private": false,
+  "version": "0.0.1",
+  "description": "qy better lib core",
+  "author": "luhuiming",
+  "license": "ISC",
+  "scripts": {
+    "build:lib": "vite build --config vite.lib.config.ts",
+    "build:dist-min": "vite build --config vite.dist.min.config.ts",
+    "build": "yarn build:lib && yarn build:dist-min"
+  },
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "lib/index.js": [
+        "lib/index.d.ts"
+      ],
+      "@qy-better-lib/core": [
+        "lib/index.d.ts"
+      ],
+      "*": [
+        "*",
+        "dist/*",
+        "lib/*",
+        "lib/*.d.ts",
+        "lib/*/index.d.ts"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "import": "./lib/index.js"
+    },
+    "./directives": "./lib/directives/index.js",
+    "./directives/*": "./lib/directives/*/*.js",
+    "./utils": "./lib/utils/index.js",
+    "./utils/*": "./lib/utils/*.js"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.9",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "element-plus": "^2.7.6",
+    "vite": "^5.3.2",
+    "vite-plugin-dts": "^3.9.1",
+    "vue": "^3.4.31"
+  }
+}

package/src/directives/click-outside.ts

@@ -0,0 +1,115 @@
+import { isElement, isClient } from "./../utils";
+import type {
+  ComponentPublicInstance,
+  DirectiveBinding,
+  ObjectDirective,
+} from "vue";
+
+type DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void;
+
+type FlushList = Map<
+  HTMLElement,
+  {
+    documentHandler: DocumentHandler;
+    bindingFn: (...args: unknown[]) => unknown;
+  }[]
+>;
+
+const nodeList: FlushList = new Map();
+
+let startClick: MouseEvent;
+
+if (isClient) {
+  document.addEventListener("mousedown", (e: MouseEvent) => (startClick = e));
+  document.addEventListener("mouseup", (e: MouseEvent) => {
+    for (const handlers of nodeList.values()) {
+      for (const { documentHandler } of handlers) {
+        documentHandler(e as MouseEvent, startClick);
+      }
+    }
+  });
+}
+
+function createDocumentHandler(
+  el: HTMLElement,
+  binding: DirectiveBinding
+): DocumentHandler {
+  let excludes: HTMLElement[] = [];
+  if (Array.isArray(binding.arg)) {
+    excludes = binding.arg;
+  } else if (isElement(binding.arg)) {
+    excludes.push(binding.arg as unknown as HTMLElement);
+  }
+  return function (mouseup, mousedown) {
+    const popperRef = (
+      binding.instance as ComponentPublicInstance<{
+        popperRef: HTMLElement | null;
+      }>
+    ).popperRef;
+    const mouseUpTarget = mouseup.target as Node;
+    const mouseDownTarget = mousedown?.target as Node;
+    const isBound = !binding || !binding.instance;
+    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
+    const isContainedByEl =
+      el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    const isSelf = el === mouseUpTarget;
+
+    const isTargetExcluded =
+      (excludes.length &&
+        excludes.some((item) => item?.contains(mouseUpTarget))) ||
+      (excludes.length && excludes.includes(mouseDownTarget as HTMLElement));
+    const isContainedByPopper =
+      popperRef &&
+      (popperRef.contains(mouseUpTarget) ||
+        popperRef.contains(mouseDownTarget));
+    if (
+      isBound ||
+      isTargetExists ||
+      isContainedByEl ||
+      isSelf ||
+      isTargetExcluded ||
+      isContainedByPopper
+    ) {
+      return;
+    }
+    binding.value(mouseup, mousedown);
+  };
+}
+
+const ClickOutside: ObjectDirective = {
+  beforeMount(el: HTMLElement, binding: DirectiveBinding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+
+    nodeList.get(el)?.push({
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value,
+    });
+  },
+  updated(el: HTMLElement, binding: DirectiveBinding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+
+    const handlers = nodeList.get(el);
+    const oldHandlerIndex = handlers?.findIndex(
+      (item) => item.bindingFn === binding.oldValue
+    );
+    const newHandler = {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value,
+    };
+
+    if (oldHandlerIndex && oldHandlerIndex >= 0) {
+      handlers?.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers?.push(newHandler);
+    }
+  },
+  unmounted(el: HTMLElement) {
+    nodeList.delete(el);
+  },
+};
+
+export default ClickOutside;

package/src/directives/index.ts

@@ -0,0 +1,3 @@
+import ClickOutside from "./click-outside";
+
+export { ClickOutside };

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./utils/index";
+export * from "./directives/index";

package/src/utils/dom.ts

@@ -0,0 +1,15 @@
+/**
+ * 根据类名获取父元素
+ * @param dom dom元素
+ * @param className css类名
+ * @return dom | null
+ */
+export function getParentByClass(dom: any, className: string): any {
+  if (!dom || dom.tagName === "BODY") {
+    return null;
+  }
+  if (dom.classList.contains(className)) {
+    return dom;
+  }
+  return getParentByClass(dom.parentNode, className);
+}

package/src/utils/index.ts

@@ -0,0 +1,8 @@
+export * from "./random";
+export * from "./is";
+export * from "./tree";
+export * from "./number";
+export * from "./storage";
+export * from "./ui";
+export * from "./object";
+export * from "./dom";

package/src/utils/is.ts

@@ -0,0 +1,67 @@
+/**
+ * 判断是否为undefined
+ * @param val
+ * @returns
+ */
+export function isUndefined(val: any): boolean {
+  return val === undefined;
+}
+/**
+ * 是否为数组
+ * @param val
+ * @returns
+ */
+export function isArray(val: any) {
+  return Object.prototype.toString.call(val) === "[object Array]";
+}
+/**
+ * 是否为对象
+ * @param val
+ * @returns
+ */
+export function isObject(val: any) {
+  return (
+    typeof val === "object" &&
+    Object.prototype.toString.call(val) === "[object Object]"
+  );
+}
+
+/**
+ * 是否为日期时间
+ * @param val
+ * @returns
+ */
+export function isDate(val: any) {
+  return Object.prototype.toString.call(val) === "[object Date]";
+}
+
+/**
+ * 是否为空
+ * @param val
+ * @returns
+ */
+export function isEmpty(val: unknown) {
+  return (
+    (!val && val !== 0) ||
+    (isArray(val) && (<Array<unknown>>val).length === 0) ||
+    (isObject(val) && !Object.keys(val as any).length)
+  );
+}
+
+/**
+ * 判断对象是否为DOM元素
+ * @param e
+ * @returns
+ */
+export function isElement(e: unknown): e is Element {
+  if (typeof Element === "undefined") return false;
+  return e instanceof Element;
+}
+
+/**
+ * 是否是客户端
+ */
+export const isClient = typeof window !== "undefined";
+
+/**是否未数值 */
+export const isNumber = (val: any) => typeof val === "number";

package/src/utils/number.ts

@@ -0,0 +1,14 @@
+/**
+ * 数字转成千分位
+ * @param num
+ * @returns
+ */
+export function thousandSeparator(num: number | any): string {
+  if (!num) {
+    return "0";
+  }
+  if (Object.prototype.toString.call(1) !== "[object Number]") {
+    return `${num}`;
+  }
+  return `${num}`.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,");
+}

package/src/utils/object.ts

@@ -0,0 +1,76 @@
+import { isObject } from "./is";
+
+// 深拷贝对象
+export function deepClone(obj: any): any {
+  const _toString: Function = Object.prototype.toString;
+  // null, undefined, non-object, function
+  if (!obj || typeof obj !== "object") {
+    return obj;
+  }
+  // DOM Node
+  if (obj.nodeType && "cloneNode" in obj) {
+    return obj.cloneNode(true);
+  }
+  // Date
+  if (_toString.call(obj) === "[object Date]") {
+    return new Date(obj.getTime());
+  }
+  // RegExp
+  if (_toString.call(obj) === "[object RegExp]") {
+    const flags: Array<string> = [];
+    if (obj.global) {
+      flags.push("g");
+    }
+    if (obj.multiline) {
+      flags.push("m");
+    }
+    if (obj.ignoreCase) {
+      flags.push("i");
+    }
+    return new RegExp(obj.source, flags.join(""));
+  }
+  if (_toString.call(obj) === "[object FormData]") {
+    const formData = new FormData();
+    for (const [key, value] of obj.entries()) {
+      formData.append(key, value);
+    }
+    return formData;
+  }
+  const result: any = Array.isArray(obj)
+    ? []
+    : obj.constructor
+    ? new obj.constructor()
+    : {};
+
+  for (const key in obj) {
+    result[key] = deepClone(obj[key]);
+  }
+  return result;
+}
+
+/**
+ *深度合并多个对象的方法
+ */
+export function deepAssign(...arg: any[]) {
+  let len: number = arg.length,
+    target: Record<string, any> = arg[0];
+  if (!isObject(target)) {
+    target = {};
+  }
+  for (let i = 1; i < len; i++) {
+    let source = arg[i];
+    if (isObject(source)) {
+      for (let s in source) {
+        if (s === "__proto__" || target === source[s]) {
+          continue;
+        }
+        if (isObject(source[s])) {
+          target[s] = deepAssign(target[s], source[s]);
+        } else {
+          target[s] = source[s];
+        }
+      }
+    }
+  }
+  return target;
+}

package/src/utils/random.ts

@@ -0,0 +1,40 @@
+/**
+ * ==============================================
+ * 随机数
+ * ==============================================
+ */
+
+/**
+ * 生成[0-10000]的随机数,针对数据小量使用
+ * @returns 随机数
+ */
+export function generateId(): number {
+  return Math.floor(Math.random() * 10000);
+}
+
+/**
+ * 生成[0-max]的随机数
+ * @returns 随机数
+ */
+export function getRandomInt(max: number) {
+  return Math.floor(Math.random() * Math.floor(max));
+}
+
+/**
+ * 生成GUID
+ * @returns
+ */
+export function guiID() {
+  const gs = generateString;
+  return `${gs()}${gs()}-${gs()}-${gs()}-${gs()}-${gs()}${gs()}${gs()}`;
+}
+
+/**
+ * 随机字符串
+ * @returns
+ */
+export function generateString(): string {
+  return Math.floor((1 + Math.random()) * 0x10000)
+    .toString(16)
+    .substring(1);
+}

package/src/utils/storage.ts

@@ -0,0 +1,86 @@
+/**
+ * 获取用户token,包含过期时间判断
+ */
+export function getToken(): any | null {
+  const session = localStorage.getItem("token");
+  if (!session) {
+    return undefined;
+  }
+  const data = JSON.parse(session);
+  if (data !== null) {
+    if (data.expirse != null && data.expirse < new Date().getTime()) {
+      localStorage.removeItem("token");
+    } else {
+      return data.value;
+    }
+  }
+  return null;
+}
+
+/**
+ * 设置用户token,有效期默认七天
+ * @param {*} value
+ */
+export function setToken(value: any, expires?: number): void {
+  (!expires && (expires = 7 * 24 * 60 * 60 * 1000)) ||
+    (expires = expires * 1000);
+  const data = { value: value, expirse: new Date().getTime() + expires };
+  localStorage.setItem("token", JSON.stringify(data));
+}
+
+/**
+ * 移除token
+ */
+export function removeToken(): void {
+  localStorage.removeItem("token");
+}
+/**
+ * 设置缓存
+ * @param key key
+ * @param value 值
+ */
+export function setStorage(
+  key: string,
+  value: any,
+  tpye: "local" | "session" = "local"
+): void {
+  const storage = tpye == "local" ? localStorage : sessionStorage;
+  value != undefined && storage.setItem(key, JSON.stringify(value));
+}
+/**
+ * 获取缓存
+ * @param key
+ * @returns
+ */
+export function getStorage(
+  key: string,
+  tpye: "local" | "session" = "local"
+): any {
+  const storage = tpye == "local" ? localStorage : sessionStorage;
+  let session = storage.getItem(key);
+  if (session) {
+    return JSON.parse(session || "");
+  }
+  return session;
+}
+
+/**
+ * 删除指定key的缓存
+ * @param key
+ */
+export function removeStorage(
+  key: string,
+  tpye: "local" | "session" = "local"
+): void {
+  const storage = tpye == "local" ? localStorage : sessionStorage;
+  storage.removeItem(key);
+}
+
+/**
+ * 清除所有缓存
+ * @param tpye
+ */
+export function clearStorage(tpye: "local" | "session" = "local") {
+  const storage = tpye == "local" ? localStorage : sessionStorage;
+  storage.clear();
+}

package/src/utils/tree.ts

@@ -0,0 +1,30 @@
+/**
+ * 树形数据扁平化处理
+ * @param data 数据
+ * @param key key属性
+ * @param children children属性
+ */
+export function treeFlat(
+  listData: any[],
+  key: string = "key",
+  children: string = "children"
+): Record<string, any> {
+  const map: Record<string, any> = {};
+  const flat = (data: any[], parentKey?: string) => {
+    for (let i = 0; i < data.length; i++) {
+      const item = data[i];
+      const mapKey = item[key];
+      if (map[mapKey]) {
+      } else {
+        map[mapKey] = item;
+        if (parentKey) map[mapKey].parent = map[parentKey];
+        const itemChildren = item[children];
+        if (itemChildren && itemChildren.length > 0) {
+          flat(itemChildren, item[key]);
+        }
+      }
+    }
+  };
+  flat(listData);
+  return map;
+}

package/src/utils/ui.ts

@@ -0,0 +1,129 @@
+/**
+ * ==============================================
+ * 强依赖element-plus
+ * ==============================================
+ */
+import { ElMessage, ElMessageBox, ElNotification } from "element-plus";
+
+/**
+ * 确认提示框
+ * @param str 提示信息
+ * @param callback 确认回调函数
+ * @param options MessageBox配置项,参考element-plus文档
+ */
+export function confirmBox(
+  str: string,
+  callback: () => any | void,
+  options?: any
+) {
+  const option = {
+    beforeClose: (
+      action: "confirm" | "cancel" | "close",
+      instance: any,
+      done: () => void
+    ) => {
+      if (action === "confirm") {
+        setTimeout(() => {
+          done();
+        }, 0);
+      } else {
+        done();
+      }
+    },
+    ...options,
+  };
+  ElMessageBox.confirm(`此操作将${str}, 是否继续?`, "提示", option)
+    .then(async () => {
+      callback && callback();
+    })
+    .catch(() => {});
+}
+
+/**
+ * 同步的确认提示框
+ * @param str 提示信息
+ * @param callback 确认回调函数
+ * @param options MessageBox配置项,参考element-plus文档
+ * @returns
+ */
+export function confirmBoxAsync(
+  str: string,
+  callback: () => any | void,
+  options?: any
+): Promise<any> {
+  return new Promise((resolve, reject) => {
+    const option = {
+      beforeClose: (
+        action: "confirm" | "cancel" | "close",
+        instance: any,
+        done: () => void
+      ) => {
+        if (action === "confirm") {
+          setTimeout(() => {
+            done();
+          }, 0);
+        } else {
+          done();
+        }
+      },
+      ...options,
+    };
+    ElMessageBox.confirm(`${str}`, "Tip", option)
+      .then(() => {
+        resolve(callback && callback());
+      })
+      .catch(() => {});
+  });
+}
+
+/**
+ * 消息提示
+ * @export
+ * @param type 类型
+ * @param message 消息
+ * @param html 是否为html
+ * @param duration 消失时间
+ */
+export function messageAlert(
+  type: "success" | "warning" | "error",
+  message: string = "",
+  html: boolean = false,
+  duration: number = 3000
+) {
+  ElMessage({
+    showClose: true,
+    message: message,
+    type: type,
+    duration,
+    dangerouslyUseHTMLString: html,
+  });
+}
+
+/**
+ * 侧窗提示
+ * @param type
+ * @param message
+ * @param html
+ * @param duration
+ */
+export function notification(
+  type: "success" | "warning" | "error" | "info",
+  message: string = "",
+  html: boolean = false,
+  position:
+    | "top-right"
+    | "top-left"
+    | "bottom-right"
+    | "bottom-left" = "bottom-right",
+  duration: number = 0
+) {
+  ElNotification({
+    title: "消息通知",
+    message,
+    type,
+    dangerouslyUseHTMLString: html,
+    duration,
+    showClose: true,
+    position,
+  });
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {},
+  "extends": "../../tsconfig.json",
+  "include": ["./src/**/*.ts"]
+}

package/types/index.d.ts

@@ -0,0 +1 @@
+declare type $TODO = any

package/types/json.d.ts

@@ -0,0 +1,4 @@
+declare module "*.json" {
+    const value: any;
+    export default value;
+}

package/types/vue.shim.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { ComponentOptions } from 'vue'
+  const Component: ComponentOptions
+  export default Component
+}