@aplus-frontend/ui 7.0.1 → 7.1.0

package/es/src/ap-descriptions/ap-descriptions.vue.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as B, createElementBlock as n, openBlock as r, normalizeStyle as E, normalizeClass as f, unref as o, createVNode as _, mergeProps as w, withCtx as d, Fragment as a, renderList as A, createCommentVNode as M, createBlock as i, h as p, renderSlot as j, resolveDynamicComponent as z } from "vue";
-import { Descriptions as F, DescriptionsItem as b } from "@aplus-frontend/antdv";
-import { mixinsAttachmentExtraProps as G, transformValue as I, isEmptyWithType as L } from "./helper.mjs";
-import { get as m } from "lodash-unified";
+import { defineComponent as V, createElementBlock as n, openBlock as o, normalizeStyle as x, normalizeClass as y, unref as r, createVNode as B, mergeProps as E, withCtx as f, Fragment as a, renderList as _, createCommentVNode as w, createBlock as i, h as p, renderSlot as A, resolveDynamicComponent as j } from "vue";
+import { Descriptions as z, DescriptionsItem as d } from "@aplus-frontend/antdv";
+import { mixinsAttachmentExtraProps as F, transformValue as G, isEmptyWithType as I } from "./helper.mjs";
+import { get as b } from "lodash-unified";
 import "./help-message/index.vue.mjs";
 import "../config-provider/index.mjs";
