@aplus-frontend/ui 6.21.0 → 6.21.1

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

@@ -1,5 +1,5 @@
-import { defineComponent as Y, useSlots as Z, computed as s, ref as ee, createVNode as u, Fragment as x, createElementBlock as b, openBlock as n, mergeProps as te, createCommentVNode as v, createElementVNode as re, normalizeStyle as w, normalizeClass as m, unref as g, renderSlot as G, createBlock as p, resolveDynamicComponent as h, withCtx as P } from "vue";
-import { Spin as oe, Tooltip as le } from "@aplus-frontend/antdv";
+import { defineComponent as Y, useSlots as Z, computed as s, ref as ee, createVNode as u, Fragment as x, createElementBlock as b, openBlock as n, mergeProps as te, createCommentVNode as v, createElementVNode as oe, normalizeStyle as A, normalizeClass as m, unref as g, renderSlot as G, createBlock as p, resolveDynamicComponent as h, withCtx as P } from "vue";
+import { Spin as re, Tooltip as le } from "@aplus-frontend/antdv";
 import { QuestionCircleOutlined as ne } from "@ant-design/icons-vue";
 import { getProCardCssVar as ae } from "../../utils/css-var.mjs";
 import "../../../config-provider/index.mjs";
@@ -64,10 +64,10 @@ const be = /* @__PURE__ */ Y({
     }
   },
   setup(E) {
-    const t = E, r = Z(), {
+    const t = E, o = Z(), {
       b: c
-    } = se("pro-card"), V = de("uiMode"), M = s(() => ae(V.value)), $ = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], f = ie(), k = (e, o) => e ? o : {}, _ = (e) => {
-      const o = [0, 0];
+    } = se("pro-card"), V = de("uiMode"), M = s(() => ae(V.value)), $ = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], f = ie(), k = (e, r) => e ? r : {}, _ = (e) => {
+      const r = [0, 0];
       return (Array.isArray(e) ? e : [e, 0]).forEach((a, d) => {
         if (typeof a == "object")
           for (let i = 0; i < $.length; i += 1) {
@@ -82,15 +82,15 @@ const be = /* @__PURE__ */ Y({
               xxxl: !1,
               ...f == null ? void 0 : f.value
             }[y] && a[y] !== void 0) {
-              o[d] = a[y];
+              r[d] = a[y];
               break;
             }
           }
         else
-          o[d] = a || 0;
-      }), o;
+          r[d] = a || 0;
+      }), r;
     }, I = (e) => {
-      let o = e;
+      let r = e;
       if (typeof e == "object")
         for (let a = 0; a < $.length; a += 1) {
           const d = $[a], i = {
@@ -104,30 +104,30 @@ const be = /* @__PURE__ */ Y({
             ...f == null ? void 0 : f.value
           };
           if (i != null && i[d] && (e == null ? void 0 : e[d]) !== void 0) {
-            o = e[d];
+            r = e[d];
             break;
           }
         }
-      const l = k(typeof o == "string" && /\d%|\dpx/i.test(o), {
-        width: o,
+      const l = k(typeof r == "string" && /\d%|\dpx/i.test(r), {
+        width: r,
         flexShrink: 0
       });
       return {
-        span: o,
+        span: r,
         colSpanStyle: l
       };
     }, D = s(() => _(t.gutter)), N = ee(!1), O = (e) => {
       N.value = e;
     }, F = s(() => {
       var e;
-      return u(x, null, [t.title || ((e = r.title) == null ? void 0 : e.call(r))]);
+      return u(x, null, [t.title || ((e = o.title) == null ? void 0 : e.call(o))]);
     }), H = s(() => u(x, null, [t.tooltip])), Q = s(() => {
       var e;
-      return u(x, null, [t.extra || ((e = r.extra) == null ? void 0 : e.call(r))]);
+      return u(x, null, [t.extra || ((e = o.extra) == null ? void 0 : e.call(o))]);
     }), T = s(() => {
       var e;
-      return u(x, null, [t.actions || ((e = r.actions) == null ? void 0 : e.call(r))]);
-    }), q = s(() => t.loading === !0 ? u(oe, {
+      return u(x, null, [t.actions || ((e = o.actions) == null ? void 0 : e.call(o))]);
+    }), q = s(() => t.loading === !0 ? u(re, {
       style: {
         width: "100%",
         height: "100%",
@@ -137,34 +137,34 @@ const be = /* @__PURE__ */ Y({
       }
     }, null) : u(x, null, [t.loading]));
     function J() {
-      var o;
-      const e = (o = r.default) == null ? void 0 : o.call(r);
-      return O(!1), u(x, null, [Array.isArray(e) ? e == null ? void 0 : e.map((l, a, d) => {
+      var r;
+      const e = (r = o.default) == null ? void 0 : r.call(o);
+      return O(!1), u(x, null, [e == null ? void 0 : e.map((l, a, d) => {
         var i, y, z;
         if (l && typeof l == "object" && "type" in l && ((i = l.type) == null ? void 0 : i.isProCard) === !0) {
           O(!0);
           const U = ((y = l == null ? void 0 : l.props) == null ? void 0 : y.colSpan) || ((z = l == null ? void 0 : l.props) == null ? void 0 : z["col-span"]) || {}, {
             span: C,
             colSpanStyle: W
-          } = I(U), B = c("col"), X = S(`${B}`, [typeof C == "number" && C >= 0 && C <= 24 ? `${B}-span-${C}` : void 0, t.split === "horizontal" && a !== d.length - 1 ? `${B}-split-horizontal` : void 0, t.split === "vertical" && a !== d.length - 1 ? `${B}-split-vertical` : void 0].filter(Boolean)), [A, j] = D.value;
+          } = I(U), B = c("col"), X = S(`${B}`, [typeof C == "number" && C >= 0 && C <= 24 ? `${B}-span-${C}` : void 0, t.split === "horizontal" && a !== d.length - 1 ? `${B}-split-horizontal` : void 0, t.split === "vertical" && a !== d.length - 1 ? `${B}-split-vertical` : void 0].filter(Boolean)), [j, w] = D.value;
           return u("div", {
             class: X,
             style: {
               ...W,
-              ...k(A > 0, {
-                paddingInlineStart: `${A / 2}px`,
-                paddingInlineEnd: `${A / 2}px`
-              }),
               ...k(j > 0, {
-                paddingBlockStart: `${j / 2}px`,
-                paddingBlockEnd: `${j / 2}px`
+                paddingInlineStart: `${j / 2}px`,
+                paddingInlineEnd: `${j / 2}px`
+              }),
+              ...k(w > 0, {
+                paddingBlockStart: `${w / 2}px`,
+                paddingBlockEnd: `${w / 2}px`
               }),
               ...t.colStyle
             }
           }, [l]);
         }
         return l;
-      }) : e]);
+      })]);
     }
     const K = s(() => {
       const e = c();
@@ -176,20 +176,20 @@ const be = /* @__PURE__ */ Y({
       const e = c("body");
       return S(`${e}`, [t.layout === "center" ? `${e}-center` : void 0, t.split === "horizontal" || t.direction === "column" ? `${e}-direction-column` : void 0, t.wrap && N.value ? `${e}-wrap` : void 0].filter(Boolean));
     });
-    return (e, o) => (n(), b("div", te({
+    return (e, r) => (n(), b("div", te({
       class: K.value,
       style: {
         ...M.value
       }
     }, {
       ...e.$attrs
-    }), [t.title || r.title || t.extra || r.extra ? (n(), b("div", {
+    }), [t.title || o.title || t.extra || o.extra ? (n(), b("div", {
       key: 0,
       class: m(L.value),
-      style: w({
+      style: A({
         ...t.headStyle
       })
-    }, [t.title || r.title ? (n(), b("div", {
+    }, [t.title || o.title ? (n(), b("div", {
       key: 0,
       class: m(g(c)("header-title"))
     }, [G(e.$slots, "title", {}, () => [(n(), p(h(F.value)))]), t.tooltip ? (n(), p(g(le), {
@@ -200,22 +200,22 @@ const be = /* @__PURE__ */ Y({
         class: m(g(c)("header-title-tooltip"))
       }, null, 8, ["class"])]),
       _: 1
-    })) : v("", !0)], 2)) : v("", !0), t.extra || r.extra ? (n(), b("div", {
+    })) : v("", !0)], 2)) : v("", !0), t.extra || o.extra ? (n(), b("div", {
       key: 1,
       class: m(g(c)("header-extra"))
-    }, [G(e.$slots, "extra", {}, () => [(n(), p(h(Q.value)))])], 2)) : v("", !0)], 6)) : v("", !0), re("div", {
+    }, [G(e.$slots, "extra", {}, () => [(n(), p(h(Q.value)))])], 2)) : v("", !0)], 6)) : v("", !0), oe("div", {
       class: m(R.value),
-      style: w({
+      style: A({
         ...t.bodyStyle
       })
     }, [t.loading ? (n(), p(h(q.value), {
       key: 0
     })) : (n(), p(h(J()), {
       key: 1
-    }))], 6), t.actions || r.actions ? (n(), b("div", {
+    }))], 6), t.actions || o.actions ? (n(), b("div", {
       key: 1,
       class: m(g(c)("actions")),
-      style: w({
+      style: A({
         ...t.actionsStyle
       })
     }, [(n(), p(h(T.value)))], 6)) : v("", !0)], 16));

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

@@ -0,0 +1,13 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /**
+     * 布局类型
+     *
+     * @default vertical
+     */
+    type?: 'horizontal' | 'vertical';
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "horizontal" | "vertical";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,29 @@
+import { defineComponent as p, computed as s, createElementBlock as a, openBlock as i, mergeProps as c } from "vue";
+import "../../../config-provider/index.mjs";
+import { mergeClass as m } from "../../../editable-table/utils.mjs";
+import { useNamespace as d } from "../../../config-provider/hooks/use-namespace.mjs";
+const _ = /* @__PURE__ */ p({
+  name: "ApProCardDivider",
+  __name: "index",
+  props: {
+    type: {
+      default: "vertical"
+    }
+  },
+  setup(t) {
+    const {
+      b: o
+    } = d("pro-card-divider"), r = t, n = s(() => {
+      const e = o();
+      return m(`${e}`, [r.type ? `${e}-${r.type}` : void 0].filter(Boolean));
+    });
+    return (e, l) => (i(), a("div", c({
+      ...e.$attrs
+    }, {
+      class: n.value
+    }), null, 16));
+  }
+});
+export {
+  _ as default
+};

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

@@ -0,0 +1,23 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    type?: 'default';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "default";
+}, {}, {}, {}, 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/title/index.vue.mjs

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

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

@@ -0,0 +1,28 @@
+import { defineComponent as a, computed as s, createElementBlock as p, openBlock as i, normalizeClass as u, renderSlot as d } from "vue";
+import "../../../config-provider/index.mjs";
+import { mergeClass as m } from "../../../editable-table/utils.mjs";
+import { useNamespace as c } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as f } from "../../../config-provider/hooks/use-global-config.mjs";
+const B = /* @__PURE__ */ a({
+  name: "ApProCardTitle",
+  __name: "index",
+  props: {
+    type: {
+      default: "default"
+    }
+  },
+  setup(r) {
+    const {
+      b: l
+    } = c("pro-card-title"), o = f("uiMode"), t = r, n = s(() => {
+      const e = l();
+      return m(`${e}`, [t.type ? `${e}-${t.type}` : void 0, o.value ? `${e}-${t.type ?? "default"}-${o.value}` : void 0].filter(Boolean));
+    });
+    return (e, C) => (i(), p("div", {
+      class: u(n.value)
+    }, [d(e.$slots, "default")], 2));
+  }
+});
+export {
+  B as default
+};

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

@@ -1,42 +1,10 @@
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
-import { ApProCardProps, ApProCardGutter, ApProCardSolts } from './interface';
-declare const ApProCard: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        wrap: boolean;
-        boxShadow: boolean;
-        gutter: ApProCardGutter | ApProCardGutter[];
-        ghost: boolean;
-        bordered: boolean;
-        headerBordered: boolean;
-        hoverable: boolean;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, {
-        wrap: boolean;
-        boxShadow: boolean;
-        gutter: ApProCardGutter | ApProCardGutter[];
-        ghost: boolean;
-        bordered: boolean;
-        headerBordered: boolean;
-        hoverable: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    wrap: boolean;
-    boxShadow: boolean;
-    gutter: ApProCardGutter | ApProCardGutter[];
-    ghost: boolean;
-    bordered: boolean;
-    headerBordered: boolean;
-    hoverable: boolean;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Readonly< ApProCardSolts> & ApProCardSolts;
-});
+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 & {
+    isProCard: boolean;
+    Divider: typeof Divider;
+    Title: typeof Title;
+};
+declare const ApProCard: ProCardType;
 export { ApProCard };

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

@@ -1,7 +1,13 @@
 import "./components/card/index.vue.mjs";
-import r from "./components/card/index.vue2.mjs";
-const o = r;
-o.isProCard = !0;
+import "./components/divider/index.vue.mjs";
+import "./components/title/index.vue.mjs";
+import i 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;
+r.isProCard = !0;
+r.Divider = o;
+r.Title = m;
 export {
-  o as ApProCard
+  r as ApProCard
 };

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

@@ -1,4 +1,4 @@
-import { CSSProperties, VNodeChild } from 'vue';
+import { CSSProperties, VNode, VNodeChild } from 'vue';
 export type ApProCardBreakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type ApProCardGutter = number | Partial<Record<ApProCardBreakpoint, number>>;
 export type ApProCardColSpanType = number | string;
@@ -51,7 +51,7 @@ export interface ApProCardProps {
 }
 export type ApProCardSolts = {
     /** 内容区 */
-    default?: () => VNodeChild;
+    default?: () => VNode[];
     /** 标题 */
     title?: () => VNodeChild;
     /** 右上角自定义区域 */

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.21.0";
+declare const _default: "6.21.1";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "6.21.0";
+const e = "6.21.1";
 export {
   e as default
 };

package/lib/src/ap-pro-card/components/card/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@aplus-frontend/antdv"),I=require("@ant-design/icons-vue"),T=require("../../utils/css-var.js");require("../../../config-provider/index.js");const m=require("../../../editable-table/utils.js"),H=require("@aplus-frontend/antdv/es/_util/hooks/useBreakpoint"),Q=require("../../../config-provider/hooks/use-namespace.js"),J=require("../../../config-provider/hooks/use-global-config.js"),K=e.defineComponent({name:"ApProCard",__name:"index",props:{headStyle:{},bodyStyle:{},actionsStyle:{},headerBordered:{type:Boolean,default:!1},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,default:!1},loading:{type:[Boolean,Object,String,Number,null,Array]},colSpan:{},colStyle:{},gutter:{default:0},actions:{type:[Object,String,Number,Boolean,null,Array]},split:{},bordered:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},boxShadow:{type:Boolean,default:!1}},setup(h){const o=h,r=e.useSlots(),{b:c}=Q.useNamespace("pro-card"),S=J.useGlobalConfig("uiMode"),$=e.computed(()=>T.getProCardCssVar(S.value)),p=["xxxl","xxl","xl","lg","md","sm","xs"],d=H(),g=(t,n)=>t?n:{},N=t=>{const n=[0,0];return(Array.isArray(t)?t:[t,0]).forEach((a,i)=>{if(typeof a=="object")for(let s=0;s<p.length;s+=1){const u=p[s];if({lg:!0,md:!0,sm:!0,xl:!1,xs:!1,xxl:!1,xxxl:!1,...d==null?void 0:d.value}[u]&&a[u]!==void 0){n[i]=a[u];break}}else n[i]=a||0}),n},V=t=>{let n=t;if(typeof t=="object")for(let a=0;a<p.length;a+=1){const i=p[a],s={lg:!0,md:!0,sm:!0,xl:!1,xs:!1,xxl:!1,xxxl:!1,...d==null?void 0:d.value};if(s!=null&&s[i]&&(t==null?void 0:t[i])!==void 0){n=t[i];break}}const l=g(typeof n=="string"&&/\d%|\dpx/i.test(n),{width:n,flexShrink:0});return{span:n,colSpanStyle:l}},z=e.computed(()=>N(o.gutter)),C=e.ref(!1),k=t=>{C.value=t},j=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.title||((t=r.title)==null?void 0:t.call(r))])}),w=e.computed(()=>e.createVNode(e.Fragment,null,[o.tooltip])),A=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.extra||((t=r.extra)==null?void 0:t.call(r))])}),q=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.actions||((t=r.actions)==null?void 0:t.call(r))])}),E=e.computed(()=>o.loading===!0?e.createVNode(b.Spin,{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},null):e.createVNode(e.Fragment,null,[o.loading]));function O(){var n;const t=(n=r.default)==null?void 0:n.call(r);return k(!1),e.createVNode(e.Fragment,null,[Array.isArray(t)?t==null?void 0:t.map((l,a,i)=>{var s,u,B;if(l&&typeof l=="object"&&"type"in l&&((s=l.type)==null?void 0:s.isProCard)===!0){k(!0);const F=((u=l==null?void 0:l.props)==null?void 0:u.colSpan)||((B=l==null?void 0:l.props)==null?void 0:B["col-span"])||{},{span:f,colSpanStyle:M}=V(F),y=c("col"),_=m.mergeClass(`${y}`,[typeof f=="number"&&f>=0&&f<=24?`${y}-span-${f}`:void 0,o.split==="horizontal"&&a!==i.length-1?`${y}-split-horizontal`:void 0,o.split==="vertical"&&a!==i.length-1?`${y}-split-vertical`:void 0].filter(Boolean)),[x,v]=z.value;return e.createVNode("div",{class:_,style:{...M,...g(x>0,{paddingInlineStart:`${x/2}px`,paddingInlineEnd:`${x/2}px`}),...g(v>0,{paddingBlockStart:`${v/2}px`,paddingBlockEnd:`${v/2}px`}),...o.colStyle}},[l])}return l}):t])}const D=e.computed(()=>{const t=c();return m.mergeClass(`${t}`,[o.bordered?`${t}-border`:void 0,o.boxShadow?`${t}-box-shadow`:void 0,C.value?`${t}-contain-card`:void 0,o.loading?`${t}-loading`:void 0,o.split==="vertical"||o.split==="horizontal"?`${t}-split`:void 0,o.ghost?`${t}-ghost`:void 0,o.hoverable?`${t}-hoverable`:void 0,o.type?`${t}-type-${o.type}`:void 0].filter(Boolean))}),G=e.computed(()=>{const t=c("header");return m.mergeClass(`${t}`,[o.headerBordered||o.type==="inner"?`${t}-border`:void 0].filter(Boolean))}),P=e.computed(()=>{const t=c("body");return m.mergeClass(`${t}`,[o.layout==="center"?`${t}-center`:void 0,o.split==="horizontal"||o.direction==="column"?`${t}-direction-column`:void 0,o.wrap&&C.value?`${t}-wrap`:void 0].filter(Boolean))});return(t,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:D.value,style:{...$.value}},{...t.$attrs}),[o.title||r.title||o.extra||r.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(G.value),style:e.normalizeStyle({...o.headStyle})},[o.title||r.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header-title"))},[e.renderSlot(t.$slots,"title",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(j.value)))]),o.tooltip?(e.openBlock(),e.createBlock(e.unref(b.Tooltip),{key:0},{title:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w.value)))]),default:e.withCtx(()=>[e.createVNode(e.unref(I.QuestionCircleOutlined),{class:e.normalizeClass(e.unref(c)("header-title-tooltip"))},null,8,["class"])]),_:1})):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.extra||r.extra?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(c)("header-extra"))},[e.renderSlot(t.$slots,"extra",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(A.value)))])],2)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(P.value),style:e.normalizeStyle({...o.bodyStyle})},[o.loading?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E.value),{key:0})):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O()),{key:1}))],6),o.actions||r.actions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(c)("actions")),style:e.normalizeStyle({...o.actionsStyle})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q.value)))],6)):e.createCommentVNode("",!0)],16))}});exports.default=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@aplus-frontend/antdv"),I=require("@ant-design/icons-vue"),T=require("../../utils/css-var.js");require("../../../config-provider/index.js");const m=require("../../../editable-table/utils.js"),H=require("@aplus-frontend/antdv/es/_util/hooks/useBreakpoint"),Q=require("../../../config-provider/hooks/use-namespace.js"),J=require("../../../config-provider/hooks/use-global-config.js"),K=e.defineComponent({name:"ApProCard",__name:"index",props:{headStyle:{},bodyStyle:{},actionsStyle:{},headerBordered:{type:Boolean,default:!1},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,default:!1},loading:{type:[Boolean,Object,String,Number,null,Array]},colSpan:{},colStyle:{},gutter:{default:0},actions:{type:[Object,String,Number,Boolean,null,Array]},split:{},bordered:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},boxShadow:{type:Boolean,default:!1}},setup(h){const o=h,r=e.useSlots(),{b:c}=Q.useNamespace("pro-card"),S=J.useGlobalConfig("uiMode"),$=e.computed(()=>T.getProCardCssVar(S.value)),p=["xxxl","xxl","xl","lg","md","sm","xs"],d=H(),g=(t,n)=>t?n:{},N=t=>{const n=[0,0];return(Array.isArray(t)?t:[t,0]).forEach((a,i)=>{if(typeof a=="object")for(let s=0;s<p.length;s+=1){const u=p[s];if({lg:!0,md:!0,sm:!0,xl:!1,xs:!1,xxl:!1,xxxl:!1,...d==null?void 0:d.value}[u]&&a[u]!==void 0){n[i]=a[u];break}}else n[i]=a||0}),n},V=t=>{let n=t;if(typeof t=="object")for(let a=0;a<p.length;a+=1){const i=p[a],s={lg:!0,md:!0,sm:!0,xl:!1,xs:!1,xxl:!1,xxxl:!1,...d==null?void 0:d.value};if(s!=null&&s[i]&&(t==null?void 0:t[i])!==void 0){n=t[i];break}}const l=g(typeof n=="string"&&/\d%|\dpx/i.test(n),{width:n,flexShrink:0});return{span:n,colSpanStyle:l}},z=e.computed(()=>N(o.gutter)),C=e.ref(!1),k=t=>{C.value=t},j=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.title||((t=r.title)==null?void 0:t.call(r))])}),w=e.computed(()=>e.createVNode(e.Fragment,null,[o.tooltip])),q=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.extra||((t=r.extra)==null?void 0:t.call(r))])}),E=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.actions||((t=r.actions)==null?void 0:t.call(r))])}),A=e.computed(()=>o.loading===!0?e.createVNode(b.Spin,{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},null):e.createVNode(e.Fragment,null,[o.loading]));function O(){var n;const t=(n=r.default)==null?void 0:n.call(r);return k(!1),e.createVNode(e.Fragment,null,[t==null?void 0:t.map((l,a,i)=>{var s,u,B;if(l&&typeof l=="object"&&"type"in l&&((s=l.type)==null?void 0:s.isProCard)===!0){k(!0);const F=((u=l==null?void 0:l.props)==null?void 0:u.colSpan)||((B=l==null?void 0:l.props)==null?void 0:B["col-span"])||{},{span:f,colSpanStyle:M}=V(F),y=c("col"),_=m.mergeClass(`${y}`,[typeof f=="number"&&f>=0&&f<=24?`${y}-span-${f}`:void 0,o.split==="horizontal"&&a!==i.length-1?`${y}-split-horizontal`:void 0,o.split==="vertical"&&a!==i.length-1?`${y}-split-vertical`:void 0].filter(Boolean)),[x,v]=z.value;return e.createVNode("div",{class:_,style:{...M,...g(x>0,{paddingInlineStart:`${x/2}px`,paddingInlineEnd:`${x/2}px`}),...g(v>0,{paddingBlockStart:`${v/2}px`,paddingBlockEnd:`${v/2}px`}),...o.colStyle}},[l])}return l})])}const D=e.computed(()=>{const t=c();return m.mergeClass(`${t}`,[o.bordered?`${t}-border`:void 0,o.boxShadow?`${t}-box-shadow`:void 0,C.value?`${t}-contain-card`:void 0,o.loading?`${t}-loading`:void 0,o.split==="vertical"||o.split==="horizontal"?`${t}-split`:void 0,o.ghost?`${t}-ghost`:void 0,o.hoverable?`${t}-hoverable`:void 0,o.type?`${t}-type-${o.type}`:void 0].filter(Boolean))}),G=e.computed(()=>{const t=c("header");return m.mergeClass(`${t}`,[o.headerBordered||o.type==="inner"?`${t}-border`:void 0].filter(Boolean))}),P=e.computed(()=>{const t=c("body");return m.mergeClass(`${t}`,[o.layout==="center"?`${t}-center`:void 0,o.split==="horizontal"||o.direction==="column"?`${t}-direction-column`:void 0,o.wrap&&C.value?`${t}-wrap`:void 0].filter(Boolean))});return(t,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:D.value,style:{...$.value}},{...t.$attrs}),[o.title||r.title||o.extra||r.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(G.value),style:e.normalizeStyle({...o.headStyle})},[o.title||r.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header-title"))},[e.renderSlot(t.$slots,"title",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(j.value)))]),o.tooltip?(e.openBlock(),e.createBlock(e.unref(b.Tooltip),{key:0},{title:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w.value)))]),default:e.withCtx(()=>[e.createVNode(e.unref(I.QuestionCircleOutlined),{class:e.normalizeClass(e.unref(c)("header-title-tooltip"))},null,8,["class"])]),_:1})):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.extra||r.extra?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(c)("header-extra"))},[e.renderSlot(t.$slots,"extra",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q.value)))])],2)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(P.value),style:e.normalizeStyle({...o.bodyStyle})},[o.loading?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(A.value),{key:0})):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O()),{key:1}))],6),o.actions||r.actions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(c)("actions")),style:e.normalizeStyle({...o.actionsStyle})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E.value)))],6)):e.createCommentVNode("",!0)],16))}});exports.default=K;

