@aplus-frontend/ui 7.0.0-beta.0 → 7.0.0-beta.2

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,20 +1,21 @@
-import { defineComponent as _, ref as y, computed as u, unref as t, createElementBlock as z, openBlock as h, normalizeStyle as g, normalizeClass as T, createVNode as c, withCtx as B, createBlock as $, createCommentVNode as K, mergeProps as M } from "vue";
+import { defineComponent as T, ref as h, computed as u, unref as t, createElementBlock as $, openBlock as g, normalizeStyle as B, normalizeClass as b, createVNode as c, withCtx as A, createBlock as K, createCommentVNode as M, mergeProps as D } from "vue";
 import "../../ap-field/index.mjs";
-import { Space as D } from "@aplus-frontend/antdv";
+import { Space as G } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { isNumber as G, omit as q } from "lodash-unified";
+import { isNumber as q, omit as H } from "lodash-unified";
 import "./popover-input/index.vue.mjs";
 import "../../hooks/index.mjs";
-import { isDef as H } from "../../utils/index.mjs";
-import { useDefaultPlaceholder as Y } from "../../ap-field/hooks/use-default-placeholder.mjs";
-import { splitValue as J } from "./utils.mjs";
-import { useControllableValue as Q } from "../../hooks/useControllableValue.mjs";
-import { useLocale as W } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as X } from "../../config-provider/hooks/use-namespace.mjs";
-import Z from "../../ap-field/select/index.vue.mjs";
-import { ApFieldText as ee } from "../../ap-field/text/index.mjs";
-import te from "./popover-input/index.vue2.mjs";
-const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
+import { isDef as Y } from "../../utils/index.mjs";
+import { useDefaultPlaceholder as J } from "../../ap-field/hooks/use-default-placeholder.mjs";
+import { splitValue as Q } from "./utils.mjs";
+import W from "./style/index.mjs";
+import { useControllableValue as X } from "../../hooks/useControllableValue.mjs";
+import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
+import te from "../../ap-field/select/index.vue.mjs";
+import { ApFieldText as oe } from "../../ap-field/text/index.mjs";
+import ne from "./popover-input/index.vue2.mjs";
+const m = "GROUP_SEARCH_ALL", Ae = /* @__PURE__ */ T({
   name: "BatchInputGroup",
   __name: "index",
   props: {
@@ -75,41 +76,41 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(b, { emit: A }) {
-    const o = b, V = Y("Text", o), x = A, { value: a, updateValue: r } = Q(
+  setup(V, { emit: x }) {
+    const o = V, C = J("Text", o), S = x, { value: a, updateValue: r } = X(
       o,
-      x
-    ), s = y(), f = y(), { t: C } = W(), { b: S, cssVar: k } = X("batch-input-group"), I = u(() => {
+      S
+    ), s = h(), f = h(), { t: I } = Z(), { b: k, cssVar: U } = ee("batch-input-group"), d = W("batch-input-group"), w = u(() => {
       const e = o.popoverPlacement;
       return {
-        "popover-left": G(e) ? `${e}px` : e === "left" ? "0px" : "unset",
+        "popover-left": q(e) ? `${e}px` : e === "left" ? "0px" : "unset",
         "popover-right": e === "right" ? "0px" : "unset"
       };
-    }), U = u(() => o.options ? o.options.length > 1 && o.hasAll ? [
-      { value: m, label: C("ap.common.all") },
+    }), P = u(() => o.options ? o.options.length > 1 && o.hasAll ? [
+      { value: m, label: I("ap.common.all") },
       ...o.options
-    ] : o.options : []), w = u(() => o.options ? o.options.map((e) => e.value) : []), P = u(() => t(a)?.value?.length ? t(a).value.join(",") : ""), R = u(() => t(a)?.value?.length ? t(a).value.join(`
-`) : ""), N = u(() => {
+    ] : o.options : []), R = u(() => o.options ? o.options.map((e) => e.value) : []), N = u(() => t(a)?.value?.length ? t(a).value.join(",") : ""), j = u(() => t(a)?.value?.length ? t(a).value.join(`
+`) : ""), E = u(() => {
       const e = t(a)?.key;
       if (e?.length)
         return e.length === 1 || !o.hasAll ? e[0] : m;
-    }), j = u(() => {
+    }), F = u(() => {
       const e = t(a)?.key;
-      return !e || e?.length <= 1 ? t(V) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
+      return !e || e?.length <= 1 ? t(C) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
     });
-    function E(e) {
-      const l = t(a) || {}, n = e === m ? t(w) : H(e) ? [e] : [];
+    function L(e) {
+      const l = t(a) || {}, n = e === m ? t(R) : Y(e) ? [e] : [];
       r({
         ...l,
         key: n
       });
     }
-    function F(e) {
+    function O(e) {
       const l = t(a) || {}, n = e.target.value || "";
-      let i = J(n, ",", ",", o.maxNum);
+      let i = Q(n, ",", ",", o.maxNum);
       if (n !== i) {
-        const v = f.value?.$el?.querySelector("input");
-        v && (v.value = i);
+        const y = f.value?.$el?.querySelector("input");
+        y && (y.value = i);
       }
       let p = i.split(",");
       p.length === 1 && p[0] === "" && (p = []), r({
@@ -117,7 +118,7 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
         value: p
       });
     }
-    function L(e) {
+    function _(e) {
       const l = t(a) || {};
       let n = e.split(/,|\n/);
       r({
@@ -125,41 +126,41 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
         value: n
       });
     }
-    function d() {
+    function v() {
       const e = t(a) || {}, l = e.value?.filter(Boolean);
       r({
         ...e,
         value: l
       });
     }
-    function O(e) {
-      d(), o.onBlur?.(e);
+    function z(e) {
+      v(), o.onBlur?.(e);
     }
-    return (e, l) => (h(), z("div", {
+    return (e, l) => (g(), $("div", {
       ref_key: "containerRef",
       ref: s,
-      class: T(t(S)()),
-      style: g(t(k)(I.value)),
+      class: b([t(k)(), t(d)]),
+      style: B(t(U)(w.value)),
       onFocus: l[0] || (l[0] = //@ts-ignore
       (...n) => e.onFocus && e.onFocus(...n)),
       onBlur: l[1] || (l[1] = //@ts-ignore
       (...n) => e.onBlur && e.onBlur(...n))
     }, [
-      c(t(D).Compact, { block: "" }, {
-        default: B(() => [
-          e.options?.length ? (h(), $(t(Z), {
+      c(t(G).Compact, { block: "" }, {
+        default: A(() => [
+          e.options?.length ? (g(), K(t(te), {
             key: 0,
-            style: g(e.style),
-            options: U.value,
-            value: N.value,
+            style: B(e.style),
+            options: P.value,
+            value: E.value,
             "allow-clear": !1,
             "dropdown-match-select-width": !1,
             disabled: e.disabled,
             "get-popup-container": () => s.value,
-            "onUpdate:value": E
-          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : K("", !0),
-          c(t(ee), M(
-            t(q)(o, [
+            "onUpdate:value": L
+          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : M("", !0),
+          c(t(oe), D(
+            t(H)(o, [
               "style",
               "value",
               "onUpdate:value",
@@ -172,22 +173,23 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
               ref_key: "inputRef",
               ref: f,
               style: e.inputStyle,
-              value: P.value,
-              placeholder: j.value,
-              onInput: F,
-              onBlur: O
+              value: N.value,
+              placeholder: F.value,
+              onInput: O,
+              onBlur: z
             }
           ), {
-            suffix: B(() => [
-              c(te, {
+            suffix: A(() => [
+              c(ne, {
                 _parent: s.value,
-                value: R.value,
+                value: j.value,
                 disabled: e.disabled,
                 placement: o.popoverPlacement,
                 "max-num": e.maxNum,
-                "onUpdate:value": L,
-                onClose: d
-              }, null, 8, ["_parent", "value", "disabled", "placement", "max-num"])
+                class: b(t(d)),
+                "onUpdate:value": _,
+                onClose: v
+              }, null, 8, ["_parent", "value", "disabled", "placement", "max-num", "class"])
             ]),
             _: 1
           }, 16, ["style", "value", "placeholder"])
@@ -198,5 +200,5 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
   }
 });
 export {
-  ge as default
+  Ae as default
 };

package/es/src/business/batch-input-group/popover-input/index.vue.d.ts

@@ -279,5 +279,5 @@ declare const _default: DefineComponent<BatchInputGroupPopoverInputProps, {}, {}
         autosize: any;
         autoSize: any;
     }> | null;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/es/src/business/batch-input-group/popover-input/index.vue2.mjs

@@ -1,13 +1,15 @@
-import { defineComponent as I, ref as i, createElementBlock as k, openBlock as A, normalizeClass as p, unref as e, createVNode as u, withCtx as m, createElementVNode as w } from "vue";
-import { Popover as B, Textarea as L } from "@aplus-frontend/antdv";
+import { defineComponent as y, ref as i, createElementBlock as A, openBlock as k, normalizeClass as p, unref as t, createVNode as u, withCtx as m, createElementVNode as B } from "vue";
+import { Popover as P, Textarea as $ } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
-import { IconApAdLineScreen as P } from "@aplus-frontend/icon";
+import { IconApAdLineScreen as w } from "@aplus-frontend/icon";
 import "../../../hooks/index.mjs";
-import { splitValue as z } from "../utils.mjs";
-import { useControllableValue as E } from "../../../hooks/useControllableValue.mjs";
-import { useLocale as F } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as O } from "../../../config-provider/hooks/use-namespace.mjs";
-const H = /* @__PURE__ */ I({
+import { splitValue as L } from "../utils.mjs";
+import { useControllableValue as z } from "../../../hooks/useControllableValue.mjs";
+import { useLocale as E } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as F } from "../../../config-provider/hooks/use-namespace.mjs";
+const H = /* @__PURE__ */ y({
+  name: "BatchInputGroupPopoverInput",
+  inheritAttrs: !1,
   __name: "index",
   props: {
     _parent: {},
@@ -19,46 +21,46 @@ const H = /* @__PURE__ */ I({
   },
   emits: ["update:value"],
   setup(f, { emit: d }) {
-    const t = f, v = d, { value: g, updateValue: b } = E(t, v), a = i(!1), n = i(), h = (o) => t._parent || o, { t: x } = F();
-    function C(o) {
-      const l = o.target.value || "";
-      let r = z(l, `
+    const o = f, v = d, { value: h, updateValue: g } = z(o, v), a = i(!1), n = i(), b = (e) => o._parent || e, { t: x } = E();
+    function C(e) {
+      const l = e.target.value || "";
+      let r = L(l, `
 ,`, `
-`, t.maxNum);
+`, o.maxNum);
       if (r !== l) {
         const c = n.value?.$el || n.value;
         c && (c.value = r);
       }
-      b(r);
+      g(r);
     }
-    function _(o) {
-      t.disabled ? a.value = !1 : a.value = o, !o && t.onClose?.();
+    function I(e) {
+      o.disabled ? a.value = !1 : a.value = e, !e && o.onClose?.();
     }
-    const { b: s, e: N, em: V, bm: y } = O("batch-input-group-popover-input");
-    return (o, l) => (A(), k("div", {
-      class: p(e(s)())
+    const { b: s, e: N, em: V, bm: _ } = F("batch-input-group-popover-input");
+    return (e, l) => (k(), A("div", {
+      class: p(t(s)())
     }, [
-      u(e(B), {
-        "overlay-class-name": e(N)("popover"),
-        "get-popup-container": h,
+      u(t(P), {
+        "overlay-class-name": `${t(N)("popover")} ${e.$attrs.class}`,
+        "get-popup-container": b,
         trigger: "click",
         placement: "bottomLeft",
         open: a.value,
-        onOpenChange: _
+        onOpenChange: I
       }, {
         content: m(() => [
-          w("div", {
-            class: p(e(V)("popover", "content"))
+          B("div", {
+            class: p(t(V)("popover", "content"))
           }, [
-            u(e(L), {
+            u(t($), {
               ref_key: "textAreaRef",
               ref: n,
-              placeholder: e(x)("ap.batchInputGroup.popoverInputPlaceholder", {
-                maxNum: o.maxNum + ""
+              placeholder: t(x)("ap.batchInputGroup.popoverInputPlaceholder", {
+                maxNum: e.maxNum + ""
               }),
               bordered: !1,
               rows: 10,
-              value: e(g),
+              value: t(h),
               "allow-clear": !1,
               "auto-size": !1,
               onInput: C
@@ -66,10 +68,10 @@ const H = /* @__PURE__ */ I({
           ], 2)
         ]),
         default: m(() => [
-          u(e(P), {
+          u(t(w), {
             class: p([
-              e(s)("trigger-icon"),
-              o.disabled ? e(y)("trigger-icon", "disabled") : null
+              t(s)("trigger-icon"),
+              e.disabled ? t(_)("trigger-icon", "disabled") : null
             ])
           }, null, 8, ["class"])
         ]),

package/es/src/business/batch-input-group/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/batch-input-group/style/index.mjs

@@ -0,0 +1,53 @@
+import { genComponentStyleHook as i } from "../../../utils/cssinjs/index.mjs";
+const a = (o) => {
+  const { componentCls: t, namespace: e } = o, r = `${t}-popover-input`, p = `--${e}-batch-input-group-popover-left`, n = `--${e}-batch-input-group-popover-right`;
+  return {
+    [t]: {
+      position: "relative",
+      [r]: {
+        display: "inline-flex",
+        alignItems: "center",
+        [`${r}-trigger-icon`]: {
+          cursor: "pointer",
+          fontSize: "16px",
+          color: o.textColor1,
+          lineHeight: 0,
+          "&:hover": {
+            color: o.colorPrimary
+          },
+          "&--disabled": {
+            cursor: "not-allowed",
+            color: "var(--batch-input-group-trigger-color-disabled, rgba(24, 41, 72, 0.25))",
+            "&:hover": {
+              color: "var(--batch-input-group-trigger-color-disabled, rgba(24, 41, 72, 0.25))"
+            }
+          }
+        }
+      }
+    },
+    [`${r}__popover`]: {
+      width: "100%",
+      minWidth: "300px",
+      left: `var(${p}) !important`,
+      right: `var(${n}) !important`,
+      ".ant-popover-arrow": {
+        display: "none"
+      },
+      ".ant-popover-inner": {
+        padding: 0
+      },
+      [`${r}__popover--content`]: {
+        padding: "12px",
+        textarea: {
+          padding: 0,
+          resize: "none"
+        }
+      }
+    }
+  };
+}, c = i("BatchInputGroup", (o) => [
+  a(o)
+]);
+export {
+  c as default
+};

package/es/src/check-card/index.vue2.mjs

@@ -1,13 +1,14 @@
-import { defineComponent as T, computed as i, unref as o, createVNode as u, Fragment as E, watch as F, watchEffect as I, createElementBlock as h, openBlock as d, withModifiers as W, normalizeClass as y, normalizeStyle as $, createBlock as p, renderSlot as j, createCommentVNode as m, resolveDynamicComponent as b, createElementVNode as D } from "vue";
-import { Skeleton as M } from "@aplus-frontend/antdv";
+import { defineComponent as E, computed as i, unref as o, createVNode as u, Fragment as F, watch as I, watchEffect as W, createElementBlock as h, openBlock as d, withModifiers as $, normalizeClass as y, normalizeStyle as j, createBlock as p, renderSlot as D, createCommentVNode as m, resolveDynamicComponent as b, createElementVNode as M } from "vue";
+import { Skeleton as O } from "@aplus-frontend/antdv";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isFunction as C } from "lodash-unified";
-import { useInjectCheckCard as O } from "./context.mjs";
-import U from "./checked.svg.mjs";
-import { useNamespace as q } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as A } from "../hooks/useControllableValue.mjs";
-const G = ["src"], x = /* @__PURE__ */ T({
+import { useInjectCheckCard as U } from "./context.mjs";
+import q from "./checked.svg.mjs";
+import A from "./style/index.mjs";
+import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as H } from "../hooks/useControllableValue.mjs";
+const J = ["src"], oe = /* @__PURE__ */ E({
   name: "CheckCard",
   __name: "index",
   props: {
@@ -57,10 +58,10 @@ const G = ["src"], x = /* @__PURE__ */ T({
       m: c,
       e: s,
       em: f
-    } = q("check-card"), N = S, l = O(), {
+    } = G("check-card"), N = A("check-card"), P = S, l = U(), {
       value: r,
       updateValue: g
-    } = A(a, N, {
+    } = H(a, P, {
       valuePropName: "checked",
       defaultValuePropName: "defaultChecked"
     }), n = i(() => {
@@ -68,10 +69,10 @@ const G = ["src"], x = /* @__PURE__ */ T({
         ...a
       }, t = o(l);
       return t && (e.disabled = e.disabled || t.disabled, e.bordered = e.bordered || t.bordered, e.loading = e.loading || t.loading, e.size = e.size || t.size, e.indicatorSize = e.indicatorSize || t.indicatorSize, e.stopPropagation = e.stopPropagation || t.stopPropagation, e.style = e.style ? e.style : t.style), e;
-    }), P = i(() => {
-      const e = o(n);
-      return [B(), c(e.size), o(r) ? c("checked") : null, e.bordered ? c("bordered") : null, e.disabled ? c("disabled") : null];
     }), V = i(() => {
+      const e = o(n);
+      return [B(), c(e.size), o(r) ? c("checked") : null, e.bordered ? c("bordered") : null, e.disabled ? c("disabled") : null, N.value];
+    }), _ = i(() => {
       const e = o(n);
       return {
         ...e.style || {},
@@ -81,7 +82,7 @@ const G = ["src"], x = /* @__PURE__ */ T({
       const e = a.title;
       if (!e)
         return;
-      const t = C(e) ? e(o(r)) : u(E, null, [e]);
+      const t = C(e) ? e(o(r)) : u(F, null, [e]);
       return u("div", {
         class: [s("title"), n.value.disabled ? f("title", "disabled") : null]
       }, [t]);
@@ -93,30 +94,30 @@ const G = ["src"], x = /* @__PURE__ */ T({
         class: [s("content"), n.value.disabled ? f("content", "disabled") : null]
       }, [e]);
     });
-    function _(e) {
+    function w(e) {
       const t = o(n).stopPropagation;
       return t ? t === !0 ? e.target !== e.currentTarget : t(e) : !1;
     }
-    function w(e) {
-      _(e) || n.value.loading || n.value.disabled || (l.value ? l.value?.toggleOption?.(a.value) : g(!o(r)));
+    function T(e) {
+      w(e) || n.value.loading || n.value.disabled || (l.value ? l.value?.toggleOption?.(a.value) : g(!o(r)));
     }
-    return F(() => l.value, (e) => {
+    return I(() => l.value, (e) => {
       if (!e)
         return;
       const t = e.multiple ? (e.value || []).includes(a.value) : e.value === a.value;
       g(t);
     }, {
       immediate: !0
-    }), I((e) => {
+    }), W((e) => {
       l.value?.registerValue?.(a.value), e(() => l.value?.cancelValue?.(a.value));
     }), (e, t) => (d(), h("div", {
-      style: $(V.value),
-      class: y(P.value),
-      onClick: W(w, ["stop"])
-    }, [n.value.loading ? (d(), p(o(M), {
+      style: j(_.value),
+      class: y(V.value),
+      onClick: $(T, ["stop"])
+    }, [n.value.loading ? (d(), p(o(O), {
       key: 0,
       active: ""
-    })) : j(e.$slots, "default", {
+    })) : D(e.$slots, "default", {
       key: 1,
       checked: o(r)
     }, () => [v.value ? (d(), p(b(v.value), {
@@ -126,11 +127,11 @@ const G = ["src"], x = /* @__PURE__ */ T({
     })) : m("", !0)]), o(r) ? (d(), h("div", {
       key: 2,
       class: y(o(s)("checked-icon"))
-    }, [D("img", {
-      src: o(U)
-    }, null, 8, G)], 2)) : m("", !0)], 6));
+    }, [M("img", {
+      src: o(q)
+    }, null, 8, J)], 2)) : m("", !0)], 6));
   }
 });
 export {
-  x as default
+  oe as default
 };

package/es/src/check-card/style/index.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+export type CheckCardToken = {
+    /** 禁用背景色 */
+    checkCardDisabledBg: string;
+    /** 禁用外边框色 */
+    checkCardDisabledOutlineColor: string;
+    /** 选中指示器尺寸 */
+    checkCardIndicatorSize: number;
+    /** 可选卡片外边框宽度 */
+    checkCardOutlineWidth: number;
+    /** 指示器位置偏移 */
+    checkCardIndicatorOffset: number;
+};
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/check-card/style/index.mjs

@@ -0,0 +1,105 @@
+import { resetComponent as d } from "../../style/index.mjs";
+import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
+const c = (r) => {
+  const { componentCls: i } = r;
+  return {
+    [`${i}`]: {
+      ...d(r),
+      borderRadius: r.borderRadius,
+      position: "relative",
+      "&--disabled": {
+        backgroundColor: r.checkCardDisabledBg,
+        cursor: "not-allowed !important"
+      },
+      "&--bordered": {
+        outline: `1px solid ${r.borderColorBase}`
+      },
+      [`&:hover:not(${i}--disabled)`]: {
+        cursor: "pointer",
+        outline: `1px solid ${r.colorPrimary}`
+      },
+      "&::after": {
+        content: '""',
+        position: "absolute",
+        width: 0,
+        height: 0,
+        opacity: 0,
+        insetBlockStart: r.checkCardIndicatorOffset,
+        insetInlineEnd: r.checkCardIndicatorOffset,
+        borderInlineStart: r.checkCardIndicatorSize,
+        borderBlockEnd: r.checkCardIndicatorSize,
+        borderRadius: r.borderRadius
+      },
+      "&--checked": {
+        outline: `${r.checkCardOutlineWidth} solid ${r.colorPrimary}`,
+        [`&:hover:not(${i}--disabled)`]: {
+          outline: `${r.checkCardOutlineWidth} solid ${r.colorPrimary}`
+        },
+        "&::after": {
+          opacity: 1,
+          border: `${r.checkCardIndicatorSize} solid ${r.colorPrimary}`,
+          borderInlineStart: `${r.checkCardIndicatorSize} solid transparent`,
+          borderBlockEnd: `${r.checkCardIndicatorSize} solid transparent`,
+          insetBlockStart: r.checkCardIndicatorOffset,
+          insetInlineEnd: r.checkCardIndicatorOffset,
+          transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)"
+        },
+        [`&${i}--disabled`]: {
+          outlineColor: r.checkCardDisabledOutlineColor,
+          "&::after": {
+            border: `${r.checkCardIndicatorSize} solid ${r.checkCardDisabledOutlineColor}`,
+            borderInlineStart: `${r.checkCardIndicatorSize} solid transparent`,
+            borderBlockEnd: `${r.checkCardIndicatorSize} solid transparent`
+          }
+        }
+      },
+      "&--middle": {
+        padding: r.spaceLG
+      },
+      "&--small": {
+        padding: `${r.spaceSM} ${r.spaceLG}`
+      },
+      [`${i}__title`]: {
+        ...d(r),
+        marginBottom: r.spaceXS,
+        color: "#333",
+        fontWeight: "bold",
+        "&--disabled": {
+          color: r.textColor4
+        }
+      },
+      [`${i}__content`]: {
+        ...d(r),
+        color: "#333",
+        "&--disabled": {
+          color: r.textColor4
+        }
+      },
+      [`${i}__checked-icon`]: {
+        position: "absolute",
+        top: 0,
+        right: 0,
+        zIndex: 1,
+        lineHeight: 1,
+        userSelect: "none",
+        "& > img": {
+          width: `calc(${r.checkCardIndicatorSize} - 2px)`,
+          verticalAlign: "top"
+        }
+      }
+    }
+  };
+}, l = e(
+  "CheckCard",
+  (r) => [c(r)],
+  {
+    checkCardDisabledBg: "#F9F9FA",
+    checkCardDisabledOutlineColor: "#E9EDF3",
+    checkCardIndicatorSize: 14,
+    checkCardOutlineWidth: 2,
+    checkCardIndicatorOffset: -2
+  }
+);
+export {
+  l as default
+};

package/es/src/config-provider/config-provider-props.d.ts

@@ -5,6 +5,7 @@ import { ApGridProps } from '../ap-grid';
 import { AgGridProps } from '../ag-grid';
 import { ViewCacheOption } from '../business';
 import { FullToken } from '../design-token/interface';
+import { RecursivePartial } from '../type';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
 import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
@@ -161,7 +162,7 @@ export declare const configProviderProps: () => {
      * APlus-UI 自己的token
      */
     aplusToken: {
-        type: PropType<Partial<FullToken>>;
+        type: PropType<RecursivePartial<FullToken>>;
     };
     namespace: {
         type: StringConstructor;