@aplus-frontend/ui 7.0.0 → 7.1.0

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

@@ -1,12 +1,11 @@
-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 { defineComponent as z, 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 h, createTextVNode as g, toDisplayString as u, createBlock as L } from "vue";
+import { Popover as j } from "@aplus-frontend/antdv";
+import { PlusOutlined as M, InfoCircleFilled as q } from "@ant-design/icons-vue";
+import { IconApAdLinePoor as G } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-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({
+import J from "./style/index.mjs";
+import { useNamespace as Q } from "../../config-provider/hooks/use-namespace.mjs";
+const U = ["onClick"], W = { class: "label" }, X = { class: "value" }, Y = ["onClick"], Z = ["onClick"], _ = { class: "label" }, x = { class: "value" }, ee = { class: "text" }, de = /* @__PURE__ */ z({
   name: "ApValueSelectCard",
   __name: "index",
   props: {
@@ -26,7 +25,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["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 } = 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(
+    const o = H, l = v, { b: n } = Q("ap-value-select-card"), D = J("ap-value-select-card"), E = 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) : I(e);
@@ -53,7 +52,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
       else
         i = [...l.highlightedKeys, e];
       o("update:highlightedKeys", i), o("highlight", i);
-    }, z = (e) => {
+    }, P = (e) => {
       e || (p.value = e);
     };
     return F({
@@ -67,19 +66,19 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
       removeOption: k,
       highlightOption: w
     }), (e, i) => (d(), r("div", {
-      class: a([s(n)(), `${s(D)(s(M))}`, s(E)]),
+      class: a([s(n)(), s(D)]),
       style: A({
         ...e.wrapperStyle,
         "--ap-value-select-card-column-count": e.maxRowDisplay
       })
     }, [
-      b(s(G), {
+      b(s(j), {
         open: p.value,
         trigger: "click",
         placement: "bottomRight",
         arrow: !1,
         "get-popup-container": e.getContainer,
-        onOpenChange: z
+        onOpenChange: P
       }, {
         content: V(() => [
           c("div", {
@@ -89,11 +88,11 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
               key: 0,
               class: a(s(n)("title"))
             }, [
-              e.showTitleIcon ? (d(), j(s(J), {
+              e.showTitleIcon ? (d(), L(s(q), {
                 key: 0,
                 class: a(s(n)("title-icon"))
               }, null, 8, ["class"])) : y("", !0),
-              g(" " + h(e.popoverTitle), 1)
+              g(" " + u(e.popoverTitle), 1)
             ], 2)) : y("", !0),
             c("div", {
               class: a(s(n)("list"))
@@ -110,17 +109,17 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
                 ]),
                 onClick: f((m) => $(t.key), ["stop"])
               }, [
-                c("div", Z, [
-                  u(e.$slots, "popover-label", { option: t }, () => [
-                    g(h(t.label), 1)
+                c("div", W, [
+                  h(e.$slots, "popover-label", { option: t }, () => [
+                    g(u(t.label), 1)
                   ])
                 ]),
-                c("div", _, [
-                  u(e.$slots, "popover-value", { option: t }, () => [
-                    g(h(t.value), 1)
+                c("div", X, [
+                  h(e.$slots, "popover-value", { option: t }, () => [
+                    g(u(t.value), 1)
                   ])
                 ])
-              ], 10, Y))), 128))
+              ], 10, U))), 128))
             ], 2)
           ], 2)
         ]),
@@ -132,7 +131,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
               key: t.key,
               ref_for: !0,
               ref_key: "listItemRef",
-              ref: P,
+              ref: E,
               class: a([
                 s(n)("list-item"),
                 {
@@ -149,29 +148,29 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
                 class: a(s(n)("list-item-close")),
                 onClick: f((m) => k(t.key), ["stop"])
               }, [
-                u(e.$slots, "close-icon", {}, () => [
-                  b(s(Q))
+                h(e.$slots, "close-icon", {}, () => [
+                  b(s(G))
                 ])
-              ], 10, ee)) : y("", !0),
-              c("div", te, [
-                u(e.$slots, "label", { option: t }, () => [
-                  g(h(t.label), 1)
+              ], 10, Z)) : y("", !0),
+              c("div", _, [
+                h(e.$slots, "label", { option: t }, () => [
+                  g(u(t.label), 1)
                 ])
               ]),
-              c("div", le, [
-                u(e.$slots, "value", { option: t }, () => [
-                  g(h(t.value), 1)
+              c("div", x, [
+                h(e.$slots, "value", { option: t }, () => [
+                  g(u(t.value), 1)
                 ])
               ])
-            ], 14, x))), 128)),
+            ], 14, Y))), 128)),
             e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (d(), r("div", {
               key: 0,
               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(q)),
-                c("span", se, h(e.addButtonText), 1)
+              h(e.$slots, "add-button", {}, () => [
+                b(s(M)),
+                c("span", ee, u(e.addButtonText), 1)
               ])
             ], 2)) : y("", !0)
           ], 2)
