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

package/es/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs

@@ -1,17 +1,18 @@
-import { defineComponent as h, computed as C, createBlock as b, openBlock as u, unref as e, mergeProps as G, withCtx as i, renderSlot as H, normalizeProps as J, guardReactiveProps as K, createElementVNode as s, normalizeClass as l, createElementBlock as v, createVNode as n, createTextVNode as m, toDisplayString as p, resolveDynamicComponent as N, h as S, Fragment as D } from "vue";
-import { clearSingleFile as Q, clearAllFile as y } from "../utils/fileList.mjs";
+import { defineComponent as G, computed as C, createBlock as y, openBlock as u, unref as e, mergeProps as H, withCtx as i, renderSlot as J, normalizeProps as K, guardReactiveProps as Q, createElementVNode as s, normalizeClass as l, createElementBlock as v, createVNode as n, createTextVNode as m, toDisplayString as p, resolveDynamicComponent as S, h as N, Fragment as D } from "vue";
+import { clearSingleFile as W, clearAllFile as b } from "../utils/fileList.mjs";
 import g from "../icon/file-icon.vue.mjs";
 import k from "../icon/delete-icon.vue.mjs";
-import { Form as W, UploadDragger as X, TypographyParagraph as x, Progress as Y, Tooltip as L } from "@aplus-frontend/antdv";
-import { FormItemInputContext as Z } from "@aplus-frontend/antdv/es/form/FormItemContext";
-import { useSingleProps as ee } from "../hook/useProps.mjs";
-import { useInjectContext as te } from "../hook/useInjectContext.mjs";
-import { omit as oe } from "lodash-unified";
+import { Form as X, UploadDragger as Y, TypographyParagraph as x, Progress as Z, Tooltip as L } from "@aplus-frontend/antdv";
+import { FormItemInputContext as ee } from "@aplus-frontend/antdv/es/form/FormItemContext";
+import { useSingleProps as te } from "../hook/useProps.mjs";
+import { useInjectContext as oe } from "../hook/useInjectContext.mjs";
+import { omit as le } from "lodash-unified";
 import "../../../config-provider/index.mjs";
+import se from "./style/index.mjs";
 import { useGlobalConfig as w } from "../../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as le } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as se } from "../../../config-provider/hooks/use-namespace.mjs";
