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

package/es/src/ap-table/style/ellipsis.mjs

@@ -0,0 +1,37 @@
+import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
+const o = (e) => {
+  const { componentCls: l } = e;
+  return {
+    [l]: {
+      display: "flex",
+      alignItems: "center",
+      overflow: "hidden",
+      [`${l}-content`]: {
+        flex: 1,
+        minWidth: 0,
+        overflow: "hidden",
+        display: "-webkit-box",
+        "-webkit-box-orient": "vertical",
+        textOverflow: "ellipsis",
+        "-webkit-line-clamp": "var(--ap-table-paragraph-ellipsis-rows)",
+        lineClamp: "var(--ap-table-paragraph-ellipsis-rows)",
+        wordBreak: "break-all",
+        "& > *": {
+          width: "100%"
+        }
+      },
+      [`${l}-copyable`]: {
+        flexShrink: 0,
+        marginLeft: e.space,
+        cursor: "pointer",
+        color: e.colorLink
+      }
+    }
+  };
+}, a = i("ApTable.Ellipsis", (e) => [
+  o(e)
+]);
+export {
+  a as default,
+  o as genTableEllipsisCellStyle
+};

package/es/src/ap-table/style/index-comp.d.ts

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

package/es/src/ap-table/style/index-comp.mjs

@@ -0,0 +1,23 @@
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+const o = (e) => ({
+  [e.componentCls]: {
+    "&--bordered": {
+      display: "inline-flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: "14px",
+      height: "14px",
+      color: "#fff",
+      fontSize: "10px",
+      lineHeight: "10px",
+      borderRadius: "7px",
+      backgroundColor: "#979797"
+    }
+  }
+}), l = n("ApTable.Index", (e) => [
+  o(e)
+]);
+export {
+  l as default,
+  o as genTableIndexCellStyle
+};

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

@@ -0,0 +1,9 @@
+import { GenStyleFunc, StyleMixin } from '../../design-token/interface';
+import { Ref } from 'vue';
+export type ApTableToken = {
+    apTableHeaderBg: string;
+};
+export declare const genSettingTriggerBtnStyle: StyleMixin;
+export declare const genApTableStyle: GenStyleFunc<ApTableToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

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

