@dazhicheng/ui 1.5.199 → 1.5.202

package/dist/directives/dialog-resize/use-resizer.js

@@ -0,0 +1,37 @@
+import { unref as M, watchEffect as W } from "vue";
+import $ from "./use-parse-translate.js";
+function q(w, b, R, u) {
+  var g;
+  const t = M(w), e = document.createElement("div");
+  e.className = "el-dialog-resizer", e.style.width = "15px", e.style.height = "15px", e.style.zIndex = "3000", e.style.background = "transparent", e.style.position = "absolute", e.style.bottom = "0", e.style.right = "0", e.style.cursor = "se-resize";
+  let o, r;
+  const l = { x: 0, y: 0 };
+  let d;
+  const s = (g = u.value) == null ? void 0 : g.resizerLimit, a = (s == null ? void 0 : s[0]) || 260, m = (s == null ? void 0 : s[1]) || 180;
+  function h(n) {
+    requestAnimationFrame(() => {
+      var c, E;
+      const i = n.clientX - o.right + l.x, D = n.clientY - o.bottom + l.y, { x: H, y: L } = $(d), v = o.width + i, p = o.height + D, x = v > a ? v : a, z = p > m ? p : m;
+      t.style.width = `${x}px`, t.style.height = `${z}px`, t.style.transform = `translate(${H + i / 2}px,${L}px)`, (E = (c = u.value) == null ? void 0 : c.resizeChange) == null || E.call(c, x, z);
+    });
+  }
+  const y = (n) => {
+    document.body.style.userSelect = "none", document.body.style.cursor = "se-resize", o = t.getBoundingClientRect(), r = e.getBoundingClientRect(), l.x = r.right - n.clientX, l.y = r.bottom - n.clientY, d = t.style.transform === "" ? void 0 : t.style.transform;
+    function i() {
+      requestAnimationFrame(() => {
+        o = void 0, r = void 0, d = void 0, document.body.style.userSelect = "", document.body.style.cursor = "";
+      }), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", i);
+    }
+    document.addEventListener("mousemove", h), document.addEventListener("mouseup", i);
+  }, C = () => {
+    e && t && (e.addEventListener("mousedown", y), t.appendChild(e));
+  }, f = () => {
+    e && t && (e.removeEventListener("mousedown", y), t.removeChild(e));
+  };
+  W(() => {
+    b.value ? C() : f();
+  }), R.push(f);
+}
+export {
+  q as default
+};

package/dist/directives/disabled-tip/index.js

@@ -0,0 +1,78 @@
+import { isArray as p, isObject as c } from "@dazhicheng/utils";
+import { ElTooltip as b } from "element-plus";
+import { shallowRef as v, toValue as i, h as d, createVNode as g, render as h } from "vue";
+let n;
+const l = v();
+function V(e) {
+  if (p(e) && e.length > 0)
+    return e.filter((t) => i(t.condition) ?? !0).map((t) => t.message);
+  if (c(e)) {
+    const t = e;
+    return !!i(t.condition) ? t.message : null;
+  }
+  return typeof e == "string" ? e : null;
+}
+function x(e) {
+  return p(e) && e.length > 0 ? e[0].placement || "bottom" : c(e) && e.placement || "bottom";
+}
+function y(e, t, o = "bottom") {
+  if (l.value = Array.isArray(t) ? t.map((r) => d("div", {}, r)) : t, n)
+    n.props.trigger = "hover", n.props.virtualRef = e, n.props.placement = o, n.exposed.updatePopper(), n.exposed.onOpen();
+  else {
+    const r = g(
+      b,
+      {
+        content: "",
+        placement: o,
+        effect: "dark",
+        manual: !0,
+        hideAfter: 0,
+        teleported: !1,
+        virtualTriggering: !0,
+        virtualRef: e,
+        popperClass: "!z-[9999]"
+      },
+      {
+        content: () => d(
+          "div",
+          {
+            style: {
+              "font-size": "12px"
+            },
+            class: "tt-disabled-popper-content"
+          },
+          l.value
+        )
+      }
+    ), u = document.createElement("div");
+    h(r, u), n = r.component, document.body.appendChild(u), n == null || n.exposed.onOpen();
+  }
+}
+async function m(e) {
+  var u, a;
+  n && (n.props.trigger = "manual");
+  const t = e.currentTarget;
+  if (!t) return;
+  const o = (u = t.boundingValue) == null ? void 0 : u.messages, r = ((a = t.boundingValue) == null ? void 0 : a.placement) || "bottom";
+  o != null && o.length && t && y(t, o, r);
+}
+function f() {
+  n && n.exposed.onClose();
+}
+async function s(e, t) {
+  var a;
+  const o = t.value, r = V(o), u = x(o);
+  e.boundingValue = e.boundingValue || { listened: !1, messages: r, placement: u }, e.boundingValue.messages = r, e.boundingValue.placement = u, !((a = e.boundingValue) != null && a.listened) && (r != null && r.length) && (e.addEventListener("mouseenter", m), e.addEventListener("mouseleave", f), e.boundingValue.listened = !0);
+}
+const L = {
+  created: s,
+  beforeMount: s,
+  updated: s,
+  unmounted(e) {
+    var t, o;
+    (t = e.boundingValue) != null && t.listened && (e.removeEventListener("mouseenter", m), e.removeEventListener("mouseleave", f), (o = n == null ? void 0 : n.exposed) == null || o.onClose());
+  }
+};
+export {
+  L as default
+};