@@ -182,5 +181,5 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
   }
 });
 export {
-  he as default
+  de as default
 };

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

@@ -17,7 +17,7 @@ const l = (o) => {
           position: "relative",
           boxSizing: "border-box",
           padding: "8px 16px",
-          color: o.textColor1,
+          color: o.textColor2,
           border: `1px solid ${o.colorBg1}`,
           borderRadius: o.borderRadius,
           cursor: "pointer",
@@ -49,7 +49,7 @@ const l = (o) => {
             border: `1px solid ${o.colorPrimary}`
           },
           "&.select": {
-            color: o.textColor2,
+            color: o.textColor1,
             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%)",
@@ -58,7 +58,7 @@ const l = (o) => {
             }
           },
           "&.all": {
-            color: o.textColor1,
+            color: o.textColor2,
             background: "#fff",
             border: `1px solid ${o.colorBg1}`,
             boxShadow: "none",
@@ -66,13 +66,13 @@ const l = (o) => {
               borderColor: o.colorPrimary
             },
             "&.disabled": {
-              color: "#8896b0",
+              color: o.textColor3,
               background: "#f9f9fa",
               cursor: "not-allowed",
               border: `1px solid ${o.colorBg1}`
             },
             "&.select": {
-              background: "#f5f9ff",
+              background: o.colorBgControl,
               borderColor: o.colorPrimary,
               cursor: "pointer"
             }
@@ -97,35 +97,13 @@ const l = (o) => {
         display: "flex",
         alignItems: "center",
         marginBlockEnd: "12px",
-        color: "#526a90",
+        color: o.textColor2,
         fontSize: o.fontSize,
         "&-icon": {
           marginRight: "4px",
-          color: "#abb7cc",
+          color: o.textColor4,
           fontSize: o.fontSizeLG
         }
-      },
-      "&--admin": {
-        [r]: {
-          "&-list": {
-            "&-item": {
-              "&.all": {
-                "&.select": {
-                  background: "#F7FCFA"
-                },
-                "&.disabled": {
-                  color: "#999"
-                }
-              }
-            }
-          },
-          "&-title": {
-            color: "#666",
-            "&-icon": {
-              color: "#BFBFBF"
-            }
-          }
-        }
       }
     }
   };

package/es/src/business/ap-view/components/menu-list-content.vue2.mjs

@@ -1,105 +1,102 @@
-import { defineComponent as R, ref as y, watch as $, createElementBlock as l, openBlock as c, normalizeClass as C, unref as e, createElementVNode as a, createCommentVNode as w, toDisplayString as m, createVNode as i, withModifiers as T, withCtx as r } from "vue";
+import { defineComponent as T, ref as y, watch as $, createElementBlock as l, openBlock as m, normalizeClass as V, unref as e, createElementVNode as o, createCommentVNode as f, toDisplayString as c, createVNode as i, withModifiers as b, withCtx as r } from "vue";
 import "../../../config-provider/index.mjs";
 import { useViewInject as B } from "../hooks/use-view-provide.mjs";
-import { SYSTEM_VIEW_KEY as V } from "../utils/enum.mjs";
-import { Space as h, Popconfirm as F } from "@aplus-frontend/antdv";
+import { SYSTEM_VIEW_KEY as h } from "../utils/enum.mjs";
+import { Space as C, Popconfirm as F } from "@aplus-frontend/antdv";
 import L from "../icons/line-delete.vue.mjs";
 import "../../../ap-tag/index.mjs";
 import "../../../ap-form/ap-form.vue.mjs";