@@ -0,0 +1,189 @@
+import { multiRows as l, resetScrollbar as i } from "../../style/index.mjs";
+import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+const r = (t) => ({
+  [`.${t.namespace}-ap-table-setting-trigger-button`]: {
+    color: t.textColor3,
+    "&:hover": {
+      color: "unset"
+    }
+  }
+}), p = (t) => {
+  const { componentCls: a, namespace: n } = t, e = `--${n}-ap-table-scroll-bar-width`;
+  return {
+    [a]: {
+      ...i(t),
+      "&-wrapper": {
+        padding: t.space,
+        backgroundColor: "#fff",
+        "&:has(.ant-pagination)": {
+          paddingBlockEnd: 0
+        }
+      },
+      "&-adaptive": {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        ".ant-table-wrapper": {
+          flex: 1
+        },
+        ".ant-spin-nested-loading,.ant-spin-container": {
+          height: "100%"
+        },
+        ".ant-spin-container": {
+          display: "flex",
+          flexDirection: "column"
+        },
+        ".ant-table": {
+          flex: 1
+        },
+        ".ant-table-container,.ant-table-content": {
+          height: "100%"
+        },
+        ".ant-table-content > table": {
+          height: "100%"
+        }
+      },
+      [`${a}__search-wrapper`]: {
+        padding: t.space,
+        paddingBlockEnd: 0,
+        backgroundColor: "#fff",
+        marginBlockEnd: "10px",
+        borderRadius: t.borderRadius
+      },
+      [`${a}__table-wrapper`]: {
+        flex: 1,
+        maxHeight: "100%",
+        display: "flex",
+        flexDirection: "column"
+      },
+      [`${a}__table-wrapper-card`]: {
+        padding: t.space,
+        borderRadius: t.borderRadius,
+        backgroundColor: "#fff",
+        overflow: "hidden",
+        "&:has(.ant-pagination)": {
+          paddingBlockEnd: 0
+        }
+      },
+      [`${a}-table`]: {
+        "ul.ant-table-pagination.ant-pagination": {
+          marginBlock: t.space,
+          alignItems: "center",
+          ".ant-pagination-total-text": {
+            flex: 1,
+            height: "unset",
+            lineHeight: t.lineHeight,
+            display: "flex",
+            alignItems: "center"
+          }
+        },
+        "tr > th.ant-table-cell": {
+          "&::before": {
+            backgroundColor: "#D8DDE5 !important"
+          },
+          backgroundColor: t.apTableHeaderBg
+        }
+      },
+      ".ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column)": {
+        padding: "9px 12px"
+      },
+      ".ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column)": {
+        padding: "9px 12px"
+      },
+      ".ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column)": {
+        padding: "6px 9px"
+      },
+      ".ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column)": {
+        padding: "6px 9px"
+      },
+      ".ant-table-placeholder .ant-table-expanded-row-fixed": {
+        // 这里不需要滚动的时候显示单边框，因为默认情况下会显示双边框
+        "&::after": {
+          borderInlineEndWidth: "0px !important"
+        }
+      },
+      // 重设当包含排序按钮时表头的样式
+      ".ant-table-column-sorters": {
+        justifyContent: "unset",
+        display: "inline-flex",
+        ".ant-table-column-title": {
+          flex: "unset"
+        }
+      },
+      // 重设当包含筛选按钮时表头的样式
+      ".ant-table-filter-column": {
+        justifyContent: "unset",
+        display: "inline-flex",
+        ".ant-table-column-title": {
+          flex: "unset"
+        },
+        ".ant-table-filter-trigger": {
+          marginInlineStart: "2px",
+          paddingInlineStart: "2px"
+        }
+      },
+      ".ant-table-cell .ant-typography": {
+        marginBlockEnd: 0
+      },
+      "&-pagination-count-text": {
+        color: t.textColor2
+      },
+      "&-pagination--total-right": {
+        paddingLeft: "12px"
+      },
+      "&-pagination-total-wrapper": {
+        color: t.textColor1
+      },
+      // ApTable的header区域
+      [`${a}-header`]: {
+        paddingBlockEnd: t.space,
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        "&__title": {
+          flex: 1,
+          flexShrink: 1,
+          minWidth: 0
+        }
+      },
+      // ApTable中Table的Header区域
+      [`${a}-table-header__title`]: {
+        ...l(t),
+        textAlign: "right"
+      },
+      // 表格设置触发按钮样式
+      ...r(t),
+      // 粘贴布局并且滚动条占据空间
+      "&--sticky-relative": {
+        ".ant-table-container": {
+          "& > div:last-child": {
+            marginBottom: `calc(var(${e}) * -1)`,
+            clipPath: `inset(0 0 var(${e}) 0)`
+          }
+        }
+      },
+      // 粘贴布局滚动条不占据空间
+      "&--sticky-absolute": {
+        ".ant-table-container": {
+          "& > div:last-child": {
+            paddingBottom: "15px",
+            marginBottom: "-15px",
+            clipPath: "inset(0 0 15px 0)"
+          }
+        }
+      }
+    }
+  };
+}, b = o(
+  "ApTable",
+  (t) => [p(t)],
+  {
+    apTableHeaderBg: "#F2F6F9"
+  }
+);
+export {
+  b as default,
+  p as genApTableStyle,
+  r as genSettingTriggerBtnStyle
+};

package/es/src/ap-table/style/setting.d.ts

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

package/es/src/ap-table/style/setting.mjs