package/dist/directives/index.js

@@ -0,0 +1,8 @@
+import { default as o } from "./dialog-resize/index.js";
+import { default as d } from "./disabled-tip/index.js";
+import { default as r } from "./auto-tip/index.js";
+export {
+  r as autoTip,
+  o as dialogResize,
+  d as disabledTip
+};

package/dist/hooks/useDataPermissionOptions.js

@@ -0,0 +1,142 @@
+import { queryDataPermissionDetailDataTypeContext as x, pageUser as T } from "../api/dataTypeContext.js";
+import { ref as K, watchEffect as L, unref as q, watch as U, computed as b } from "vue";
+import { useRoute as M } from "vue-router";
+const c = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
+let C, m;
+const V = "all", _ = { label: "全部", value: V }, j = {
+  platformId: ["platformName", "platformId"],
+  shopId: ["shopName", "shopId"],
+  purchasePlaceId: ["purchasePlaceName", "purchasePlaceCode"],
+  businessType: ["itemName", "itemCode"],
+  lockUserId: ["userName", "userId"],
+  userId: ["fullName", "id"]
+};
+async function E() {
+  if (C) return C;
+  if (m) return m;
+  m = T({ pageNo: 1, pageSize: 9999 }).then((a) => {
+    const l = a.records || [];
+    return C = l, l;
+  });
+  try {
+    return await m;
+  } finally {
+    m = void 0;
+  }
+}
+function G(a) {
+  const l = M(), P = K({});
+  function p(t = {}) {
+    P.value = a.codes.reduce(
+      (e, r) => {
+        const [s, d] = j[r], y = (t[r] || []).map((f) => {
+          const u = r === "purchasePlaceId" ? f.purchaseInfo || {} : f;
+          return {
+            ...f,
+            label: u == null ? void 0 : u[s],
+            value: u == null ? void 0 : u[d]
+          };
+        });
+        return e[r] = y, e;
+      },
+      {}
+    );
+  }
+  function N(t) {
+    var e;
+    return typeof a.showAll == "boolean" ? a.showAll : ((e = a.showAll) == null ? void 0 : e[t]) ?? !1;
+  }
+  function O() {
+    I.clear(), c.clear(), g.clear(), C = void 0, m = void 0;
+  }
+  function A(t) {
+    c.delete(t);
+  }
+  async function D(t = !1) {
+    const e = l.path, r = q(a.dataSource);
+    if (r) {
+      const i = { ...c.get(e) || {}, ...r };
+      c.set(e, i), p(i);
+      return;
+    }
+    const s = c.get(e) || {};
+    let d = t ? [...a.codes] : a.codes.filter((n) => !Object.prototype.hasOwnProperty.call(s, n));
+    if (!d.length) {
+      p(s);
+      return;
+    }
+    const y = t ? void 0 : I.get(e);
+    if (y) {
+      const n = await y, o = { ...c.get(e) || {}, ...n };
+      if (c.set(e, o), d = a.codes.filter((h) => !Object.prototype.hasOwnProperty.call(o, h)), !d.length) {
+        p(o);
+        return;
+      }
+    }
+    const f = d.filter((n) => n !== "userId"), u = d.includes("userId"), v = Promise.all([
+      f.length ? x({ dataTypeName: f }).then(
+        (n) => n
+      ) : Promise.resolve([]),
+      u ? E() : Promise.resolve(void 0)
+    ]).then(([n, i]) => ({
+      ...i ? { userId: i } : {},
+      ...n.reduce((o, h) => {
+        const S = h == null ? void 0 : h.dataTypeCode;
+        return S && (o[S] = h.originalItems || []), o;
+      }, {})
+    })), w = (g.get(e) || 0) + 1;
+    g.set(e, w), I.set(e, v);
+    try {
+      const n = await v;
+      if (g.get(e) !== w) return;
+      const o = { ...c.get(e) || {}, ...n };
+      c.set(e, o), p(o);
+    } finally {
+      g.get(e) === w && I.delete(e);
+    }
+  }
+  async function R() {
+    const t = l.path;
+    O(), A(t), await D(!0);
+  }
+  return L(() => {
+    const t = q(a.dataSource);
+    if (!t) return;
+    const e = l.path, s = { ...c.get(e) || {}, ...t };
+    c.set(e, s), p(s);
+  }), U(
+    () => l.path,
+    () => {
+      D();
+    },
+    { immediate: !0 }
+  ), {
+    /**
+     * 数据源
+     */
+    dataSource: b(() => {
+      const t = a.codes.reduce(
+        (e, r) => {
+          const s = P.value[r] || [];
+          return e[r] = N(r) ? [_, ...s] : s, e;
+        },
+        {}
+      );
+      return new Proxy(t, {
+        get(e, r) {
+          return typeof r != "string" ? [] : t[r] || [];
+        },
+        set() {
+          return !1;
+        }
+      });
+    }),
+    /**
+     * @description 清空所有缓存，重新请求
+     */
+    reload: R
+  };
+}
+export {
+  G as useDataPermissionOptions
+};