package/lib/src/ap-pro-card/components/divider/index.vue.d.ts

@@ -0,0 +1,13 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /**
+     * 布局类型
+     *
+     * @default vertical
+     */
+    type?: 'horizontal' | 'vertical';
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "horizontal" | "vertical";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/src/ap-pro-card/components/divider/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");exports.default=e.default;

package/lib/src/ap-pro-card/components/divider/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const u=require("../../../editable-table/utils.js"),i=require("../../../config-provider/hooks/use-namespace.js"),a=e.defineComponent({name:"ApProCardDivider",__name:"index",props:{type:{default:"vertical"}},setup(s){const{b:n}=i.useNamespace("pro-card-divider"),t=s,o=e.computed(()=>{const r=n();return u.mergeClass(`${r}`,[t.type?`${r}-${t.type}`:void 0].filter(Boolean))});return(r,c)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({...r.$attrs},{class:o.value}),null,16))}});exports.default=a;

package/lib/src/ap-pro-card/components/title/index.vue.d.ts

@@ -0,0 +1,23 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    type?: 'default';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "default";
+}, {}, {}, {}, 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/lib/src/ap-pro-card/components/title/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");exports.default=e.default;

package/lib/src/ap-pro-card/components/title/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const n=require("../../../editable-table/utils.js"),a=require("../../../config-provider/hooks/use-namespace.js"),i=require("../../../config-provider/hooks/use-global-config.js"),c=e.defineComponent({name:"ApProCardTitle",__name:"index",props:{type:{default:"default"}},setup(l){const{b:r}=a.useNamespace("pro-card-title"),s=i.useGlobalConfig("uiMode"),o=l,u=e.computed(()=>{const t=r();return n.mergeClass(`${t}`,[o.type?`${t}-${o.type}`:void 0,s.value?`${t}-${o.type??"default"}-${s.value}`:void 0].filter(Boolean))});return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value)},[e.renderSlot(t.$slots,"default")],2))}});exports.default=c;

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