-import R from "./style/index.mjs";
-import { useGlobalConfig as c } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
-import O from "./help-message/index.vue2.mjs";
-const W = { key: 0 }, ee = /* @__PURE__ */ B({
+import L from "./style/index.mjs";
+import { useGlobalConfig as m } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as M } from "../config-provider/hooks/use-namespace.mjs";
+import R from "./help-message/index.vue2.mjs";
+const $ = { key: 0 }, Z = /* @__PURE__ */ V({
   name: "ApDescriptions",
   __name: "ap-descriptions",
   props: {
@@ -19,23 +19,23 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
     className: {}
   },
   setup(S) {
-    const l = S, g = c("uiMode", "admin"), v = c("apDescriptions"), C = c("downloadCenterTriggerConfig"), { m: k, b: P, be: D } = $("ap-descriptions"), N = R("ap-descriptions"), T = (e = {}) => {
+    const l = S, g = m("apDescriptions"), v = m("downloadCenterTriggerConfig"), { b: C, be: k } = M("ap-descriptions"), P = L("ap-descriptions"), D = (e = {}) => {
       let s = "";
       return l.descriptionsProps?.layout === "vertical" && (s = "start"), {
         justifyContent: s,
         ...e
       };
-    }, u = (e) => {
-      const s = m(l.dataSource, e.field);
+    }, c = (e) => {
+      const s = b(l.dataSource, e.field);
       if (e.customRender)
         return e.customRender(l.dataSource);
-      e.valueType === "attachment" && (e.extraProps = G(e.extraProps, {
-        fromConfig: v.value?.downloadFile,
-        fromGlobal: C.value?.trigger
+      e.valueType === "attachment" && (e.extraProps = F(e.extraProps, {
+        fromConfig: g.value?.downloadFile,
+        fromGlobal: v.value?.trigger
       }));
       const t = e.format ? e.format(s, l.dataSource || {}) : s;
-      return I({ value: t, record: l.dataSource }, e);
-    }, V = (e) => e.valueType === "text" && !!e.extraProps?.ellipsis, x = (e) => {
+      return G({ value: t, record: l.dataSource }, e);
+    }, N = (e) => e.valueType === "text" && !!e.extraProps?.ellipsis, T = (e) => {
       if (e.visible != null) {
         if (typeof e.visible == "boolean")
           return e.visible;
@@ -47,28 +47,28 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
       }
       return !0;
     };
-    return (e, s) => (r(), n("div", {
-      class: f([e.className, o(P)(), o(k)(o(g)), o(N)]),
-      style: E(e.style)
+    return (e, s) => (o(), n("div", {
+      class: y([e.className, r(C)(), r(P)]),
+      style: x(e.style)
     }, [
-      _(o(F), w(e.descriptionsProps, {
-        "label-style": T({ ...e.descriptionsProps?.labelStyle || {} })
+      B(r(z), E(e.descriptionsProps, {
+        "label-style": D({ ...e.descriptionsProps?.labelStyle || {} })
       }), {
-        default: d(() => [
-          (r(!0), n(a, null, A(e.schemas, (t, y) => (r(), n(a, {
-            key: t.field || "empty" + y
+        default: f(() => [
+          (o(!0), n(a, null, _(e.schemas, (t, u) => (o(), n(a, {
+            key: t.field || "empty" + u
           }, [
-            x(t) ? (r(), n(a, { key: 0 }, [
-              t.valueType === "empty" ? (r(), i(o(b), {
+            T(t) ? (o(), n(a, { key: 0 }, [
+              t.valueType === "empty" ? (o(), i(r(d), {
                 key: 0,
                 "content-style": t.contentStyle,
                 "label-style": t.labelStyle,
                 span: t.span
-              }, null, 8, ["content-style", "label-style", "span"])) : (r(), i(o(b), {
+              }, null, 8, ["content-style", "label-style", "span"])) : (o(), i(r(d), {
                 key: 1,
-                class: f(V(t) ? o(D)("item", "ellipsis") : ""),
+                class: y(N(t) ? r(k)("item", "ellipsis") : ""),
                 label: t.label ? p(a, [
-                  p(O, {
+                  p(R, {
                     helpMessage: t.helpMessage,
                     label: t.label
                   })
@@ -77,17 +77,17 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
                 "content-style": t.contentStyle,
                 "label-style": t.labelStyle
               }, {
-                default: d(() => [
-                  o(L)(o(m)(e.dataSource, t.field), t) ? (r(), n("span", W, "--")) : (r(), n(a, { key: 1 }, [
-                    t.contentSlotName ? j(e.$slots, t.contentSlotName, {
+                default: f(() => [
+                  r(I)(r(b)(e.dataSource, t.field), t) ? (o(), n("span", $, "--")) : (o(), n(a, { key: 1 }, [
+                    t.contentSlotName ? A(e.$slots, t.contentSlotName, {
                       key: 0,
-                      index: y,
-                      item: u(t),
+                      index: u,
+                      item: c(t),
                       record: e.dataSource
-                    }) : (r(), i(z(
+                    }) : (o(), i(j(
                       p(a, [
                         t.prefix,
-                        u(t),
+                        c(t),
                         t.suffix
                       ])
                     ), { key: 1 }))
@@ -95,7 +95,7 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
                 ]),
                 _: 2
               }, 1032, ["class", "label", "span", "content-style", "label-style"]))
-            ], 64)) : M("", !0)
+            ], 64)) : w("", !0)
           ], 64))), 128))
         ]),
         _: 3
@@ -104,5 +104,5 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
   }
 });
 export {
-  ee as default
+  Z as default
 };

package/es/src/ap-descriptions/style/index.mjs

@@ -44,58 +44,31 @@ const e = (t) => {
       },
       ".ant-descriptions-row": {
         ".ant-descriptions-item-label": {
+          justifyContent: "flex-end",
+          width: "var(--ap-descriptions-item-label-width, auto)",
+          color: t.textColor3,
+          ".ap-descriptions-item-content__help": {
+            fontSize: t.fontSizeLG,
+            marginInlineStart: "4px",
+            color: t.textColor3
+          },
           ".ant-typography": {
             color: "inherit"
           }
-        }
-      },
-      "&--admin": {
-        ".ant-descriptions-row": {
-          ".ant-descriptions-item-label": {
-            justifyContent: "flex-end",
-            width: "var(--ap-descriptions-item-label-width, auto)",
-            color: "#999",
-            ".ap-descriptions-item-content__help": {
-              fontSize: t.fontSizeLG,
-              marginInlineStart: "4px",
-              color: "#999"
-            }
-          },
-          ".ant-descriptions-item-content": {
-            color: "#333",
-            ".ap-descriptions-item-content__link": {
-              color: "#1890ff",
-              cursor: "pointer"
-            }
-          }
-        }
-      },
-      "&--aplus": {
-        ".ant-descriptions-row": {
-          ".ant-descriptions-item-label": {
-            justifyContent: "flex-end",
-            width: "var(--ap-descriptions-item-label-width, auto)",
-            color: "#8896B0",
-            ".ap-descriptions-item-content__help": {
-              fontSize: t.fontSizeLG,
-              marginInlineStart: "4px",
-              color: "#8896B0"
-            }
-          },
-          ".ant-descriptions-item-content": {
-            color: "#182948",
-            ".ap-descriptions-item-content__link": {
-              color: "#0070FF",
-              cursor: "pointer"
-            }
+        },
+        ".ant-descriptions-item-content": {
+          color: t.textColor1,
+          ".ap-descriptions-item-content__link": {
+            color: t.colorLink,
+            cursor: "pointer"
           }
         }
       }
     }
   };
-}, s = n("ApDescriptions", (t) => [
+}, r = n("ApDescriptions", (t) => [
   e(t)
 ]);
 export {
-  s as default
+  r as default
 };

package/es/src/ap-download/ap-download.vue.mjs

@@ -1,20 +1,20 @@
-import { defineComponent as F, ref as A, useSlots as L, computed as s, unref as t, createBlock as S, openBlock as i, mergeProps as x, withCtx as j, createElementVNode as u, normalizeClass as I, createElementBlock as f, createCommentVNode as g, createVNode as M, renderSlot as T, toDisplayString as U } from "vue";
-import { Button as V } from "@aplus-frontend/antdv";
-import { LoadingOutlined as D } from "@ant-design/icons-vue";
+import { defineComponent as O, ref as z, useSlots as A, computed as s, unref as t, createBlock as L, openBlock as i, mergeProps as S, withCtx as x, createElementVNode as m, normalizeClass as j, createElementBlock as f, createCommentVNode as u, createVNode as I, renderSlot as F, toDisplayString as T } from "vue";
+import { Button as U } from "@aplus-frontend/antdv";
+import { LoadingOutlined as V } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
-import { useOssInit as E } from "./hooks/index.mjs";
-import { getFileInfo as y } from "./utils/getFileInfo.mjs";
-import { useStyle as P } from "./hooks/useStyle.mjs";
-import { omit as G } from "lodash-unified";
-import { useLocale as R } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as r } from "../config-provider/hooks/use-global-config.mjs";
-const W = {
+import { useOssInit as D } from "./hooks/index.mjs";
+import { getFileInfo as g } from "./utils/getFileInfo.mjs";
+import { useStyle as E } from "./hooks/useStyle.mjs";
+import { omit as P } from "lodash-unified";
+import { useLocale as G } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as y } from "../config-provider/hooks/use-global-config.mjs";
+const M = {
   key: 0,
   class: "spin"
-}, $ = {
+}, R = {
   key: 1,
   class: "icon"
-}, q = { class: "text" }, ae = /* @__PURE__ */ F({
+}, W = { class: "text" }, oe = /* @__PURE__ */ O({
   name: "ApDownload",
   __name: "ap-download",
   props: {
@@ -45,57 +45,57 @@ const W = {
   },
   emits: ["downloadCallback"],
   setup(C, { emit: N }) {
-    const c = N, l = A(!1), { lang: b } = R(), v = L(), w = s(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), h = r("uiMode"), e = C, n = r("apUpload"), d = r(
+    const r = N, n = z(!1), { lang: b } = G(), w = A(), h = s(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), e = C, l = y("apUpload"), c = y(
       "downloadCenterTriggerConfig"
-    ), p = s(() => e.disabled), _ = s(() => e.color ? e.color : h.value === "aplus" ? "#0070FF" : "#1890FF"), k = s(() => e.size), { getInnerWrapperClass: B } = P(_, k, p), O = s(() => e.getOssAccess || n.value?.getOssAccess), z = async () => {
+    ), d = s(() => e.disabled), v = s(() => e.size), { getInnerWrapperClass: _ } = E(v, d), k = s(() => e.getOssAccess || l.value?.getOssAccess), B = async () => {
       if (!e.disabled) {
-        l.value = !0;
+        n.value = !0;
         try {
-          if (d.value?.trigger) {
-            let a = y(
-              e.needName ?? n?.value?.needName,
+          if (c.value?.trigger) {
+            let a = g(
+              e.needName ?? l?.value?.needName,
               e.fileName
-            ).map((m) => ({
-              objectName: m.path,
-              fileName: m.fileName
+            ).map((p) => ({
+              objectName: p.path,
+              fileName: p.fileName
             }));
-            await d.value?.trigger(a), c("downloadCallback", a);
+            await c.value?.trigger(a), r("downloadCallback", a);
           } else {
-            const a = await (await E(
-              O.value,
-              t(w)
+            const a = await (await D(
+              k.value,
+              t(h)
             )).downloadFile(
-              y(
-                e.needName ?? n?.value?.needName,
+              g(
+                e.needName ?? l?.value?.needName,
                 e.fileName
               )
             );
-            c("downloadCallback", a);
+            r("downloadCallback", a);
           }
         } catch (o) {
           console.error(o);
         } finally {
-          l.value = !1;
+          n.value = !1;
         }
       }
     };
-    return (o, a) => (i(), S(t(V), x(t(G)(e, ["getOssAccess", "fileName", "needName"]), {
+    return (o, a) => (i(), L(t(U), S(t(P)(e, ["getOssAccess", "fileName", "needName"]), {
       type: e.type,
       size: e.size,
-      disabled: p.value,
-      onClick: z
+      disabled: d.value,
+      onClick: B
     }), {
-      default: j(() => [
-        u("div", {
-          class: I(t(B))
+      default: x(() => [
+        m("div", {
+          class: j(t(_))
         }, [
-          l.value ? (i(), f("span", W, [
-            M(t(D), { spin: !0 })
-          ])) : g("", !0),
-          t(v).icon ? (i(), f("span", $, [
-            T(o.$slots, "icon")
-          ])) : g("", !0),
-          u("span", q, U(o.text), 1)
+          n.value ? (i(), f("span", M, [
+            I(t(V), { spin: !0 })
+          ])) : u("", !0),
+          t(w).icon ? (i(), f("span", R, [
+            F(o.$slots, "icon")
+          ])) : u("", !0),
+          m("span", W, T(o.text), 1)
         ], 2)
       ]),
       _: 3
@@ -103,5 +103,5 @@ const W = {
   }
 });
 export {
-  ae as default
+  oe as default
 };

package/es/src/ap-download/hooks/useStyle.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-export declare function useStyle(color: ComputedRef<string>, size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
+export declare function useStyle(size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
     wrapperStyle: ComputedRef<Record<string, any>>;
     getWrapperClass: ComputedRef<string[]>;
     getInnerWrapperClass: ComputedRef<string[]>;

package/es/src/ap-download/hooks/useStyle.mjs

@@ -1,25 +1,28 @@
 import { computed as o } from "vue";
-import { getHexWithOpacity as m } from "../utils/getFileInfo.mjs";
+import { getHexWithOpacity as c } from "../utils/getFileInfo.mjs";
 import "../../config-provider/index.mjs";
-import c from "../style/index.mjs";
+import m from "../style/index.mjs";
+import { useToken as d } from "../../config-provider/hooks/use-token.mjs";
 import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as f } from "../../config-provider/hooks/use-global-config.mjs";
-function S(p, n, l) {
-  const { b: r, bm: e } = w("ap-download"), t = c("ap-download"), i = f("uiMode"), s = o(() => ({
-    "--download-main-color": p.value,
-    "--download-main-color-opacity": m(p.value, 0.6)
-  })), u = o(() => [r("wrapper"), e("wrapper", n.value), t.value].filter(
+function g(a, l) {
+  const { b: r, bm: e } = w("ap-download"), n = m("ap-download"), { token: p } = d(), s = o(() => ({
+    "--download-main-color": p.value?.colorLink,
+    "--download-main-color-opacity": c(
+      p.value?.colorLink,
+      0.6
+    )
+  })), i = o(() => [r("wrapper"), e("wrapper", a.value), n.value].filter(
     Boolean
-  )), d = o(() => {
-    const a = [r(), r("inner-wrapper"), e("inner-wrapper", n.value)];
-    return l.value && (i.value === "aplus" ? a.push(e("inner-wrapper", "disabled")) : a.push(e("inner-wrapper", "disabled-admin"))), [...a, t.value];
+  )), u = o(() => {
+    const t = [r(), r("inner-wrapper"), e("inner-wrapper", a.value)];
+    return l.value && t.push(e("inner-wrapper", "disabled")), [...t, n.value];
   });
   return {
     wrapperStyle: s,
-    getWrapperClass: u,
-    getInnerWrapperClass: d
+    getWrapperClass: i,
+    getInnerWrapperClass: u
   };
 }
 export {
-  S as useStyle
+  g as useStyle
 };

package/es/src/ap-download/style/index.mjs

@@ -1,6 +1,6 @@
 import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
-const i = (o) => {
-  const { componentCls: e } = o, n = `${e}-inner-wrapper`;
+const r = (o) => {
+  const { componentCls: e, textColor3: n } = o, i = `${e}-inner-wrapper`;
   return {
     [e]: {
       "&-wrapper": {
@@ -8,7 +8,7 @@ const i = (o) => {
         display: "inline-block"
       }
     },
-    [n]: {
+    [i]: {
       display: "flex",
       color: "var(--download-main-color)",
       cursor: "pointer",
@@ -40,23 +40,16 @@ const i = (o) => {
         fontSize: o.fontSizeSM
       },
       "&--disabled": {
-        color: "#8896b0",
+        color: n,
         cursor: "not-allowed",
         "&:hover": {
-          color: "#8896b0"
-        }
-      },
-      "&--disabled-admin": {
-        cursor: "not-allowed",
-        color: "#999",
-        "&:hover": {
-          color: "#999"
+          color: n
         }
       }
     }
   };
 }, a = l("ApDownload", (o) => [
-  i(o)
+  r(o)
 ]);
 export {
   a as default