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

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

@@ -0,0 +1,153 @@
+import { genSettingTriggerBtnStyle as l } from "../../ap-table/style/index.mjs";
+import { multiRows as a, resetScrollbar as t } from "../../style/index.mjs";
+import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
+const n = (e) => {
+  const { componentCls: i } = e;
+  return {
+    [i]: {
+      ...t(e),
+      "&-adaptive": {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        [`${i}-grid-wrapper`]: {
+          minHeight: 0,
+          flex: 1,
+          position: "relative"
+        }
+      },
+      "&-wrapper": {
+        padding: e.space,
+        paddingBlockEnd: e.spaceLG,
+        backgroundColor: "#fff",
+        // 如果渲染了分页器，则取消容器的底部边距，防止双重边距
+        "&:has(ul.ant-pagination)": {
+          paddingBottom: 0
+        }
+      },
+      [`${i}__search-wrapper`]: {
+        padding: e.space,
+        paddingBlockEnd: 0,
+        backgroundColor: "#fff",
+        borderRadius: e.borderRadius,
+        marginBlockEnd: "10px"
+      },
+      [`${i}__table-wrapper`]: {
+        flex: 1,
+        minHeight: 0,
+        maxHeight: "100%",
+        width: "100%",
+        display: "flex",
+        flexDirection: "column"
+      },
+      [`${i}__table-wrapper-card`]: {
+        padding: e.space,
+        paddingBlockEnd: e.spaceLG,
+        borderRadius: e.borderRadius,
+        backgroundColor: "#fff",
+        "&:has(ul.ant-pagination)": {
+          paddingBlockEnd: 0
+        }
+      },
+      [`${i}-pagination`]: {
+        marginBlock: e.space,
+        display: "flex",
+        flexWrap: "wrap",
+        alignItems: "center",
+        rowGap: "8px",
+        ".ant-pagination-total-text": {
+          flex: 1,
+          height: "unset",
+          lineHeight: e.lineHeight,
+          display: "flex",
+          alignItems: "center"
+        }
+      },
+      [`${i}__table-loading-wrapper`]: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        zIndex: 2,
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "hsla(0,0%,100%,.5)"
+      },
+      [`${i}-table-header`]: {
+        "&__title": {
+          ...a(e),
+          fontWeight: 700,
+          textAlign: "right",
+          "&--single": {
+            flex: "unset"
+          }
+        }
+      },
+      ...l(e),
+      [`${i}__cell--left`]: {
+        textAlign: "left"
+      },
+      [`${i}__cell--center`]: {
+        textAlign: "center"
+      },
+      [`${i}__cell--right`]: {
+        textAlign: "right"
+      },
+      [`${i}__cell--multiline`]: {
+        ".ag-cell-value": {
+          display: "-webkit-box",
+          "-webkit-box-orient": "vertical",
+          "-webkit-line-clamp": "var(--ag-grid-line-clamp)",
+          wordBreak: "break-all"
+        }
+      },
+      "&-size-mini": {
+        ".ag-cell": {
+          lineHeight: e.lineHeight,
+          paddingBlock: "6px",
+          width: "100%",
+          display: "flex",
+          alignItems: "center",
+          "& > div": {
+            width: "100%"
+          }
+        }
+      },
+      "&-size-medium": {
+        ".ag-cell": {
+          lineHeight: e.lineHeight,
+          paddingBlock: "9px",
+          display: "flex",
+          alignItems: "center",
+          "& > div": {
+            width: "100%"
+          }
+        }
+      },
+      [`${i}__tooltip`]: {
+        fontSize: e.fontSize,
+        maxWidth: "300px",
+        wordBreak: "break-all",
+        backgroundColor: "#fff",
+        padding: "6px  8px",
+        borderRadius: "4px",
+        boxShadow: "0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05)"
+      },
+      ".ag-unselectable": {
+        userSelect: "text",
+        "-webkit-user-select": "text"
+      },
+      ".ag-checkbox.ag-labeled[disabled] .ag-input-field-input[disabled]": {
+        cursor: "not-allowed"
+      }
+    }
+  };
+}, o = r("AgGrid", (e) => [
+  n(e)
+]);
+export {
+  o as default,
+  n as genAgGridStyle
+};

