@aplus-frontend/ui 7.9.1 → 7.10.1

package/es/src/ap-grid/utils/renderer.d.ts

@@ -1,3 +1,3 @@
-import { ApGridColumnType } from '../interface';
 import { ValueTypeRenderConfig } from '../../config-provider';
+import { ApGridColumnType } from '../interface';
 export declare function renderWithColumns<RecordType>(columns: ApGridColumnType<RecordType>[], color: string, className: string, extraValueType?: Record<string, ValueTypeRenderConfig>): import("vue/jsx-runtime").JSX.Element[];

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

@@ -1,6 +1,6 @@
+import { RowSelectionType } from '@aplus-frontend/antdv/es/table/interface';
 import { VxeTableEventProps, VxeTableProps } from 'vxe-table';
 import { ApGridColumnType, ApGridProps, ApGridRowSelection } from '../interface';
-import { RowSelectionType } from '@aplus-frontend/antdv/es/table/interface';
 export declare function toVxeProps<RecordType>(props: ApGridProps, rowSelection: ApGridRowSelection<RecordType> | undefined): VxeTableProps<RecordType> & VxeTableEventProps<RecordType>;
 export declare function getRowSelectionProps(rowSelection: ApGridRowSelection<any> | true, columns: ApGridColumnType[], size: 'mini' | 'medium'): {
     type: RowSelectionType;

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

@@ -1,6 +1,6 @@
+import { isUndefined as d } from "lodash-unified";
 import { ref as c, computed as g, unref as n } from "vue";
 import "../../utils/index.mjs";
-import { isUndefined as d } from "lodash-unified";
 import { isDef as f } from "../../utils/is.mjs";
 const C = (e) => {
   const i = c(

package/es/src/ap-list/index.vue.d.ts

@@ -1,5 +1,5 @@
-import { ApListExpose, ApListProps } from './interface';
 import { Recordable } from '../type';
+import { ApListExpose, ApListProps } from './interface';
 import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, Ref, VNode } from 'vue';
 import { ApFormSearchFormExpose } from '..';
 declare const _default: <RecordType extends Recordable>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -13,6 +13,7 @@ declare const _default: <RecordType extends Recordable>(__VLS_props: NonNullable
             };
             submit: () => void;
             reset: () => void;
+            loading: boolean;
         }): any;
         empty?(_: {
             loading: boolean;

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

@@ -1,14 +1,14 @@
-import { defineComponent as Z, shallowRef as _, toRef as x, unref as e, computed as p, watch as ee, createElementBlock as s, openBlock as o, normalizeStyle as h, normalizeClass as i, renderSlot as u, createElementVNode as te, createCommentVNode as P, createVNode as g, Fragment as z, createBlock as C, withCtx as b, renderList as ae, mergeProps as ne } from "vue";
-import { Empty as F, Spin as re, Pagination as oe } from "@aplus-frontend/antdv";
-import { useTablePaging as ie } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import "../config-provider/index.mjs";
-import { isUndefined as V, isNumber as le, omit as se } from "lodash-unified";
-import { useOfflineList as ue } from "./hooks/use-offline-list.mjs";
+import { defineComponent as ue, shallowRef as V, computed as m, toRef as ce, unref as t, watch as L, createElementBlock as s, openBlock as o, normalizeStyle as D, normalizeClass as l, renderSlot as u, createElementVNode as fe, createCommentVNode as N, createVNode as h, Fragment as O, createBlock as A, withCtx as B, renderList as de, mergeProps as me } from "vue";
+import { Empty as $, Spin as pe, Pagination as ge } from "@aplus-frontend/antdv";
+import { throttle as Se, isUndefined as M, isNumber as ye, omit as ve } from "lodash-unified";
+import { RecycleScroller as he, DynamicScroller as be, DynamicScrollerItem as ke } from "vue-virtual-scroller";
 import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
-import { RecycleScroller as me, DynamicScroller as ce, DynamicScrollerItem as de } from "vue-virtual-scroller";
-import fe from "./style/index.mjs";
-import { useNamespace as pe } from "../config-provider/hooks/use-namespace.mjs";
-const De = /* @__PURE__ */ Z({
+import { useTablePaging as Ie } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import "../config-provider/index.mjs";
+import { useOfflineList as Pe } from "./hooks/use-offline-list.mjs";
+import we from "./style/index.mjs";
+import { useNamespace as De } from "../config-provider/hooks/use-namespace.mjs";
+const Oe = /* @__PURE__ */ ue({
   name: "ApList",
   __name: "index",
   props: {
@@ -27,173 +27,214 @@ const De = /* @__PURE__ */ Z({
     footerWarpperStyle: { type: [Boolean, null, String, Object, Array] },
     virtual: { default: void 0 },
     rowKey: {},
-    adaptive: { type: Boolean, default: !1 }
+    adaptive: { type: Boolean, default: !1 },
+    fetchMode: { default: "paging" }
   },
-  setup(E, { expose: R }) {
-    const L = F.PRESENTED_IMAGE_SIMPLE, a = E, { b: d, e: y, bm: O, m: N } = pe("ap-list"), T = fe("ap-list"), k = _(), {
-      formRef: S,
-      submit: I,
-      reset: w,
-      handleTableChange: $,
-      data: v,
-      refresh: A,
-      refreshByDelete: j,
-      tableProps: B,
-      getPaging: q,
-      setPaging: K
-    } = ie({
-      async request(t) {
-        const n = await a.request?.(t);
+  setup(j, { expose: q }) {
+    const K = $.PRESENTED_IMAGE_SIMPLE, a = j, { b: p, e: b, bm: H, m: W } = De("ap-list"), G = we("ap-list"), c = V(), g = V(), S = m(() => a.fetchMode === "paging"), {
+      formRef: k,
+      submit: U,
+      reset: J,
+      handleTableChange: Q,
+      fetchNextPageAndCache: C,
+      data: I,
+      refresh: X,
+      refreshByDelete: Y,
+      tableProps: P,
+      getPaging: Z,
+      setPaging: _
+    } = Ie({
+      async request(e) {
+        const n = await a.request?.(e);
         return {
           data: n?.data || [],
           total: n?.total || 0
         };
       },
-      params: x(a, "params"),
+      params: ce(a, "params"),
       defaultData: a.defaultData,
       manual: a.manual,
       pagination: a.pagination,
       formatParams: a.beforeSearchSubmit
-    }), M = { form: S }, {
-      pagination: D,
-      dataSource: W,
-      onChange: G
-    } = ue(a);
-    function U(t, n) {
-      if (e(f)) {
-        G(t, n);
+    });
+    let y = 0;
+    function x() {
+      const e = c.value;
+      if (S.value || !e)
+        return;
+      const n = e.scrollTop, r = e.scrollHeight - e.clientHeight;
+      y >= r && (y = 0), !(y > n) && r - n <= 1 && (y = n, C());
+    }
+    function E() {
+      !S.value && C();
+    }
+    const z = Se(x, 300), ee = { form: k }, {
+      pagination: T,
+      dataSource: te,
+      onChange: ae
+    } = Pe(a);
+    function ne(e, n) {
+      if (t(v)) {
+        ae(e, n);
         return;
       }
-      $(
-        { current: t, pageSize: n },
+      Q(
+        { current: e, pageSize: n },
         {},
         {},
         { currentDataSource: [], action: "paginate" }
       );
     }
-    const m = p(() => e(f) ? e(W) : e(v).records), c = p(() => V(a.loading) ? e(v).loading : a.loading), H = p(() => a.pagination === !1 || a.virtual ? !1 : a.pagination?.hideOnSinglePage !== !0 ? !0 : e(f) ? (a.dataSource?.length || 0) > e(D).pageSize : e(v).total > e(B).pagination.pageSize), f = p(() => !V(a.dataSource));
-    ee(
-      () => e(c),
-      (t) => {
-        a.onLoadingChange?.(t);
+    const f = m(() => t(v) ? t(te) : [...t(I).records || []]), d = m(() => M(a.loading) ? t(I).loading : a.loading), re = m(() => a.pagination === !1 || a.virtual ? !1 : a.pagination?.hideOnSinglePage !== !0 ? !0 : t(v) ? (a.dataSource?.length || 0) > t(T).pageSize : t(I).total > t(P).pagination.pageSize), v = m(() => !M(a.dataSource));
+    L(
+      () => t(d),
+      (e) => {
+        a.onLoadingChange?.(e);
+      }
+    ), L(
+      () => a.params,
+      () => {
+        w();
+      },
+      {
+        deep: !0
       }
     );
-    function J(t) {
-      k.value?.querySelector(t || ":first-child")?.scrollIntoView({ behavior: "smooth", block: "center" });
+    function oe(e) {
+      c.value?.querySelector(e || ":first-child")?.scrollIntoView({ behavior: "smooth", block: "center" });
+    }
+    function le(e = !1) {
+      const n = k.value?.apForm;
+      return (e ? n?.getFieldsValueTransformed : n?.getFieldsValue)?.() || {};
+    }
+    function ie(e) {
+      k.value?.apForm?.setFieldsValue?.(e);
+    }
+    function w() {
+      S.value || (c.value && (c.value.scrollTop = 0), g.value && g.value.scrollToPosition?.(0));
     }
-    function Q(t = !1) {
-      const n = S.value?.apForm;
-      return (t ? n?.getFieldsValueTransformed : n?.getFieldsValue)?.() || {};
+    function F() {
+      w(), U();
     }
-    function X(t) {
-      S.value?.apForm?.setFieldsValue?.(t);
+    function R() {
+      w(), J();
     }
-    return R({
-      submit: () => I(),
-      reset: () => w(),
-      refresh: () => A(),
-      refreshByDelete: (t) => j(t),
-      scrollToFirstRow: J,
-      getSearchFormValuesIfSetted: Q,
-      setPaging: K,
-      getPaging: q,
-      setSearchFormValuesIfSetted: X
-    }), (t, n) => (o(), s("div", {
-      class: i([e(d)(), { [e(N)("adaptive")]: t.adaptive }, e(T)]),
-      style: h(t.containerStyle)
+    return q({
+      submit: F,
+      reset: R,
+      refresh: () => X(),
+      refreshByDelete: (e) => Y(e),
+      scrollToFirstRow: oe,
+      getSearchFormValuesIfSetted: le,
+      setPaging: _,
+      getPaging: Z,
+      setSearchFormValuesIfSetted: ie
+    }), (e, n) => (o(), s("div", {
+      class: l([t(p)(), { [t(W)("adaptive")]: e.adaptive }, t(G)]),
+      style: D(e.containerStyle)
     }, [
-      u(t.$slots, "header", {
-        formIns: M,
-        submit: e(I),
-        reset: e(w)
+      u(e.$slots, "header", {
+        formIns: ee,
+        submit: F,
+        reset: R,
+        loading: t(P).loading
       }),
-      te("div", {
-        class: i([
-          e(d)("content-container"),
-          { [e(O)("content-container", "spinning")]: c.value }
+      fe("div", {
+        class: l([
+          t(p)("content-container"),
+          { [t(H)("content-container", "spinning")]: d.value }
         ])
       }, [
-        c.value ? (o(), s("div", {
+        d.value ? (o(), s("div", {
           key: 0,
-          class: i(e(y)("spin-wrapper"))
+          class: l(t(b)("spin-wrapper"))
         }, [
-          g(e(re), { spinning: c.value }, null, 8, ["spinning"])
-        ], 2)) : P("", !0),
-        m.value.length === 0 ? u(t.$slots, "empty", {
+          h(t(pe), { spinning: d.value }, null, 8, ["spinning"])
+        ], 2)) : N("", !0),
+        f.value.length === 0 ? u(e.$slots, "empty", {
           key: 1,
-          loading: c.value
+          loading: d.value
         }, () => [
-          g(e(F), { image: e(L) }, null, 8, ["image"])
+          h(t($), { image: t(K) }, null, 8, ["image"])
         ]) : (o(), s("div", {
           key: 2,
           ref_key: "contentRef",
-          ref: k,
-          style: h(t.contentStyle),
-          class: i(e(y)("content"))
+          ref: c,
+          style: D(e.contentStyle),
+          class: l(t(b)("content")),
+          onScroll: n[0] || (n[0] = //@ts-ignore
+          (...r) => t(z) && t(z)(...r))
         }, [
-          t.virtual ? (o(), s(z, { key: 0 }, [
-            e(le)(t.virtual) ? (o(), C(e(me), {
+          e.virtual ? (o(), s(O, { key: 0 }, [
+            t(ye)(e.virtual) ? (o(), A(t(he), {
               key: 0,
-              class: i(e(d)("scroll-wrapper")),
-              items: m.value,
-              "item-size": t.virtual,
-              "key-field": a.rowKey || "id"
+              ref_key: "scroller",
+              ref: g,
+              class: l(t(p)("scroll-wrapper")),
+              items: f.value,
+              "item-size": e.virtual,
+              "key-field": a.rowKey || "id",
+              onScrollEnd: E
             }, {
-              default: b(({ item: r, index: l }) => [
-                u(t.$slots, "renderItem", {
+              default: B(({ item: r, index: i }) => [
+                u(e.$slots, "renderItem", {
                   item: r,
-                  index: l
+                  index: i
                 })
               ]),
               _: 3
-            }, 8, ["class", "items", "item-size", "key-field"])) : (o(), C(e(ce), {
+            }, 8, ["class", "items", "item-size", "key-field"])) : (o(), A(t(be), {
               key: 1,
-              items: m.value,
-              "min-item-size": t.virtual.minItemSize,
-              class: i(e(d)("scroll-wrapper"))
+              ref_key: "scroller",
+              ref: g,
+              items: f.value,
+              "min-item-size": e.virtual.minItemSize,
+              class: l(t(p)("scroll-wrapper")),
+              "key-field": a.rowKey || "id",
+              onScrollEnd: E
             }, {
-              default: b(({ item: r, index: l, active: Y }) => [
-                g(e(de), {
+              default: B(({ item: r, index: i, active: se }) => [
+                h(t(ke), {
                   item: r,
-                  active: Y,
-                  "data-index": l,
-                  "size-dependencies": t.virtual.sizeDependencies?.(r)
+                  active: se,
+                  "data-index": i,
+                  "size-dependencies": e.virtual.sizeDependencies?.(r)
                 }, {
-                  default: b(() => [
-                    u(t.$slots, "renderItem", {
+                  default: B(() => [
+                    u(e.$slots, "renderItem", {
                       item: r,
-                      index: l
+                      index: i
                     })
                   ]),
                   _: 2
                 }, 1032, ["item", "active", "data-index", "size-dependencies"])
               ]),
               _: 3
-            }, 8, ["items", "min-item-size", "class"]))
-          ], 64)) : u(t.$slots, "renderContent", {
+            }, 8, ["items", "min-item-size", "class", "key-field"]))
+          ], 64)) : u(e.$slots, "renderContent", {
             key: 1,
-            dataSource: m.value
+            dataSource: f.value
           }, () => [
-            (o(!0), s(z, null, ae(m.value, (r, l) => u(t.$slots, "renderItem", {
+            (o(!0), s(O, null, de(f.value, (r, i) => u(e.$slots, "renderItem", {
               item: r,
-              index: l
+              index: i
             })), 256))
           ])
-        ], 6))
+        ], 38))
       ], 2),
-      H.value ? (o(), s("div", {
+      S.value && re.value ? (o(), s("div", {
         key: 0,
-        class: i(e(y)("footer")),
-        style: h(t.footerWarpperStyle)
+        class: l(t(b)("footer")),
+        style: D(e.footerWarpperStyle)
       }, [
-        g(e(oe), ne(
-          f.value ? e(D) : e(se)(e(B).pagination, ["showTotal"]),
-          { onChange: U }
+        h(t(ge), me(
+          v.value ? t(T) : t(ve)(t(P).pagination, ["showTotal"]),
+          { onChange: ne }
         ), null, 16)
-      ], 6)) : P("", !0)
+      ], 6)) : N("", !0)
     ], 6));
   }
 });
 export {
-  De as default
+  Oe as default
 };

package/es/src/ap-list/interface.d.ts

@@ -1,7 +1,7 @@
 import { StyleValue } from 'vue';
 import { ApTablePaginationConfig, RequestData } from '../ap-table';
-import { Recordable } from '../type';
 import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
+import { Recordable } from '../type';
 export type ApListProps<RecordType = any, ParamsType = Recordable> = {
     /**
      * 列表数据源，传入后`request`和`defaultData`都将失效
@@ -90,6 +90,11 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
      * 是否自适应外部容器高度（无数据时充满容器、数据超出时内部滚动）
      */
     adaptive?: boolean;
+    /**
+     * 请求网络请求模式: `paging`分页、`infinite-scroll`无限滚动
+     * @default "paging"
+     */
+    fetchMode?: 'paging' | 'infinite-scroll';
 };
 export type ApListExpose = {
     /**

package/es/src/ap-modal/index.mjs

@@ -1,8 +1,8 @@
 import { Modal as m } from "@aplus-frontend/antdv";
-import "./utils/index.mjs";
 import { omit as a } from "lodash-unified";
 import t, { withWarn as c, withInfo as f, withSuccess as l, withError as s, withConfirm as p } from "./utils/confirm.mjs";
 import e from "./utils/destroyFns.mjs";
+import "./utils/index.mjs";
 import { setModalGlobalAppContext as u } from "./utils/util.mjs";
 import "./interface.mjs";
 import { createModal as d } from "./utils/createModal.mjs";

package/es/src/ap-modal/utils/confirm.mjs

@@ -1,16 +1,16 @@
 import { render as s, cloneVNode as h, createVNode as p, mergeProps as m } from "vue";
-import b from "@aplus-frontend/antdv/es/modal/ConfirmDialog";
-import { omit as P } from "lodash-unified";
-import "../../config-provider/index.mjs";
+import { globalConfigForApi as b } from "@aplus-frontend/antdv/es/config-provider";
+import P from "@aplus-frontend/antdv/es/modal/ConfirmDialog";
 import { getConfirmLocale as w } from "@aplus-frontend/antdv/es/modal/locale";
-import { globalConfigForApi as v } from "@aplus-frontend/antdv/es/config-provider";
+import { omit as v } from "lodash-unified";
+import "../../config-provider/index.mjs";
 import c from "./destroyFns.mjs";
 import { getModalGlobalAppContext as A } from "./util.mjs";
 import { globalConfigCached as D, ConfigProvider as F } from "../../config-provider/config-provider.mjs";
 const G = (e) => {
   const f = document.createDocumentFragment();
   let n = {
-    ...P(e, ["parentContext", "appContext"]),
+    ...v(e, ["parentContext", "appContext"]),
     close: l,
     open: !0,
     centered: !0
@@ -45,13 +45,13 @@ const G = (e) => {
   }
   const d = (o) => {
     const r = {
-      ...v,
+      ...b,
       ...D.value
     }, t = r.prefixCls, u = o.prefixCls || `${t}-modal`, y = r.iconPrefixCls, C = w();
     return p(F, m(r, {
       prefixCls: t
     }), {
-      default: () => [p(b, m(o, {
+      default: () => [p(P, m(o, {
         rootPrefixCls: t,
         prefixCls: u,
         iconPrefixCls: y,

package/es/src/ap-modal/utils/createModal.mjs

@@ -1,11 +1,11 @@
 import { render as h, defineComponent as k, createVNode as u, mergeProps as N, h as $ } from "vue";
 import { Modal as E } from "@aplus-frontend/antdv";
-import { globalConfigCached as p, ConfigProvider as F } from "../../config-provider/config-provider.mjs";
-import { omit as L } from "lodash-unified";
 import { isNumeric as C } from "@aplus-frontend/utils";
-import { getContainerDom as g, getModalGlobalAppContext as M } from "./util.mjs";
-import { getTopWindow as A } from "../../utils/index.mjs";
-import H from "../style/index.mjs";
+import { omit as F } from "lodash-unified";
+import { getTopWindow as L } from "../../utils/index.mjs";
+import { globalConfigCached as p, ConfigProvider as M } from "../../config-provider/config-provider.mjs";
+import A from "../style/index.mjs";
+import { getContainerDom as g, getModalGlobalAppContext as H } from "./util.mjs";
 const j = (t) => {
   let n, r, i;
   const s = (e) => e ? `${p.value.namespace}-ap-modal-${e}` : `${p.value.namespace}-ap-modal`, {
@@ -42,7 +42,7 @@ const j = (t) => {
           ...this.props,
           ...e
         };
-      }, i = H("ap-modal");
+      }, i = A("ap-modal");
     },
     methods: {
       async handleCancel() {
@@ -77,8 +77,8 @@ const j = (t) => {
       }
     },
     render() {
-      const e = L(this.props, ["onCancel", "onOk", "open", "onUpdate:open", "getContainer", "icon", "footer"]);
-      return u(F, p.value, {
+      const e = F(this.props, ["onCancel", "onOk", "open", "onUpdate:open", "getContainer", "icon", "footer"]);
+      return u(M, p.value, {
         default: () => [u(E, N({
           class: {
             [s()]: !0,
@@ -106,9 +106,9 @@ const j = (t) => {
         })]
       });
     }
-  }), O = g(p?.value?.getPopupContainer), w = g(t.getContainer), b = O || w || A().document.body, a = document.createElement("div");
+  }), O = g(p?.value?.getPopupContainer), w = g(t.getContainer), b = O || w || L().document.body, a = document.createElement("div");
   b.appendChild(a);
-  const f = $(y), P = M();
+  const f = $(y), P = H();
   return f.appContext = t.appContext || P || f.appContext, h(f, a), {
     destroy: l,
     update: x,

package/es/src/ap-modal/utils/createModalStream.mjs

@@ -1,7 +1,7 @@
+import { Modal as I } from "@aplus-frontend/antdv";
 import { isValid as _ } from "@aplus-frontend/utils";
-import { createModal as I } from "./createModal.mjs";
-import { Modal as S } from "@aplus-frontend/antdv";
 import { ModalMessage as y } from "../enums/modalMessage.mjs";
+import { createModal as S } from "./createModal.mjs";
 const A = (M, g) => {
   const E = g ?? (Array.isArray(M) ? M[0]?.modalId : void 0), n = /* @__PURE__ */ new Map();
   let x, u, c = 1e3;
@@ -86,10 +86,10 @@ const A = (M, g) => {
       s?.update(t), s?.open?.();
       return;
     } else if (f === "createModal") {
-      const e = I(t);
+      const e = S(t);
       e?.open?.(), n.set(d, e);
     } else
-      S?.[f]?.(t);
+      I?.[f]?.(t);
   }, N = M.find((r) => _(E) && r.modalId === E);
   if (N !== void 0)
     return C(N), {

package/es/src/ap-modal/utils/methods.mjs

@@ -1,8 +1,8 @@
 import { defineComponent as s, createVNode as p, render as u, h as C } from "vue";
 import { Modal as f } from "@aplus-frontend/antdv";
-import { ConfigProvider as g, globalConfigCached as e } from "../../config-provider/config-provider.mjs";
+import { getTopWindow as g } from "../../utils/index.mjs";
+import { ConfigProvider as h, globalConfigCached as e } from "../../config-provider/config-provider.mjs";
 import { getContainerDom as n } from "./util.mjs";
-import { getTopWindow as h } from "../../utils/index.mjs";
 const w = (r) => (o) => {
   let t;
   const d = /* @__PURE__ */ s({
@@ -17,11 +17,11 @@ const w = (r) => (o) => {
       t = this.modal?.[r]?.(o);
     },
     render() {
-      return p(g, e.value, {
+      return p(h, e.value, {
         default: () => [this.contextHolder?.()]
       });
     }
-  }), m = n(e?.value?.getPopupContainer), a = n(o.getContainer), i = m || a || h().document.body;
+  }), m = n(e?.value?.getPopupContainer), a = n(o.getContainer), i = m || a || g().document.body;
   return u(C(d), i), t;
 };
 export {

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

@@ -18,10 +18,10 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
 }>, {
     wrap: boolean;
     boxShadow: boolean;
-    gutter: ApProCardGutter | ApProCardGutter[];
-    ghost: boolean;
     bordered: boolean;
     hoverable: boolean;
+    gutter: ApProCardGutter | ApProCardGutter[];
+    ghost: boolean;
     collapsible: boolean;
     headerBordered: boolean;
     defaultCollapsed: boolean;