@aplus-frontend/ui 6.21.1 → 6.22.0

package/es/src/ap-pro-card/components/statistic/index.vue2.mjs

@@ -0,0 +1,134 @@
+import { defineComponent as E, useSlots as F, computed as i, createVNode as r, Fragment as d, createElementBlock as P, openBlock as l, mergeProps as y, createBlock as a, createElementVNode as x, resolveDynamicComponent as o, normalizeClass as C, unref as O, createSlots as V, withCtx as s } from "vue";
+import { QuestionCircleOutlined as z } from "@ant-design/icons-vue";
+import { Tooltip as I, Badge as Q, Statistic as R } from "@aplus-frontend/antdv";
+import { omit as T } from "lodash-unified";
+import "../../../config-provider/index.mjs";
+import { mergeClass as B } from "../../../editable-table/utils.mjs";
+import { useNamespace as q } from "../../../config-provider/hooks/use-namespace.mjs";
+const Y = /* @__PURE__ */ E({
+  name: "ApProCardStatistic",
+  __name: "index",
+  props: {
+    prefixCls: {},
+    decimalSeparator: {},
+    groupSeparator: {},
+    format: {},
+    value: {},
+    valueStyle: {},
+    valueRender: {},
+    formatter: {
+      type: [Boolean, String, Function]
+    },
+    precision: {},
+    prefix: {
+      type: [Object, String, Number, Boolean, null, Array],
+      default: void 0
+    },
+    suffix: {
+      type: [Object, String, Number, Boolean, null, Array],
+      default: void 0
+    },
+    title: {
+      type: [Object, String, Number, Boolean, null, Array],
+      default: void 0
+    },
+    loading: {
+      type: Boolean
+    },
+    description: {
+      type: [Object, String, Number, Boolean, null, Array],
+      default: void 0
+    },
+    tip: {
+      type: [Object, String, Number, Boolean, null, Array],
+      default: void 0
+    },
+    status: {
+      default: void 0
+    },
+    icon: {
+      type: [Object, String, Number, Boolean, null, Array],
+      default: void 0
+    },
+    layout: {
+      default: "inline"
+    },
+    trend: {
+      default: void 0
+    }
+  },
+  setup(S) {
+    const t = F(), n = S, {
+      b: u
+    } = q("pro-card-statistic"), b = i(() => u()), g = i(() => u("tip")), D = i(() => {
+      const e = u();
+      return B(`${e}-trend-icon`, [n.trend ? `${e}-trend-icon-${n.trend}` : void 0].filter(Boolean));
+    }), N = i(() => u("status")), $ = i(() => u("icon")), M = i(() => u("wrapper")), A = i(() => u("content")), j = i(() => {
+      const e = u();
+      return B(`${e}-layout`, [n.layout ? `${e}-layout-${n.layout}` : void 0, n.trend ? `${e}-trend-${n.trend}` : void 0].filter(Boolean));
+    }), k = i(() => u("description")), c = i(() => {
+      var e;
+      return n.tip || t.tip ? r(I, {
+        title: n.tip ?? ((e = t.tip) == null ? void 0 : e.call(t))
+      }, {
+        default: () => [r(z, {
+          class: g.value
+        }, null)]
+      }) : void 0;
+    }), f = i(() => n.trend ? r("div", {
+      class: D.value
+    }, null) : void 0), _ = i(() => n.status ? r(Q, {
+      class: N.value,
+      status: n.status
+    }, null) : void 0), w = i(() => {
+      var e;
+      return n.icon || t.icon ? r("div", {
+        class: $.value
+      }, [n.icon ?? ((e = t.icon) == null ? void 0 : e.call(t))]) : void 0;
+    }), p = i(() => {
+      var e;
+      return n.title || t.title ? r(d, null, [n.title || ((e = t.title) == null ? void 0 : e.call(t))]) : void 0;
+    }), m = i(() => {
+      var e;
+      return n.prefix || t.prefix ? r(d, null, [n.prefix || ((e = t.prefix) == null ? void 0 : e.call(t))]) : void 0;
+    }), v = i(() => {
+      var e;
+      return n.suffix || t.suffix ? r(d, null, [n.suffix || ((e = t.suffix) == null ? void 0 : e.call(t))]) : void 0;
+    }), h = i(() => {
+      var e;
+      return n.description || t.description ? r("div", {
+        class: k.value
+      }, [n.description || ((e = t.description) == null ? void 0 : e.call(t))]) : void 0;
+    });
+    return (e, G) => (l(), P("div", y({
+      ...e.$attrs
+    }, {
+      class: b.value
+    }), [(l(), a(o(w.value))), x("div", {
+      class: C(M.value)
+    }, [(l(), a(o(_.value))), x("div", {
+      class: C(A.value)
+    }, [r(O(R), y({
+      class: j.value
+    }, {
+      ...O(T)(n, ["title", "prefix"])
+    }), V({
+      _: 2
+    }, [p.value || c.value ? {
+      name: "title",
+      fn: s(() => [(l(), a(o(p.value))), (l(), a(o(c.value)))]),
+      key: "0"
+    } : void 0, f.value || m.value ? {
+      name: "prefix",
+      fn: s(() => [(l(), a(o(f.value))), (l(), a(o(m.value)))]),
+      key: "1"
+    } : void 0, v.value ? {
+      name: "suffix",
+      fn: s(() => [(l(), a(o(v.value)))]),
+      key: "2"
+    } : void 0]), 1040, ["class"]), (l(), a(o(h.value)))], 2)], 2)], 16));
+  }
+});
+export {
+  Y as default
+};

