@aplus-frontend/ui 7.0.1 → 7.1.0

package/es/src/business/ap-attachment/ApAttachment.mjs

@@ -1,71 +1,74 @@
-import { defineComponent as W, ref as x, useSlots as _, computed as n, cloneVNode as j, toRaw as h, unref as K, createVNode as t, createTextVNode as R } from "vue";
+import { defineComponent as W, ref as k, useSlots as _, computed as o, cloneVNode as j, toRaw as h, unref as K, createVNode as t, createTextVNode as R } from "vue";
 import { Tooltip as B, Popover as G } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
 import { ApAttachmentProps as H } from "./constans.mjs";
-import { getHexWithOpacity as q, getFileInfo as O } from "../../ap-download/utils/getFileInfo.mjs";
-import { useOssInit as D } from "../../ap-download/hooks/index.mjs";
-import { debounce as E, isArray as J } from "lodash-unified";
+import { getHexWithOpacity as M, getFileInfo as F } from "../../ap-download/utils/getFileInfo.mjs";
+import { useOssInit as q } from "../../ap-download/hooks/index.mjs";
+import { debounce as D, isArray as E } from "lodash-unified";
 import { LoadingOutlined as g } from "@ant-design/icons-vue";
-import { warning as Q } from "../../utils/warning.mjs";
-import X from "./style/index.mjs";
+import { warning as J } from "../../utils/warning.mjs";
+import Q from "./style/index.mjs";
+import { useToken as X } from "../../config-provider/hooks/use-token.mjs";
 import { useNamespace as Y } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as p } from "../../config-provider/hooks/use-global-config.mjs";
+import { useGlobalConfig as T } from "../../config-provider/hooks/use-global-config.mjs";
 import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
