@qin-ui/antd-vue-pro 2.0.11 → 2.0.13

package/es/antd-vue-pro.css

@@ -1,52 +1,58 @@
-.search-form[data-v-a5f1b551] .ant-form-item {
+.pro-table_search-form[data-v-0bb2bc70] .ant-form-item {
   margin: 0;
 }
-.expand-toggle-button[data-v-a5f1b551] {
+.pro-table_search-form_expand-toggle-button[data-v-0bb2bc70] {
   display: flex;
   align-items: center;
   padding: 0;
   padding-left: 4px;
 }
-.transition[data-v-a5f1b551] {
+.pro-table_search-form .transition[data-v-0bb2bc70] {
   transition: all 0.25s;
 }
-.search-form-container[data-v-727c8aba] {
+.pro-table_search-form-container[data-v-c385cd54] {
   margin-bottom: 24px;
   padding: 24px;
 }
-.table-container[data-v-185690a3] {
+.pro-table_table-container[data-v-ac3cdb51] {
   flex: 1;
   padding: 24px 24px 0;
 }
-.size-control-button[data-v-b7eded53] {
+.pro-table_size-control_button[data-v-0df8d4ae] {
   display: flex;
   align-items: center;
   padding-right: 12px;
   padding-left: 12px;
 }
-.size-control-button[data-v-b7eded53] svg {
+.pro-table_size-control_button[data-v-0df8d4ae] svg {
   transform: scale(1.3);
 }
-.column-control-button[data-v-cdcab425] {
+.pro-table_column-control_button[data-v-49bb3de5] {
   display: flex;
   align-items: center;
   padding-right: 12px;
   padding-left: 12px;
 }
-.column-control-button[data-v-cdcab425] svg {
+.pro-table_column-control_button[data-v-49bb3de5] svg {
   transform: scale(1.2, 1.4);
 }
-.pro-table .pro-table-header[data-v-7b0601fa] {
+.pro-table_header[data-v-54982423] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.pro-table .pro-table-header[data-v-7b0601fa]:empty {
+.pro-table_header[data-v-54982423]:empty {
   display: none;
 }
-.pro-table .pro-table-header + .pro-table-content[data-v-7b0601fa] {
+.pro-table_header + .pro-table_header_content[data-v-54982423] {
   margin-top: 16px;
 }
-.pro-table[data-v-7b0601fa] .ant-pagination .ant-pagination-total-text {
+.pro-table_header_button-bar[data-v-54982423] {
+  flex: 1;
+}
+.pro-table_header_toolbar[data-v-54982423] {
+  margin-left: 12px;
+}
+.pro-table[data-v-54982423] .ant-pagination .ant-pagination-total-text {
   flex: 1;
 }

package/es/form/index.js

@@ -37,7 +37,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           return (_a = unref(setFormRef)) == null ? void 0 : _a(el);
         },
         model: unref(formData)
-      }, mergeProps(injectAttrs, unref(camelizeProperties)(_ctx.$attrs))), {
+      }, mergeProps(injectAttrs, unref(camelizeProperties)(_ctx.$attrs)), { class: "pro-form" }), {
         default: withCtx(() => [
           createVNode(unref(_sfc_main$3), {
             fields: unref(fields),
@@ -495,7 +495,8 @@ function useForm(...args) {
 }
 const initPropsMap = /* @__PURE__ */ new Map();
 const getInitProps = (field) => {
-  const { component, type = "" } = field;
+  const { component } = field;
+  const type = component === "input" ? "" : field.type;
   if (COMPONENT_MAP.has(component)) {
     const k = [component, type].filter(Boolean).join(".");
     if (initPropsMap.has(k)) {
@@ -651,6 +652,7 @@ export {
   _sfc_main as SlotComponent,
   TeleportComponentNamePrefix,
   _sfc_main$6 as default,
+  getInitProps,
   useFields,
   useForm,
   useFormData

package/es/index.d.ts

@@ -260,7 +260,7 @@ declare type CompSlot<T extends string> = Partial<Record<KeyExpandString<T>, Slo
 /**
  * @description 容器组件类型
  */
-export declare type ContainerComponent = Component<PathProps> | null;
+export declare type ContainerComponent = Component<PathProps>;
 
 export declare const ContainerFragment: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
@@ -289,13 +289,13 @@ declare const _default_2: <T extends Table<any> = Table>(__VLS_props: NonNullabl
         }>;
         searchFormConfig?: Omit<SearchFormProps, "form"> & {
             hidden?: boolean;
-            container?: ContainerComponent;
+            container?: ContainerComponent | false;
         };
-        tableContainer?: ContainerComponent;
+        tableContainer?: ContainerComponent | false;
     } & TableProps<any>) & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<    {}>): void;
     attrs: any;
-    slots: Readonly<Omit<Readonly<{
+    slots: Readonly<Omit<Omit<Readonly<{
         emptyText?: any;
         expandIcon?: Slot<RenderExpandIconProps<any> | undefined> | undefined;
         title?: any;
@@ -317,7 +317,15 @@ declare const _default_2: <T extends Table<any> = Table>(__VLS_props: NonNullabl
         customFilterIcon?: any;
         customFilterDropdown?: any;
         default: any;
-    }> & Partial<Record<"table" | "search-form" | "button-bar" | "toolbar", Slot>>, "default">> & Omit<Readonly<{
+    }>, "bodyCell"> & Readonly<{
+        bodyCell?: (props: {
+            text: any;
+            value: any;
+            record: T extends Table<infer U extends Data> ? U : never;
+            index: number;
+            column: Column<T extends Table<infer U extends Data> ? U : never>;
+        }) => void;
+    }> & Readonly<Partial<Record<"table" | "search-form" | "button-bar" | "toolbar", Slot>>>, "default">> & Omit<Omit<Readonly<{
         emptyText?: any;
         expandIcon?: Slot<RenderExpandIconProps<any> | undefined> | undefined;
         title?: any;
@@ -339,7 +347,15 @@ declare const _default_2: <T extends Table<any> = Table>(__VLS_props: NonNullabl
         customFilterIcon?: any;
         customFilterDropdown?: any;
         default: any;
-    }> & Partial<Record<"table" | "search-form" | "button-bar" | "toolbar", Slot>>, "default">;
+    }>, "bodyCell"> & Readonly<{
+        bodyCell?: (props: {
+            text: any;
+            value: any;
+            record: T extends Table<infer U extends Data> ? U : never;
+            index: number;
+            column: Column<T extends Table<infer U extends Data> ? U : never>;
+        }) => void;
+    }> & Readonly<Partial<Record<"table" | "search-form" | "button-bar" | "toolbar", Slot>>>, "default">;
     emit: {};
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
@@ -364,7 +380,7 @@ declare type ExtendWithAny<D> = {
  */
 export declare type Field<D extends Data = Data> = {
     [K in keyof FieldTypeMap]: {
-        component: K extends 'custom' ? FieldTypeMap<D>[K]['component'] : K;
+        component?: K extends 'custom' ? FieldTypeMap<D>[K]['component'] : K;
     } & FieldTypeMap<D>[K];
 }[keyof FieldTypeMap];
 
@@ -464,6 +480,8 @@ declare type _FormProps = Pick<Partial<FormProps>, 'colon' | 'disabled' | 'hideR
 
 declare type FP<T extends Record<string, any>> = Partial<T & Pick<Base, 'valueFormatter' | 'componentContainer' | 'modelName'> & AllowedComponentProps>;
 
+export declare const getInitProps: (field: Field) => Record<string, any>;
+
 export declare type Grid = boolean | (RowProps & {});
 
 export declare const INJECT_CONFIG: {
@@ -724,7 +742,7 @@ declare type RangePickerSlots = CompSlot<'dateRender' | 'renderExtraFooter' | 's
 export declare type RenderComponentType = Component<VModelProps & PathProps>;
 
 export declare type RequiredComponentVars = {
-    'pro-table': PP<TableProps & Pick<ProTableProps, 'control' | 'searchFormConfig' | 'immediateSearch' | 'addIndexColumn'>>;
+    'pro-table': PP<TableProps & Pick<ProTableProps, 'control' | 'searchFormConfig' | 'immediateSearch' | 'addIndexColumn' | 'tableContainer'>>;
     'pro-form': PP<Omit<ProFormProps, 'form' | 'grid'> & {
         grid: Exclude<Grid, undefined | boolean>;
     }>;
@@ -905,7 +923,12 @@ export declare function useForm<D extends Data = Data>(root?: boolean): Form<D>;
  */
 export declare const useFormData: <D extends Data = Data>(initFormData?: ExtendWithAny<DeepPartial<D>>) => {
     formData: Reactive<ExtendWithAny<D>>;
-    getFormData: (path: Path<D>) => any;
+    getFormData: {
+        <K extends keyof D>(path: K): D[K];
+        <K extends keyof D & string, K1 extends keyof D[K] & string>(path: `${K}.${K1}`): D[K][K1];
+        <K extends keyof D & string, K1_1 extends keyof D[K] & string, K2 extends keyof D[K][K1_1] & string>(path: `${K}.${K1_1}.${K2}`): D[K][K1_1][K2];
+        (path: Path<D>): any;
+    };
     setFormData: {
         (path: Path<D>, value: any): void;
         (path: Path<D>, value: (v: any) => any): void;

package/es/index.js

@@ -1,6 +1,6 @@
 import "./antd-vue-pro.css";
 import _sfc_main from "./form/index.js";
-import { BaseField, BaseFormItem, COMPONENT_MAP, ContainerFragment, FORM_ITEM_SLOT_KEYS, InjectionFormKey, InjectionPathKey, SlotComponent, TeleportComponentNamePrefix, useFields, useForm, useFormData } from "./form/index.js";
+import { BaseField, BaseFormItem, COMPONENT_MAP, ContainerFragment, FORM_ITEM_SLOT_KEYS, InjectionFormKey, InjectionPathKey, SlotComponent, TeleportComponentNamePrefix, getInitProps, useFields, useForm, useFormData } from "./form/index.js";
 import BaseTable from "./table/index.js";
 import { useTable } from "./table/index.js";
 import { _ as _sfc_main$1 } from "./component-provider/index-DXPHmG1H.js";
@@ -38,6 +38,7 @@ export {
   SlotComponent,
   TeleportComponentNamePrefix,
   index as default,
+  getInitProps,
   useFields,
   useForm,
   useFormData,

package/es/table/index.js

@@ -151,10 +151,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$9), mergeProps(layoutProps.value, {
         form: _ctx.form,
-        class: "search-form transition"
+        class: "pro-table_search-form transition"
       }), {
         default: withCtx(() => [
-          createVNode(unref(Space), { align: "start" }, {
+          createVNode(unref(Space), {
+            align: "start",
+            class: "pro-table_search-form_button-group"
+          }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "reset-button", { onClick: onReset }, () => [
                 _ctx.resetButton ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.resetButton), {
@@ -162,6 +165,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   onClick: onReset
                 })) : (openBlock(), createBlock(unref(Button), {
                   key: 1,
+                  class: "pro-table_search-form_reset-button",
                   onClick: onReset
                 }, {
                   default: withCtx(() => _cache[0] || (_cache[0] = [
@@ -177,6 +181,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   onClick: onSearch
                 })) : (openBlock(), createBlock(unref(Button), {
                   key: 1,
+                  class: "pro-table_search-form_search-button",
                   type: "primary",
                   "html-type": "submit",
                   onClick: onSearch
@@ -197,7 +202,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["expand-status"])) : (openBlock(), createBlock(unref(Button), {
                     key: 1,
                     type: "link",
-                    class: "expand-toggle-button",
+                    class: "pro-table_search-form_expand-toggle-button",
                     onClick: changeExpandStatus
                   }, {
                     default: withCtx(() => [
@@ -220,7 +225,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-a5f1b551"]]);
+const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-0bb2bc70"]]);
 function useModel(props, name, options) {
   const eventName = `onUpdate:${name}`;
   const emitUpdate = props[eventName];
@@ -240,7 +245,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const { token } = theme.useToken();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "search-form-container",
+        class: "pro-table_search-form-container",
         style: normalizeStyle({ backgroundColor: unref(token).colorBgContainer })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -248,14 +253,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DefaultSearchFormContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-727c8aba"]]);
+const DefaultSearchFormContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-c385cd54"]]);
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "DefaultTableContainer",
   setup(__props) {
     const { token } = theme.useToken();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "table-container",
+        class: "pro-table_table-container",
         style: normalizeStyle({ backgroundColor: unref(token).colorBgContainer })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -263,7 +268,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DefaultTableContainer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-185690a3"]]);
+const DefaultTableContainer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ac3cdb51"]]);
 const _sfc_main$4 = {};
 const _hoisted_1$2 = {
   focusable: "false",
@@ -308,12 +313,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             "selected-keys": unref(size) ? [unref(size)] : [],
             items: sizeOptions,
             onClick: onSizeChange
-          }, null, 8, ["selected-keys", "items"])
+          }, null, 8, ["selected-keys"])
         ]),
         default: withCtx(() => [
           createVNode(unref(Button), {
             type: "text",
-            class: "size-control-button"
+            class: "pro-table_size-control_button"
           }, {
             default: withCtx(() => [
               createVNode(ColumnHeightOutlined)
@@ -326,7 +331,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b7eded53"]]);
+const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0df8d4ae"]]);
 const _sfc_main$2 = {};
 const _hoisted_1$1 = {
   focusable: "false",
@@ -408,61 +413,59 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         placement: "bottomRight"
       }, {
         overlay: withCtx(() => [
-          createElementVNode("div", null, [
-            createVNode(unref(Menu), {
-              style: { "min-width": "100px", "max-height": "500px", "overflow-y": "scroll" },
-              selectable: false
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(unref(MenuItem), { key: 0 }, {
+          createVNode(unref(Menu), {
+            style: { "min-width": "100px", "max-height": "500px", "overflow-y": "scroll" },
+            selectable: false
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(unref(MenuItem), { key: 0 }, {
+                default: withCtx(() => [
+                  createElementVNode("div", null, [
+                    createVNode(unref(Checkbox), {
+                      checked: checkAll.value,
+                      indeterminate: indeterminate.value,
+                      onChange: onCheckAllChange
+                    }, {
+                      default: withCtx(() => _cache[2] || (_cache[2] = [
+                        createTextVNode(" 全选 ", -1)
+                      ])),
+                      _: 1,
+                      __: [2]
+                    }, 8, ["checked", "indeterminate"])
+                  ])
+                ]),
+                _: 1
+              })),
+              createVNode(unref(MenuDivider)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(checkedColumnsOptions.value, (item) => {
+                return openBlock(), createBlock(unref(MenuItem), {
+                  key: item.value,
+                  onClick: ($event) => checkColumnsMenuItemClick(item.value)
+                }, {
                   default: withCtx(() => [
-                    createElementVNode("div", null, [
-                      createVNode(unref(Checkbox), {
-                        checked: checkAll.value,
-                        indeterminate: indeterminate.value,
-                        onChange: onCheckAllChange
-                      }, {
-                        default: withCtx(() => _cache[2] || (_cache[2] = [
-                          createTextVNode(" 全选 ", -1)
-                        ])),
-                        _: 1,
-                        __: [2]
-                      }, 8, ["checked", "indeterminate"])
-                    ])
+                    createVNode(unref(Checkbox), {
+                      checked: checkedColumnKeys.value.includes(item.value)
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", {
+                          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                          }, ["stop"]))
+                        }, toDisplayString(item.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["checked"])
                   ]),
-                  _: 1
-                })),
-                createVNode(unref(MenuDivider)),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(checkedColumnsOptions.value, (item) => {
-                  return openBlock(), createBlock(unref(MenuItem), {
-                    key: item.value,
-                    onClick: ($event) => checkColumnsMenuItemClick(item.value)
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Checkbox), {
-                        checked: checkedColumnKeys.value.includes(item.value)
-                      }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", {
-                            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                            }, ["stop"]))
-                          }, toDisplayString(item.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["checked"])
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"]);
-                }), 128))
-              ]),
-              _: 1
-            })
-          ])
+                  _: 2
+                }, 1032, ["onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          })
         ]),
         default: withCtx(() => [
           createVNode(unref(Button), {
             type: "text",
-            class: "column-control-button"
+            class: "pro-table_column-control_button"
           }, {
             default: withCtx(() => [
               createVNode(FilterOutlined)
@@ -475,18 +478,24 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cdcab425"]]);
-const _hoisted_1 = { class: "pro-table-header" };
+const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-49bb3de5"]]);
+const _hoisted_1 = { class: "pro-table_header" };
 const _hoisted_2 = {
   key: 0,
-  style: { "flex": "1" }
+  class: "pro-table_header_button-bar"
 };
 const _hoisted_3 = {
   key: 1,
-  style: { "margin-left": "12px" }
+  class: "pro-table_header_toolbar"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "pro-table_header_size-control"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "pro-table_header_column-control"
 };
-const _hoisted_4 = { key: 2 };
-const _hoisted_5 = { key: 3 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ProTable", inheritAttrs: false },
   __name: "BaseTable",
@@ -497,7 +506,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     immediateSearch: { type: Boolean, default: void 0 },
     control: { type: [Boolean, Object], default: void 0 },
     searchFormConfig: { default: void 0 },
-    tableContainer: { default: DefaultTableContainer }
+    tableContainer: { type: Boolean, default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -506,10 +515,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tableProperties = Object.keys(tableProps());
     const injectAttrs = pick(injectProps, tableProperties);
     const computedSearchFormConfig = computed(() => {
+      var _a, _b;
+      const container = ((_a = props.searchFormConfig) == null ? void 0 : _a.container) ?? ((_b = injectProps.searchFormConfig) == null ? void 0 : _b.container) ?? DefaultSearchFormContainer;
       return {
-        container: DefaultSearchFormContainer,
         ...injectProps.searchFormConfig,
-        ...getObject(props.searchFormConfig)
+        ...getObject(props.searchFormConfig),
+        container: container ? container : void 0
       };
     });
     const attrs = useAttrs();
@@ -549,7 +560,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       _search();
     };
     const computedTableProps = computed(() => {
-      return { ...injectAttrs, ...tableAttrs.value, onChange: void 0 };
+      return {
+        ...injectAttrs,
+        ...tableAttrs.value,
+        pagination: void 0,
+        onChange: void 0
+      };
+    });
+    const computedTableContainer = computed(() => {
+      const container = props.tableContainer ?? injectProps.tableContainer ?? DefaultTableContainer;
+      return container ? container : void 0;
     });
     const indexColumn = {
       title: "序号",
@@ -557,19 +577,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       width: 80,
       customRender: ({ index }) => index + 1
     };
-    const computedColumns = computed(() => [
-      ...props.addIndexColumn ?? injectProps.addIndexColumn ? [indexColumn] : [],
-      ...(tableAttrs.value.columns ?? (columns == null ? void 0 : columns.value) ?? []).flatMap(
-        (item, index) => {
-          if (item.key) return [{ ...item, key: item.key }];
-          if (item.dataIndex) {
-            const dataIndexKey = Array.isArray(item.dataIndex) ? item.dataIndex.join(".") : item.dataIndex;
-            return [{ ...item, key: dataIndexKey }];
+    const computedColumns = computed(
+      () => [
+        ...props.addIndexColumn ?? injectProps.addIndexColumn ? [indexColumn] : [],
+        ...(tableAttrs.value.columns ?? (columns == null ? void 0 : columns.value) ?? []).flatMap(
+          (item, index) => {
+            if (item.key) return [{ ...item, key: item.key }];
+            if (item.dataIndex) {
+              const dataIndexKey = Array.isArray(item.dataIndex) ? item.dataIndex.join(".") : item.dataIndex;
+              return [{ ...item, key: dataIndexKey }];
+            }
+            return [{ ...item, key: index }];
           }
-          return [{ ...item, key: index }];
-        }
-      )
-    ]);
+        )
+      ]
+    );
     const visibleComputedColumns = computed(() => {
       return computedColumns.value.filter((item) => !item.hidden);
     });
@@ -627,7 +649,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["component"])) : createCommentVNode("", true),
-        createVNode(unref(_sfc_main$a), { component: _ctx.tableContainer }, {
+        createVNode(unref(_sfc_main$a), { component: computedTableContainer.value }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_1, [
               unref(buttonBarSlot) ? (openBlock(), createElementBlock("div", _hoisted_2, [
@@ -650,7 +672,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])) : createCommentVNode("", true)
             ]),
             renderSlot(_ctx.$slots, "table", {}, () => [
-              createVNode(unref(Table), mergeProps({ class: "pro-table-content" }, computedTableProps.value, {
+              createVNode(unref(Table), mergeProps({ class: "pro-table_content" }, computedTableProps.value, {
                 size: unref(size),
                 loading: unref(loading),
                 columns: visibleComputedColumns.value,
@@ -675,7 +697,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b0601fa"]]);
+const BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54982423"]]);
 const getDefaultPageParam = () => ({ current: 1, pageSize: 10, total: 0 });
 const pageParamProperty = ["current", "pageSize", "total"];
 const useTable = (params) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qin-ui/antd-vue-pro",
-  "version": "2.0.11",
+  "version": "2.0.13",
   "description": "二次封装antd vue组件",
   "type": "module",
   "module": "es/index.js",
@@ -36,8 +36,10 @@
     "url": "https://github.com/dufan3715/pro-components/issues"
   },
   "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
     "ant-design-vue": "^4",
     "lodash-es": "^4.17.21",
+    "scroll-into-view-if-needed": "^3.1.0",
     "vue": "^3.5.18",
     "vue-component-type-helpers": "^3.0.1"
   },