package/es/src/ap-action/group/index.vue.d.ts

@@ -1,11 +1,11 @@
 import { ApActionGroupProps } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { Trigger } from '@aplus-frontend/antdv/es/dropdown/props';
 import { GroupActionTypes } from '..';
+import { Trigger } from '@aplus-frontend/antdv/es/dropdown/props';
 declare const _default: DefineComponent<ApActionGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApActionGroupProps> & Readonly<{}>, {
-    placement: "top" | "topLeft" | "bottom" | "topRight" | "bottomLeft" | "bottomRight" | "topCenter" | "bottomCenter";
-    trigger: Trigger | Trigger[];
+    placement: "top" | "topLeft" | "bottom" | "bottomLeft" | "bottomRight" | "topRight" | "topCenter" | "bottomCenter";
     actions: GroupActionTypes[];
+    trigger: Trigger | Trigger[];
     count: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/src/ap-action/item/index.vue2.mjs

@@ -1,9 +1,10 @@
-import { defineComponent as B, useSlots as h, createPropsRestProxy as A, ref as F, computed as u, unref as n, renderSlot as y, createElementBlock as f, createCommentVNode as a, openBlock as t, mergeProps as g, createBlock as m, normalizeClass as N, createVNode as L, withCtx as P, resolveDynamicComponent as k, isVNode as S, toDisplayString as V } from "vue";
+import { defineComponent as h, useSlots as A, createPropsRestProxy as F, ref as N, computed as u, unref as n, renderSlot as y, createElementBlock as f, createCommentVNode as a, openBlock as t, mergeProps as g, createBlock as m, normalizeClass as S, createVNode as I, withCtx as L, resolveDynamicComponent as k, isVNode as P, toDisplayString as V } from "vue";
 import "../../config-provider/index.mjs";
 import $ from "@aplus-frontend/antdv/es/button/LoadingIcon";
 import { Tooltip as w } from "@aplus-frontend/antdv";
-import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
-const I = { key: 1 }, q = /* @__PURE__ */ B({
+import D from "../style/index.mjs";
+import { useNamespace as T } from "../../config-provider/hooks/use-namespace.mjs";
+const x = { key: 1 }, J = /* @__PURE__ */ h({
   name: "ApActionItem",
   __name: "index",
   props: {
@@ -19,24 +20,25 @@ const I = { key: 1 }, q = /* @__PURE__ */ B({
     tooltip: { default: () => ({}) }
   },
   setup(o) {
-    const s = h(), r = A(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon", "tooltip"]), { b: v, m: l, e: b } = D("action-item"), c = F(!1), d = u(() => o.iconFirst && (o.icon || s.icon));
+    const s = A(), r = F(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon", "tooltip"]), { b: v, m: l, e: b } = T("action-item"), c = N(!1), d = u(() => o.iconFirst && (o.icon || s.icon)), C = D("action");
     function p(e) {
       n(i) || o.disabled || (r.onClick?.(e), r.onAction && (c.value = !0, r.onAction(e).finally(() => c.value = !1)));
     }
-    const i = u(() => o.loading || n(c)), C = u(() => [
+    const i = u(() => o.loading || n(c)), B = u(() => [
+      C.value,
       v(),
       l(o.color),
       d.value ? l("icon-first") : null,
       o.disabled ? l("disabled") : null,
       i.value ? l("loading") : null
     ].filter(Boolean));
-    return (e, T) => y(e.$slots, "trigger", {
+    return (e, z) => y(e.$slots, "trigger", {
       loading: i.value,
       disabled: e.disabled,
       onClick: p
     }, () => [
       e.visible ? (t(), f("span", g({ key: 0 }, e.$attrs, {
-        class: C.value,
+        class: B.value,
         onClick: p
       }), [
         i.value ? (t(), m(n($), {
@@ -47,24 +49,24 @@ const I = { key: 1 }, q = /* @__PURE__ */ B({
         })) : a("", !0),
         e.icon || s.icon ? (t(), f("span", {
           key: 1,
-          class: N(n(b)("icon-wrapper"))
+          class: S(n(b)("icon-wrapper"))
         }, [
-          L(n(w), g({
+          I(n(w), g({
             title: d.value ? e.text : null
           }, e.tooltip), {
-            default: P(() => [
+            default: L(() => [
               (t(), m(k(e.icon || s.icon)))
             ]),
             _: 1
           }, 16, ["title"])
         ], 2)) : a("", !0),
         d.value ? a("", !0) : y(e.$slots, "default", { key: 2 }, () => [
-          S(e.text) ? (t(), m(k(e.text), { key: 0 })) : (t(), f("span", I, V(e.text || ""), 1))
+          P(e.text) ? (t(), m(k(e.text), { key: 0 })) : (t(), f("span", x, V(e.text || ""), 1))
         ])
       ], 16)) : a("", !0)
     ]);
   }
 });
 export {
-  q as default
+  J as default
 };

package/es/src/ap-action/item-dropdown/index.vue.d.ts

@@ -12,13 +12,13 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApActionItemDropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApActionItemDropdownProps> & Readonly<{}>, {
-    placement: "top" | "topLeft" | "bottom" | "topRight" | "bottomLeft" | "bottomRight" | "topCenter" | "bottomCenter";
+    placement: "top" | "topLeft" | "bottom" | "bottomLeft" | "bottomRight" | "topRight" | "topCenter" | "bottomCenter";
     visible: boolean;
     color: ActionColor;
     disabled: boolean;
     loading: boolean;
-    trigger: Trigger | Trigger[];
     actions: MixedActionTypes[];
+    trigger: Trigger | Trigger[];
     showIcon: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/src/ap-action/item-dropdown/index.vue.mjs

@@ -1,16 +1,17 @@
-import { defineComponent as v, ref as k, computed as w, createBlock as n, openBlock as r, unref as o, withCtx as l, createElementVNode as u, normalizeClass as s, createVNode as c, normalizeProps as B, guardReactiveProps as A, renderSlot as b, createCommentVNode as C, createElementBlock as I, Fragment as P, renderList as D, mergeProps as m } from "vue";
-import { Dropdown as N, Menu as $, MenuItem as h } from "@aplus-frontend/antdv";
+import { defineComponent as k, ref as w, computed as B, createBlock as n, openBlock as r, unref as o, normalizeClass as s, withCtx as l, createElementVNode as A, createVNode as u, createCommentVNode as b, normalizeProps as I, guardReactiveProps as h, renderSlot as C, createElementBlock as P, Fragment as D, renderList as N, mergeProps as p } from "vue";
+import { Dropdown as $, Menu as L, MenuItem as V } from "@aplus-frontend/antdv";
 import "../item/index.vue.mjs";
 import "../item-modal/index.vue2.mjs";
 import "../item-popconfirm/index.vue2.mjs";
-import { IconApAdLineDown as L } from "@aplus-frontend/icon";
+import { IconApAdLineDown as z } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { isUndefined as V, omit as z } from "lodash-unified";
-import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
-import d from "../item/index.vue2.mjs";
-import F from "../item-modal/index.vue.mjs";
-import M from "../item-popconfirm/index.vue.mjs";
-const T = /* @__PURE__ */ v({
+import { isUndefined as E, omit as F } from "lodash-unified";
+import M from "../style/dropdown-item.mjs";
+import { useNamespace as S } from "../../config-provider/hooks/use-namespace.mjs";
+import c from "../item/index.vue2.mjs";
+import U from "../item-modal/index.vue.mjs";
+import x from "../item-popconfirm/index.vue.mjs";
+const Z = /* @__PURE__ */ k({
   name: "ApActionItemDropDown",
   __name: "index",
   props: {
@@ -28,38 +29,39 @@ const T = /* @__PURE__ */ v({
     iconFirst: { type: Boolean },
     tooltip: {}
   },
-  setup(g) {
-    const f = g, p = k(!1), { e: i } = E("action-item-dropdown"), y = w(() => f.actions.filter((e) => e.visible || V(e.visible)).map((e) => ({
+  setup(d) {
+    const m = d, i = w(!1), { e: f, b: y } = S("action-item-dropdown"), g = M("action-item-dropdown"), _ = B(() => m.actions.filter((e) => e.visible || E(e.visible)).map((e) => ({
       ...e,
       onAction: async (a) => {
         try {
           await e.onAction?.(a);
         } finally {
-          p.value = !1;
+          i.value = !1;
         }
       }
     })));
-    return (e, a) => (r(), n(o(N), {
-      open: p.value,
-      "onUpdate:open": a[0] || (a[0] = (t) => p.value = t),
+    return (e, a) => (r(), n(o($), {
+      open: i.value,
+      "onUpdate:open": a[0] || (a[0] = (t) => i.value = t),
       trigger: e.trigger,
-      placement: e.placement
+      placement: e.placement,
+      class: s(o(g))
     }, {
       overlay: l(() => [
-        c(o($), null, {
+        u(o(L), null, {
           default: l(() => [
-            (r(!0), I(P, null, D(y.value, (t, _) => (r(), n(o(h), {
-              key: _,
-              class: s(o(i)("item"))
+            (r(!0), P(D, null, N(_.value, (t, v) => (r(), n(o(V), {
+              key: v,
+              class: s(o(f)("item"))
             }, {
               default: l(() => [
-                t.modalProps ? (r(), n(F, m({
+                t.modalProps ? (r(), n(U, p({
                   key: 0,
                   ref_for: !0
-                }, t), null, 16)) : t.popconfirmProps ? (r(), n(M, m({
+                }, t), null, 16)) : t.popconfirmProps ? (r(), n(x, p({
                   key: 1,
                   ref_for: !0
-                }, t), null, 16)) : (r(), n(d, m({
+                }, t), null, 16)) : (r(), n(c, p({
                   key: 2,
                   ref_for: !0
                 }, t), null, 16))
@@ -71,26 +73,25 @@ const T = /* @__PURE__ */ v({
         })
       ]),
       default: l(() => [
-        u("span", {
-          class: s(o(i)("wrapper"))
+        A("span", {
+          class: s(o(y)())
         }, [
-          c(d, B(A(o(z)(f, ["actions", "trigger", "placement"]))), {
+          u(c, I(h(o(F)(m, ["actions", "trigger", "placement"]))), {
             default: l(() => [
-              b(e.$slots, "default")
+              C(e.$slots, "default")
             ]),
             _: 3
           }, 16),
-          u("span", {
-            class: s(o(i)("icon"))
-          }, [
-            e.showIcon ? (r(), n(o(L), { key: 0 })) : C("", !0)
-          ], 2)
+          e.showIcon ? (r(), n(o(z), {
+            key: 0,
+            class: s(o(f)("icon"))
+          }, null, 8, ["class"])) : b("", !0)
         ], 2)
       ]),
       _: 3
-    }, 8, ["open", "trigger", "placement"]));
+    }, 8, ["open", "trigger", "placement", "class"]));
   }
 });
 export {
-  T as default
+  Z as default
 };

package/es/src/ap-action/style/dropdown-item.d.ts

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

package/es/src/ap-action/style/dropdown-item.mjs

@@ -0,0 +1,29 @@
+import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
+const c = (e) => {
+  const { componentCls: o, namespace: n } = e, t = `.${n}-action-item`;
+  return {
+    [o]: {
+      display: "inline-flex",
+      flexDirection: "row",
+      alignItems: "center",
+      // dropdown menu item
+      "&__item": {
+        [t]: {
+          width: "100%"
+        }
+      },
+      [`${o}__icon`]: {
+        color: e.colorPrimary,
+        marginLeft: e.spaceXXS,
+        fontSize: e.fontSize,
+        display: "inline-flex"
+      }
+    }
+  };
+}, r = i("ApAction.Dropdown", (e) => [
+  c(e)
+]);
+export {
+  r as default,
+  c as genActionDropdownItemStyle
+};

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

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

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

@@ -0,0 +1,74 @@
+import { resetComponent as n } from "../../style/index.mjs";
+import { genComponentStyleHook as s } from "../../utils/cssinjs/index.mjs";
+const d = (o) => {
+  const {
+    loadingOpacity: i,
+    colorLink: c,
+    colorLinkHover: l,
+    colorSuccess: e,
+    colorError: a,
+    colorWarn: t,
+    componentCls: r
+  } = o;
+  return {
+    [`${r}-item`]: {
+      display: "inline-block",
+      cursor: "pointer",
+      ...n(o),
+      "&--primary": {
+        color: c,
+        [`&:not(${r}-item--disabled):hover`]: {
+          color: l
+        },
+        [`&${r}-item--disabled`]: {
+          color: o.colorLinkDisabled
+        }
+      },
+      "&--success": {
+        color: e,
+        [`&${r}-item--disabled`]: {
+          color: o.colorSuccessDisabled
+        }
+      },
+      "&--error": {
+        color: a,
+        [`&${r}-item--disabled`]: {
+          color: o.colorErrorDisabled
+        }
+      },
+      "&--warn": {
+        color: t,
+        [`&${r}-item--disabled`]: {
+          color: o.colorWarnDisabled
+        }
+      },
+      "&--loading": {
+        opacity: i,
+        transition: "opacity 0.2s",
+        cursor: "default",
+        ".btn-loading-icon": {
+          marginRight: o.spaceXS
+        }
+      },
+      "&--disabled": {
+        cursor: "not-allowed"
+      },
+      [`${r}-item__icon-wrapper`]: {
+        paddingRight: o.spaceXS
+      },
+      "&--icon-first": {
+        [`${r}-item__icon-wrapper`]: {
+          paddingRight: 0
+        }
+      }
+    }
+  };
+}, b = s(
+  "ApAction",
+  (o) => [d(o)],
+  { loadingOpacity: 0.35 }
+);
+export {
+  b as default,
+  d as genActionItemStyle
+};

package/es/src/ap-button/ap-button.vue.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as W, useSlots as z, ref as L, computed as t, createBlock as w, openBlock as M, unref as a, mergeProps as P, createSlots as T, renderList as _, withCtx as S, renderSlot as $, normalizeProps as x, guardReactiveProps as N } from "vue";
-import { Button as A } from "@aplus-frontend/antdv";
-import { wait as D } from "@aplus-frontend/utils";
+import { defineComponent as z, useSlots as L, ref as w, computed as t, createBlock as M, openBlock as P, unref as n, mergeProps as S, createSlots as T, renderList as _, withCtx as $, renderSlot as x, normalizeProps as N, guardReactiveProps as A } from "vue";
+import { Button as D } from "@aplus-frontend/antdv";
+import { wait as F } from "@aplus-frontend/utils";
 import "../config-provider/index.mjs";
-import { omit as F } from "lodash-unified";
+import { omit as I } from "lodash-unified";
 import { transferOpacityColor as O, isAsynchronous as j } from "./utils/index.mjs";
-import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as I } from "../config-provider/hooks/use-global-config.mjs";
-const R = 72, q = 300, Y = /* @__PURE__ */ W({
+import G from "./style/index.mjs";
+import { useNamespace as R } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as q } from "../config-provider/hooks/use-global-config.mjs";
+const E = 72, H = 300, eo = /* @__PURE__ */ z({
   __name: "ap-button",
   props: {
     prefixCls: {},
@@ -34,69 +35,70 @@ const R = 72, q = 300, Y = /* @__PURE__ */ W({
     onClick: {}
   },
   setup(m) {
-    const y = z(), e = m, l = {
+    const y = L(), o = m, l = {
       aplus: "#0070FF",
       admin: "#34b77c"
-    }, { b: i } = G("ap-action-button"), b = I("uiMode"), n = L(!1), v = t(
-      () => e.borderLinkColor || l[b.value] || l.aplus
+    }, { b: i } = R("ap-action-button"), b = G("ap-action-button"), h = q("uiMode"), r = w(!1), v = t(
+      () => o.borderLinkColor || l[h.value] || l.aplus
     ), s = t(
-      () => e.type === "borderLink" && !e.disabled ? v.value : void 0
+      () => o.type === "borderLink" && !o.disabled ? v.value : void 0
     ), u = t(
       () => O(s.value)
-    ), h = t(() => e.minWidth === !0 ? `${R}px` : typeof e.minWidth == "number" ? `${e.minWidth}px` : typeof e.minWidth == "string" ? e.minWidth : void 0), g = t(
-      () => (e.type === "borderLink" ? "default" : e.type) || "default"
-    ), c = t(() => e.loading ?? n.value ?? !1), d = t(() => e.lazy === !0 ? q : typeof e.lazy == "number" && e.lazy >= 0 ? e.lazy : 0);
-    function k() {
-      const o = F(e, [
+    ), g = t(() => o.minWidth === !0 ? `${E}px` : typeof o.minWidth == "number" ? `${o.minWidth}px` : typeof o.minWidth == "string" ? o.minWidth : void 0), k = t(
+      () => (o.type === "borderLink" ? "default" : o.type) || "default"
+    ), c = t(() => o.loading ?? r.value ?? !1), p = t(() => o.lazy === !0 ? H : typeof o.lazy == "number" && o.lazy >= 0 ? o.lazy : 0);
+    function C() {
+      const e = I(o, [
         "type",
         "borderLinkColor",
         "minWidth",
         "onClick",
         "loading"
       ]);
-      return o ? {
-        ...o,
-        type: g.value,
-        onclick: C
+      return e ? {
+        ...e,
+        type: k.value,
+        onclick: B
       } : {};
     }
-    async function C() {
+    async function B() {
       if (c.value) return;
-      const o = j(e.onClick), p = Date.now();
+      const e = j(o.onClick), d = Date.now();
       try {
-        o && (n.value = !0, await o);
+        e && (r.value = !0, await e);
       } finally {
-        if (o) {
-          const r = Date.now() - p;
-          r < d.value && await D(d.value - r), n.value = !1;
+        if (e) {
+          const a = Date.now() - d;
+          a < p.value && await F(p.value - a), r.value = !1;
         }
       }
     }
-    return (o, p) => (M(), w(a(A), P({
+    return (e, d) => (P(), M(n(D), S({
       class: {
-        [a(i)()]: !0,
-        [`${a(i)()}-border-link`]: u.value
+        [n(i)()]: !0,
+        [`${n(i)()}-border-link`]: u.value,
+        [`${n(b)}`]: !0
       }
     }, {
-      ...o.$attrs,
-      ...k()
+      ...e.$attrs,
+      ...C()
     }, {
       style: {
         color: s.value,
-        minWidth: h.value,
+        minWidth: g.value,
         "--button-border-color": u.value
       },
       loading: c.value
     }), T({ _: 2 }, [
-      _(y, (r, f) => ({
+      _(y, (a, f) => ({
         name: f,
-        fn: S((B) => [
-          $(o.$slots, f, x(N(B || {})))
+        fn: $((W) => [
+          x(e.$slots, f, N(A(W || {})))
         ])
       }))
     ]), 1040, ["class", "style", "loading"]));
   }
 });
 export {
-  Y as default
+  eo as default
 };

package/es/src/ap-button/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/ap-button/style/index.mjs

@@ -0,0 +1,19 @@
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+const r = (o) => {
+  const { componentCls: t } = o;
+  return {
+    [t]: {
+      "&-border-link": {
+        ".ant-btn&:not(:disabled):hover,&:not(:disabled):active,&:not(:disabled):focus": {
+          borderColor: "var(--button-border-color)",
+          color: "var(--button-border-color) !important"
+        }
+      }
+    }
+  };
+}, l = n("ApButton", (o) => [
+  r(o)
+]);
+export {
+  l as default
+};