@@ -1,42 +1,10 @@
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
-import { ApProCardProps, ApProCardGutter, ApProCardSolts } from './interface';
-declare const ApProCard: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        wrap: boolean;
-        boxShadow: boolean;
-        gutter: ApProCardGutter | ApProCardGutter[];
-        ghost: boolean;
-        bordered: boolean;
-        headerBordered: boolean;
-        hoverable: boolean;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, {
-        wrap: boolean;
-        boxShadow: boolean;
-        gutter: ApProCardGutter | ApProCardGutter[];
-        ghost: boolean;
-        bordered: boolean;
-        headerBordered: boolean;
-        hoverable: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    wrap: boolean;
-    boxShadow: boolean;
-    gutter: ApProCardGutter | ApProCardGutter[];
-    ghost: boolean;
-    bordered: boolean;
-    headerBordered: boolean;
-    hoverable: boolean;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Readonly< ApProCardSolts> & ApProCardSolts;
-});
+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 & {
+    isProCard: boolean;
+    Divider: typeof Divider;
+    Title: typeof Title;
+};
+declare const ApProCard: ProCardType;
 export { ApProCard };

package/lib/src/ap-pro-card/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./components/card/index.vue.js");const r=require("./components/card/index.vue2.js"),e=r.default;e.isProCard=!0;exports.ApProCard=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./components/card/index.vue.js");require("./components/divider/index.vue.js");require("./components/title/index.vue.js");const r=require("./components/card/index.vue2.js"),t=require("./components/divider/index.vue2.js"),u=require("./components/title/index.vue2.js"),e=r.default;e.isProCard=!0;e.Divider=t.default;e.Title=u.default;exports.ApProCard=e;

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