@@ -0,0 +1,197 @@
+import { singleRow as n, resetComponent as i } from "../../style/index.mjs";
+import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+const r = (e) => {
+  const { componentCls: t, namespace: l } = e;
+  return {
+    [t]: {
+      [`${t}-wrapper`]: {
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "nowrap",
+        height: "100%",
+        paddingBlockEnd: "12px",
+        [`.${l}-ap-table-table-header__title`]: {
+          ...n(e)
+        },
+        [`.${l}-ap-grid-table-header__title`]: {
+          ...n(e),
+          fontWeight: "normal",
+          color: e.textColor2
+        },
+        [`.${l}-ag-grid-table-header__title`]: {
+          ...n(e)
+        }
+      },
+      [`${t}-left`]: {
+        flex: 1,
+        flexShrink: 1,
+        minWidth: 0,
+        paddingInline: "20px",
+        display: "flex",
+        flexDirection: "column",
+        "&__header": {
+          display: "flex",
+          flexDirection: "row",
+          flexWrap: "nowrap",
+          justifyContent: "space-between",
+          alignItems: "center",
+          padding: e.space,
+          "&-tips": {
+            color: e.textColor3
+          }
+        },
+        "&__content": {
+          flex: 1,
+          padding: e.spaceLG,
+          overflowY: "auto",
+          ".ant-col": {
+            lineHeight: 0
+          },
+          // 覆盖全局样式
+          ".ant-checkbox-wrapper": {
+            maxWidth: "100%",
+            display: "inline-flex",
+            alignItems: "center",
+            "> span:last-child": {
+              flex: 1,
+              minWidth: 0
+            }
+          }
+        }
+      },
+      [`${t}-right`]: {
+        width: "240px"
+      }
+    }
+  };
+}, a = (e) => {
+  const { componentCls: t } = e;
+  return {
+    [t]: {
+      [`${t}-select-group`]: {
+        "&-header": {
+          backgroundColor: "#F2F6F9",
+          padding: "4px 12px",
+          borderRadius: "4px",
+          marginBlockEnd: "12px",
+          marginInline: "-12px",
+          display: "flex"
+        }
+      }
+    }
+  };
+}, p = (e) => {
+  const { componentCls: t } = e, l = `${t}-sortable-item-meta`;
+  return {
+    [t]: {
+      [l]: {
+        padding: "6px 8px",
+        marginTop: "4px",
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "nowrap",
+        justifyContent: "space-between",
+        alignItems: "center",
+        "&:hover": {
+          backgroundColor: "#F1F7FF",
+          borderRadius: "2px",
+          cursor: "pointer",
+          [`${l}-right`]: {
+            display: "block"
+          },
+          [`${l}-left__holder`]: {
+            color: `${e.colorPrimary} !important`
+          }
+        },
+        "&-left": {
+          flex: 1,
+          display: "inline-flex",
+          alignItems: "center",
+          minWidth: 0,
+          "&__indicator": {
+            display: "inline-flex",
+            justifyContent: "center",
+            alignItems: "center",
+            width: "16px",
+            height: "16px",
+            marginRight: "4px",
+            flexShrink: 0
+          },
+          "&__label-wrapper": {
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+          }
+        },
+        "&-right": {
+          display: "none",
+          paddingLeft: "12px"
+        },
+        ".is-level2": {
+          marginLeft: "16px"
+        },
+        "&-action-item": {
+          "&:hover": {
+            color: e.colorPrimary
+          }
+        }
+      }
+    }
+  };
+}, s = (e) => {
+  const { componentCls: t } = e;
+  return {
+    [t]: {
+      [`${e.componentCls}-sortable-item`]: {
+        ".is-hidden": {
+          display: "none"
+        }
+      }
+    }
+  };
+}, c = (e) => {
+  const { componentCls: t } = e;
+  return {
+    [t]: {
+      [`${e.componentCls}-sorter`]: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        "&-section-title": {
+          fontSize: "12px",
+          lineHeight: "20px",
+          color: e.textColor3,
+          padding: "2px 8px",
+          margin: "4px"
+        },
+        "&-header": {
+          padding: "12px 20px",
+          "&-title": {
+            ...i(e),
+            fontWeight: "bold",
+            color: e.textColor2
+          }
+        },
+        "&-content": {
+          flex: 1,
+          overflowY: "auto",
+          padding: "8px 12px 0px 8px"
+        }
+      }
+    }
+  };
+}, g = o("ApTable.Setting", (e) => [
+  r(e),
+  a(e),
+  s(e),
+  p(e),
+  c(e)
+]);
+export {
+  g as default,
+  a as genTableSettingSelectGroupStyle,
+  p as genTableSettingSortableItemMetaStyle,
+  s as genTableSettingSortableItemStyle,
+  c as genTableSettingSorterStyle,
+  r as genTableSettingStyle
+};

package/es/src/ap-tag/ap-tag-group.vue.mjs

@@ -1,18 +1,19 @@
-import { defineComponent as j, ref as C, computed as n, unref as f, watch as G, nextTick as L, onMounted as A, onUnmounted as F, createBlock as g, openBlock as a, mergeProps as w, withCtx as d, createElementVNode as t, normalizeStyle as b, normalizeClass as k, createElementBlock as _, createCommentVNode as I, Fragment as U, renderList as q, toDisplayString as W, renderSlot as H, createTextVNode as J } from "vue";
-import { Tooltip as K } from "@aplus-frontend/antdv";
-import O from "@ant-design/icons-vue";
+import { defineComponent as G, ref as C, computed as n, unref as f, watch as I, nextTick as L, onMounted as A, onUnmounted as F, createBlock as g, openBlock as a, mergeProps as w, withCtx as d, createElementVNode as t, normalizeStyle as b, normalizeClass as k, createElementBlock as _, createCommentVNode as U, Fragment as q, renderList as H, toDisplayString as W, renderSlot as J, createTextVNode as K } from "vue";
+import { Tooltip as O } from "@aplus-frontend/antdv";
+import Q from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
 import "../config-provider/index.mjs";
