@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

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

@@ -1,18 +1,19 @@
-import { defineComponent as x, computed as u, ref as O, createElementBlock as A, openBlock as r, mergeProps as T, unref as e, renderSlot as c, createCommentVNode as N, createVNode as p, withCtx as d, createElementVNode as n, normalizeClass as i, createBlock as k, Fragment as S, renderList as V, createSlots as D, createTextVNode as j, toDisplayString as P } from "vue";
-import G from "./icons/file-icon.vue.mjs";
-import { Tooltip as M, TypographyText as U, Empty as $ } from "@aplus-frontend/antdv";
-import { IconVariantDownload as z } from "@aplus-frontend/icon";
-import { LoadingOutlined as R } from "@ant-design/icons-vue";
+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 { LoadingOutlined as q } from "@ant-design/icons-vue";
 import "../ap-title/ApTitle.vue.mjs";
 import "../../ap-download/ap-download.vue2.mjs";
 import "../../config-provider/index.mjs";
-import { getFileInfo as q } from "./utils/index.mjs";
-import { useNamespace as H } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as J } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as h } from "../../config-provider/hooks/use-global-config.mjs";
-import K from "../ap-title/ApTitle.vue2.mjs";
-import Q from "../../ap-download/ap-download.vue.mjs";
-const W = ["onClick"], fe = /* @__PURE__ */ x({
+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 W from "../ap-title/ApTitle.vue2.mjs";
+import X from "../../ap-download/ap-download.vue.mjs";
+const Y = ["onClick"], ue = /* @__PURE__ */ O({
   __name: "ap-appendix",
   props: {
     fileList: {},
@@ -24,36 +25,36 @@ const W = ["onClick"], fe = /* @__PURE__ */ x({
     isFileAreaBorder: { type: Boolean, default: !1 }
   },
   setup(w) {
-    const { b: E, e: l, em: C } = H("ap-appendix"), { t: v } = J(), a = w, _ = h("apUpload"), F = h(
+    const { b: E, e: l, em: C } = K("ap-appendix"), { t: v } = Q(), I = J("ap-appendix"), a = w, h = $("apUpload"), _ = $(
       "downloadCenterTriggerConfig"
-    ), f = u(
-      () => q(
-        a?.needName ?? _?.value?.needName,
+    ), m = d(
+      () => H(
+        a?.needName ?? h?.value?.needName,
         a?.fileList ?? []
       )
-    ), B = u(
-      () => a.getOssAccess || _.value?.getOssAccess
-    ), g = u(
-      () => !(Array.isArray(f.value) && f.value.length)
-    ), o = O([]), I = u(() => a.title || v("ap.apAppendix.appendix"));
-    async function b(s, m) {
-      if (!(o.value.findIndex((t) => t === m) > -1)) {
-        o.value = [...o.value, m];
+    ), x = d(
+      () => a.getOssAccess || h.value?.getOssAccess
+    ), g = d(
+      () => !(Array.isArray(m.value) && m.value.length)
+    ), o = S([]), B = d(() => a.title || v("ap.apAppendix.appendix"));
+    async function b(s, f) {
+      if (!(o.value.findIndex((t) => t === f) > -1)) {
+        o.value = [...o.value, f];
         try {
-          if (F.value?.trigger) {
+          if (_.value?.trigger) {
             let t = [s].map((L) => ({
               objectName: L.path,
               fileName: L.fileName
             }));
-            await F.value?.trigger(t);
+            await _.value?.trigger(t);
           }
         } finally {
-          o.value = o.value.filter((t) => t !== m);
+          o.value = o.value.filter((t) => t !== f);
         }
       }
     }
-    return (s, m) => (r(), A("div", T({
-      class: [e(E)()]
+    return (s, f) => (r(), A("div", T({
+      class: [e(E)(), e(I)]
     }, {
       ...s.$attrs
     }, {
@@ -64,11 +65,11 @@ const W = ["onClick"], fe = /* @__PURE__ */ x({
       c(s.$slots, "title", {
         fileList: a.fileList
       }, () => [
-        p(K, {
-          title: I.value,
+        p(W, {
+          title: B.value,
           "help-message": a?.tooltip
         }, {
-          suffix: d(() => [
+          suffix: u(() => [
             n("div", {
               class: i([e(l)("suffix")])
             }, [
@@ -78,15 +79,15 @@ const W = ["onClick"], fe = /* @__PURE__ */ x({
               c(s.$slots, "titleDownloadAllBtn", {
                 fileList: a.fileList
               }, () => [
-                g.value ? N("", !0) : (r(), k(Q, {
+                g.value ? N("", !0) : (r(), k(X, {
                   key: 0,
                   class: i([e(l)("download-all")]),
                   text: e(v)("ap.apAppendix.downloadAll"),
-                  "get-oss-access": B.value,
-                  "file-name": f.value
+                  "get-oss-access": x.value,
+                  "file-name": m.value
                 }, {
-                  icon: d(() => [
-                    p(e(z))
+                  icon: u(() => [
+                    p(e(R))
                   ]),
                   _: 1
                 }, 8, ["class", "text", "get-oss-access", "file-name"]))
@@ -109,15 +110,15 @@ const W = ["onClick"], fe = /* @__PURE__ */ x({
           n("div", {
             class: i([e(l)("file-area-content")])
           }, [
-            (r(!0), A(S, null, V(f.value, (y, t) => (r(), A("div", {
+            (r(!0), A(V, null, D(m.value, (y, t) => (r(), A("div", {
               key: t,
               class: i({
                 [e(l)("file-area-content-item")]: !0,
                 [e(C)("file-area-content-item", "loading")]: o.value.includes(t)
               })
             }, [
-              p(e(M), null, D({
-                default: d(() => [
+              p(e(U), null, j({
+                default: u(() => [
                   n("div", {
                     class: i({
                       [e(l)("file-area-content-item-content")]: !0,
@@ -128,24 +129,24 @@ const W = ["onClick"], fe = /* @__PURE__ */ x({
                     n("div", {
                       class: i([e(l)("file-area-content-item-icon")])
                     }, [
-                      o.value.includes(t) ? (r(), k(e(R), { key: 0 })) : (r(), k(G, { key: 1 }))
+                      o.value.includes(t) ? (r(), k(e(q), { key: 0 })) : (r(), k(M, { key: 1 }))
                     ], 2),
                     n("div", {
                       class: i([e(l)("file-area-content-item-file-name")])
                     }, [
-                      p(e(U), {
+                      p(e(z), {
                         ellipsis: "",
                         content: y.fileName
                       }, null, 8, ["content"])
                     ], 2)
-                  ], 10, W)
+                  ], 10, Y)
                 ]),
                 _: 2
               }, [
                 o.value.includes(t) ? void 0 : {
                   name: "title",
-                  fn: d(() => [
-                    j(P(e(v)("ap.apAppendix.downloadFile")), 1)
+                  fn: u(() => [
+                    P(G(e(v)("ap.apAppendix.downloadFile")), 1)
                   ]),
                   key: "0"
                 }
@@ -161,8 +162,8 @@ const W = ["onClick"], fe = /* @__PURE__ */ x({
           n("div", {
             class: i([e(l)("empty-content")])
           }, [
-            p(e($), {
-              image: e($).PRESENTED_IMAGE_SIMPLE
+            p(e(F), {
+              image: e(F).PRESENTED_IMAGE_SIMPLE
             }, null, 8, ["image"])
           ], 2)
         ], 2)
@@ -171,5 +172,5 @@ const W = ["onClick"], fe = /* @__PURE__ */ x({
   }
 });
 export {
-  fe as default
+  ue as default
 };

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

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

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

@@ -0,0 +1,94 @@
+import { genComponentStyleHook as n } from "../../../utils/cssinjs/index.mjs";
+const r = (o) => {
+  const { componentCls: t } = o, e = `${t}__file-area`;
+  return {
+    [t]: {
+      [`${t}__suffix`]: {
+        width: "100%",
+        display: "flex",
+        alignItems: "center"
+      },
+      [`${t}__download-all`]: {
+        marginLeft: "auto",
+        padding: 0,
+        height: "min-content"
+      },
+      [e]: {
+        marginTop: "12px",
+        [`${e}--border`]: {
+          border: "1px dashed var(--ap-border-color-base)",
+          padding: "12px",
+          borderRadius: "4px"
+        },
+        [`${e}-content`]: {
+          display: "grid",
+          gap: "16px 80px",
+          gridTemplateColumns: "var(--ap-appendix-column,repeat(2, 1fr))",
+          "&-item": {
+            overflow: "hidden",
+            userSelect: "none",
+            "&-content": {
+              display: "flex",
+              alignItems: "center",
+              width: "max-content",
+              cursor: "pointer",
+              maxWidth: "100%"
+            },
+            "&-icon": {
+              marginRight: "8px",
+              svg: {
+                width: "16px",
+                color: "var(--ap-text-color-4)"
+              }
+            },
+            "&-file-name": {
+              minWidth: 0,
+              overflow: "hidden",
+              width: "max-content",
+              display: "flex",
+              alignItems: "center",
+              ".ant-typography": {
+                fontSize: o.fontSize,
+                lineHeight: o.lineHeight,
+                color: "var(--ap-text-color-2)",
+                transition: "color 0.2s"
+              }
+            },
+            "&-content:hover": {
+              ".ant-typography": {
+                color: "var(--ap-color-link)"
+              }
+            },
+            "&--loading": {
+              "&-content": {
+                cursor: "not-allowed"
+              },
+              ".ant-typography": {
+                color: "var(--ap-text-color-4)"
+              },
+              "&-content:hover": {
+                ".ant-typography": {
+                  color: "var(--ap-text-color-4)"
+                }
+              }
+            }
+          }
+        }
+      },
+      [`${t}__empty`]: {
+        ".ant-empty": {
+          margin: 0,
+          "&-description": {
+            marginBottom: 0
+          }
+        }
+      }
+    }
+  };
+}, i = n("ApAppendix", (o) => [
+  r(o)
+]);
+export {
+  i as default,
+  r as genProCardStyle
+};

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

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

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

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

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

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

package/es/src/business/ap-batch-action/ApBatchAction.vue2.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as _, useSlots as w, computed as B, ref as m, watch as S, createElementBlock as f, openBlock as v, normalizeClass as d, unref as e, withDirectives as g, createElementVNode as s, renderSlot as p, vShow as k, createCommentVNode as C, createTextVNode as h, toDisplayString as a, createVNode as N, withCtx as R } from "vue";
+import { defineComponent as _, useSlots as w, computed as B, ref as m, watch as g, createElementBlock as f, openBlock as v, normalizeClass as d, unref as e, withDirectives as k, createElementVNode as s, renderSlot as p, vShow as C, createCommentVNode as N, createTextVNode as h, toDisplayString as a, createVNode as b, withCtx as R } from "vue";
 import { Button as V } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { useNamespace as $ } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as b } from "../../config-provider/hooks/use-locale.mjs";
-const x = {
+import $ from "./style/index.mjs";
+import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as D } from "../../config-provider/hooks/use-locale.mjs";
+const E = {
   key: 0,
   class: "selected-desc"
-}, D = { class: "selected-desc-conut" }, E = { class: "selected-desc-clean" }, j = /* @__PURE__ */ _({
+}, H = { class: "selected-desc-conut" }, K = { class: "selected-desc-clean" }, F = /* @__PURE__ */ _({
   __name: "ApBatchAction",
   props: {
     selectedRowKeys: {},
@@ -14,44 +15,44 @@ const x = {
     showSelected: { type: Boolean, default: !0 }
   },
   setup(y) {
-    const { b: c } = $("ap-batch-action"), { t: r } = b(), l = y, u = w(), A = B(() => l.selectedRowKeys?.length || 0), n = m(!1), i = m();
-    return S(
+    const { b: c } = x("ap-batch-action"), { t: r } = D(), A = $("ap-batch-action"), o = y, u = w(), S = B(() => o.selectedRowKeys?.length || 0), n = m(!1), i = m();
+    return g(
       () => u.header,
       () => {
         setTimeout(() => {
           const t = u.header?.();
-          t?.length === 1 && t?.[0]?.type?.name === "ASpace" ? n.value = !!Array.prototype.slice.call(i.value?.children?.[0]?.children)?.filter?.((o) => o?.children?.length)?.length : n.value = !!i.value?.children?.length;
+          t?.length === 1 && t?.[0]?.type?.name === "ASpace" ? n.value = !!Array.prototype.slice.call(i.value?.children?.[0]?.children)?.filter?.((l) => l?.children?.length)?.length : n.value = !!i.value?.children?.length;
         });
       },
       {
         immediate: !0
       }
-    ), (t, o) => (v(), f("div", {
-      class: d([e(c)()])
+    ), (t, l) => (v(), f("div", {
+      class: d([e(c)(), e(A)])
     }, [
-      g(s("div", {
+      k(s("div", {
         ref_key: "headerRef",
         ref: i,
         class: d(e(c)("header"))
       }, [
         p(t.$slots, "header")
       ], 2), [
-        [k, n.value]
+        [C, n.value]
       ]),
       s("div", {
         class: d(e(c)("body"))
       }, [
         p(t.$slots, "prefix"),
-        l.showSelected ? (v(), f("div", x, [
-          s("div", D, [
+        o.showSelected ? (v(), f("div", E, [
+          s("div", H, [
             h(a(e(r)("ap.apBatchAction.selected")) + " ", 1),
-            s("span", null, a(A.value), 1),
+            s("span", null, a(S.value), 1),
             h(" " + a(e(r)("ap.apBatchAction.piecesOfData")), 1)
           ]),
-          s("div", E, [
-            N(e(V), {
+          s("div", K, [
+            b(e(V), {
               type: "link",
-              onClick: o[0] || (o[0] = (H) => l.clearAll && l.clearAll())
+              onClick: l[0] || (l[0] = (L) => o.clearAll && o.clearAll())
             }, {
               default: R(() => [
                 h(a(e(r)("ap.apBatchAction.empty")), 1)
@@ -59,12 +60,12 @@ const x = {
               _: 1
             })
           ])
-        ])) : C("", !0),
+        ])) : N("", !0),
         p(t.$slots, "suffix")
       ], 2)
     ], 2));
   }
 });
 export {
-  j as default
+  F as default
 };

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

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