@@ -1,4 +1,4 @@
-import { CSSProperties, VNodeChild } from 'vue';
+import { CSSProperties, VNode, VNodeChild } from 'vue';
 export type ApProCardBreakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type ApProCardGutter = number | Partial<Record<ApProCardBreakpoint, number>>;
 export type ApProCardColSpanType = number | string;
@@ -51,7 +51,7 @@ export interface ApProCardProps {
 }
 export type ApProCardSolts = {
     /** 内容区 */
-    default?: () => VNodeChild;
+    default?: () => VNode[];
     /** 标题 */
     title?: () => VNodeChild;
     /** 右上角自定义区域 */

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.21.0";
+declare const _default: "6.21.1";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.21.0";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.21.1";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "6.21.0",
+  "version": "6.21.1",
   "main": "./lib/index.js",
   "type": "module",
   "files": [

package/theme/ag-grid/custom-header.css

@@ -0,0 +1,82 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #182948;
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 18px;
+  list-style: none;
+}
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--ap-scrollbar-thumb-color-base);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--ap-scrollbar-thumb-color-hover);
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
+.aplus-ag-custom-header {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  flex: 1;
+}
+.aplus-ag-custom-header.sortable:hover {
+  cursor: pointer;
+}
+.aplus-ag-custom-header.align-center {
+  justify-content: center;
+}
+.aplus-ag-custom-header.align-right {
+  justify-content: end;
+}
+.aplus-ag-custom-header__sort-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.29);
+  margin-left: 4px;
+}
+.aplus-ag-custom-header__sort-wrapper:hover {
+  color: rgba(0, 0, 0, 0.57);
+  cursor: pointer;
+}
+.aplus-ag-custom-header__sorter-up.active {
+  color: var(--ap-color-primary);
+}
+.aplus-ag-custom-header__sorter-down {
+  margin-top: -0.3em;
+}
+.aplus-ag-custom-header__sorter-down.active {
+  color: var(--ap-color-primary);
+}