-const be = /* @__PURE__ */ h({
+import { useLocale as ne } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ae } from "../../../config-provider/hooks/use-namespace.mjs";
+const xe = /* @__PURE__ */ G({
   __name: "ap-upload-single",
   props: {
     dirName: {},
@@ -29,27 +30,27 @@ const be = /* @__PURE__ */ h({
   },
   emits: ["update:fileList"],
   setup(A, { emit: E }) {
-    const P = Z.useInject(), $ = C(() => P.status), d = A, q = E, B = W.useInjectFormItemContext(), r = C({
+    const P = ee.useInject(), $ = C(() => P.status), d = A, q = E, B = X.useInjectFormItemContext(), r = C({
       get() {
         return d.fileList || [];
       },
       set(c) {
         q("update:fileList", c), B?.onFieldChange();
       }
-    }), o = C(() => r.value?.[0]), O = w("apUpload"), { t: T, lang: U } = le(), {
+    }), o = C(() => r.value?.[0]), O = w("apUpload"), { t: T, lang: U } = ne(), {
       title: j,
       subTitle: z,
       beforeUpload: R,
       customRequest: M
-    } = ee(d), V = M;
-    te(
+    } = te(d), h = M;
+    oe(
       T,
       U,
       d?.getOssAccess ?? O.value?.getOssAccess
     );
-    const { b: F, e: t } = se("ap-upload-single"), I = w("uiMode");
+    const { b: I, e: t } = ae("ap-upload-single"), V = se("ap-upload-single"), F = w("uiMode");
     function _(c) {
-      return oe(c, [
+      return le(c, [
         "dirName",
         "needName",
         "getOssAccess",
@@ -58,7 +59,7 @@ const be = /* @__PURE__ */ h({
         "subTitle"
       ]);
     }
-    return (c, a) => (u(), b(e(X), G({
+    return (c, a) => (u(), y(e(Y), H({
       ...c.$attrs,
       ..._(d)
     }, {
@@ -67,14 +68,14 @@ const be = /* @__PURE__ */ h({
       "max-count": 1,
       "show-upload-list": !1,
       disabled: !!o.value && [void 0, "uploading", "error", "success", "done"].includes(o.value.status),
-      class: [e(F)(), `${e(F)()}-affix-wrapper-status-${$.value}`],
+      class: [e(I)(), `${e(I)()}-affix-wrapper-status-${$.value}`, e(V)],
       "before-upload": e(R),
-      "custom-request": e(V)
+      "custom-request": e(h)
     }), {
       default: i(() => [
-        H(c.$slots, "default", J(K({
+        J(c.$slots, "default", K(Q({
           file: o.value,
-          clear: () => o.value && e(Q)(o.value, r.value, { maxCount: 1 })
+          clear: () => o.value && e(W)(o.value, r.value, { maxCount: 1 })
         })), () => [
           s("div", {
             class: l([e(t)("content")])
@@ -100,17 +101,17 @@ const be = /* @__PURE__ */ h({
                   ]),
                   _: 1
                 }, 8, ["tooltip"]),
-                n(e(Y), {
+                n(e(Z), {
                   percent: o.value.percent || 0,
                   size: 4,
                   "show-info": !1,
-                  "trail-color": e(I) === "admin" ? "#D9D9D9" : "#DEE4ED",
-                  "stroke-color": e(I) === "admin" ? "#34B77C" : "#0070FF"
+                  "trail-color": e(F) === "admin" ? "#D9D9D9" : "#DEE4ED",
+                  "stroke-color": e(F) === "admin" ? "#34B77C" : "#0070FF"
                 }, null, 8, ["percent", "trail-color", "stroke-color"])
               ], 2),
               s("div", {
                 class: l([e(t)("content-file-delete")]),
-                onClick: a[0] || (a[0] = (f) => e(y)(r.value))
+                onClick: a[0] || (a[0] = (f) => e(b)(r.value))
               }, [
                 n(k)
               ], 2)
@@ -146,7 +147,7 @@ const be = /* @__PURE__ */ h({
               ], 2),
               s("div", {
                 class: l([e(t)("content-file-delete")]),
-                onClick: a[1] || (a[1] = (f) => e(y)(r.value))
+                onClick: a[1] || (a[1] = (f) => e(b)(r.value))
               }, [
                 n(k)
               ], 2)
@@ -182,7 +183,7 @@ const be = /* @__PURE__ */ h({
               ], 2),
               s("div", {
                 class: l([e(t)("content-file-delete")]),
-                onClick: a[2] || (a[2] = (f) => e(y)(r.value))
+                onClick: a[2] || (a[2] = (f) => e(b)(r.value))
               }, [
                 n(k)
               ], 2)
@@ -198,12 +199,12 @@ const be = /* @__PURE__ */ h({
               s("div", {
                 class: l([e(t)("content-empty-title")])
               }, [
-                (u(), b(N(S(D, [e(j)]))))
+                (u(), y(S(N(D, [e(j)]))))
               ], 2),
               s("div", {
                 class: l([e(t)("content-empty-sub-title")])
               }, [
-                (u(), b(N(S(D, [e(z)]))))
+                (u(), y(S(N(D, [e(z)]))))
               ], 2)
             ], 2))
           ], 2)
@@ -214,5 +215,5 @@ const be = /* @__PURE__ */ h({
   }
 });
 export {
-  be as default
+  xe as default
 };

package/es/src/business/ap-upload-file/ap-upload-single/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-upload-file/ap-upload-single/style/index.mjs

@@ -0,0 +1,121 @@
+import { genComponentStyleHook as t } from "../../../../utils/cssinjs/index.mjs";
+const n = (o) => {
+  const { componentCls: e } = o;
+  return {
+    [e]: {
+      userSelect: "none",
+      ".ant-upload-drag": {
+        background: "#F2F6F9",
+        border: "1px dashed var(--ap-border-color-base)",
+        height: "200px",
+        "&:not(.ant-upload-disabled):hover": {
+          background: "rgba(0, 112, 255, 0.1)",
+          borderColor: "#0070ff"
+        },
+        ".ant-upload-btn": {
+          padding: 0
+        },
+        ".ant-upload-disabled": {
+          cursor: "default"
+        }
+      },
+      [`${e}__content`]: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%"
+      },
+      [`${e}__content-file`]: {
+        width: "min(516px, 77.24%)",
+        height: "96px",
+        background: "#FFFFFF",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        padding: "0 24px",
+        "&-icon": {
+          flexShrink: 0,
+          marginRight: "16px",
+          svg: {
+            width: "48px"
+          }
+        },
+        "&-name": {
+          flex: 1,
+          textAlign: "start",
+          "&>.ant-typography": {
+            color: "var(--name-color)",
+            marginBottom: 0,
+            wordBreak: "break-all"
+          }
+        },
+        "&-delete": {
+          flexShrink: 0,
+          marginLeft: "24px",
+          svg: {
+            width: "20px",
+            color: "#FF4D4F",
+            fontSize: "20px",
+            cursor: "pointer"
+          }
+        }
+      },
+      [`${e}__content-ing`]: {
+        "&-name": {
+          "--name-color": "var(--ap-text-color-2)",
+          ".ant-progress-line": {
+            marginInlineEnd: 0,
+            marginBottom: 0
+          }
+        }
+      },
+      [`${e}__content-error`]: {
+        "&-name": {
+          "--name-color": "#FF4D4F"
+        }
+      },
+      [`${e}__content-done`]: {
+        "&-name": {
+          "--name-color": "#0070ff"
+        }
+      },
+      [`${e}__content-empty`]: {
+        cursor: "pointer",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        "&-icon": {
+          svg: {
+            width: "56px"
+          }
+        },
+        "&-title": {
+          marginTop: "10px",
+          color: "var(--ap-text-color-2)",
+          fontSize: "16px",
+          lineHeight: "22px"
+        },
+        "&-sub-title": {
+          marginTop: 4,
+          color: "var(--ap-text-color-3)",
+          fontSize: "12px",
+          lineHeight: "18px"
+        }
+      }
+    },
+    [`${e}-affix-wrapper-status-error`]: {
+      ".ant-upload-drag:not(.ant-upload-disabled)": {
+        borderColor: "#ff4d4f",
+        "&:hover": {
+          borderColor: "#FF4D4F80"
+        }
+      }
+    }
+  };
+}, a = t("ApUploadSingle", (o) => [
+  n(o)
+]);
+export {
+  a as default,
+  n as genProCardStyle
+};

package/es/src/business/ap-value-select-card/index.vue2.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as z, ref as I, computed as T, createElementBlock as r, openBlock as a, normalizeStyle as A, normalizeClass as d, unref as s, createVNode as b, withCtx as V, createElementVNode as c, createCommentVNode as y, Fragment as N, renderList as R, withModifiers as f, renderSlot as u, createTextVNode as g, toDisplayString as h, createBlock as L } from "vue";
-import { Popover as j } from "@aplus-frontend/antdv";
-import { PlusOutlined as G, InfoCircleFilled as q } from "@ant-design/icons-vue";
-import { IconApAdLinePoor as J } from "@aplus-frontend/icon";
+import { defineComponent as L, ref as O, computed as T, createElementBlock as r, openBlock as d, normalizeStyle as A, normalizeClass as a, unref as s, createVNode as b, withCtx as V, createElementVNode as c, createCommentVNode as y, Fragment as N, renderList as R, withModifiers as f, renderSlot as u, createTextVNode as g, toDisplayString as h, createBlock as j } from "vue";
+import { Popover as G } from "@aplus-frontend/antdv";
+import { PlusOutlined as q, InfoCircleFilled as J } from "@ant-design/icons-vue";
+import { IconApAdLinePoor as Q } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { useNamespace as Q } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as U } from "../../config-provider/hooks/use-global-config.mjs";
-const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onClick"], _ = ["onClick"], x = { class: "label" }, ee = { class: "value" }, te = { class: "text" }, re = /* @__PURE__ */ z({
+import U from "./style/index.mjs";
+import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as X } from "../../config-provider/hooks/use-global-config.mjs";
+const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onClick"], ee = ["onClick"], te = { class: "label" }, le = { class: "value" }, se = { class: "text" }, he = /* @__PURE__ */ L({
   name: "ApValueSelectCard",
   __name: "index",
   props: {
@@ -25,11 +26,11 @@ const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onC
   },
   emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
   setup(v, { expose: F, emit: H }) {
-    const o = H, l = v, { b: n, m: D } = Q("ap-value-select-card"), E = U("uiMode", "aplus"), M = I(null), p = I(!1), K = T(() => l.options), C = T(() => K.value.filter(
+    const o = H, l = v, { b: n, m: D } = W("ap-value-select-card"), E = U("ap-value-select-card"), M = X("uiMode", "aplus"), P = O(null), p = O(!1), K = T(() => l.options), C = T(() => K.value.filter(
       (e) => l.selectedKeys.includes(e.key)
     )), B = (e) => l.selectedKeys.includes(e), S = (e) => l.highlightedKeys.includes(e), $ = (e) => {
-      l.selectedKeys.includes(e) ? k(e) : O(e);
-    }, O = (e) => {
+      l.selectedKeys.includes(e) ? k(e) : I(e);
+    }, I = (e) => {
       if (l.maxSelected && l.selectedKeys.length >= l.maxSelected)
         return;
       const i = [...l.selectedKeys, e];
@@ -52,7 +53,7 @@ const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onC
       else
         i = [...l.highlightedKeys, e];
       o("update:highlightedKeys", i), o("highlight", i);
-    }, P = (e) => {
+    }, z = (e) => {
       e || (p.value = e);
     };
     return F({
@@ -62,44 +63,44 @@ const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onC
       isSelected: B,
       isHighlighted: S,
       toggleOption: $,
-      addOption: O,
+      addOption: I,
       removeOption: k,
       highlightOption: w
-    }), (e, i) => (a(), r("div", {
-      class: d([s(n)(), `${s(D)(s(E))}`]),
+    }), (e, i) => (d(), r("div", {
+      class: a([s(n)(), `${s(D)(s(M))}`, s(E)]),
       style: A({
         ...e.wrapperStyle,
         "--ap-value-select-card-column-count": e.maxRowDisplay
       })
     }, [
-      b(s(j), {
+      b(s(G), {
         open: p.value,
         trigger: "click",
         placement: "bottomRight",
         arrow: !1,
         "get-popup-container": e.getContainer,
-        onOpenChange: P
+        onOpenChange: z
       }, {
         content: V(() => [
           c("div", {
-            class: d(s(n)("popover"))
+            class: a(s(n)("popover"))
           }, [
-            e.popoverTitle ? (a(), r("div", {
+            e.popoverTitle ? (d(), r("div", {
               key: 0,
-              class: d(s(n)("title"))
+              class: a(s(n)("title"))
             }, [
-              e.showTitleIcon ? (a(), L(s(q), {
+              e.showTitleIcon ? (d(), j(s(J), {
                 key: 0,
-                class: d(s(n)("title-icon"))
+                class: a(s(n)("title-icon"))
               }, null, 8, ["class"])) : y("", !0),
               g(" " + h(e.popoverTitle), 1)
             ], 2)) : y("", !0),
             c("div", {
-              class: d(s(n)("list"))
+              class: a(s(n)("list"))
             }, [
-              (a(!0), r(N, null, R(K.value, (t) => (a(), r("div", {
+              (d(!0), r(N, null, R(K.value, (t) => (d(), r("div", {
                 key: t.key,
-                class: d([
+                class: a([
                   s(n)("list-item"),
                   "all",
                   {
@@ -109,30 +110,30 @@ const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onC
                 ]),
                 onClick: f((m) => $(t.key), ["stop"])
               }, [
-                c("div", X, [
+                c("div", Z, [
                   u(e.$slots, "popover-label", { option: t }, () => [
                     g(h(t.label), 1)
                   ])
                 ]),
-                c("div", Y, [
+                c("div", _, [
                   u(e.$slots, "popover-value", { option: t }, () => [
                     g(h(t.value), 1)
                   ])
                 ])
-              ], 10, W))), 128))
+              ], 10, Y))), 128))
             ], 2)
           ], 2)
         ]),
         default: V(() => [
           c("div", {
-            class: d(s(n)("list"))
+            class: a(s(n)("list"))
           }, [
-            (a(!0), r(N, null, R(C.value, (t) => (a(), r("div", {
+            (d(!0), r(N, null, R(C.value, (t) => (d(), r("div", {
               key: t.key,
               ref_for: !0,
               ref_key: "listItemRef",
-              ref: M,
-              class: d([
+              ref: P,
+              class: a([
                 s(n)("list-item"),
                 {
                   select: S(t.key),
@@ -143,34 +144,34 @@ const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onC
               style: A(e.getCardStyle(t.key)),
               onClick: f((m) => w(t.key), ["stop"])
             }, [
-              e.showCloseIcon && (!(e.highlightedKeys.length === 1 && S(t.key)) && C.value.length > 1) ? (a(), r("div", {
+              e.showCloseIcon && (!(e.highlightedKeys.length === 1 && S(t.key)) && C.value.length > 1) ? (d(), r("div", {
                 key: 0,
-                class: d(s(n)("list-item-close")),
+                class: a(s(n)("list-item-close")),
                 onClick: f((m) => k(t.key), ["stop"])
               }, [
                 u(e.$slots, "close-icon", {}, () => [
-                  b(s(J))
+                  b(s(Q))
                 ])
-              ], 10, _)) : y("", !0),
-              c("div", x, [
+              ], 10, ee)) : y("", !0),
+              c("div", te, [
                 u(e.$slots, "label", { option: t }, () => [
                   g(h(t.label), 1)
                 ])
               ]),
-              c("div", ee, [
+              c("div", le, [
                 u(e.$slots, "value", { option: t }, () => [
                   g(h(t.value), 1)
                 ])
               ])
-            ], 14, Z))), 128)),
-            e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (a(), r("div", {
+            ], 14, x))), 128)),
+            e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (d(), r("div", {
               key: 0,
-              class: d([s(n)("list-item"), "choose"]),
+              class: a([s(n)("list-item"), "choose"]),
               onClick: i[0] || (i[0] = f((t) => p.value = !0, ["stop"]))
             }, [
               u(e.$slots, "add-button", {}, () => [
-                b(s(G)),
-                c("span", te, h(e.addButtonText), 1)
+                b(s(q)),
+                c("span", se, h(e.addButtonText), 1)
               ])
             ], 2)) : y("", !0)
           ], 2)
@@ -181,5 +182,5 @@ const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onC
   }
 });
 export {
-  re as default
+  he as default
 };

package/es/src/business/ap-value-select-card/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-value-select-card/style/index.mjs

@@ -0,0 +1,137 @@
+import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
+const l = (o) => {
+  const { componentCls: r } = o;
+  return {
+    [r]: {
+      position: "relative",
+      marginBlockStart: "8px",
+      ".ant-popover": {
+        width: "100%"
+      },
+      [`${r}-list`]: {
+        display: "grid",
+        gridTemplateColumns: "repeat(var(--ap-value-select-card-column-count, 5), minmax(var(--ap-value-select-card-max-width, 150px), 1fr))",
+        gridAutoRows: "1fr",
+        gap: "12px",
+        "&-item": {
+          position: "relative",
+          boxSizing: "border-box",
+          padding: "8px 16px",
+          color: o.textColor1,
+          border: `1px solid ${o.colorBg1}`,
+          borderRadius: o.borderRadius,
+          cursor: "pointer",
+          "&-close": {
+            position: "absolute",
+            top: "8px",
+            right: "10px",
+            zIndex: 1,
+            color: o.textColor3,
+            fontSize: o.fontSizeLG,
+            cursor: "pointer",
+            "&:hover": {
+              color: o.colorError
+            }
+          },
+          ".label": {
+            marginBlockEnd: "4px",
+            fontSize: o.fontSize,
+            lineHeight: o.lineHeight
+          },
+          ".value": {
+            overflow: "hidden",
+            fontWeight: "bold",
+            fontSize: o.fontSizeXL,
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis"
+          },
+          "&:hover:not(.select)": {
+            border: `1px solid ${o.colorPrimary}`
+          },
+          "&.select": {
+            color: o.textColor2,
+            borderColor: "transparent",
+            boxShadow: "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
+            background: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--ap-value-select-card-bg-color, #f5f9ff) 92%)",
+            "&:hover": {
+              background: "var(--ap-value-select-card-bg-color, #f5f9ff)"
+            }
+          },
+          "&.all": {
+            color: o.textColor1,
+            background: "#fff",
+            border: `1px solid ${o.colorBg1}`,
+            boxShadow: "none",
+            "&:hover:not(.disabled)": {
+              borderColor: o.colorPrimary
+            },
+            "&.disabled": {
+              color: "#8896b0",
+              background: "#f9f9fa",
+              cursor: "not-allowed",
+              border: `1px solid ${o.colorBg1}`
+            },
+            "&.select": {
+              background: "#f5f9ff",
+              borderColor: o.colorPrimary,
+              cursor: "pointer"
+            }
+          },
+          "&.choose": {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            color: o.colorPrimary,
+            background: "#fff",
+            border: "1px dashed #d1d7df",
+            boxShadow: "none",
+            ".text": {
+              fontSize: o.fontSize,
+              marginInlineStart: "4px"
+            }
+          }
+        }
+      },
+      [`${r}-title`]: {
+        display: "flex",
+        alignItems: "center",
+        marginBlockEnd: "12px",
+        color: "#526a90",
+        fontSize: o.fontSize,
+        "&-icon": {
+          marginRight: "4px",
+          color: "#abb7cc",
+          fontSize: o.fontSizeLG
+        }
+      },
+      "&--admin": {
+        [r]: {
+          "&-list": {
+            "&-item": {
+              "&.all": {
+                "&.select": {
+                  background: "#F7FCFA"
+                },
+                "&.disabled": {
+                  color: "#999"
+                }
+              }
+            }
+          },
+          "&-title": {
+            color: "#666",
+            "&-icon": {
+              color: "#BFBFBF"
+            }
+          }
+        }
+      }
+    }
+  };
+}, a = e("ApValueSelectCard", (o) => [
+  l(o)
+]);
+export {
+  a as default
+};