package/dist/hooks/useFormSchemasLink.js

@@ -0,0 +1,261 @@
+import { useDataPermissionOptions as j } from "./useDataPermissionOptions.js";
+import { isFunction as E } from "@dazhicheng/utils";
+import { ElSelectV2 as q } from "element-plus";
+import { omit as y } from "lodash-es";
+const u = "all", T = { label: "全部", value: u }, D = [
+  "platformId",
+  "shopId",
+  "purchasePlaceId",
+  "businessType",
+  "lockUserId",
+  "userId"
+], z = {
+  platformId: "platformIds",
+  shopId: "shopIds",
+  purchasePlaceId: "purchasePlaceId",
+  businessType: "businessType",
+  lockUserId: "lockUserId"
+}, G = {
+  platformId: "平台",
+  shopId: "店铺",
+  purchasePlaceId: "采购地",
+  businessType: "业务线",
+  lockUserId: "锁单人"
+};
+function k(t) {
+  return typeof t == "string" && t.toLowerCase() === u.toLowerCase();
+}
+function w(t) {
+  return Array.isArray(t) ? t : t == null || t === "" ? [] : [t];
+}
+function J(t = []) {
+  return [T].concat(t);
+}
+function K(t, c, i, b) {
+  return t ? E(t) ? t(c, i, b) : t : {};
+}
+function Q(t, c, i, b) {
+  var C;
+  c == null || c(t);
+  const a = b(), f = (C = a.values) == null ? void 0 : C[a.fieldName];
+  i == null || i(f, a);
+}
+function W(t = {}, c = D) {
+  const i = t.scene || "list", b = c.reduce(
+    (o, n) => (n === "userId" || (o[n] = A(n).showAll ?? !1), o),
+    {}
+  ), { dataSource: a } = j({
+    codes: c,
+    dataSource: t.dataSource,
+    showAll: b
+  });
+  function f(o) {
+    return A(o).fieldName || z[o];
+  }
+  function C(o) {
+    return A(o).rules;
+  }
+  function S(o) {
+    return A(o).label || G[o];
+  }
+  function A(o) {
+    var n;
+    return ((n = t.fieldConfigs) == null ? void 0 : n[o]) || {};
+  }
+  function M(o, n) {
+    const e = A(o).dependencies;
+    if (!n) return e;
+    if (!e) return n;
+    const s = {
+      ...n,
+      ...e
+    };
+    if (n && e) {
+      const l = n.triggerFields, r = e.triggerFields;
+      s.triggerFields = r ?? l;
+    }
+    return s;
+  }
+  function P(o) {
+    return A(o).multiple ?? !0;
+  }
+  function F(o) {
+    return a.value[o] || [];
+  }
+  function _(o) {
+    return w(o).some((n) => k(n));
+  }
+  function O(o) {
+    const n = _(o), e = Array.isArray(o) ? o.length > 1 : !1;
+    return i === "action" && (n || e);
+  }
+  function B(o) {
+    const n = F("shopId"), e = w(o);
+    if (!e.length)
+      return i === "action" ? [] : n;
+    if (O(o)) return [];
+    const s = n.filter((r) => e.includes(r.platformId));
+    return !s.some((r) => k(r.value)) || s.length <= 1 ? s : J(s.filter((r) => !k(r.value)));
+  }
+  function x(o, n, e, s, l) {
+    const r = f(o), I = l ? s.filter((d) => {
+      var h;
+      return (h = n[r]) == null ? void 0 : h.includes(d.value);
+    }) || [] : s.find((d) => d.value === n[r]);
+    return {
+      values: n,
+      actions: e,
+      fieldName: r,
+      dataType: o,
+      options: s,
+      currentOption: I
+    };
+  }
+  function N(o, n, e, s, l) {
+    const r = A(o), I = K(r.componentProps, n, e, s), d = P(o), { onChange: h, ...m } = I, p = E(r.customOptions) ? r.customOptions(n, s) : s;
+    return {
+      multiple: d,
+      component: q,
+      ...m,
+      options: p,
+      onChange(g) {
+        Q(
+          g,
+          l,
+          r.onChange,
+          () => x(o, n, e, p, d)
+        );
+      }
+    };
+  }
+  function L(o) {
+    return {
+      component: "TtApiComponent",
+      fieldName: f(o),
+      label: S(o),
+      rules: C(o),
+      dependencies: M(o),
+      componentProps: (e, s) => {
+        var h;
+        const l = F(o), r = f(o), I = P(o), d = ((h = e[r]) == null ? void 0 : h.at(-1)) !== u;
+        return N(o, e, s, l, (m) => {
+          const p = e[r];
+          I && (d && (m == null ? void 0 : m.at(-1)) === u ? e[r] = [u] : e[r] = p == null ? void 0 : p.filter((g) => g !== u));
+        });
+      }
+    };
+  }
+  const U = {
+    // 平台
+    platformId: {
+      component: "TtApiComponent",
+      fieldName: f("platformId"),
+      label: S("platformId"),
+      rules: C("platformId"),
+      componentProps: (o, n) => {
+        var m;
+        const e = "platformId", s = f(e), l = f("shopId"), r = P(e), I = P("shopId"), d = F(e), h = ((m = o[s]) == null ? void 0 : m.at(-1)) !== u;
+        return N(e, o, n, d, (p) => {
+          const g = o[s];
+          r && (h && (p == null ? void 0 : p.at(-1)) === u ? o[s] = [u] : o[s] = g == null ? void 0 : g.filter((V) => V !== u)), o[l] = I ? [] : void 0;
+        });
+      }
+    },
+    // 店铺
+    shopId: {
+      component: "TtApiComponent",
+      fieldName: f("shopId"),
+      label: S("shopId"),
+      componentProps: (o, n) => {
+        var h;
+        const e = "shopId", s = f(e), l = o[f("platformId")], r = B(l), I = P(e), d = ((h = o[s]) == null ? void 0 : h.at(-1)) !== u;
+        return N(e, o, n, r, (m) => {
+          const p = o[s];
+          I && (d && (m == null ? void 0 : m.at(-1)) === u ? o[s] = [u] : o[s] = p == null ? void 0 : p.filter((g) => g !== u));
+        });
+      },
+      dependencies: M("shopId", {
+        triggerFields: [f("platformId")],
+        disabled(o) {
+          return O(o[f("platformId")]);
+        },
+        rules(o) {
+          return O(o[f("platformId")]) ? null : C("shopId") || null;
+        }
+      })
+    },
+    purchasePlaceId: L("purchasePlaceId"),
+    businessType: L("businessType"),
+    lockUserId: L("lockUserId")
+  };
+  function R() {
+    return Object.keys(U).reduce(
+      (o, n) => {
+        var l;
+        const e = U[n], s = (l = t.fieldConfigs) == null ? void 0 : l[n];
+        return o[n] = {
+          ...e,
+          ...y(s, ["componentProps", "rules"])
+        }, o;
+      },
+      {}
+    );
+  }
+  return {
+    ...R(),
+    dataSource: a
+  };
+}
+function H() {
+  const t = {
+    options: {},
+    codes: [...D]
+  }, c = {
+    /**
+     * @description 渲染查询场景
+     */
+    list() {
+      return t.options.scene = "list", c;
+    },
+    /**
+     * @description 渲染新增编辑场景
+     */
+    action() {
+      return t.options.scene = "action", c;
+    },
+    /**
+     * @param scene 场景值 list为查询 action为新增编辑等操作
+     * @returns FormSchemasLinkBuilder
+     */
+    scene(i) {
+      return t.options.scene = i, c;
+    },
+    /**
+     * @param codes 接口请求所需要的入参，需要什么数据源就传什么入参
+     * @returns FormSchemasLinkBuilder
+     */
+    codes(i) {
+      return t.codes = [...i], c;
+    },
+    dataSource(i) {
+      return t.options.dataSource = i, c;
+    },
+    field(i, b) {
+      var a;
+      return t.options.fieldConfigs = {
+        ...t.options.fieldConfigs,
+        [i]: {
+          ...((a = t.options.fieldConfigs) == null ? void 0 : a[i]) || {},
+          ...b
+        }
+      }, c;
+    },
+    build() {
+      return W(t.options, t.codes);
+    }
+  };
+  return c;
+}
+export {
+  H as useFormSchemasLink
+};