package/theme/ag-grid/custom-header.less

@@ -0,0 +1,39 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+.b(ag-custom-header, {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  flex: 1;
+  &.sortable:hover {
+    cursor: pointer;
+  }
+  &.align-center {
+    justify-content: center;
+  }
+  &.align-right {
+    justify-content: end;
+  }
+  &__sort-wrapper {
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    color: rgba(0,0,0,0.29);
+    &:hover {
+      color: rgba(0,0,0,0.57);
+      cursor: pointer;
+    }
+    margin-left: 4px;
+  }
+  &__sorter-up.active {
+    color: var(--ap-color-primary);
+  }
+  &__sorter-down {
+    margin-top: -0.3em;
+    &.active {
+      color: var(--ap-color-primary);
+    }
+  }
+});

package/theme/ag-grid/index.css

@@ -0,0 +1,204 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #182948;
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 18px;
+  list-style: none;
+}
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--ap-scrollbar-thumb-color-base);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--ap-scrollbar-thumb-color-hover);
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
+.aplus-ag-custom-header {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  flex: 1;
+}
+.aplus-ag-custom-header.sortable:hover {
+  cursor: pointer;
+}
+.aplus-ag-custom-header.align-center {
+  justify-content: center;
+}
+.aplus-ag-custom-header.align-right {
+  justify-content: end;
+}
+.aplus-ag-custom-header__sort-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.29);
+  margin-left: 4px;
+}
+.aplus-ag-custom-header__sort-wrapper:hover {
+  color: rgba(0, 0, 0, 0.57);
+  cursor: pointer;
+}
+.aplus-ag-custom-header__sorter-up.active {
+  color: var(--ap-color-primary);
+}
+.aplus-ag-custom-header__sorter-down {
+  margin-top: -0.3em;
+}
+.aplus-ag-custom-header__sorter-down.active {
+  color: var(--ap-color-primary);
+}
+.aplus-ag-grid ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.aplus-ag-grid ::-webkit-scrollbar-thumb {
+  background-color: var(--ap-scrollbar-thumb-color-base);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.aplus-ag-grid ::-webkit-scrollbar-track,
+.aplus-ag-grid ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.aplus-ag-grid ::-webkit-scrollbar-thumb:hover,
+.aplus-ag-grid ::-webkit-scrollbar-thumb:active {
+  background-color: var(--ap-scrollbar-thumb-color-hover);
+}
+.aplus-ag-grid-adaptive {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ag-grid-adaptive .aplus-ag-grid-grid-wrapper {
+  min-height: 0;
+  flex: 1;
+  position: relative;
+}
+.aplus-ag-grid-wrapper {
+  padding: 8px;
+  padding-bottom: 12px;
+  background-color: #fff;
+}
+.aplus-ag-grid-wrapper:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
+.aplus-ag-grid-sticky > .aplus-ag-grid__table-wrapper-card {
+  padding-bottom: 0;
+}
+.aplus-ag-grid__search-wrapper {
+  padding: 8px;
+  padding-bottom: 0;
+  background-color: #fff;
+  border-radius: 4px;
+  margin-bottom: 10px;
+}
+.aplus-ag-grid__table-wrapper {
+  flex: 1;
+  min-height: 0;
+  max-height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ag-grid__table-wrapper-card {
+  padding: 8px;
+  padding-bottom: 12px;
+  border-radius: 4px;
+  background-color: #fff;
+}
+.aplus-ag-grid__table-wrapper-card:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
+.aplus-ag-grid-pagination {
+  margin-block: 8px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  row-gap: 8px;
+}
+.aplus-ag-grid-pagination .ant-pagination-total-text {
+  flex: 1;
+  height: unset;
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+}
+.aplus-ag-grid__table-loading-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--vxe-ui-loading-background-color);
+}
+.aplus-ag-grid-pagination-count-text {
+  color: var(--ap-text-color-2);
+}
+.aplus-ag-grid-pagination--total-right {
+  padding-left: 12px;
+}
+.aplus-ag-grid-pagination-total-wrapper {
+  color: var(--ap-text-color-1);
+}
+.aplus-ag-grid-table-header__title {
+  display: -webkit-inline-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  max-width: 100%;
+  vertical-align: middle;
+  word-break: break-all;
+  flex: 1;
+}
+.aplus-ag-grid-table-header__title--single {
+  flex: unset;
+}
+.aplus-ag-grid__cell--left {
+  text-align: left;
+}
+.aplus-ag-grid__cell--center {
+  text-align: center;
+}
+.aplus-ag-grid__cell--right {
+  text-align: right;
+}

package/theme/ag-grid/index.less

@@ -0,0 +1,118 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+@import './custom-header.less';
+
+@aggrid: ~'@{ns}-ag-grid-grid-wrapper';
+@pg: ~'@{ns}-ag-grid-pagination-wrapper';
+
+.b(ag-grid, {
+  .reset-scrollbar();
+  &-adaptive {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .@{aggrid} {
+      min-height: 0;
+      flex: 1;
+      position: relative;
+    }
+  }
+  &-wrapper {
+    padding: @spacing;
+    padding-bottom: @spacing-lg;
+    // 如果渲染了分页器，则取消容器的底部边距，防止双重边距
+    &:has(ul.ant-pagination) {
+      padding-bottom: 0;
+    }
+    background-color: #fff;
+  }
+  &-sticky > &__table-wrapper-card {
+    padding-bottom: 0;
+  }
+  &__search-wrapper {
+    padding: @spacing;
+    padding-bottom: 0;
+    background-color: #fff;
+    border-radius: @border-radius;
+    margin-bottom: 10px;
+  }
+  &__table-wrapper {
+    flex: 1;
+    min-height: 0;
+    max-height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  &__table-wrapper-card {
+    padding: @spacing;
+    padding-bottom: @spacing-lg;
+    &:has(ul.ant-pagination) {
+      padding-bottom: 0;
+    }
+    border-radius: @border-radius;
+    background-color: #fff;
+  }
+  &-pagination {
+    margin-block: @spacing;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    row-gap: 8px;
+    .ant-pagination-total-text {
+      flex: 1;
+      height: unset;
+      line-height: @line-height-base;
+      display: flex;
+      align-items: center;
+    }
+  }
+  &__table-loading-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--vxe-ui-loading-background-color);
+  }
+  &-pagination-count-text {
+    color: var(--ap-text-color-2);
+  }
+  &-pagination--total-right {
+    padding-left: 12px;
+  }
+  &-pagination-total-wrapper {
+    color: var(--ap-text-color-1);
+  }
+  // ApGrid中表格表头的样式
+  &-table-header {
+    &__title {
+      display: -webkit-inline-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: normal;
+      max-width: 100%;
+      vertical-align: middle;
+      word-break: break-all;
+      flex: 1;
+      &--single {
+        flex: unset;
+      }
+    }
+  }
+  &__cell--left {
+    text-align: left;
+  }
+  &__cell--center {
+    text-align: center;
+  }
+  &__cell--right {
+    text-align: right;
+  }
+});