-import { ApField as Y } from "../../../ap-field/index.mjs";
-import j from "../style/index.mjs";
-import { useNamespace as A } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as G } from "../../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as O } from "../../../config-provider/hooks/use-global-config.mjs";
-import P from "../../../ap-tag/ap-tag.vue.mjs";
+import { ApField as M } from "../../../ap-field/index.mjs";
+import P from "../style/index.mjs";
+import { useToken as Y } from "../../../config-provider/hooks/use-token.mjs";
+import { useNamespace as j } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as A } from "../../../config-provider/hooks/use-locale.mjs";
+import O from "../../../ap-tag/ap-tag.vue.mjs";
 import x from "../../../ap-form/ap-form.vue2.mjs";
 const U = { class: "menu-list-content-name" }, W = ["title"], q = {
   key: 0,
   class: "menu-list-content-default"
-}, H = { class: "menu-list-content-action-delete" }, J = { class: "menu-list-content-edit" }, ve = /* @__PURE__ */ R({
+}, G = { class: "menu-list-content-action-delete" }, H = { class: "menu-list-content-edit" }, ve = /* @__PURE__ */ T({
   __name: "menu-list-content",
   props: {
     view: {}
   },
   setup(N) {
-    const { b: u } = A("ap-view"), d = j("ap-view"), { t: n } = G(), t = N, K = {
-      aplus: "#2ed1a3",
-      admin: "#34b77c"
-    }, D = O("uiMode"), {
-      currentViewKey: S,
-      changeCurrentViewKey: g,
+    const { b: v } = j("ap-view"), d = P("ap-view"), { token: K } = Y(), { t: n } = A(), t = N, {
+      currentViewKey: D,
+      changeCurrentViewKey: S,
       viewListCRUD: p,
-      tableKey: f,
+      tableKey: w,
       menuOpen: _
-    } = B(), s = y(!1), k = y(), E = () => {
-      g(t.view.viewKey), _.value = !1;
-    }, I = () => {
+    } = B(), s = y(!1), k = y(), g = () => {
+      S(t.view.viewKey), _.value = !1;
+    }, E = () => {
       p?.changeView?.({
         ...t.view,
-        tableKey: f,
+        tableKey: w,
         isDefault: !0
       });
-    }, M = () => {
+    }, I = () => {
       p?.removeView?.({
-        tableKey: f,
+        tableKey: w,
         viewKey: t.view.viewKey
       });
-    }, b = async () => {
-      const v = await k.value?.validate?.();
+    }, z = async () => {
+      const u = await k.value?.validate?.();
       p?.changeView?.({
         ...t.view,
-        tableKey: f,
-        viewName: v?.viewName || t.view.viewName
+        tableKey: w,
+        viewName: u?.viewName || t.view.viewName
       }), s.value = !1;
     };
     return $(
       () => _.value,
-      (v) => {
-        v && (s.value = !1);
+      (u) => {
+        u && (s.value = !1);
       }
-    ), (v, o) => s.value === !1 ? (c(), l("div", {
+    ), (u, a) => s.value === !1 ? (m(), l("div", {
       key: 0,
-      class: C({
-        [e(u)("menu-list-content")]: !0,
-        [e(u)("menu-list-content-active")]: t.view?.viewKey === e(S),
+      class: V({
+        [e(v)("menu-list-content")]: !0,
+        [e(v)("menu-list-content-active")]: t.view?.viewKey === e(D),
         hashId: e(d)
       }),
-      onClick: E
+      onClick: g
     }, [
-      a("div", U, [
-        a("span", {
+      o("div", U, [
+        o("span", {
           title: t.view?.viewName
-        }, m(t.view?.viewName), 9, W)
+        }, c(t.view?.viewName), 9, W)
       ]),
-      t.view?.viewKey !== e(V) && t.view?.isDefault ? (c(), l("div", q, [
-        i(e(P), {
+      t.view?.viewKey !== e(h) && t.view?.isDefault ? (m(), l("div", q, [
+        i(e(O), {
           text: e(n)("ap.apView.default"),
           size: "small",
-          color: K[e(D) ?? "aplus"]
+          color: e(K).colorPrimary
         }, null, 8, ["text", "color"])
-      ])) : w("", !0),
-      t.view?.viewKey !== e(V) ? (c(), l("div", {
+      ])) : f("", !0),
+      t.view?.viewKey !== e(h) ? (m(), l("div", {
         key: 1,
         class: "menu-list-content-action",
-        onClick: o[1] || (o[1] = T(() => {
+        onClick: a[1] || (a[1] = b(() => {
         }, ["stop"]))
       }, [
-        i(e(h), { size: 8 }, {
+        i(e(C), { size: 8 }, {
           default: r(() => [
-            a("div", {
+            o("div", {
               class: "menu-list-content-action-text",
-              onClick: o[0] || (o[0] = (z) => s.value = !0)
-            }, m(e(n)("ap.apView.rename")), 1),
-            t.view?.isDefault ? w("", !0) : (c(), l("div", {
+              onClick: a[0] || (a[0] = (R) => s.value = !0)
+            }, c(e(n)("ap.apView.rename")), 1),
+            t.view?.isDefault ? f("", !0) : (m(), l("div", {
               key: 0,
               class: "menu-list-content-action-text",
-              onClick: I
-            }, m(e(n)("ap.apView.setDefault")), 1)),
-            a("div", H, [
+              onClick: E
+            }, c(e(n)("ap.apView.setDefault")), 1)),
+            o("div", G, [
               i(e(F), {
                 title: e(n)("ap.apView.deleteTip"),
                 "ok-text": e(n)("ap.apView.ok"),
-                onConfirm: M
+                onConfirm: I
               }, {
                 default: r(() => [
                   i(L)
@@ -110,10 +107,10 @@ const U = { class: "menu-list-content-name" }, W = ["title"], q = {
           ]),
           _: 1
         })
-      ])) : w("", !0)
-    ], 2)) : (c(), l("div", {
+      ])) : f("", !0)
+    ], 2)) : (m(), l("div", {
       key: 1,
-      class: C([e(u)("menu-list-content"), e(u)("menu-list-content-edit"), e(d)])
+      class: V([e(v)("menu-list-content"), e(v)("menu-list-content-edit"), e(d)])
     }, [
       i(x, {
         ref_key: "formRef",
@@ -123,23 +120,23 @@ const U = { class: "menu-list-content-name" }, W = ["title"], q = {
         }
       }, {
         default: r(() => [
-          a("div", J, [
-            i(e(h), { size: 8 }, {
+          o("div", H, [
+            i(e(C), { size: 8 }, {
               default: r(() => [
                 i(x.FormItem, { name: "viewName" }, {
                   default: r(() => [
-                    i(e(Y).Text, { maxlength: 20 })
+                    i(e(M).Text, { maxlength: 20 })
                   ]),
                   _: 1
                 }),
-                a("div", {
+                o("div", {
                   class: "menu-list-content-action-text",
-                  onClick: b
-                }, m(e(n)("ap.apView.save")), 1),
-                a("div", {
+                  onClick: z
+                }, c(e(n)("ap.apView.save")), 1),
+                o("div", {
                   class: "menu-list-content-action-text",
-                  onClick: o[2] || (o[2] = (z) => s.value = !1)
-                }, m(e(n)("ap.apView.cancel")), 1)
+                  onClick: a[2] || (a[2] = (R) => s.value = !1)
+                }, c(e(n)("ap.apView.cancel")), 1)
               ]),
               _: 1
             })

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

@@ -120,7 +120,7 @@ const o = (t) => {
           cursor: "default"
         },
         "&:hover": {
-          background: t.colorBg1,
+          background: t.colorBg3,
           ".menu-list-content-action": {
             display: "block"
           }

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

@@ -10,7 +10,7 @@ const a = (o) => {
         [`${r}-trigger-icon`]: {
           cursor: "pointer",
           fontSize: "16px",
-          color: o.textColor1,
+          color: o.textColor2,
           lineHeight: 0,
           "&:hover": {
             color: o.colorPrimary

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

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

package/es/src/config-provider/hooks/use-token.d.ts

@@ -1,7 +1,7 @@
 import { InjectionKey, Ref } from 'vue';
-import { FullToken } from '../../design-token/interface';
+import { ContextToken } from '../../design-token/interface';
 type DesignTokenContextType = {
-    token: Ref<Partial<FullToken>>;
+    token: Ref<ContextToken>;
     rootCls: Ref<string | undefined>;
 };
 export declare const designTokenContextKey: InjectionKey<DesignTokenContextType>;

package/es/src/design-token/constants.mjs

@@ -13,14 +13,16 @@ const o = {
   colorErrorDisabled: "#ffdbdc",
   colorWarn: "#ffa940",
   colorWarnDisabled: "#ffeed9",
-  textColor1: "#526a90",
-  textColor2: "#182948",
+  textColor1: "#182948",
+  textColor2: "#526a90",
   textColor3: "#8896b0",
   textColor4: "#abb7cc",
   colorBg1: "#e9edf3",
   colorBg2: "#f6f9fa",
   colorBg3: "#f3f5f8",
   colorBgDisabled: "#f2f6f9",
+  colorBgLayout: "#f2f6f9",
+  colorBgControl: "#F5F9FF",
   fontSizeSM: 10,
   fontSize: 12,
   fontSizeLG: 14,