package/dist/hooks/useFormat.js

@@ -0,0 +1,44 @@
+import m from "dayjs";
+import f from "numeral";
+const i = "YYYY-MM-DD HH:mm:ss", a = "YYYY-MM-DD";
+function F() {
+  return {
+    formatFormRole: (t, r = "change") => [{ required: !0, message: t, trigger: r }],
+    formatToDateTime: (t, r = i) => m(t).isValid() ? m(t).format(r) : "--",
+    formatToDate: (t, r = a, o = !1) => o ? t ? m(+t).format(r) : "--" : m(t).isValid() ? m(t).format(r) : "--",
+    formatAmount: (t, r = "0,0.00") => t ? f(t).format(r) : "0.00",
+    formatAmountOfPlace: (t, r = "0,0.00") => t ? f(t).format(r) : "0.00",
+    formatPlaceOfAmount: (t) => {
+      if (t) {
+        const r = f(t).format("0,0.00");
+        return f(r).value();
+      }
+      return 0;
+    },
+    formatDecimal: (t, r) => {
+      let o = Number.parseFloat(t.toString());
+      if (Number.isNaN(o)) return "";
+      o = Math.round(o * 10 ** r) / 10 ** r;
+      let e = o.toString(), n = e.indexOf(".");
+      for (n < 0 && (n = e.length, e += "."); e.length <= n + r; ) e += "0";
+      return e;
+    },
+    formatFileSize: (t, r = 2) => {
+      if (t === 0) return "0 Bytes";
+      const o = 1e3, e = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], n = Math.floor(Math.log(t) / Math.log(o));
+      return `${Number.parseFloat((t / o ** n).toFixed(r))} ${e[n]}`;
+    },
+    formatPeriod: (t, r = "period") => {
+      if (!t) return "";
+      typeof t == "number" && (t = t.toString()), typeof t == "string" && (t = t.replace(/[-.]/g, ""));
+      const o = t.slice(0, 4), e = t.slice(4, 6), n = {
+        period: "期",
+        month: "月"
+      };
+      return r === "period" ? `${o}年${e}${n[r]}` : ` ${e}/${o}`;
+    }
+  };
+}
+export {
+  F as useFormat
+};