-const de = /* @__PURE__ */ W({
+const fe = /* @__PURE__ */ W({
   name: "ApAttachment",
   props: H(),
   setup(e, {
-    emit: C
+    emit: p
   }) {
     const {
-      b: T,
+      b: x,
       e: a
-    } = Y("ap-attachment"), L = X("ap-attachment"), k = p("uiMode"), N = p("apUpload"), w = p("downloadCenterTriggerConfig"), {
-      lang: P,
+    } = Y("ap-attachment"), L = Q("ap-attachment"), C = T("apUpload"), N = T("downloadCenterTriggerConfig"), {
+      token: w
+    } = X(), {
+      lang: O,
       t: m
-    } = Z(), i = x(!1), c = x(""), d = _(), I = n(() => P.value === "zh-cn" ? "zh_CN" : "en_US"), s = n(() => e.needName ?? N?.value?.needName), f = n(() => e.attachmentList.length === 1), y = n(() => s.value ? e.attachmentList.length > 0 && s.value && s.value?.nameKey ? e.attachmentList[0][s.value.nameKey] : "" : e.attachmentList.length > 0 ? e.attachmentList[0].fileName : ""), S = n(() => f.value ? y.value : m("ap.apAttachment.downloadall")), A = n(() => e.color ? e.color : k.value === "aplus" ? "#0070FF" : "#1890FF"), F = n(() => ({
-      "--download-main-color": A.value,
-      "--download-main-color-opacity": q(A.value, 0.6)
-    })), V = n(() => e.getOssAccess || N.value?.getOssAccess), z = n(() => {
+    } = Z(), i = k(!1), c = k(""), d = _(), P = o(() => O.value === "zh-cn" ? "zh_CN" : "en_US"), s = o(() => e.needName ?? C?.value?.needName), f = o(() => e.attachmentList.length === 1), y = o(() => s.value ? e.attachmentList.length > 0 && s.value && s.value?.nameKey ? e.attachmentList[0][s.value.nameKey] : "" : e.attachmentList.length > 0 ? e.attachmentList[0].fileName : ""), I = o(() => f.value ? y.value : m("ap.apAttachment.downloadall")), A = o(() => ({
+      "--download-main-color": w.value?.colorLink,
+      "--download-main-color-opacity": M(w.value?.colorLink, 0.6)
+    })), S = o(() => e.getOssAccess || C.value?.getOssAccess), V = o(() => {
       const l = d.default ? d.default()[0] : null;
       return l ? j(l, {
         style: {
           "font-size": "16px"
         }
       }) : null;
-    }), v = E(async (l, u) => {
+    }), v = D(async (l, r) => {
       if (!e.disabled) {
-        i.value = !0, u && (c.value = u);
+        i.value = !0, r && (c.value = r);
         try {
-          const o = J(h(l)) ? h(l) : [h(l)];
-          if (w.value?.trigger) {
-            const r = O(s.value, o).map((b) => ({
+          const n = E(h(l)) ? h(l) : [h(l)];
+          if (N.value?.trigger) {
+            const u = F(s.value, n).map((b) => ({
               objectName: b.path,
               fileName: b.fileName
             }));
-            w.value?.trigger(r), C("downloadCallback", r);
+            N.value?.trigger(u), p("downloadCallback", u);
           } else {
-            const r = await (await D(V.value, K(I))).downloadFile(O(e.needName, o));
-            C("downloadCallback", r);
+            const u = await (await q(S.value, K(P))).downloadFile(F(e.needName, n));
+            p("downloadCallback", u);
           }
-        } catch (o) {
-          Q(!1, o);
+        } catch (n) {
+          J(!1, n);
         } finally {
           i.value = !1, c.value = "";
         }
       }
-    }, 500), M = (l) => l && l.length > 0 ? t("ul", {
+    }, 500), z = (l) => l && l.length > 0 ? t("ul", {
       class: [a("file-list"), L.value],
-      style: F.value
-    }, [l.map((u, o) => t("li", {
-      key: o,
+      style: A.value
+    }, [l.map((r, n) => t("li", {
+      key: n,
       class: [a("file-item")],
-      onClick: () => v(u, o + 1)
-    }, [i.value && c.value === o + 1 ? t("span", {
+      onClick: () => v(r, n + 1)
+    }, [i.value && c.value === n + 1 ? t("span", {
       class: [a("spin")]
     }, [t(g, {
       spin: !0
-    }, null)]) : null, u.fileName])), t("li", {
+    }, null)]) : null, r.fileName])), t("li", {
       class: [a("download-all")],
       onClick: () => v(e.attachmentList, "all")
     }, [i.value && c.value === "all" ? t("span", {
@@ -74,10 +77,10 @@ const de = /* @__PURE__ */ W({
       spin: !0
     }, null)]) : null, m("ap.apAttachment.downloadall")])]) : null;
     return () => e.attachmentList?.length > 0 && t("div", {
-      class: [T(), L.value],
-      style: [F.value]
+      class: [x(), L.value],
+      style: [A.value]
     }, [t(B, {
-      title: S.value,
+      title: I.value,
       placement: e.textToolTipPlacement,
       color: e.toolTipBgColor
     }, {
@@ -90,14 +93,14 @@ const de = /* @__PURE__ */ W({
         spin: !0
       }, null)]) : null, d.default ? t("div", {
         class: [a("text-render")]
-      }, [z.value, R(" ")]) : null, t("div", {
+      }, [V.value, R(" ")]) : null, t("div", {
         class: [a("text-inner")],
         style: {
           "max-width": e.maxWidth ? e.maxWidth + "px" : "auto"
         }
       }, [y.value])])]
     }), t(G, {
-      content: M(e.attachmentList),
+      content: z(e.attachmentList),
       placement: e.fileMorePopoverPlacement,
       color: "#fff"
     }, {
@@ -108,5 +111,5 @@ const de = /* @__PURE__ */ W({
   }
 });
 export {
-  de as default
+  fe as default
 };

package/es/src/business/ap-copy/style/index.mjs

@@ -23,7 +23,7 @@ const r = (o) => {
         lineHeight: "18px"
       },
       [`${t}--text-major`]: {
-        color: o.textColor2
+        color: o.textColor1
       },
       [`${t}--text-minor`]: {
         color: o.textColor3

package/es/src/business/ap-expand-alert/ApExpandAlert.vue2.mjs

@@ -1,14 +1,13 @@
-import { defineComponent as j, computed as c, ref as g, watch as x, nextTick as f, onMounted as J, createElementBlock as i, openBlock as l, normalizeClass as n, unref as t, createVNode as C, withCtx as m, createElementVNode as S, normalizeStyle as y, renderSlot as H, createBlock as $, toDisplayString as u, resolveDynamicComponent as I, Fragment as E, renderList as P, createCommentVNode as L, createTextVNode as Q } from "vue";
-import { DownOutlined as U } from "@ant-design/icons-vue";
-import { Alert as X, Tooltip as Y } from "@aplus-frontend/antdv";
-import { ApActionItem as Z } from "../../ap-action/index.mjs";
+import { defineComponent as W, computed as c, ref as g, watch as x, nextTick as f, onMounted as j, createElementBlock as i, openBlock as a, normalizeClass as n, unref as t, createVNode as S, withCtx as m, createElementVNode as C, normalizeStyle as y, renderSlot as H, createBlock as $, toDisplayString as u, resolveDynamicComponent as I, Fragment as E, renderList as G, createCommentVNode as L, createTextVNode as J } from "vue";
+import { DownOutlined as P } from "@ant-design/icons-vue";
+import { Alert as Q, Tooltip as U } from "@aplus-frontend/antdv";
+import { ApActionItem as X } from "../../ap-action/index.mjs";
 import "../../config-provider/index.mjs";
-import { isNil as _, isString as A } from "lodash-unified";
-import ee from "./style/index.mjs";
-import { useLocale as te } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as le } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ae } from "../../config-provider/hooks/use-global-config.mjs";
-const oe = ["onClick"], he = /* @__PURE__ */ j({
+import { isNil as Y, isString as A } from "lodash-unified";
+import Z from "./style/index.mjs";
+import { useLocale as _ } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
+const te = ["onClick"], ce = /* @__PURE__ */ W({
   __name: "ApExpandAlert",
   props: {
     type: { default: "warning" },
@@ -27,25 +26,25 @@ const oe = ["onClick"], he = /* @__PURE__ */ j({
     afterClose: {}
   },
   emits: ["choose", "expand", "close"],
-  setup(z, { expose: D, emit: M }) {
-    const h = M, p = z, { t: B } = te(), V = c(() => {
+  setup(z, { expose: D, emit: V }) {
+    const h = V, p = z, { t: B } = _(), R = c(() => {
       if (p.type != "card")
         return p.type;
-    }), a = g(""), d = g(null), R = c(() => ({
+    }), l = g(""), d = g(null), q = c(() => ({
       fontWeight: "400",
       wordBreak: "break-all",
       overflow: "hidden",
       display: "-webkit-box",
-      webkitLineClamp: a.value,
+      webkitLineClamp: l.value,
       webkitBoxOrient: "vertical",
       lineHeight: "18px"
     }));
-    function q() {
-      a.value === "1" ? (a.value = "", h("expand", "expand")) : (a.value = "1", h("expand", "collapse"));
+    function F() {
+      l.value === "1" ? (l.value = "", h("expand", "expand")) : (l.value = "1", h("expand", "collapse"));
     }
-    const F = c(() => a.value === "1" ? B("ap.apExpandAlert.expand") : B("ap.apExpandAlert.collapse")), v = g(!0), N = c(() => a.value !== "1");
+    const M = c(() => l.value === "1" ? B("ap.apExpandAlert.expand") : B("ap.apExpandAlert.collapse")), v = g(!0), N = c(() => l.value !== "1");
     function k(e) {
-      e ? a.value = "" : a.value = "1";
+      e ? l.value = "" : l.value = "1";
     }
     function O(e) {
       h("close", e);
@@ -53,7 +52,7 @@ const oe = ["onClick"], he = /* @__PURE__ */ j({
     x(
       () => p.data,
       () => {
-        a.value = "", f(() => {
+        l.value = "", f(() => {
           if (d.value) {
             const e = Number(d.value.clientHeight), r = Number(
               parseInt(d.value.style.lineHeight)
@@ -75,11 +74,11 @@ const oe = ["onClick"], he = /* @__PURE__ */ j({
         });
       },
       { immediate: !0 }
-    ), J(() => {
+    ), j(() => {
       x(
         () => p.contentStyle,
         (e) => {
-          _(e.lineHeight) || f(() => {
+          Y(e.lineHeight) || f(() => {
             const r = document.querySelector(
               `#${w} .ant-alert-action`
             ), s = document.querySelector(
@@ -95,15 +94,15 @@ const oe = ["onClick"], he = /* @__PURE__ */ j({
         }
       );
     });
-    const { b: T, e: o, m: G } = le("ap-expand-alert"), K = ee("ap-expand-alert"), w = `${T()}-key-${Date.now()}-${(Math.random() * 1e6).toFixed(0)}`, W = ae("uiMode", "aplus");
+    const { b: T, e: o } = ee("ap-expand-alert"), K = Z("ap-expand-alert"), w = `${T()}-key-${Date.now()}-${(Math.random() * 1e6).toFixed(0)}`;
     return D({
       setExpand: k
-    }), (e, r) => (l(), i("div", {
+    }), (e, r) => (a(), i("div", {
       id: w,
-      class: n([t(T)(), `${t(G)(t(W))}`, t(K)])
+      class: n([t(T)(), t(K)])
     }, [
-      C(t(X), {
-        type: V.value,
+      S(t(Q), {
+        type: R.value,
         "show-icon": e.showIcon,
         closable: e.closable,
         class: n([t(o)("antAlert"), e.type == "card" ? "card-alert" : ""]),
@@ -111,17 +110,17 @@ const oe = ["onClick"], he = /* @__PURE__ */ j({
         onClose: O
       }, {
         action: m(() => [
-          v.value ? (l(), $(t(Z), {
+          v.value ? (a(), $(t(X), {
             key: 0,
             size: "small",
             style: { "font-size": "12px", "padding-left": "16px" },
-            onClick: r[0] || (r[0] = (s) => q())
+            onClick: r[0] || (r[0] = (s) => F())
           }, {
             default: m(() => [
-              S("span", {
+              C("span", {
                 class: n(t(o)("expandText"))
-              }, u(F.value), 3),
-              C(t(U), {
+              }, u(M.value), 3),
+              S(t(P), {
                 class: n(N.value ? t(o)("expandIcon") : t(o)("collapseIcon"))
               }, null, 8, ["class"])
             ]),
@@ -129,26 +128,26 @@ const oe = ["onClick"], he = /* @__PURE__ */ j({
           })) : L("", !0)
         ]),
         message: m(() => [
-          S("div", {
+          C("div", {
             ref_key: "ellipsisBoxRef",
             ref: d,
-            style: y({ ...R.value, ...e.contentStyle }),
+            style: y({ ...q.value, ...e.contentStyle }),
             class: n(t(o)("alertContent"))
           }, [
             H(e.$slots, "default", {}, () => [
-              t(A)(e.prefix) ? (l(), i("span", {
+              t(A)(e.prefix) ? (a(), i("span", {
                 key: 0,
                 class: n(t(o)("prefix")),
                 style: y(e.prefixStyle)
-              }, u(e.prefix), 7)) : (l(), $(I(e.prefix), {
+              }, u(e.prefix), 7)) : (a(), $(I(e.prefix), {
                 key: 1,
                 style: y(e.prefixStyle)
               }, null, 8, ["style"])),
-              t(A)(e.data) ? (l(), i("span", {
+              t(A)(e.data) ? (a(), i("span", {
                 key: 2,
                 class: n(t(o)("text"))
-              }, u(e.data), 3)) : (l(!0), i(E, { key: 3 }, P(e.data, (s, b) => (l(), i(E, { key: b }, [
-                C(t(Y), {
+              }, u(e.data), 3)) : (a(!0), i(E, { key: 3 }, G(e.data, (s, b) => (a(), i(E, { key: b }, [
+                S(t(U), {
                   title: e.tipTitle ? e.tipTitle : null
                 }, {
                   default: m(() => [
@@ -156,22 +155,22 @@ const oe = ["onClick"], he = /* @__PURE__ */ j({
                       record: s,
                       index: b
                     }, () => [
-                      S("span", {
+                      C("span", {
                         class: n(t(o)("showItem")),
-                        onClick: (ne) => e.$emit("choose", s)
-                      }, u(e.mapLabel ? s[e.mapLabel] : s), 11, oe)
+                        onClick: (ae) => e.$emit("choose", s)
+                      }, u(e.mapLabel ? s[e.mapLabel] : s), 11, te)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["title"]),
-                b !== e.data.length - 1 ? (l(), i("span", {
+                b !== e.data.length - 1 ? (a(), i("span", {
                   key: 0,
                   class: n(t(o)("spliter")),
                   style: y(e.separatorStyle)
                 }, [
-                  t(A)(e.separator) ? (l(), i(E, { key: 0 }, [
-                    Q(u(e.separator), 1)
-                  ], 64)) : (l(), $(I(e.separator), { key: 1 }))
+                  t(A)(e.separator) ? (a(), i(E, { key: 0 }, [
+                    J(u(e.separator), 1)
+                  ], 64)) : (a(), $(I(e.separator), { key: 1 }))
                 ], 6)) : L("", !0)
               ], 64))), 128))
             ])
@@ -183,5 +182,5 @@ const oe = ["onClick"], he = /* @__PURE__ */ j({
   }
 });
 export {
-  he as default
+  ce as default
 };

package/es/src/business/ap-ladder/ApLadder.mjs

@@ -1,40 +1,38 @@
-import { defineComponent as p, computed as o, createVNode as t } from "vue";
+import { defineComponent as f, computed as t, createVNode as i } from "vue";
 import "../../config-provider/index.mjs";
-import k from "./components/SimpleMode.mjs";
-import b from "./components/ValueGroupMode.mjs";
-import { ApLadderProps as g } from "./constans.mjs";
-import h from "./style/index.mjs";
-import { useNamespace as v } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as A } from "../../config-provider/hooks/use-global-config.mjs";
-const w = /* @__PURE__ */ p({
+import s from "./components/SimpleMode.mjs";
+import p from "./components/ValueGroupMode.mjs";
+import { ApLadderProps as k } from "./constans.mjs";
+import b from "./style/index.mjs";
+import { useNamespace as h } from "../../config-provider/hooks/use-namespace.mjs";
+const M = /* @__PURE__ */ f({
   name: "ApLadder",
-  props: g(),
+  props: k(),
   setup(e, {
     slots: n
   }) {
     const {
-      b: a,
-      m: d
-    } = v("ap-ladder"), u = h("ap-ladder"), r = A("uiMode", "aplus"), m = o(() => e.labelValues === void 0 || e.labelValues.length === 0), c = o(() => e.labelValues.length > 0), f = o(() => e.labelAlign), s = (l) => {
+      b: o
+    } = h("ap-ladder"), d = b("ap-ladder"), r = t(() => e.labelValues === void 0 || e.labelValues.length === 0), u = t(() => e.labelValues.length > 0), m = t(() => e.labelAlign), c = (l) => {
       l.link && window.open(l.link, "_blank"), typeof l.handleClickLink == "function" && l.handleClickLink();
-    }, i = () => n.title?.() || null;
-    return () => t("div", {
-      class: [a(), `${d(r.value)}`, u.value]
-    }, [m.value ? t(k, {
+    }, a = () => n.title?.() || null;
+    return () => i("div", {
+      class: [o(), d.value]
+    }, [r.value ? i(s, {
       major: e.major,
       minor: e.minor,
       layout: e.layout
     }, {
-      title: n.title ? i : void 0
-    }) : c.value ? t(b, {
+      title: n.title ? a : void 0
+    }) : u.value ? i(p, {
       labelValues: e.labelValues || [],
-      labelAlign: f.value,
-      onHandleClick: s
+      labelAlign: m.value,
+      onHandleClick: c
     }, {
-      title: n.title ? i : void 0
+      title: n.title ? a : void 0
     }) : null]);
   }
 });
 export {
-  w as default
+  M as default
 };

package/es/src/business/ap-ladder/style/index.mjs

@@ -19,7 +19,7 @@ const i = (l) => {
       },
       [`${e}__value-group-label`]: {
         display: "inline-block",
-        color: "#8896B0",
+        color: l.textColor3,
         wordBreak: "break-all",
         position: "relative",
         justifyContent: "center"
@@ -29,7 +29,7 @@ const i = (l) => {
         padding: "0 3px"
       },
       [`${e}__value-group-value`]: {
-        color: "#182948",
+        color: l.textColor1,
         wordBreak: "break-all",
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -106,59 +106,34 @@ const i = (l) => {
       },
       [`${e}__major`]: {
         lineHeight: l.lineHeight,
-        color: "#182948"
+        color: l.textColor1
       },
       [`${e}__minor`]: {
         lineHeight: l.lineHeight,
-        color: "#8896B0"
+        color: l.textColor3
       },
       [`${e}__label`]: {
         display: "inline-block",
-        color: "#8896B0",
+        color: l.textColor3,
         wordBreak: "break-all"
       },
       [`${e}__value`]: {
-        display: "#182948",
+        display: l.textColor1,
         wordBreak: "break-all"
       },
       [`${e}__unit`]: {
-        color: "#182948"
+        color: l.textColor1
       },
       [`${e}__link, ${e}__link a`]: {
         cursor: "pointer",
         color: l.colorLink,
         textDecoration: "none"
-      },
-      "&--admin": {
-        [e]: {
-          "&__value-group-label": {
-            color: "#999"
-          },
-          "&__value-group-value": {
-            color: "#333"
-          },
-          "&__major": {
-            color: "#333"
-          },
-          "&__minor": {
-            color: "#999"
-          },
-          "&__label": {
-            color: "#999"
-          },
-          "&__value": {
-            color: "#333"
-          },
-          "&__unit": {
-            color: "#333"
-          }
-        }
       }
     }
   };
-}, a = o("ApLadder", (l) => [
+}, t = o("ApLadder", (l) => [
   i(l)
 ]);
 export {
-  a as default
+  t as default
 };

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

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

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

@@ -1,6 +1,6 @@
-import { genComponentStyleHook as l } from "../../../utils/cssinjs/index.mjs";
-const i = (o) => {
-  const { componentCls: e } = o;
+import { genComponentStyleHook as o } from "../../../utils/cssinjs/index.mjs";
+const l = (i) => {
+  const { componentCls: e } = i;
   return {
     [e]: {
       display: "flex",
@@ -47,7 +47,7 @@ const i = (o) => {
         width: "100%"
       },
       [`${e}__label`]: {
-        color: "#8896b0",
+        color: i.textColor3,
         flexShrink: 0,
         span: {
           display: "inline-block",
@@ -56,35 +56,19 @@ const i = (o) => {
       },
       [`${e}__value`]: {
         maxWidth: "300px",
-        color: o.textColor3,
+        color: i.textColor3,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       },
       [`${e}--link`]: {
-        color: "#0070ff",
+        color: i.colorLink,
         cursor: "pointer"
-      },
-      "&--admin": {
-        [`${e}`]: {
-          "&__title": {
-            color: "#333"
-          },
-          "&__label": {
-            color: "#999"
-          },
-          "&__value": {
-            color: "#999"
-          },
-          "&--link": {
-            color: "rgb(0, 112, 255)"
-          }
-        }
       }
     }
   };
-}, n = l("ApProductInfo", (o) => [
-  i(o)
+}, n = o("ApProductInfo", (i) => [
+  l(i)
 ]);
 export {
   n as default