package/es/src/ap-pro-card/components/statistic-card/index.vue.d.ts

@@ -0,0 +1,25 @@
+import { ApStatisticCardProps, ApProCardSolts } from '../../interface';
+import { VNodeChild, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly< ApProCardSolts & {
+        chart?: () => VNodeChild;
+        footer?: () => VNodeChild;
+        description?: () => VNodeChild;
+    }> & ApProCardSolts & {
+        chart?: () => VNodeChild;
+        footer?: () => VNodeChild;
+        description?: () => VNodeChild;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ApStatisticCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApStatisticCardProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-pro-card/components/statistic-card/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

package/es/src/ap-pro-card/components/statistic-card/index.vue2.mjs

@@ -0,0 +1,116 @@
+import { defineComponent as _, useSlots as $, computed as o, createVNode as n, mergeProps as f, createBlock as u, openBlock as d, createSlots as A, withCtx as y, createCommentVNode as h, renderSlot as v, resolveDynamicComponent as b, renderList as j, unref as P } from "vue";
+import "../../../config-provider/index.mjs";
+import "../card/index.vue.mjs";
+import "../statistic/index.vue.mjs";
+import { mergeClass as B } from "../../../editable-table/utils.mjs";
+import { omit as x } from "lodash-unified";
+import { useNamespace as D } from "../../../config-provider/hooks/use-namespace.mjs";
+import k from "../statistic/index.vue2.mjs";
+import M from "../card/index.vue2.mjs";
+const J = /* @__PURE__ */ _({
+  name: "ApStatisticCard",
+  __name: "index",
+  props: {
+    headStyle: {},
+    bodyStyle: {},
+    actionsStyle: {},
+    headerBordered: {
+      type: Boolean
+    },
+    title: {
+      type: [Object, String, Number, Boolean, null, Array]
+    },
+    tooltip: {
+      type: [Object, String, Number, Boolean, null, Array]
+    },
+    extra: {
+      type: [Object, String, Number, Boolean, null, Array]
+    },
+    layout: {},
+    type: {},
+    direction: {},
+    wrap: {
+      type: Boolean
+    },
+    loading: {
+      type: [Boolean, Object, String, Number, null, Array]
+    },
+    colSpan: {},
+    colStyle: {},
+    gutter: {},
+    actions: {
+      type: [Object, String, Number, Boolean, null, Array]
+    },
+    split: {},
+    bordered: {
+      type: Boolean
+    },
+    hoverable: {
+      type: Boolean
+    },
+    ghost: {
+      type: Boolean
+    },
+    boxShadow: {
+      type: Boolean
+    },
+    chart: {
+      type: [Object, String, Number, Boolean, null, Array]
+    },
+    statistic: {},
+    chartPlacement: {},
+    footer: {
+      type: [Object, String, Number, Boolean, null, Array]
+    }
+  },
+  setup(S) {
+    const t = S, r = $(), {
+      b: a
+    } = D("statistic-card"), g = o(() => a()), C = o(() => {
+      const e = a("chart");
+      return B(`${e}`, [t.chartPlacement === "left" ? `${e}-left` : void 0, t.chartPlacement === "right" ? `${e}-right` : void 0].filter(Boolean));
+    }), p = o(() => {
+      const e = a("content");
+      return B(`${e}`, [t.chartPlacement === "left" || t.chartPlacement === "right" ? `${e}-horizontal` : void 0].filter(Boolean));
+    }), O = o(() => a("footer")), l = o(() => {
+      var e, s;
+      return t.statistic ? n(k, f({
+        layout: "vertical"
+      }, t.statistic, {
+        description: ((e = t.statistic) == null ? void 0 : e.description) || ((s = r.description) == null ? void 0 : s.call(r))
+      }), null) : void 0;
+    }), c = o(() => {
+      var e;
+      return t.chart || r.chart ? n("div", {
+        class: C.value
+      }, [t.chart || ((e = r.chart) == null ? void 0 : e.call(r))]) : void 0;
+    }), i = o(() => c.value || l.value ? t.chartPlacement === "left" ? n("div", {
+      class: p.value
+    }, [c.value, l.value]) : n("div", {
+      class: p.value
+    }, [l.value, c.value]) : void 0), N = o(() => {
+      var e;
+      return t.footer || r.footer ? n("div", {
+        class: O.value
+      }, [t.footer || ((e = r.footer) == null ? void 0 : e.call(r))]) : void 0;
+    });
+    return (e, s) => (d(), u(M, f({
+      class: g.value
+    }, {
+      ...t
+    }), A({
+      default: y(() => [i.value ? (d(), u(b(i.value), {
+        key: 0
+      })) : h("", !0), v(e.$slots, "default"), i.value ? (d(), u(b(N.value), {
+        key: 1
+      })) : h("", !0)]),
+      _: 2
+    }, [j(P(x)(r, ["chart", "footer", "description", "default"]), (w, m) => ({
+      name: m,
+      fn: y(() => [v(e.$slots, m)])
+    }))]), 1040, ["class"]));
+  }
+});
+export {
+  J as default
+};

package/es/src/ap-pro-card/index.d.ts

@@ -1,10 +1,20 @@
 import { default as Card } from './components/card/index.vue';
 import { default as Divider } from './components/divider/index.vue';
 import { default as Title } from './components/title/index.vue';
-export type ProCardType = typeof Card & {
+import { default as Statistic } from './components/statistic/index.vue';
+import { default as StatisticCard } from './components/statistic-card/index.vue';
+import { default as Operation } from './components/operation/index.vue';
+export type ApProCardType = typeof Card & {
     isProCard: boolean;
     Divider: typeof Divider;
     Title: typeof Title;
 };
-declare const ApProCard: ProCardType;
-export { ApProCard };
+export type ApStatisticCardType = typeof StatisticCard & {
+    isProCard: boolean;
+    Divider: typeof Divider;
+    Statistic: typeof Statistic;
+    Operation: typeof Operation;
+};
+declare const ApProCard: ApProCardType;
+declare const ApStatisticCard: ApStatisticCardType;
+export { ApProCard, ApStatisticCard };

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

@@ -1,13 +1,25 @@
 import "./components/card/index.vue.mjs";
 import "./components/divider/index.vue.mjs";
 import "./components/title/index.vue.mjs";
-import i from "./components/card/index.vue2.mjs";
+import "./components/statistic/index.vue.mjs";
+import "./components/statistic-card/index.vue.mjs";
+import "./components/operation/index.vue.mjs";
+import t from "./components/card/index.vue2.mjs";
 import o from "./components/divider/index.vue2.mjs";
 import m from "./components/title/index.vue2.mjs";
-const r = i;
+import p from "./components/statistic-card/index.vue2.mjs";
+import a from "./components/statistic/index.vue2.mjs";
+import f from "./components/operation/index.vue2.mjs";
+const i = t;
+i.isProCard = !0;
+i.Divider = o;
+i.Title = m;
+const r = p;
 r.isProCard = !0;
 r.Divider = o;
-r.Title = m;
+r.Statistic = a;
+r.Operation = f;
 export {
-  r as ApProCard
+  i as ApProCard,
+  r as ApStatisticCard
 };

package/es/src/ap-pro-card/interface.d.ts

@@ -1,3 +1,4 @@
+import { BadgeProps, StatisticProps } from '@aplus-frontend/antdv';
 import { CSSProperties, VNode, VNodeChild } from 'vue';
 export type ApProCardBreakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type ApProCardGutter = number | Partial<Record<ApProCardBreakpoint, number>>;
@@ -59,3 +60,66 @@ export type ApProCardSolts = {
     /** 卡片操作组，位置在卡片底部 */
     actions?: () => VNodeChild;
 };
+export type ApProCardStatisticProps = StatisticProps & {
+    /** 描述性标签 */
+    description?: VNodeChild;
+    /** 标题提示 */
+    tip?: VNodeChild;
+    status?: BadgeProps['status'];
+    /** Icon 图标 */
+    icon?: VNodeChild;
+    /** Layout 布局 */
+    layout?: 'horizontal' | 'vertical' | 'inline';
+    /** 趋势 */
+    trend?: 'up' | 'down';
+};
+export type ApProCardStatisticSolts = {
+    /**
+     * 数值的标题
+     */
+    title?: () => VNode[];
+    /**
+     * 设置数值的前缀
+     */
+    prefix?: () => VNode[];
+    /**
+     * 设置数值的后缀
+     */
+    suffix?: () => VNode[];
+    /**
+     * 图标
+     */
+    icon?: () => VNode[];
+    /**
+     * 标题提示
+     */
+    tip?: () => VNode[];
+    /**
+     * 描述性标签
+     */
+    description?: () => VNode[];
+};
+export type ApStatisticCardProps = ApProCardProps & {
+    /** 图表配置 */
+    chart?: VNodeChild;
+    /** 数值统计配置 */
+    statistic?: ApProCardStatisticProps;
+    /** Chart 相对于 statistic 的位置 */
+    chartPlacement?: 'right' | 'bottom' | 'left';
+    /** 底部额外展示区域 */
+    footer?: VNodeChild;
+};
+export type ApStatisticCardSolts = ApProCardSolts & {
+    /**
+     * 图表配置
+     */
+    chart?: () => VNodeChild;
+    /**
+     * 额外指标展示
+     */
+    footer?: () => VNodeChild;
+    /**
+     * 描述性标签
+     */
+    description?: () => VNodeChild;
+};

package/es/src/ap-table/utils.d.ts

@@ -97,7 +97,7 @@ export declare function updateFormProps(item: ApColumnType<any, any>, fieldProps
  * @returns
  */
 export declare function objectToString(value: any): any;
-export declare function getTableTitle(column: ApColumnType<any>, titleNodeClassName: string, slot?: (props: {
+export declare function getTableTitle(column: ApColumnType<any>, titleNodeClassName: string | string[], slot?: (props: {
     title: any;
     column: ApColumnType<any>;
 }) => any, tooltipColor?: string): number | boolean | void | VNodeArrayChildren | VNode< RendererNode, RendererElement, {

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

@@ -1,17 +1,17 @@
-import { defineComponent as G, ref as C, computed as n, unref as f, watch as L, nextTick as A, onMounted as F, onUnmounted as I, createBlock as d, openBlock as a, mergeProps as b, withCtx as g, createElementVNode as t, normalizeStyle as w, 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 { defineComponent as S, ref as C, computed as n, unref as f, watch as j, nextTick as G, onMounted as L, onUnmounted as A, 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 F, Fragment as I, renderList as U, toDisplayString as W, renderSlot as q, createTextVNode as H } from "vue";
+import { Tooltip as J } from "@aplus-frontend/antdv";
+import K from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
 import "../config-provider/index.mjs";
-import { omit as X } from "lodash-unified";
+import { omit as O } from "lodash-unified";
 import { getTextWidth as T } from "./utils.mjs";
 import "../hooks/index.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 ve = /* @__PURE__ */ G({
+import { useLocale as Q } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as X } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as Y } from "../config-provider/hooks/use-namespace.mjs";
+import { useResize as Z } from "../hooks/useResize.mjs";
+import ee from "./ap-tag.vue.mjs";
+const de = /* @__PURE__ */ S({
   __name: "ap-tag-group",
   props: {
     list: { default: () => [] },
@@ -20,22 +20,22 @@ const ve = /* @__PURE__ */ G({
     ellipsis: { default: () => ({}) }
   },
   setup(z) {
-    const { t: V } = Y(), o = z, v = Z("uiMode"), { b: B, bm: y } = ee("tag-group"), s = C(), { observe: E, unobserve: $ } = te(), i = n(() => ({
+    const { t: V } = Q(), o = z, v = X("uiMode"), { b: B, bm: h } = Y("tag-group"), r = C(), { observe: E, unobserve: $ } = Z(), i = n(() => ({
       ...{
         iconColor: v.value === "aplus" ? "#182948" : "#333",
         symbol: "icon",
         text: V("ap.common.more")
       },
       ...o.ellipsis
-    })), M = 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), P = n(() => o.list.map((e) => e.text).join("、")), D = n(() => [B()].filter(Boolean)), N = n(() => v.value === "aplus" ? [y("ellipsis-text", "aplus")] : [y("ellipsis-text", "admin")]), h = () => {
+    })), M = n(() => i.value.tooltip && typeof i.value.tooltip == "object" ? O(i.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(c) < o.list.length), c = C(0), P = n(() => o.list.map((e) => e.text).join("、")), D = n(() => [B()].filter(Boolean)), N = n(() => v.value === "aplus" ? [h("ellipsis-text", "aplus")] : [h("ellipsis-text", "admin")]), y = () => {
       let e = 0, l = 0;
-      if (!s.value) return;
-      const u = s.value.offsetWidth;
-      for (let r of o.list) {
-        const m = r.size === "small" ? 8 : 12, S = T(
-          r.size === "large" ? 14 : 12,
-          r.text
-        ), j = r.type === "border" ? 2 : 0, x = S + m + j + o.space;
+      if (!r.value) return;
+      const u = r.value.offsetWidth;
+      for (let s of o.list) {
+        const m = s.size === "small" ? 8 : 12, x = T(
+          s.size === "large" ? 14 : 12,
+          s.text
+        ) + m + o.space;
         if (e += x, e > u) {
           e -= x;
           break;
@@ -48,11 +48,11 @@ const ve = /* @__PURE__ */ G({
       }
       c.value = l;
     };
-    L(
+    j(
       () => o.list,
       (e, l) => {
-        e !== l && A(() => {
-          h();
+        e !== l && G(() => {
+          y();
         });
       },
       {
@@ -60,49 +60,49 @@ const ve = /* @__PURE__ */ G({
       }
     );
     const R = () => {
-      h();
+      y();
     };
-    return F(() => {
+    return L(() => {
       [["ellipsisColor", "ellipse.color"]].forEach(
         ([e, l]) => {
           o[e] && console.error(
             `[ApTagGroup]: \`${e}\` is deprecated, please use \`${l}\` instead.`
           );
         }
-      ), s.value && E(s.value, R);
-    }), I(() => {
-      s.value && $(s.value);
-    }), (e, l) => (a(), d(f(O), b({ trigger: "hover" }, M.value), {
-      title: g(() => [
-        J(e.$slots, "tooltip", { tags: e.list }, () => [
-          K(W(P.value), 1)
+      ), r.value && E(r.value, R);
+    }), A(() => {
+      r.value && $(r.value);
+    }), (e, l) => (a(), g(f(J), w({ trigger: "hover" }, M.value), {
+      title: d(() => [
+        q(e.$slots, "tooltip", { tags: e.list }, () => [
+          H(W(P.value), 1)
         ])
       ]),
-      default: g(() => [
+      default: d(() => [
         t("div", {
           ref_key: "container",
-          ref: s,
+          ref: r,
           class: k(D.value),
-          style: w({
+          style: b({
             pointerEvents: p.value ? "auto" : "none"
             // opacity: isUpdating ? '0' : '1'
           })
         }, [
-          (a(!0), _(q, null, H(e.list, (u, r) => (a(), d(le, b({ ref_for: !0 }, u, {
-            key: r,
+          (a(!0), _(I, null, U(e.list, (u, s) => (a(), g(ee, w({ ref_for: !0 }, u, {
+            key: s,
             style: {
-              display: r >= c.value ? "none" : "inline-block",
+              display: s >= c.value ? "none" : "inline-block",
               marginRight: `${e.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          p.value && i.value.symbol === "icon" ? (a(), d(f(Q), {
+          p.value && i.value.symbol === "icon" ? (a(), g(f(K), {
             key: 0,
-            style: w({
+            style: b({
               color: e.ellipsisColor || i.value.iconColor,
               cursor: "pointer"
             })
           }, {
-            component: g(() => l[0] || (l[0] = [
+            component: d(() => l[0] || (l[0] = [
               t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -162,7 +162,7 @@ const ve = /* @__PURE__ */ G({
             key: 1,
             class: k(N.value),
             style: { cursor: "pointer" }
-          }, W(i.value.text), 3)) : U("", !0)
+          }, W(i.value.text), 3)) : F("", !0)
         ], 6)
       ]),
       _: 3
@@ -170,5 +170,5 @@ const ve = /* @__PURE__ */ G({
   }
 });
 export {
-  ve as default
+  de as default
 };

package/es/src/business/ap-label/group/ApLabelGroup.mjs

@@ -1,26 +1,28 @@
-import { defineComponent as n, createVNode as o, mergeProps as a, createTextVNode as l } from "vue";
+import { defineComponent as l, createVNode as o, mergeProps as t, createTextVNode as m } from "vue";
 import "../../../config-provider/index.mjs";
-import m from "../ApLabel.mjs";
-import { omit as s } from "lodash-unified";
-import { ApLabelGroupProps as c } from "../constans.mjs";
+import p from "../ApLabel.mjs";
+import { omit as n } from "lodash-unified";
+import { ApLabelGroupProps as s } from "../constans.mjs";
 import "../../../ap-tag/index.mjs";
-import { useNamespace as f } from "../../../config-provider/hooks/use-namespace.mjs";
-import i from "../../../ap-tag/ap-tag.vue.mjs";
+import { useNamespace as c } from "../../../config-provider/hooks/use-namespace.mjs";
+import f from "../../../ap-tag/ap-tag.vue.mjs";
 const {
-  b: p
-} = f("ap-label-group"), _ = /* @__PURE__ */ n({
+  b: i
+} = c("ap-label-group"), _ = /* @__PURE__ */ l({
   name: "ApLabelGroup",
-  props: c(),
+  props: s(),
   setup(r) {
-    const t = (e) => (r.tagValue || r.tagValue === 0) && e.tagConfig && e.tagConfig.length > 0 ? () => e.tagConfig.filter((u) => r.tagValue === u.value).map((u) => o(i, u, null)) : e.customRender ? () => o("div", null, [e.customRender(r.record)]) : null;
+    const a = (e) => (r.tagValue || r.tagValue === 0) && e.tagConfig && e.tagConfig.length > 0 ? () => e.tagConfig.filter((u) => r.tagValue === u.value).map((u) => o(f, t(n(u, "type"), {
+      type: "border"
+    }), null)) : e.customRender ? () => o("div", null, [e.customRender(r.record)]) : null;
     return () => o("div", {
-      class: p()
-    }, [r.columns ? r.columns.map((e, u) => o(m, a({
+      class: i()
+    }, [r.columns ? r.columns.map((e, u) => o(p, t({
       key: u,
       show: r.value === e.value
-    }, s(e, ["value", "tagConfig", "customRender"])), {
-      custom: t(e)
-    })) : o("div", null, [l("columns数组不能为空")])]);
+    }, n(e, ["value", "tagConfig", "customRender"])), {
+      custom: a(e)
+    })) : o("div", null, [m("columns数组不能为空")])]);
   }
 });
 export {

package/es/src/business/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './usePageListApTable';
 export * from './useTableRefresh';
 export * from './usePageListApGrid';
 export * from './useGridRefresh';
+export * from './usePageListAgGrid';

package/es/src/business/hooks/index.mjs

@@ -1,10 +1,12 @@
 import { usePageListApTable as o } from "./usePageListApTable.mjs";
-import { useTableRefresh as f } from "./useTableRefresh.mjs";
-import { usePageListApGrid as t } from "./usePageListApGrid.mjs";
-import { useGridRefresh as i } from "./useGridRefresh.mjs";
+import { useTableRefresh as t } from "./useTableRefresh.mjs";
+import { usePageListApGrid as p } from "./usePageListApGrid.mjs";
+import { useGridRefresh as a } from "./useGridRefresh.mjs";
+import { usePageListAgGrid as u } from "./usePageListAgGrid.mjs";
 export {
-  i as useGridRefresh,
-  t as usePageListApGrid,
+  a as useGridRefresh,
+  u as usePageListAgGrid,
+  p as usePageListApGrid,
   o as usePageListApTable,
-  f as useTableRefresh
+  t as useTableRefresh
 };