package/dist/hooks/useLoading.js

@@ -0,0 +1,22 @@
+import { ref as u, watch as i, toValue as f, computed as r, unref as c } from "vue";
+function l(o) {
+  const e = u(!1);
+  i(
+    // 监听的数据源，获取 props 中的 loading 属性
+    () => f(o),
+    // 当 loading 属性变化时执行的回调函数
+    (t) => {
+      e.value = t || !1;
+    },
+    // 选项配置，立即执行一次回调函数
+    { immediate: !0 }
+  );
+  const n = r(() => c(e));
+  function a(t) {
+    e.value = t;
+  }
+  return { getLoading: n, setLoading: a };
+}
+export {
+  l as useLoading
+};

package/dist/hooks/useScreenshotOss.js

@@ -0,0 +1,69 @@
+import { useElementScreenshot as y } from "@dazhicheng/hooks";
+import { GlobalConfig as g } from "./useSetup.js";
+function O(a = "png") {
+  const e = a === "jpeg" ? "jpg" : "png";
+  return `screenshot-${Date.now()}.${e}`;
+}
+function h(a, e) {
+  return new File([a], e, { type: a.type || "image/png" });
+}
+function d(a) {
+  return new Promise((e, s) => {
+    const n = new FileReader();
+    n.onload = () => e(n.result), n.onerror = () => s(n.error ?? new Error("Blob 转 DataURL 失败")), n.readAsDataURL(a);
+  });
+}
+async function x(a, e, s) {
+  const o = `${s || e.dir || "notice"}/${Date.now()}_${a.name}`, t = new FormData();
+  t.append("key", o), t.append("policy", e.policy), t.append("x-oss-signature-version", e.version), t.append("x-oss-signature", e.signature), t.append("x-oss-credential", e.x_oss_credential), t.append("x-oss-date", e.x_oss_date), t.append("x-oss-security-token", e.security_token), e.callback && t.append("callback", e.callback), t.append("success_action_status", "200"), t.append("file", a);
+  const r = await fetch(e.host, { method: "POST", body: t });
+  if (!r.ok && r.status !== 203)
+    throw new Error(`OSS 上传失败: ${r.status}`);
+  return o;
+}
+function k(a) {
+  const e = a ?? g.uploadOssApi;
+  if (!e)
+    throw new Error("未配置 uploadOssApi，请先通过 setup({ uploadOssApi }) 或在 options 中传入 uploadOssApi");
+  return e;
+}
+async function l(a, e) {
+  const s = k(e == null ? void 0 : e.uploadOssApi), n = (e == null ? void 0 : e.format) ?? "png", o = (e == null ? void 0 : e.fileName) ?? O(n), t = h(a, o), r = await s(t), c = await x(t, r, e == null ? void 0 : e.ossDir);
+  return { blob: a, file: t, ossKey: c };
+}
+function _() {
+  const a = y();
+  async function e(o, t) {
+    const r = await a.captureToBlob(o, t);
+    return l(r, t);
+  }
+  async function s(o, t) {
+    const r = await a.captureToBlob(o, t), [c, u] = await Promise.all([d(r), l(r, t)]);
+    return { ...u, dataUrl: c };
+  }
+  async function n(o, t) {
+    const { ossDir: r, fileName: c, uploadOssApi: u, output: f, ...m } = t, i = await a.captureComponent(o, {
+      ...m,
+      output: "blob"
+    }), b = {
+      format: t.format,
+      quality: t.quality,
+      ossDir: r,
+      fileName: c,
+      uploadOssApi: u
+    }, p = await l(i, b);
+    if (f === "blob")
+      return p;
+    const w = await d(i);
+    return { ...p, dataUrl: w };
+  }
+  return {
+    captureToBlob: e,
+    captureToDataUrl: s,
+    captureComponent: n,
+    isCapturing: a.isCapturing
+  };
+}
+export {
+  _ as useScreenshotOss
+};