@aplus-frontend/ui 7.6.0 → 7.7.0

package/es/src/business/ap-appendix/ap-appendix.vue2.mjs

@@ -1,7 +1,6 @@
-import { defineComponent as O, computed as d, ref as S, createElementBlock as A, openBlock as r, mergeProps as T, unref as e, renderSlot as c, createCommentVNode as N, createVNode as p, withCtx as u, createElementVNode as n, normalizeClass as i, createBlock as k, Fragment as V, renderList as D, createSlots as j, createTextVNode as P, toDisplayString as G } from "vue";
-import M from "./icons/file-icon.vue.mjs";
-import { Tooltip as U, TypographyText as z, Empty as F } from "@aplus-frontend/antdv";
-import { IconVariantDownload as R } from "@aplus-frontend/icon";
+import { defineComponent as O, computed as d, ref as S, createElementBlock as L, openBlock as r, mergeProps as T, unref as e, renderSlot as c, createCommentVNode as C, createVNode as p, withCtx as u, createElementVNode as n, normalizeClass as i, createBlock as N, Fragment as V, renderList as D, createSlots as j, createTextVNode as P, toDisplayString as G } from "vue";
+import { Tooltip as M, TypographyText as U, Empty as $ } from "@aplus-frontend/antdv";
+import { IconVariantDownload as z, IconApAdLineCloseAttachments as R } from "@aplus-frontend/icon";
 import { LoadingOutlined as q } from "@ant-design/icons-vue";
 import "../ap-title/ApTitle.vue.mjs";
 import "../ap-download/ap-download.vue2.mjs";
@@ -10,10 +9,10 @@ import { getFileInfo as H } from "./utils/index.mjs";
 import J from "./style/index.mjs";
 import { useNamespace as K } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as Q } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as $ } from "../../config-provider/hooks/use-global-config.mjs";
+import { useGlobalConfig as w } from "../../config-provider/hooks/use-global-config.mjs";
 import W from "../ap-title/ApTitle.vue2.mjs";
 import X from "../ap-download/ap-download.vue.mjs";
