@aplus-frontend/ui 7.14.1 → 7.14.3

package/es/src/ap-table/hooks/use-table-template-storage.mjs

@@ -1,151 +1,164 @@
-import { useToken as C } from "@aplus-frontend/antdv/es/theme/internal";
-import { isBoolean as J, isNumber as v, isObject as x, mergeWith as y, omit as M, isString as j } from "lodash-unified";
-import { ref as S, unref as c, watch as h } from "vue";
+import { useToken as j } from "@aplus-frontend/antdv/es/theme/internal";
+import { isBoolean as G, isNumber as h, isObject as b, mergeWith as z, omit as P, isString as R } from "lodash-unified";
+import { ref as y, unref as p, watch as v } from "vue";
 import "../../config-provider/index.mjs";
-import { randomStr as A } from "../../utils/index.mjs";
-import { getColumnStateString as G } from "../components/setting/utils.mjs";
-import { useInjectApTable as P } from "../context.mjs";
-import { getTableTitle as R } from "../utils.mjs";
-import { useLocale as U } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs";
-function X(t, e, i, o) {
-  return o ? o.fixed : e ? e.fixed : i && "fixed" in i ? i.fixed : J(t.fixed) ? t.fixed ? "left" : void 0 : t.fixed;
+import { randomStr as E } from "../../utils/index.mjs";
+import { getColumnStateString as U } from "../components/setting/utils.mjs";
+import { useInjectApTable as W } from "../context.mjs";
+import { getTableTitle as X } from "../utils.mjs";
+import { useLocale as q } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+function H(t, e, o, a) {
+  return a ? a.fixed : e ? e.fixed : o && "fixed" in o ? o.fixed : G(t.fixed) ? t.fixed ? "left" : void 0 : t.fixed;
 }
-const b = Number.MAX_SAFE_INTEGER, q = A();
-function D(t, e) {
-  const i = v(t.order) ? t.order : b;
-  let o = v(e.order) ? e.order : b;
-  return t.fixed === "right" && e.fixed !== "right" && (o = i - 1), e.fixed === "left" && t.fixed !== "left" && (o = i - 1), i - o;
+const k = Number.MAX_SAFE_INTEGER, A = E();
+function Q(t, e) {
+  const o = h(t.order) ? t.order : k;
+  let a = h(e.order) ? e.order : k;
+  return t.fixed === "right" && e.fixed !== "right" && (a = o - 1), e.fixed === "left" && t.fixed !== "left" && (a = o - 1), o - a;
 }
-function H(t, e) {
+function V(t, e) {
   e && t.removeItem(e);
 }
-function K(t, e) {
+function I(t, e) {
   if (!e)
     return [];
-  const i = t.getItem(e);
-  if (!i)
+  const o = t.getItem(e);
+  if (!o)
     return [];
-  const o = JSON.parse(i);
-  return Array.isArray(o) ? o : (H(t, e), []);
+  const a = JSON.parse(o);
+  return Array.isArray(a) ? a : (V(t, e), []);
 }
-function k(t, e) {
-  if (x(t) && x(e))
-    return y({}, t, e, k);
+function N(t, e) {
+  if (b(t) && b(e))
+    return z({}, t, e, N);
 }
-const ae = (t, e) => {
-  const { columnsBackup: i, size: o } = P(), { t: I } = U(), { be: E } = W("ap-table"), [Q, N] = C(), m = S(), l = S(
-    z(
-      K(localStorage, c(e))
+const le = (t, e, o) => {
+  const { columnsBackup: a, size: d } = W(), { t: _ } = q(), { be: L } = D("ap-table"), [Y, O] = j(), s = y(), l = y(
+    T(
+      I(localStorage, p(e))
     )
   );
-  h(
-    [i, o],
-    ([r, n]) => {
-      r && (m.value = {
+  v(
+    [a, d],
+    ([r, i]) => {
+      r && (s.value = {
         label: "basic_template",
         columnState: f(r),
-        key: q,
-        size: n
+        key: A,
+        size: i
       });
     },
     { immediate: !0, deep: !0 }
+  ), v(
+    () => e.value,
+    (r) => {
+      const i = T(
+        I(localStorage, r)
+      );
+      l.value = i, s.value = {
+        label: "basic_template",
+        columnState: f(a?.value || []),
+        key: A,
+        size: d?.value
+      }, o(i ?? []);
+    }
   );
-  function z(r) {
-    return r.length ? r.map((n) => ({
-      ...n,
+  function T(r) {
+    return r.length ? r.map((i) => ({
+      ...i,
       columnState: f(
-        i.value,
-        n.columnState,
+        a.value,
+        i.columnState,
         !1
       )
     })) : [
       {
-        label: I("ap.apTable.setting.defaultTemplate"),
-        key: t.getActiveKey?.("DEFAULT_TEMPLATE") ?? A(),
-        size: o?.value,
-        columnState: f(i?.value || [])
+        label: _("ap.apTable.setting.defaultTemplate"),
+        key: t.getActiveKey?.("DEFAULT_TEMPLATE") ?? E(),
+        size: d?.value,
+        columnState: f(a?.value || [])
       }
     ];
   }
-  function f(r, n = {}, a = !0) {
-    const d = y(
+  function f(r, i = {}, n = !0) {
+    const c = z(
       {},
-      a ? t.defaultValue || {} : {},
-      n,
-      k
+      n ? t.defaultValue || {} : {},
+      i,
+      N
     );
-    function T(B, F, w) {
-      return B.map((u) => {
-        const g = F?.[u.key] || {}, s = {
+    function x(C, J, M) {
+      return C.map((u) => {
+        const S = J?.[u.key] || {}, m = {
           key: u.key,
-          label: j(u.title) ? R(
+          label: R(u.title) ? X(
             u,
-            E("table-header", "title"),
+            L("table-header", "title"),
             void 0,
-            N.value.colorTextTertiary
+            O.value.colorTextTertiary
           ) : u.title,
           show: !0,
-          fixed: X(
+          fixed: H(
             u,
             void 0,
-            a ? t.defaultValue?.[u.key] : void 0,
-            w
+            n ? t.defaultValue?.[u.key] : void 0,
+            M
           ),
           disabled: !1,
-          ...M(g, ["children", "fixed"])
+          ...P(S, ["children", "fixed"])
         };
-        return s.children = u.children?.length ? T(
+        return m.children = u.children?.length ? x(
           u.children,
-          g.children,
-          s
-        ) : void 0, s;
-      }).sort(D);
+          S.children,
+          m
+        ) : void 0, m;
+      }).sort(Q);
     }
-    return T(r || [], d);
+    return x(r || [], c);
   }
-  function p(r) {
-    if (c(e)) {
-      const n = r.map((a) => ({
-        ...a,
-        columnState: G(a.columnState)
+  function g(r) {
+    if (p(e)) {
+      const i = r.map((n) => ({
+        ...n,
+        columnState: U(n.columnState)
       }));
-      localStorage.setItem(c(e), JSON.stringify(n));
+      localStorage.setItem(p(e), JSON.stringify(i));
     }
   }
-  function L(r) {
+  function B(r) {
     l.value.push(r);
   }
-  function _(r) {
-    const n = l.value.findIndex(
-      (a) => a.key === r
+  function F(r) {
+    const i = l.value.findIndex(
+      (n) => n.key === r
     );
-    l.value.splice(n, 1);
+    l.value.splice(i, 1);
   }
-  function O(r, n) {
-    const a = l.value.findIndex(
-      (d) => d.key === r
+  function w(r, i) {
+    const n = l.value.findIndex(
+      (c) => c.key === r
     );
-    return l.value[a] = {
-      ...l.value[a],
-      ...n
-    }, l.value[a];
+    return l.value[n] = {
+      ...l.value[n],
+      ...i
+    }, l.value[n];
   }
-  return h(
+  return v(
     () => l.value,
     (r) => {
-      p(r);
+      g(r);
     },
     { deep: !0, immediate: !0 }
   ), {
-    basicTemplate: m,
+    basicTemplate: s,
     customizeTemplateList: l,
-    syncTemplateListToStorage: p,
-    addTemplate: L,
-    deleteTemplate: _,
-    updateTemplate: O
+    syncTemplateListToStorage: g,
+    addTemplate: B,
+    deleteTemplate: F,
+    updateTemplate: w
   };
 };
 export {
-  ae as useTableTemplateStorage
+  le as useTableTemplateStorage
 };

package/es/src/business/ap-product-info/ApProductInfo.mjs

@@ -1,69 +1,75 @@
-import { defineComponent as f, h as t, createVNode as e, createTextVNode as v } from "vue";
-import { Space as h, Tooltip as y } from "@aplus-frontend/antdv";
-import { IconApAdFillWarn as g } from "@aplus-frontend/icon";
+import { defineComponent as v, useSlots as h, h as s, createVNode as e, createTextVNode as y } from "vue";
+import { Space as g, Tooltip as m } from "@aplus-frontend/antdv";
+import { IconApAdFillWarn as k } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { ApCopy as s } from "../ap-copy/index.mjs";
-import { ApImage as m } from "../ap-image/index.mjs";
-import { ApProductInfoProps as k } from "./constans.mjs";
-import b from "./style/index.mjs";
-import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
-const T = /* @__PURE__ */ f({
+import { ApCopy as i } from "../ap-copy/index.mjs";
+import { ApImage as w } from "../ap-image/index.mjs";
+import { ApProductInfoProps as b } from "./constans.mjs";
+import x from "./style/index.mjs";
+import { useNamespace as A } from "../../config-provider/hooks/use-namespace.mjs";
+const W = /* @__PURE__ */ v({
   name: "ApProductInfo",
-  props: k(),
-  setup(r) {
+  props: b(),
+  setup(t) {
     const {
-      b: i,
+      b: n,
       e: o,
-      m: a
-    } = w("ap-product-info"), c = b("ap-product-info"), p = (l) => typeof l.value == "function" ? l.value() : l.helpMessage ? t(h.Compact, {}, [t(s, {
+      m: r
+    } = A("ap-product-info"), c = x("ap-product-info"), p = h(), u = (l) => typeof l.value == "function" ? l.value() : l.helpMessage ? s(g.Compact, {}, [s(i, {
       text: l.value,
       link: l.link,
       textStyle: l.link ? "link" : "minor"
-    }), t(y, {
+    }), s(m, {
       placement: "top",
       color: l.toolTipBgColor,
-      title: typeof l.helpMessage == "string" ? l.helpMessage : t(l.helpMessage)
-    }, () => t(g, {
+      title: typeof l.helpMessage == "string" ? l.helpMessage : s(l.helpMessage)
+    }, () => s(k, {
       color: "#FFA940",
       style: {
         cursor: "pointer"
       }
-    }))]) : t(s, {
+    }))]) : s(i, {
       text: l.value,
       textStyle: l.link ? "link" : "minor",
       link: l.link,
-      disableCopy: r.disableCopy
+      disableCopy: t.disableCopy
     }, l.value);
     return () => e("div", {
-      class: [i(), c.value]
-    }, [r.showImg && e("div", {
+      class: [n(), c.value]
+    }, [t.showImg && e("div", {
       class: o("img")
-    }, [e(m, {
-      src: r.imgSrc,
+    }, [e(w, {
+      src: t.imgSrc,
       width: 44,
       height: 44,
-      preview: r.preview
+      preview: t.preview
     }, null)]), e("div", {
       class: [o("content")]
-    }, [e(s, {
-      disableCopy: r.disableCopy
+    }, [e("div", {
+      class: o("wrap-title")
+    }, [e("div", {
+      class: o("title")
+    }, [e(i, {
+      disableCopy: t.disableCopy
     }, {
-      default: () => [r.title]
-    }), e("div", {
+      default: () => [t.title]
+    })]), e("div", {
+      class: o("title-suffix")
+    }, [p["title-suffix"]?.()])]), e("div", {
       class: o("row-container")
-    }, [r.values.map((l, u) => {
-      const n = l.col === 2, d = l.col !== 2 && u % 2 === 0;
+    }, [t.values.map((l, d) => {
+      const a = l.col === 2, f = l.col !== 2 && d % 2 === 0;
       return e("div", {
         key: JSON.stringify(l),
-        class: [o("row-item"), a(n ? "full" : "half")]
+        class: [o("row-item"), r(a ? "full" : "half")]
       }, [e("div", {
         class: [o("item")]
       }, [l.label && e("div", {
         class: o("label")
-      }, [l.label, e("span", null, [v(":")])]), e("div", {
-        class: [o("value"), !n && a("overflow")],
+      }, [l.label, e("span", null, [y(":")])]), e("div", {
+        class: [o("value"), !a && r("overflow")],
         title: typeof l.value != "function" ? String(l.value || "") : ""
-      }, [p(l)])]), d && e("div", {
+      }, [u(l)])]), f && e("div", {
         class: o("divider"),
         style: {
           right: 0
@@ -75,5 +81,5 @@ const T = /* @__PURE__ */ f({
   }
 });
 export {
-  T as default
+  W as default
 };

package/es/src/business/ap-product-info/style/index.mjs

@@ -1,30 +1,41 @@
-import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
-const o = (i) => {
-  const { componentCls: l } = i;
+import { genComponentStyleHook as l } from "../../../utils/cssinjs/index.mjs";
+const a = (i) => {
+  const { componentCls: e } = i;
   return {
-    [l]: {
+    [e]: {
       display: "flex",
-      [`${l}__img`]: {
+      [`${e}__img`]: {
         width: i.apProductInfoImageSize,
         height: i.apProductInfoImageSize,
         marginInlineEnd: i.space,
         flexShrink: 0
       },
-      [`${l}__content`]: {
+      [`${e}__content`]: {
         flex: 1,
         display: "flex",
         flexDirection: "column",
         overflow: "hidden"
       },
-      [`${l}__row-container `]: {
+      [`${e}__wrap-title`]: {
+        display: "flex",
+        alignItems: "center"
+      },
+      [`${e}__title`]: {
+        flex: 1,
+        minWidth: 0
+      },
+      [`${e}__title-suffix`]: {
+        marginLeft: "4px"
+      },
+      [`${e}__row-container `]: {
         display: "flex",
         flexWrap: "wrap"
       },
-      [`${l}__row-item`]: {
+      [`${e}__row-item`]: {
         position: "relative",
         display: "flex"
       },
-      [`${l}__divider`]: {
+      [`${e}__divider`]: {
         width: i.lineWidth,
         position: "relative",
         height: "12px",
@@ -34,21 +45,21 @@ const o = (i) => {
         marginInlineStart: i.spaceSM,
         zIndex: 1
       },
-      [`${l}__divider-vertical`]: {
+      [`${e}__divider-vertical`]: {
         width: i.lineWidth,
         height: "100%",
         backgroundColor: i.colorBg1,
         position: "absolute",
         transform: "translateX(-50%)"
       },
-      [`${l}__item`]: {
+      [`${e}__item`]: {
         display: "flex",
         alignItems: "baseline"
       },
-      [`${l}--full`]: {
+      [`${e}--full`]: {
         width: "100%"
       },
-      [`${l}__label`]: {
+      [`${e}__label`]: {
         color: i.textColor3,
         flexShrink: 0,
         span: {
@@ -57,27 +68,27 @@ const o = (i) => {
           paddingBlock: 0
         }
       },
-      [`${l}__value`]: {
+      [`${e}__value`]: {
         maxWidth: i.apProductInfoMaxWidth,
         color: i.textColor3,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       },
-      [`${l}--link`]: {
+      [`${e}--link`]: {
         color: i.colorLink,
         cursor: "pointer"
       }
     }
   };
-}, r = e(
+}, o = l(
   "ApProductInfo",
-  (i) => [o(i)],
+  (i) => [a(i)],
   {
     apProductInfoImageSize: 44,
     apProductInfoMaxWidth: 300
   }
 );
 export {
-  r as default
+  o as default
 };