-import { omit as Q } from "lodash-unified";
+import { omit as X } from "lodash-unified";
 import { getTextWidth as T } from "./utils.mjs";
 import "../hooks/index.mjs";
-import { useDevWarning as X } from "../utils/warning.mjs";
-import { useLocale as Y } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as Z } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as ee } from "../config-provider/hooks/use-namespace.mjs";
-import { useResize as te } from "../hooks/useResize.mjs";
-import le from "./ap-tag.vue.mjs";
-const ye = /* @__PURE__ */ j({
+import { useDevWarning as Y } from "../utils/warning.mjs";
+import Z from "./style/group.mjs";
+import { useLocale as ee } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as te } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as le } from "../config-provider/hooks/use-namespace.mjs";
+import { useResize as oe } from "../hooks/useResize.mjs";
+import ie from "./ap-tag.vue.mjs";
+const we = /* @__PURE__ */ G({
   __name: "ap-tag-group",
   props: {
     list: { default: () => [] },
@@ -21,14 +22,14 @@ const ye = /* @__PURE__ */ j({
     ellipsis: { default: () => ({}) }
   },
   setup(z) {
-    const { t: V } = Y(), o = z, B = X("ApTagGroup"), v = Z("uiMode"), { b: E, bm: h } = ee("tag-group"), r = C(), { observe: D, unobserve: M } = te(), i = n(() => ({
+    const { t: V } = ee(), o = z, B = Y("ApTagGroup"), v = te("uiMode"), { b: E, bm: h } = le("tag-group"), D = Z("tag-group"), r = C(), { observe: M, unobserve: P } = oe(), i = n(() => ({
       ...{
         iconColor: v.value === "aplus" ? "#182948" : "#333",
         symbol: "icon",
         text: V("ap.common.more")
       },
       ...o.ellipsis
-    })), P = n(() => i.value.tooltip && typeof i.value.tooltip == "object" ? Q(i.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(c) < o.list.length), c = C(0), N = n(() => o.list.map((e) => e.text).join("、")), R = n(() => [E()].filter(Boolean)), S = n(() => v.value === "aplus" ? [h("ellipsis-text", "aplus")] : [h("ellipsis-text", "admin")]), y = () => {
+    })), S = n(() => i.value.tooltip && typeof i.value.tooltip == "object" ? X(i.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(c) < o.list.length), c = C(0), N = n(() => o.list.map((e) => e.text).join("、")), R = n(() => [E(), D.value].filter(Boolean)), $ = n(() => v.value === "aplus" ? [h("ellipsis-text", "aplus")] : [h("ellipsis-text", "admin")]), y = () => {
       let e = 0, l = 0;
       if (!r.value) return;
       const u = r.value.offsetWidth;
@@ -49,7 +50,7 @@ const ye = /* @__PURE__ */ j({
       }
       c.value = l;
     };
-    G(
+    I(
       () => o.list,
       (e, l) => {
         e !== l && L(() => {
@@ -60,7 +61,7 @@ const ye = /* @__PURE__ */ j({
         immediate: !0
       }
     );
-    const $ = () => {
+    const j = () => {
       y();
     };
     return A(() => {
@@ -72,13 +73,13 @@ const ye = /* @__PURE__ */ j({
             l
           );
         }
-      ), r.value && D(r.value, $);
+      ), r.value && M(r.value, j);
     }), F(() => {
-      r.value && M(r.value);
-    }), (e, l) => (a(), g(f(K), w({ trigger: "hover" }, P.value), {
+      r.value && P(r.value);
+    }), (e, l) => (a(), g(f(O), w({ trigger: "hover" }, S.value), {
       title: d(() => [
-        H(e.$slots, "tooltip", { tags: e.list }, () => [
-          J(W(N.value), 1)
+        J(e.$slots, "tooltip", { tags: e.list }, () => [
+          K(W(N.value), 1)
         ])
       ]),
       default: d(() => [
@@ -91,14 +92,14 @@ const ye = /* @__PURE__ */ j({
             // opacity: isUpdating ? '0' : '1'
           })
         }, [
-          (a(!0), _(U, null, q(e.list, (u, s) => (a(), g(le, w({ ref_for: !0 }, u, {
+          (a(!0), _(q, null, H(e.list, (u, s) => (a(), g(ie, w({ ref_for: !0 }, u, {
             key: s,
             style: {
               display: s >= c.value ? "none" : "inline-flex",
               marginRight: `${e.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          p.value && i.value.symbol === "icon" ? (a(), g(f(O), {
+          p.value && i.value.symbol === "icon" ? (a(), g(f(Q), {
             key: 0,
             style: b({
               color: e.ellipsisColor || i.value.iconColor,
@@ -163,9 +164,9 @@ const ye = /* @__PURE__ */ j({
             _: 1
           }, 8, ["style"])) : p.value && i.value.symbol === "text" ? (a(), _("span", {
             key: 1,
-            class: k(S.value),
+            class: k($.value),
             style: { cursor: "pointer" }
-          }, W(i.value.text), 3)) : I("", !0)
+          }, W(i.value.text), 3)) : U("", !0)
         ], 6)
       ]),
       _: 3
@@ -173,5 +174,5 @@ const ye = /* @__PURE__ */ j({
   }
 });
 export {
-  ye as default
+  we as default
 };

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

@@ -1,8 +1,9 @@
-import { defineComponent as S, computed as n, createElementBlock as $, openBlock as b, normalizeClass as i, normalizeStyle as w, createElementVNode as B, toDisplayString as _ } from "vue";
+import { defineComponent as $, computed as n, createElementBlock as b, openBlock as w, normalizeClass as i, normalizeStyle as B, createElementVNode as _, toDisplayString as v } from "vue";
 import "../config-provider/index.mjs";
-import { useGlobalConfig as z } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as v } from "../config-provider/hooks/use-namespace.mjs";
-const I = ["title"], N = /* @__PURE__ */ S({
+import z from "./style/index.mjs";
+import { useGlobalConfig as I } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as W } from "../config-provider/hooks/use-namespace.mjs";
+const k = ["title"], G = /* @__PURE__ */ $({
   name: "ApTag",
   __name: "ap-tag",
   props: {
@@ -14,35 +15,36 @@ const I = ["title"], N = /* @__PURE__ */ S({
     fixedWidth: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const e = o, l = z("uiMode"), { b: r, bm: a } = v("tag");
-    function p(t, s) {
+    const e = o, l = I("uiMode"), { b: r, bm: a } = W("tag"), c = z("tag");
+    function s(t, p) {
       t.length === 4 && (t = `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);
-      const m = parseInt(t.slice(1, 3), 16), f = parseInt(t.slice(3, 5), 16), g = parseInt(t.slice(5, 7), 16), y = Math.round(s * 255).toString(16).padStart(2, "0");
-      return `#${m.toString(16).padStart(2, "0")}${f.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${y}`;
+      const f = parseInt(t.slice(1, 3), 16), g = parseInt(t.slice(3, 5), 16), y = parseInt(t.slice(5, 7), 16), S = Math.round(p * 255).toString(16).padStart(2, "0");
+      return `#${f.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${y.toString(16).padStart(2, "0")}${S}`;
     }
-    const c = n(() => ({
+    const d = n(() => ({
       "--tag-main-color": e.color,
-      "--tag-main-color-opacity": p(e.color, 0.06),
-      "--tag-main-color-background": p(e.color, 0.15)
-    })), d = n(() => [
+      "--tag-main-color-opacity": s(e.color, 0.06),
+      "--tag-main-color-background": s(e.color, 0.15)
+    })), u = n(() => [
       r("wrapper"),
       r(`wrapper-${e.type}`),
-      a("wrapper", e.size)
-    ].filter(Boolean)), u = n(() => {
+      a("wrapper", e.size),
+      c.value
+    ].filter(Boolean)), m = n(() => {
       const t = [r("inner-wrapper"), a("inner-wrapper", e.size)];
       return e.disabled && (l.value === "aplus" ? t.push(a("inner-wrapper", "disabled")) : t.push(a("inner-wrapper", "disabled-admin"))), t;
     });
-    return (t, s) => (b(), $("span", {
-      style: w(c.value),
+    return (t, p) => (w(), b("span", {
+      style: B(d.value),
       title: t.text,
-      class: i(d.value)
+      class: i(u.value)
     }, [
-      B("span", {
-        class: i(u.value)
-      }, _(t.text), 3)
-    ], 14, I));
+      _("span", {
+        class: i(m.value)
+      }, v(t.text), 3)
+    ], 14, k));
   }
 });
 export {
-  N as default
+  G as default
 };

package/es/src/ap-tag/style/group.d.ts

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