-const Y = ["onClick"], ue = /* @__PURE__ */ O({
+const Y = ["onClick"], de = /* @__PURE__ */ O({
   __name: "ap-appendix",
   props: {
     fileList: {},
@@ -24,8 +23,8 @@ const Y = ["onClick"], ue = /* @__PURE__ */ O({
     column: { default: 2 },
     isFileAreaBorder: { type: Boolean, default: !1 }
   },
-  setup(w) {
-    const { b: E, e: l, em: C } = K("ap-appendix"), { t: v } = Q(), I = J("ap-appendix"), a = w, h = $("apUpload"), _ = $(
+  setup(E) {
+    const { b: F, e: l, em: k } = K("ap-appendix"), { t: v } = Q(), I = J("ap-appendix"), a = E, h = w("apUpload"), _ = w(
       "downloadCenterTriggerConfig"
     ), m = d(
       () => H(
@@ -42,9 +41,9 @@ const Y = ["onClick"], ue = /* @__PURE__ */ O({
         o.value = [...o.value, f];
         try {
           if (_.value?.trigger) {
-            let t = [s].map((L) => ({
-              objectName: L.path,
-              fileName: L.fileName
+            let t = [s].map((A) => ({
+              objectName: A.path,
+              fileName: A.fileName
             }));
             await _.value?.trigger(t);
           }
@@ -53,8 +52,8 @@ const Y = ["onClick"], ue = /* @__PURE__ */ O({
         }
       }
     }
-    return (s, f) => (r(), A("div", T({
-      class: [e(E)(), e(I)]
+    return (s, f) => (r(), L("div", T({
+      class: [e(F)(), e(I)]
     }, {
       ...s.$attrs
     }, {
@@ -79,7 +78,7 @@ const Y = ["onClick"], ue = /* @__PURE__ */ O({
               c(s.$slots, "titleDownloadAllBtn", {
                 fileList: a.fileList
               }, () => [
-                g.value ? N("", !0) : (r(), k(X, {
+                g.value ? C("", !0) : (r(), N(X, {
                   key: 0,
                   class: i([e(l)("download-all")]),
                   text: e(v)("ap.apAppendix.downloadAll"),
@@ -87,7 +86,7 @@ const Y = ["onClick"], ue = /* @__PURE__ */ O({
                   "file-name": m.value
                 }, {
                   icon: u(() => [
-                    p(e(R))
+                    p(e(z))
                   ]),
                   _: 1
                 }, 8, ["class", "text", "get-oss-access", "file-name"]))
@@ -97,44 +96,44 @@ const Y = ["onClick"], ue = /* @__PURE__ */ O({
           _: 3
         }, 8, ["title", "help-message"])
       ]),
-      g.value ? N("", !0) : c(s.$slots, "fileArea", {
+      g.value ? C("", !0) : c(s.$slots, "fileArea", {
         key: 0,
         fileList: a.fileList
       }, () => [
         n("div", {
           class: i({
             [e(l)("file-area")]: !0,
-            [e(C)("file-area", "border")]: !!a.isFileAreaBorder
+            [e(k)("file-area", "border")]: !!a.isFileAreaBorder
           })
         }, [
           n("div", {
             class: i([e(l)("file-area-content")])
           }, [
-            (r(!0), A(V, null, D(m.value, (y, t) => (r(), A("div", {
+            (r(!0), L(V, null, D(m.value, (y, t) => (r(), L("div", {
               key: t,
               class: i({
                 [e(l)("file-area-content-item")]: !0,
-                [e(C)("file-area-content-item", "loading")]: o.value.includes(t)
+                [e(k)("file-area-content-item", "loading")]: o.value.includes(t)
               })
             }, [
-              p(e(U), null, j({
+              p(e(M), null, j({
                 default: u(() => [
                   n("div", {
                     class: i({
                       [e(l)("file-area-content-item-content")]: !0,
                       [e(l)("file-area-content-item--loading-content")]: o.value.includes(t)
                     }),
-                    onClick: (L) => b(y, t)
+                    onClick: (A) => b(y, t)
                   }, [
                     n("div", {
                       class: i([e(l)("file-area-content-item-icon")])
                     }, [
-                      o.value.includes(t) ? (r(), k(e(q), { key: 0 })) : (r(), k(M, { key: 1 }))
+                      o.value.includes(t) ? (r(), N(e(q), { key: 0 })) : (r(), N(e(R), { key: 1 }))
                     ], 2),
                     n("div", {
                       class: i([e(l)("file-area-content-item-file-name")])
                     }, [
-                      p(e(z), {
+                      p(e(U), {
                         ellipsis: "",
                         content: y.fileName
                       }, null, 8, ["content"])
@@ -162,15 +161,15 @@ const Y = ["onClick"], ue = /* @__PURE__ */ O({
           n("div", {
             class: i([e(l)("empty-content")])
           }, [
-            p(e(F), {
-              image: e(F).PRESENTED_IMAGE_SIMPLE
+            p(e($), {
+              image: e($).PRESENTED_IMAGE_SIMPLE
             }, null, 8, ["image"])
           ], 2)
         ], 2)
-      ]) : N("", !0)
+      ]) : C("", !0)
     ], 16));
   }
 });
 export {
-  ue as default
+  de as default
 };

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

@@ -1,29 +1,30 @@
-import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
-import { defaultToken as n } from "./token.mjs";
+import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
+import { defaultToken as i } from "./token.mjs";
 const r = (o) => {
-  const { componentCls: t } = o;
+  const { componentCls: e } = o;
   return {
-    [t]: {
-      [`${t}__suffix`]: {
+    [e]: {
+      [`${e}__suffix`]: {
         width: "100%",
         display: "flex",
         alignItems: "center"
       },
-      [`${t}__download-all`]: {
+      [`${e}__download-all`]: {
         marginLeft: "auto",
         padding: 0,
         height: "min-content"
       },
-      [`${t}__file-area`]: {
-        marginTop: "12px",
+      [`${e}__file-area`]: {
+        marginBlockStart: o.spaceLG,
         "&--border": {
-          border: `1px dashed ${o.borderColorBase}`,
-          padding: "12px",
-          borderRadius: "4px"
+          border: `${o.lineWidth} dashed ${o.borderColorBase}`,
+          padding: o.spaceLG,
+          borderRadius: o.borderRadius
         },
         "&-content": {
           display: "grid",
-          gap: "16px 80px",
+          rowGap: o.spaceXL,
+          columnGap: o.calc(o.spaceXL).mul(5).equal(),
           gridTemplateColumns: o.apAppendixColumn,
           "&-item": {
             overflow: "hidden",
@@ -36,11 +37,9 @@ const r = (o) => {
               maxWidth: "100%"
             },
             "&-icon": {
-              marginRight: "8px",
-              svg: {
-                width: "16px",
-                color: o.textColor4
-              }
+              marginRight: o.space,
+              fontSize: o.fontSizeXL,
+              color: o.textColor4
             },
             "&-file-name": {
               minWidth: 0,
@@ -52,7 +51,7 @@ const r = (o) => {
                 fontSize: o.fontSize,
                 lineHeight: o.lineHeight,
                 color: o.textColor1,
-                transition: "color 0.2s"
+                transition: `color ${o.motionDurationMid}`
               }
             },
             "&-content:hover": {
@@ -76,7 +75,7 @@ const r = (o) => {
           }
         }
       },
-      [`${t}__empty`]: {
+      [`${e}__empty`]: {
         ".ant-empty": {
           margin: 0,
           "&-description": {
@@ -86,10 +85,10 @@ const r = (o) => {
       }
     }
   };
-}, l = e(
+}, l = t(
   "ApAppendix",
   (o) => [r(o)],
-  n
+  i
 );
 export {
   l as default,

package/es/src/business/ap-attachment/style/index.d.ts

@@ -1,3 +1,9 @@
 import { ComputedRef } from 'vue';
+export type ApAttachmentToken = {
+    /**
+     * 附件列表最大宽度
+     */
+    apAttachmentListMaxWidth: number;
+};
 declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

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

@@ -1,73 +1,72 @@
 import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
-const n = (r) => {
-  const { componentCls: o } = r;
+const n = (o) => {
+  const { componentCls: r } = o;
   return {
-    [o]: {
+    [r]: {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      [`${o}__content`]: {
+      [`${r}__content`]: {
         width: "80%",
         flex: 1,
         display: "flex",
         flexShrink: 0,
         alignItems: "center"
       },
-      [`${o}__text-render`]: {
+      [`${r}__text-render`]: {
         color: "var(--download-main-color)",
-        marginInlineEnd: "5px",
+        marginInlineEnd: o.spaceXS,
         "&:hover": {
           color: "var(--download-main-color-opacity)"
         }
       },
-      [`${o}__text-inner`]: {
+      [`${r}__text-inner`]: {
         flex: 1,
         flexShrink: 0,
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis",
-        fontSize: r.fontSize,
+        fontSize: o.fontSize,
         cursor: "pointer",
         color: "var(--download-main-color)",
         "&:hover": {
           color: "var(--download-main-color-opacity)"
         }
       },
-      [`${o}__more`]: {
-        width: "40px",
-        fontSize: r.fontSize,
-        lineHeight: r.lineHeight,
+      [`${r}__more`]: {
+        fontSize: o.fontSize,
+        lineHeight: o.lineHeight,
         cursor: "pointer",
         color: "var(--download-main-color)",
-        marginLeft: "8px",
+        marginInlineStart: o.space,
         "&:hover": {
           color: "var(--download-main-color-opacity)"
         }
       }
     },
-    [`${o}__spin`]: {
+    [`${r}__spin`]: {
       float: "left",
-      marginRight: "5px"
+      marginRight: o.spaceXS
     },
-    [`${o}__file-list`]: {
-      maxWidth: "312px",
+    [`${r}__file-list`]: {
+      maxWidth: o.apAttachmentListMaxWidth,
       display: "flex",
       flexDirection: "column",
       margin: 0,
       padding: 0,
-      [`${o}__file-item`]: {
+      [`${r}__file-item`]: {
         flex: 1,
         wordWrap: "break-word",
-        marginBlockEnd: "12px",
-        fontSize: r.fontSize,
+        marginBlockEnd: o.spaceLG,
+        fontSize: o.fontSize,
         color: "#000",
         cursor: "pointer",
         "&:hover": {
           color: "var(--download-main-color)"
         }
       },
-      [`${o}__download-all`]: {
-        fontSize: r.fontSize,
+      [`${r}__download-all`]: {
+        fontSize: o.fontSize,
         color: "var(--download-main-color)",
         cursor: "pointer",
         marginBlockEnd: 0,
@@ -77,9 +76,13 @@ const n = (r) => {
       }
     }
   };
-}, i = e("ApAttachment", (r) => [
-  n(r)
-]);
+}, i = e(
+  "ApAttachment",
+  (o) => [n(o)],
+  {
+    apAttachmentListMaxWidth: 312
+  }
+);
 export {
   i as default
 };

package/es/src/business/ap-batch-action/style/index.d.ts

@@ -1,5 +1,5 @@
-import { BaseToken, GenStyleFunc } from '../../../design-token/interface';
+import { GenStyleFunc } from '../../../design-token/interface';
 import { ComputedRef } from 'vue';
-export declare const genApBatchActionStyle: GenStyleFunc<BaseToken>;
+export declare const genApBatchActionStyle: GenStyleFunc;
 declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/es/src/business/ap-batch-action/style/index.mjs

@@ -1,31 +1,31 @@
-import { genComponentStyleHook as o } from "../../../utils/cssinjs/index.mjs";
-const n = (t) => {
-  const { componentCls: e } = t;
+import { genComponentStyleHook as i } from "../../../utils/cssinjs/index.mjs";
+const l = (e) => {
+  const { componentCls: n } = e;
   return {
-    [e]: {
+    [n]: {
       width: "100%",
-      [`${e}-header`]: {
+      [`${n}-header`]: {
         width: "100%",
-        paddingBottom: "8px",
-        marginBottom: "8px",
-        borderBottom: `1px solid ${t.colorBg1}`
+        paddingBlockEnd: e.space,
+        marginBlockEnd: e.space,
+        borderBottom: `${e.lineWidth} ${e.lineType} ${e.colorBg1}`
       },
-      [`${e}-body`]: {
+      [`${n}-body`]: {
         width: "100%",
         display: "flex",
         alignItems: "center",
         ".selected-desc": {
           display: "flex",
           alignItems: "center",
-          marginRight: "16px",
+          marginInlineEnd: e.spaceXL,
           flexShrink: "0",
           "&-conut": {
             display: "flex",
             alignItems: "center",
-            fontSize: t.fontSize,
-            color: t.textColor3,
+            fontSize: e.fontSize,
+            color: e.textColor3,
             span: {
-              color: t.colorPrimary,
+              color: e.colorPrimary,
               fontWeight: "bold",
               minWidth: "10px",
               textAlign: "center",
@@ -33,7 +33,7 @@ const n = (t) => {
             }
           },
           "&-clean": {
-            marginLeft: "8px",
+            marginInlineStart: e.space,
             "& > *": {
               padding: 0
             }
@@ -42,10 +42,10 @@ const n = (t) => {
       }
     }
   };
-}, l = o("ApBatchAction", (t) => [
-  n(t)
+}, c = i("ApBatchAction", (e) => [
+  l(e)
 ]);
 export {
-  l as default,
-  n as genApBatchActionStyle
+  c as default,
+  l as genApBatchActionStyle
 };

package/es/src/business/ap-card/style/index.d.ts

@@ -1,5 +1,5 @@
-import { BaseToken, GenStyleFunc } from '../../../design-token/interface';
+import { GenStyleFunc } from '../../../design-token/interface';
 import { ComputedRef } from 'vue';
-export declare const genApCardStyle: GenStyleFunc<BaseToken>;
+export declare const genApCardStyle: GenStyleFunc;
 declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

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

@@ -1,22 +1,22 @@
-import { genComponentStyleHook as n } from "../../../utils/cssinjs/index.mjs";
-const e = (t) => {
+import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
+const n = (t) => {
   const { componentCls: o } = t;
   return {
     [o]: {
       width: "100%",
       background: "#fff",
       [`& + ${o}`]: {
-        marginTop: "10px"
+        marginTop: t.spaceMD
       },
       [`${o}-title`]: {
-        marginBottom: "12px"
+        marginBottom: t.spaceLG
       }
     }
   };
-}, p = n("ApCard", (t) => [
-  e(t)
+}, a = e("ApCard", (t) => [
+  n(t)
 ]);
 export {
-  p as default,
-  e as genApCardStyle
+  a as default,
+  n as genApCardStyle
 };

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

@@ -1,64 +1,58 @@
-import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
+import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
 const r = (o) => {
-  const { componentCls: e } = o;
+  const { componentCls: t } = o;
   return {
-    [e]: {
+    [t]: {
       display: "flex",
       alignItems: "center",
       width: "100%",
       ".copy-btn": {
         opacity: 0,
-        transition: "opacity 0.2s ease"
+        transition: `opacity ${o.motionDurationMid} ease`
       },
       "&:hover": {
         ".copy-btn": {
           opacity: 1
         }
       },
-      [`${e}__text`]: {
+      [`${t}__text`]: {
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap",
-        height: "18px",
-        lineHeight: "18px"
+        lineHeight: o.lineHeight
       },
-      [`${e}--text-major`]: {
+      [`${t}--text-major`]: {
         color: o.textColor1
       },
-      [`${e}--text-minor`]: {
+      [`${t}--text-minor`]: {
         color: o.textColor3
       },
-      [`${e}--text-link`]: {
+      [`${t}--text-link`]: {
         color: o.colorLink,
         cursor: "pointer",
         "&:hover": {
           color: o.colorLinkHover
         }
       },
-      [`${e}__copy-btn`]: {
+      [`${t}__copy-btn`]: {
         flexShrink: 0,
-        width: "16px",
-        marginInlineStart: "4px",
+        marginInlineStart: o.spaceXS,
         display: "flex",
         alignItems: "center",
-        ".user-frontend-icon": {
-          cursor: "pointer",
-          color: "#ABB7CC",
-          height: "14px",
-          lineHeight: "14px"
-        },
+        fontSize: o.fontSizeLG,
+        color: o.textColor4,
+        cursor: "pointer",
         "&:hover": {
           ".user-frontend-icon": {
-            cursor: "pointer",
             color: o.colorLink
           }
         }
       }
     }
   };
-}, i = t("ApCopy", (o) => [
+}, l = e("ApCopy", (o) => [
   r(o)
 ]);
 export {
-  i as default
+  l as default
 };

package/es/src/business/ap-descriptions/formatter/index.mjs

@@ -3,7 +3,7 @@ import { getTimeFormatToZone as d, toThousand as g } from "@aplus-frontend/utils
 import { isBoolean as h, merge as p, get as c, debounce as Y } from "lodash-unified";
 import { formatString as A } from "./utils.mjs";
 import { TypographyParagraph as b } from "@aplus-frontend/antdv";
-import { toDecimalMark as M } from "@fruits-chain/utils";
+import { toDecimalMark as M } from "../../../utils/format.mjs";
 function S({
   value: t
 }, n) {

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

@@ -11,7 +11,7 @@ const e = (t) => {
           paddingBlockEnd: "var(--ap-descriptions-item-padding-bottom, 16px)"
         },
         "th.ant-descriptions-item": {
-          paddingBlockEnd: "4px"
+          paddingBlockEnd: t.spaceXS
         },
         ".ant-descriptions-row:last-child": {
           ".ant-descriptions-item": {
@@ -19,7 +19,8 @@ const e = (t) => {
           }
         },
         ".ant-descriptions-item-label::after": {
-          marginInline: "4px 12px"
+          marginInlineStart: t.spaceXS,
+          marginInlineEnd: t.spaceLG
         }
       },
       [`${i}-item__ellipsis`]: {
@@ -50,7 +51,7 @@ const e = (t) => {
           color: t.textColor3,
           ".ap-descriptions-item-content__help": {
             fontSize: t.fontSizeLG,
-            marginInlineStart: "4px",
+            marginInlineStart: t.spaceXS,
             color: t.textColor3
           },
           ".ant-typography": {
@@ -67,9 +68,9 @@ const e = (t) => {
       }
     }
   };
-}, r = n("ApDescriptions", (t) => [
+}, a = n("ApDescriptions", (t) => [
   e(t)
 ]);
 export {
-  r as default
+  a as default
 };

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

@@ -14,12 +14,12 @@ const r = (o) => {
       cursor: "pointer",
       alignItems: "center",
       ".spin": {
-        marginInlineEnd: "5px"
+        marginInlineEnd: o.spaceXS
       },
       ".icon": {
         position: "relative",
         fontSize: o.fontSizeXL,
-        marginInlineEnd: "5px"
+        marginInlineEnd: o.spaceXS
       },
       ".text": {
         color: "var(--download-main-color)"
@@ -48,9 +48,9 @@ const r = (o) => {
       }
     }
   };
-}, a = l("ApDownload", (o) => [
+}, t = l("ApDownload", (o) => [
   r(o)
 ]);
 export {
-  a as default
+  t as default
 };