package/theme/ap-pro-card/index.css

@@ -257,3 +257,55 @@
   background: var(--ap-pro-card-colo-bg-container);
   padding: var(--ap-pro-card-actions-padding);
 }
+.aplus-pro-card-title-default {
+  position: relative;
+  font-weight: bold;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+}
+.aplus-pro-card-title-default-aplus {
+  padding-left: 10px;
+}
+.aplus-pro-card-title-default-aplus::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 14px;
+  background: #0070ff;
+  border-radius: 0px 4px 4px 0px;
+}
+.aplus-pro-card-title-default-admin {
+  padding-left: 14px;
+}
+.aplus-pro-card-title-default-admin::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #34b77c;
+  background: #fff;
+}
+.aplus-pro-card-divider {
+  flex: none;
+  background: var(--ap-pro-card-border-color-split);
+}
+.aplus-pro-card-divider-vertical {
+  width: var(--ap-pro-card-border-line-width);
+  margin-inline: 8px;
+  margin-block: 24px;
+}
+.aplus-pro-card-divider-horizontal {
+  height: var(--ap-pro-card-border-line-width);
+  margin-inline: 24px;
+  margin-block: 8px;
+}

package/theme/ap-pro-card/index.less

@@ -127,3 +127,59 @@
     padding: var(--ap-pro-card-actions-padding);
   }
 });
