@aplus-frontend/ui 7.6.0 → 7.7.0

package/es/src/ap-form/style/search-form-sorter.mjs

@@ -46,7 +46,7 @@ const l = (r) => {
         "> div": {
           border: `1px solid ${r.borderColorBase}`,
           borderRadius: r.borderRadius,
-          padding: "8px",
+          padding: r.space,
           display: "flex",
           alignItems: "center",
           backgroundColor: "#fff",

package/es/src/ap-form/style/search-form.d.ts

@@ -1,6 +1,12 @@
 import { GenStyleFunc, StyleMixin } from '../../design-token/interface';
 import { ComputedRef } from 'vue';
+export type SearchFormToken = {
+    /**
+     * 查询表单筛选弹框触发按钮徽标记尺寸
+     */
+    searchFormPopoverFilterBadgeSize: number;
+};
 export declare const genPopoverStyle: StyleMixin;
-export declare const genSearchFormStyle: GenStyleFunc;
+export declare const genSearchFormStyle: GenStyleFunc<SearchFormToken>;
 declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/es/src/ap-form/style/search-form.mjs

@@ -1,10 +1,10 @@
-import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
-const a = (o) => {
-  const { namespace: r } = o, e = `.${r}-ap-form-search-form__popover`;
+import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
+const i = (r) => {
+  const { namespace: e } = r, o = `.${e}-ap-form-search-form__popover`;
   return {
-    [e]: {
+    [o]: {
       ".ant-form-item": {
-        marginBlockEnd: o.space
+        marginBlockEnd: r.space
       },
       ".ant-popover-arrow": {
         display: "none"
@@ -12,29 +12,26 @@ const a = (o) => {
       ".ant-popover-inner": {
         padding: 0
       },
-      [`${e}-content`]: {
-        padding: `${o.spaceLG} ${o.spaceXL} ${o.spaceXL}`,
+      [`${o}-content`]: {
+        padding: `${r.spaceLG} ${r.spaceXL} ${r.spaceXL}`,
         textarea: {
           padding: 0
         }
       },
-      [`${e}-footer`]: {
-        padding: `${o.spaceLG} ${o.spaceXL}`,
-        "&-confirm-btn": {
-          marginLeft: "10px"
-        },
+      [`${o}-footer`]: {
+        padding: `${r.spaceLG} ${r.spaceXL}`,
         "& button.ant-btn": {
-          paddingInline: o.spaceXL
+          paddingInline: r.spaceXL
         }
       }
     }
   };
-}, t = (o) => {
-  const { componentCls: r } = o;
+}, t = (r) => {
+  const { componentCls: e } = r;
   return {
-    [r]: {
+    [e]: {
       ".ant-form-item": {
-        marginBlockEnd: o.space
+        marginBlockEnd: r.space
       },
       ".ant-form-item-control": {
         ".ant-picker": {
@@ -45,22 +42,22 @@ const a = (o) => {
         }
       },
       // for more filter trigger button
-      [`${r}-trigger-btn`]: {
+      [`${e}-trigger-btn`]: {
         fontSize: 0,
         "&-active": {
-          color: o.hoverColorBase,
-          borderColor: o.hoverColorBase,
+          color: r.hoverColorBase,
+          borderColor: r.hoverColorBase,
           zIndex: 1
         },
         "&-badge": {
           display: "inline-block",
-          padding: o.spaceXXS,
-          minWidth: "14px",
-          height: "14px",
-          backgroundColor: o.colorPrimary,
-          fontSize: "10px",
+          padding: r.spaceXXS,
+          minWidth: r.searchFormPopoverFilterBadgeSize,
+          height: r.searchFormPopoverFilterBadgeSize,
+          backgroundColor: r.colorPrimary,
+          fontSize: r.fontSizeSM,
           lineHeight: 1,
-          borderRadius: "7px",
+          borderRadius: r.calc(r.searchFormPopoverFilterBadgeSize).div(2).equal(),
           color: "#fff",
           position: "absolute",
           top: 0,
@@ -69,7 +66,7 @@ const a = (o) => {
           boxShadow: "0 0 0 1px #fff"
         }
       },
-      [`${r}-column-setting-trigger-wrapper`]: {
+      [`${e}-column-setting-trigger-wrapper`]: {
         flexShrink: 0,
         ".ant-btn:not(:only-child)": {
           "&:first-child": {
@@ -89,18 +86,24 @@ const a = (o) => {
           }
         }
       },
-      [`${r}-action-btn`]: {
-        paddingInline: o.spaceLG
+      [`${e}-action-btn`]: {
+        paddingInline: r.spaceLG
       },
-      [`${r}-action-btn-reset`]: {
-        backgroundColor: o.colorBg1
+      [`${e}-action-btn-reset`]: {
+        backgroundColor: r.colorBg1
       }
     },
-    ...a(o)
+    ...i(r)
   };
-}, p = n("ApForm.SearchForm", (o) => [t(o)]);
+}, p = a(
+  "ApForm.SearchForm",
+  (r) => [t(r)],
+  {
+    searchFormPopoverFilterBadgeSize: 14
+  }
+);
 export {
   p as default,
-  a as genPopoverStyle,
+  i as genPopoverStyle,
   t as genSearchFormStyle
 };

package/es/src/ap-grid/editable/form-item.vue.mjs

@@ -2,7 +2,7 @@ import { defineComponent as z, useSlots as G, toRef as K, ref as c, unref as s,
 import { ApForm as y } from "../../ap-form/index.mjs";
 import { isUndefined as Y, isNumber as d, cloneDeep as Z, isArray as M, omit as ee } from "lodash-unified";
 import "../../config-provider/index.mjs";
-import { isDef as C } from "../../utils/index.mjs";
+import "../../utils/index.mjs";
 import { useGetEditableColumns as te } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
 import { useInjectForm as ae } from "../../ap-form/context.mjs";
@@ -11,8 +11,9 @@ import { useDevWarning as ne } from "../../utils/warning.mjs";
 import le from "../style/editable.mjs";
 import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as se } from "../../config-provider/hooks/use-global-config.mjs";
+import { isDef as C } from "../../utils/is.mjs";
 import ie from "../index.vue.mjs";
-const Se = /* @__PURE__ */ z({
+const Fe = /* @__PURE__ */ z({
   name: "EditableGridFormItem",
   __name: "form-item",
   props: {
@@ -285,5 +286,5 @@ const Se = /* @__PURE__ */ z({
   }
 });
 export {
-  Se as default
+  Fe as default
 };

package/es/src/ap-grid/editable/index.vue.mjs

@@ -3,7 +3,7 @@ import { ApForm as m } from "../../ap-form/index.mjs";
 import { isEqual as ee, isArray as c, isUndefined as te, isNumber as g, cloneDeep as ae, omit as oe } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { isDef as b } from "../../utils/index.mjs";
+import "../../utils/index.mjs";
 import { useGetEditableColumns as ne } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
 import { useDevWarning as le } from "../../utils/warning.mjs";
@@ -11,8 +11,9 @@ import se from "../style/editable.mjs";
 import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
 import { useControllableValue as ie } from "../../hooks/useControllableValue.mjs";
 import { useGlobalConfig as ue } from "../../config-provider/hooks/use-global-config.mjs";
+import { isDef as b } from "../../utils/is.mjs";
 import de from "../index.vue.mjs";
-const Fe = /* @__PURE__ */ W({
+const Ee = /* @__PURE__ */ W({
   name: "EditableGrid",
   __name: "index",
   props: {
@@ -313,5 +314,5 @@ const Fe = /* @__PURE__ */ W({
   }
 });
 export {
-  Fe as default
+  Ee as default
 };

package/es/src/ap-grid/index.vue.mjs

@@ -16,16 +16,17 @@ import { DEFAULT_ROW_SELECTION_CONFIG as ue, sizeReverseMap as wt, sizeMap as St
 import { useRenderColumns as bt } from "./hooks/use-render-columns.mjs";
 import { useToken as xt } from "@aplus-frontend/antdv/es/theme/internal";
 import "../scroll-bar/index.mjs";
-import { isDef as kt } from "../utils/index.mjs";
-import { getValidVNodeList as Ft } from "../utils/slot.mjs";
-import { useTableStyle as Et } from "./hooks/use-table-style.mjs";
-import { useDevWarning as It } from "../utils/warning.mjs";
-import Bt from "./style/index.mjs";
-import { useNamespace as Tt } from "../config-provider/hooks/use-namespace.mjs";
+import "../utils/index.mjs";
+import { getValidVNodeList as kt } from "../utils/slot.mjs";
+import { useTableStyle as Ft } from "./hooks/use-table-style.mjs";
+import { useDevWarning as Et } from "../utils/warning.mjs";
+import It from "./style/index.mjs";
+import { useNamespace as Bt } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as ce } from "../config-provider/hooks/use-global-config.mjs";
-import { useLocale as Nt } from "../config-provider/hooks/use-locale.mjs";
+import { useLocale as Tt } from "../config-provider/hooks/use-locale.mjs";
+import { isDef as Nt } from "../utils/is.mjs";
 import Pt from "../scroll-bar/index.vue.mjs";
-const so = /* @__PURE__ */ Qe({
+const io = /* @__PURE__ */ Qe({
   name: "ApGrid",
   __name: "index",
   props: {
@@ -119,12 +120,12 @@ const so = /* @__PURE__ */ Qe({
   },
   setup(pe, { expose: fe }) {
     const T = Ye(), o = pe, x = Ze()?.appContext.app;
-    x && !x.__VXE_PC_UI_INSTALLED__ && (x.use(ne), x.__VXE_PC_UI_INSTALLED__ = !0), It("ApGrid")(
+    x && !x.__VXE_PC_UI_INSTALLED__ && (x.use(ne), x.__VXE_PC_UI_INSTALLED__ = !0), Et("ApGrid")(
       !1,
       "breaking",
       "AgGrid has been EOL, Please use AgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/) instead."
     );
-    const { e: k, b: u, be: me } = Tt("ap-grid"), ge = Bt("ap-grid"), he = ce("valueTypeMap"), Ce = ce("apGrid"), i = y([]), W = y([]), l = y(), F = y(o.size), ve = Et(), [, ye] = xt(), { t: we } = Nt(), N = y(!0);
+    const { e: k, b: u, be: me } = Bt("ap-grid"), ge = It("ap-grid"), he = ce("valueTypeMap"), Ce = ce("apGrid"), i = y([]), W = y([]), l = y(), F = y(o.size), ve = Ft(), [, ye] = xt(), { t: we } = Tt(), N = y(!0);
     ne.setConfig({
       i18n: (e, a) => we(`ap.${e}`, a)
     });
@@ -167,7 +168,7 @@ const so = /* @__PURE__ */ Qe({
         r,
         t(he)
       ), r;
-    }) || [])), xe = n(() => kt(o.manual) ? o.manual : Ft(T.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), ke = n(() => [
+    }) || [])), xe = n(() => Nt(o.manual) ? o.manual : kt(T.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), ke = n(() => [
       u(),
       o.card ? null : u("wrapper"),
       o.adaptive ? u("adaptive") : null,
@@ -548,5 +549,5 @@ const so = /* @__PURE__ */ Qe({
   }
 });
 export {
-  so as default
+  io as default
 };

package/es/src/ap-grid/style/editable.mjs

@@ -1,16 +1,16 @@
-import { multiRows as i } from "../../style/index.mjs";
+import { multiRows as r } from "../../style/index.mjs";
 import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
-const o = (e) => {
+const i = (e) => {
   const { componentCls: t } = e;
   return {
     [t]: {
       [`${t}__header-cell--required`]: {
-        color: "#FF4D4F",
-        paddingRight: "2px"
+        color: e.colorError,
+        paddingRight: e.spaceXXS
       },
       [`${t}-table-header`]: {
         "&__title": {
-          ...i(e),
+          ...r(e),
           textAlign: "right"
         }
       },
@@ -24,9 +24,9 @@ const o = (e) => {
     }
   };
 }, d = l("EditableGrid", (e) => [
-  o(e)
+  i(e)
 ]);
 export {
   d as default,
-  o as genEditableGridStyle
+  i as genEditableGridStyle
 };

package/es/src/ap-grid/style/index.mjs

@@ -1,9 +1,9 @@
-import { genSettingTriggerBtnStyle as r } from "../../ap-table/style/index.mjs";
+import { genSettingTriggerBtnStyle as n } from "../../ap-table/style/index.mjs";
 import { multiRows as o, resetScrollbar as d } from "../../style/index.mjs";
 import { genComponentStyleHook as p } from "../../utils/cssinjs/index.mjs";
 import { aplusApGridIconFont as c } from "./font.mjs";
 const g = (e) => {
-  const { componentCls: i, namespace: t } = e, l = `${i}-vxe-wrapper`, a = `${i}-pagination-wrapper`, n = `.${t}-scroll-bar`;
+  const { componentCls: i, namespace: t } = e, l = `${i}-vxe-wrapper`, a = `${i}-pagination-wrapper`, r = `.${t}-scroll-bar`;
   return [
     c,
     {
@@ -50,11 +50,11 @@ const g = (e) => {
             position: "sticky",
             bottom: 0
           },
-          [`&:has(${n})`]: {
+          [`&:has(${r})`]: {
             [a]: {
               "ul.ant-pagination": {
                 marginBlockStart: 0,
-                paddingBlockStart: "4px"
+                paddingBlockStart: e.spaceXS
               }
             },
             ".vxe-table--scroll-x-wrapper": {
@@ -85,7 +85,7 @@ const g = (e) => {
           paddingBlockEnd: 0,
           backgroundColor: "#fff",
           borderRadius: e.borderRadius,
-          marginBlockEnd: "10px"
+          marginBlockEnd: e.spaceMD
         },
         [`${i}__table-wrapper`]: {
           flex: 1,
@@ -109,7 +109,7 @@ const g = (e) => {
           display: "flex",
           flexWrap: "wrap",
           alignItems: "center",
-          rowGap: "8px",
+          rowGap: e.space,
           ".ant-pagination-total-text": {
             flex: 1,
             height: "unset",
@@ -142,7 +142,7 @@ const g = (e) => {
           color: e.textColor1
         },
         [`${i}-pagination--total-right`]: {
-          paddingInlineStart: "12px"
+          paddingInlineStart: e.spaceLG
         },
         [`${i}-pagination-total-wrapper`]: {
           color: e.textColor2
@@ -157,7 +157,7 @@ const g = (e) => {
             }
           }
         },
-        ...r(e),
+        ...n(e),
         // 实现表头不换行排列
         "th.vxe-header--column .vxe-cell--wrapper": {
           display: "flex",
@@ -196,7 +196,7 @@ const g = (e) => {
         },
         ".vxe-cell--checkbox.is--disabled > .vxe-checkbox--icon": {
           backgroundColor: e.tableHeaderBg,
-          borderRadius: "4px"
+          borderRadius: e.borderRadius
         },
         ".vxe-cell--checkbox span.vxe-checkbox--icon": {
           verticalAlign: "text-wrap"
@@ -208,7 +208,7 @@ const g = (e) => {
       }
     }
   ];
-}, m = p(
+}, b = p(
   "ApGrid",
   (e) => [g(e)],
   {
@@ -216,6 +216,6 @@ const g = (e) => {
   }
 );
 export {
-  m as default,
+  b as default,
   g as genApGridStyle
 };

package/es/src/ap-grid/utils/table.mjs

@@ -1,7 +1,8 @@
 import { omit as d, isUndefined as s, isFunction as g, isNumber as m } from "lodash-unified";
-import { isDef as C } from "../../utils/index.mjs";
+import "../../utils/index.mjs";
+import { isDef as C } from "../../utils/is.mjs";
 const b = 20, y = 50, v = (e) => e.some((i) => !!i.html);
-function k(e, i) {
+function z(e, i) {
   const t = {
     ...d(e, [
       "columns",
@@ -62,9 +63,9 @@ function k(e, i) {
   }, t;
 }
 function l(e, i, t) {
-  const n = i === "X", r = n ? "x" : "y", a = n ? "virtualXConfig" : "virtualYConfig", u = t?.[r], o = u !== !1, f = n ? b : y, c = m(u) && u >= 0 ? u : f;
+  const n = i === "X", r = n ? "x" : "y", a = n ? "virtualXConfig" : "virtualYConfig", o = t?.[r], u = o !== !1, f = n ? b : y, c = m(o) && o >= 0 ? o : f;
   e[a] = {
-    enabled: o,
+    enabled: u,
     gt: c,
     oSize: t?.oSize || 0
   };
@@ -72,18 +73,18 @@ function l(e, i, t) {
 function x(e) {
   return e === !0 ? "left" : e;
 }
-function z(e, i, t) {
+function F(e, i, t) {
   const n = e === !0 || !e.type ? "checkbox" : e.type, r = (t === "mini" ? 9 * 2 : 12 * 2) + 16, a = e === !0 ? r : e.columnWidth || r;
-  let u = e === !0 ? void 0 : x(e.fixed);
-  return u || (u === !1 ? u = void 0 : u = i.some(
-    (o) => o.fixed === "left" || o.fixed === !0
+  let o = e === !0 ? void 0 : x(e.fixed);
+  return o || (o === !1 ? o = void 0 : o = i.some(
+    (u) => u.fixed === "left" || u.fixed === !0
   ) ? "left" : void 0), {
     type: n,
     width: a,
-    fixed: u
+    fixed: o
   };
 }
-function F(e) {
+function K(e) {
   const i = e?.width || "auto";
   return {
     type: "expand",
@@ -106,7 +107,7 @@ function R(e, i) {
   return n += r, e.querySelector("span.anticon-question-circle") && (n += 20), n += h(e.querySelector(".vxe-cell--sort")) + h(e.querySelector(".vxe-cell--filter")), Math.ceil(n);
 }
 export {
-  F as getRowExpandProps,
-  z as getRowSelectionProps,
-  k as toVxeProps
+  K as getRowExpandProps,
+  F as getRowSelectionProps,
+  z as toVxeProps
 };

package/es/src/ap-list/hooks/use-offline-list.d.ts

@@ -12,8 +12,8 @@ export declare const useOfflineList: <DataType = Recordable>(params: ApListProps
         current: number;
         pageSize: number;
         total: number;
-        showSizeChanger: boolean;
-        showQuickJumper: boolean;
+        showSizeChanger: NonNullable<boolean | undefined>;
+        showQuickJumper: NonNullable<boolean | undefined>;
         showLessItems: boolean | undefined;
         size: "default" | "small";
         pageSizeOptions: (string | number)[];

package/es/src/ap-list/hooks/use-offline-list.mjs

@@ -1,37 +1,38 @@
 import { ref as c, computed as g, unref as n } from "vue";
-import { isDef as f } from "../../utils/index.mjs";
-import { isUndefined as p } from "lodash-unified";
-const w = (e) => {
+import "../../utils/index.mjs";
+import { isUndefined as d } from "lodash-unified";
+import { isDef as f } from "../../utils/is.mjs";
+const C = (e) => {
   const i = c(
     e.pagination && e.pagination.defaultCurrent || 1
   ), o = c(
     e.pagination && e.pagination.defaultPageSize || 10
   );
-  function s(t, a) {
-    i.value = t, o.value = a;
+  function s(t, r) {
+    i.value = t, o.value = r;
   }
-  const d = g(() => e.dataSource ? e.pagination === !1 ? [...e.dataSource] : e.dataSource.slice(
+  const p = g(() => e.dataSource ? e.pagination === !1 ? [...e.dataSource] : e.dataSource.slice(
     (n(i) - 1) * n(o),
     n(i) * n(o)
   ) : []);
   return {
     pagination: g(() => {
-      const { showLessItems: t, showSizeChanger: a, showQuickJumper: r, pageSizeOptions: u } = e.pagination || {};
+      const { showLessItems: t, showSizeChanger: r, showQuickJumper: a, pageSizeOptions: u } = e.pagination || {};
       return {
         current: n(i),
         pageSize: n(o),
         total: e.dataSource?.length || 0,
-        showSizeChanger: f(a) ? a : !t,
-        showQuickJumper: f(r) ? r : !t,
+        showSizeChanger: f(r) ? r : !t,
+        showQuickJumper: f(a) ? a : !t,
         showLessItems: t,
         size: "default",
-        pageSizeOptions: p(u) ? ["10", "20", "50", "100"] : u
+        pageSizeOptions: d(u) ? ["10", "20", "50", "100"] : u
       };
     }),
-    dataSource: d,
+    dataSource: p,
     onChange: s
   };
 };
 export {
-  w as useOfflineList
+  C as useOfflineList
 };

package/es/src/ap-list/style/index.mjs

@@ -21,7 +21,7 @@ const i = (e) => {
         width: "100%",
         top: 0,
         bottom: 0,
-        borderRadius: "4px",
+        borderRadius: e.borderRadius,
         display: "flex",
         justifyContent: "center",
         alignItems: "center",

package/es/src/ap-pro-card/style/divider.mjs

@@ -8,7 +8,7 @@ const a = (r) => {
       backgroundColor: r.apProCardBorderColorSplit,
       "&-vertical": {
         position: "relative",
-        marginInline: "8px",
+        marginInline: r.space,
         "&::after": {
           position: "absolute",
           height: r.apProCardDividerLineHeight,
@@ -21,7 +21,7 @@ const a = (r) => {
       },
       "&-horizontal": {
         position: "relative",
-        marginBlock: "8px",
+        marginBlock: r.space,
         "&::after": {
           position: "absolute",
           width: r.apProCardDividerLineHeight,

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

@@ -1,6 +1,6 @@
-import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
-import { defaultToken as d } from "./token.mjs";
-const i = () => {
+import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
+import { defaultToken as e } from "./token.mjs";
+const t = () => {
   const r = {};
   r["&-span-0"] = {
     display: "none"
@@ -13,7 +13,7 @@ const i = () => {
     };
   }
   return r;
-}, t = (r) => {
+}, d = (r) => {
   const { componentCls: o } = r, a = `${r.apProCardBorderLineWidth} ${r.apProCardBorderLineType} ${r.apProCardBorderColorSplit}`;
   return {
     [o]: {
@@ -23,7 +23,7 @@ const i = () => {
       boxSizing: "border-box",
       padding: 0,
       width: "100%",
-      transition: "all 0.3s",
+      transition: `all ${r.motionDurationSlow}`,
       backgroundColor: r.apProCardColorBgContainer,
       borderRadius: r.apProCardBorderRadius,
       fontSize: r.fontSize,
@@ -37,7 +37,7 @@ const i = () => {
       },
       "&-hoverable": {
         cursor: "pointer",
-        transition: "box-shadow 0.3s, border-color 0.3s",
+        transition: `box-shadow ${r.motionDurationSlow}, border-color ${r.motionDurationSlow}`,
         "&:hover": {
           borderColor: "transparent",
           boxShadow: r.apProCardBoxShadow
@@ -53,7 +53,7 @@ const i = () => {
           color: r.apProCardHeaderTitleFontColor,
           fontWeight: "500",
           "&-tooltip": {
-            marginLeft: "5px",
+            marginLeft: r.spaceXS,
             fontSize: r.fontSize,
             color: r.apProCardTooltipColor
           }
@@ -70,10 +70,10 @@ const i = () => {
         }
       },
       [`${o}-collapsible-icon`]: {
-        marginInlineEnd: "4px",
+        marginInlineEnd: r.spaceXS,
         color: r.apProCardHeaderTitleFontColor,
         fontSize: r.fontSizeLG,
-        transition: "transform 0.3s",
+        transition: `transform ${r.motionDurationSlow}`,
         "&:hover": {
           color: r.hoverColorBase
         },
@@ -142,7 +142,7 @@ const i = () => {
             content: '""'
           }
         },
-        ...i(r)
+        ...t(r)
       },
       [`${o}-actions`]: {
         borderBlockStart: a,
@@ -158,12 +158,12 @@ const i = () => {
       }
     }
   };
-}, p = e(
+}, p = i(
   "ProCard",
-  (r) => [t(r)],
-  d
+  (r) => [d(r)],
+  e
 );
 export {
   p as default,
-  t as genProCardStyle
+  d as genProCardStyle
 };

package/es/src/ap-pro-card/style/operation.mjs

@@ -6,8 +6,7 @@ const t = (e) => ({
     justifyContent: "center",
     marginInline: 0,
     fontWeight: "500",
-    fontSize: "20px",
-    lineHeight: "26px"
+    fontSize: e.fontSizeXXL
   }
 }), r = n("ProCard.Operation", (e) => [
   t(e)