+
+.b(pro-card-title, {
+  &-default {
+    position: relative;
+    font-weight: bold;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    &-aplus {
+      padding-left: 10px;
+      &::before {
+        position: absolute;
+        content: '';
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 3px;
+        height: 14px;
+        background: #0070ff;
+        border-radius: 0px 4px 4px 0px;
+      }
+    }
+    &-admin {
+      padding-left: 14px;
+      &::before {
+        position: absolute;
+        content: '';
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        border-width: 2px;
+        border-style: solid;
+        border-color: #34b77c;
+        background: #fff;
+      }
+    }
+  }
+});
+
+.b(pro-card-divider, {
+  flex: none;
+  background: var(--ap-pro-card-border-color-split);
+  &-vertical {
+    width: var(--ap-pro-card-border-line-width);
+    margin-inline: 8px;
+    margin-block: 24px;
+  }
+  &-horizontal {
+    height: var(--ap-pro-card-border-line-width);
+    margin-inline: 24px;
+    margin-block: 8px;
+  }
+});

package/theme/index.css

@@ -4475,3 +4475,55 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   background: var(--ap-pro-card-colo-bg-container);
   padding: var(--ap-pro-card-actions-padding);
 }
+.aplus-pro-card-title-default {
+  position: relative;
+  font-weight: bold;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+}
+.aplus-pro-card-title-default-aplus {
+  padding-left: 10px;
+}
+.aplus-pro-card-title-default-aplus::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 14px;
+  background: #0070ff;
+  border-radius: 0px 4px 4px 0px;
+}
+.aplus-pro-card-title-default-admin {
+  padding-left: 14px;
+}
+.aplus-pro-card-title-default-admin::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #34b77c;
+  background: #fff;
+}
+.aplus-pro-card-divider {
+  flex: none;
+  background: var(--ap-pro-card-border-color-split);
+}
+.aplus-pro-card-divider-vertical {
+  width: var(--ap-pro-card-border-line-width);
+  margin-inline: 8px;
+  margin-block: 24px;
+}
+.aplus-pro-card-divider-horizontal {
+  height: var(--ap-pro-card-border-line-width);
+  margin-inline: 24px;
+  margin-block: 8px;
+}