el-plus 0.0.18 → 0.0.20

package/es/components/search-list-page/src/search-list-page.vue.d.ts

@@ -31,7 +31,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
         readonly default: () => never[];
     };
-    readonly linkProps: {
+    readonly formatColumns: {
         readonly type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
         readonly default: () => never[];
     };
@@ -42,9 +42,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly default: true;
     };
     readonly add: FunctionConstructor;
-    readonly templateDownloadApi: StringConstructor;
-    readonly importApi: StringConstructor;
-    readonly exportApi: StringConstructor;
     readonly offsetTop: {
         readonly type: NumberConstructor;
         readonly default: 0;
@@ -104,6 +101,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
                 type: string;
                 props: Record<string, any>;
                 filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
             } & {} & {
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -161,7 +159,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
             }>[];
-            readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+            readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
                 name: string;
                 prop: string;
                 permission: string;
@@ -210,6 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
                 type: string;
                 props: Record<string, any>;
                 filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
             } & {} & {
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -267,7 +266,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
             }>[];
-            readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+            readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
                 name: string;
                 prop: string;
                 permission: string;
@@ -339,7 +338,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
             readonly tooltipEffect?: string | undefined;
             readonly appendFilterPanelTo?: string | undefined;
             readonly scrollbarTabindex?: string | number | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "style" | "size" | "disabled" | "className" | "border" | "align" | "lazy" | "headerCellStyle" | "columns" | "showSelectionCol" | "showSingleSelectionCol" | "showIndexCol" | "actionColWidth" | "reserveSelection" | "paginationProps" | "showPagination" | "isFrontPage" | "actionButtons" | "linkProps" | "isInitSearch" | "fit" | "stripe" | "showHeader" | "showSummary" | "highlightCurrentRow" | "defaultExpandAll" | "selectOnIndeterminate" | "indent" | "treeProps" | "tableLayout" | "scrollbarAlwaysOn" | "flexible" | "scrollbarTabindex" | "allowDragLastColumn" | "preserveExpandedContent" | "nativeScrollbar">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "style" | "size" | "disabled" | "className" | "border" | "align" | "lazy" | "headerCellStyle" | "columns" | "showSelectionCol" | "showSingleSelectionCol" | "showIndexCol" | "actionColWidth" | "reserveSelection" | "paginationProps" | "showPagination" | "isFrontPage" | "actionButtons" | "formatColumns" | "isInitSearch" | "fit" | "stripe" | "showHeader" | "showSummary" | "highlightCurrentRow" | "defaultExpandAll" | "selectOnIndeterminate" | "indent" | "treeProps" | "tableLayout" | "scrollbarAlwaysOn" | "flexible" | "scrollbarTabindex" | "allowDragLastColumn" | "preserveExpandedContent" | "nativeScrollbar">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -394,7 +393,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
                 type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
                 default: () => never[];
             };
-            readonly linkProps: {
+            readonly formatColumns: {
                 type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
                 default: () => never[];
             };
@@ -1150,6 +1149,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
                 type: string;
                 props: Record<string, any>;
                 filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
             } & {} & {
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -1207,7 +1207,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
             }>[];
-            readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+            readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
                 name: string;
                 prop: string;
                 permission: string;
@@ -1276,6 +1276,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
             type: string;
             props: Record<string, any>;
             filter: boolean;
+            editable: boolean | ((formData: Record<string, any>) => void);
         } & {} & {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -1333,7 +1334,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[];
-        readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+        readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
             name: string;
             prop: string;
             permission: string;
@@ -1403,7 +1404,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
             type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
             default: () => never[];
         };
-        readonly linkProps: {
+        readonly formatColumns: {
             type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
             default: () => never[];
         };
@@ -2132,7 +2133,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         };
         readonly preserveExpandedContent: BooleanConstructor;
         readonly nativeScrollbar: BooleanConstructor;
-    }>> & Readonly<{}>, "search" | "validate" | "resetFields" | "clearValidate" | "elFormRef" | "elTableRef" | "openCustomColumnDialog" | ("data" | "style" | "size" | "disabled" | "className" | "border" | "align" | "lazy" | "headerCellStyle" | "columns" | "showSelectionCol" | "showSingleSelectionCol" | "showIndexCol" | "actionColWidth" | "reserveSelection" | "paginationProps" | "showPagination" | "isFrontPage" | "actionButtons" | "linkProps" | "isInitSearch" | "fit" | "stripe" | "showHeader" | "showSummary" | "highlightCurrentRow" | "defaultExpandAll" | "selectOnIndeterminate" | "indent" | "treeProps" | "tableLayout" | "scrollbarAlwaysOn" | "flexible" | "scrollbarTabindex" | "allowDragLastColumn" | "preserveExpandedContent" | "nativeScrollbar")> & import("vue").ShallowUnwrapRef<{
+    }>> & Readonly<{}>, "search" | "validate" | "resetFields" | "clearValidate" | "elFormRef" | "elTableRef" | "openCustomColumnDialog" | ("data" | "style" | "size" | "disabled" | "className" | "border" | "align" | "lazy" | "headerCellStyle" | "columns" | "showSelectionCol" | "showSingleSelectionCol" | "showIndexCol" | "actionColWidth" | "reserveSelection" | "paginationProps" | "showPagination" | "isFrontPage" | "actionButtons" | "formatColumns" | "isInitSearch" | "fit" | "stripe" | "showHeader" | "showSummary" | "highlightCurrentRow" | "defaultExpandAll" | "selectOnIndeterminate" | "indent" | "treeProps" | "tableLayout" | "scrollbarAlwaysOn" | "flexible" | "scrollbarTabindex" | "allowDragLastColumn" | "preserveExpandedContent" | "nativeScrollbar")> & import("vue").ShallowUnwrapRef<{
         elFormRef: Readonly<import("vue").ShallowRef<import("element-plus").FormInstance | null>>;
         elTableRef: Readonly<import("vue").ShallowRef<import("element-plus").TableInstance | null>>;
         validate: () => import("element-plus").FormValidationResult;
@@ -2436,7 +2437,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
         readonly default: () => never[];
     };
-    readonly linkProps: {
+    readonly formatColumns: {
         readonly type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
         readonly default: () => never[];
     };
@@ -2447,9 +2448,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly default: true;
     };
     readonly add: FunctionConstructor;
-    readonly templateDownloadApi: StringConstructor;
-    readonly importApi: StringConstructor;
-    readonly exportApi: StringConstructor;
     readonly offsetTop: {
         readonly type: NumberConstructor;
         readonly default: 0;
@@ -2496,6 +2494,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: string;
         props: Record<string, any>;
         filter: boolean;
+        editable: boolean | ((formData: Record<string, any>) => void);
     } & {} & {
         show?: (boolean | ((T: unknown) => boolean)) | undefined;
         hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -2517,7 +2516,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         show?: (boolean | ((T: unknown) => boolean)) | undefined;
         hide?: (boolean | ((T: unknown) => boolean)) | undefined;
     }>[];
-    readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+    readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
         name: string;
         prop: string;
         permission: string;

package/es/components/search-list-page/src/search-list-page.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot, createVNode, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot, createVNode, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
 import { EpForm } from '../../form/index.mjs';
 import { EpTable } from '../../table/index.mjs';
 import { EpButtons } from '../../buttons/index.mjs';
@@ -22,7 +22,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       reset,
       tableRef,
       formRef,
-      tableProps
+      tableProps,
+      beforeSearch
     } = useSearchListPage(props);
     __expose({
       search,
@@ -53,7 +54,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)
         ]),
         renderSlot(_ctx.$slots, "tableBefore"),
-        createVNode(unref(EpTable), normalizeProps(guardReactiveProps(unref(tableProps))), null, 16)
+        createVNode(unref(EpTable), mergeProps(unref(tableProps), { "before-search": unref(beforeSearch) }), null, 16, ["before-search"])
       ], 6);
     };
   }

package/es/components/search-list-page/src/search-list-page.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"search-list-page.vue2.mjs","sources":["../../../../../../packages/components/search-list-page/src/search-list-page.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[bem.b(), prepareClassNames()]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <div id=\"top\">\n      <EpForm v-bind=\"formProps\" />\n    </div>\n    <div id=\"middle\">\n      <div :class=\"bem.e('middle-left')\">\n        <EpButtons v-bind=\"buttonsProps\" />\n      </div>\n      <div :class=\"bem.e('middle-right')\">\n        <EpButtons :list=\"searchButtons\" />\n      </div>\n    </div>\n    <slot name=\"tableBefore\"></slot>\n    <EpTable v-bind=\"tableProps\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { nextTick, ref } from 'vue'\nimport EpForm from '@el-plus/components/form'\nimport EpTable from '@el-plus/components/table'\nimport EpButtons from '@el-plus/components/buttons'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { searchListPageProps } from './search-list-page'\nimport { useSearchListPage } from './use-search-list-page'\nimport { computed } from 'vue'\ndefineOptions({ name: 'EpSearchListPage' })\nconst bem = createNameSpace('search-list-page')\nconst props = defineProps(searchListPageProps)\n\nconst {\n  formProps,\n  buttonsProps,\n  searchButtons,\n  search,\n  reset,\n  tableRef,\n  formRef,\n  tableProps,\n} = useSearchListPage(props)\n\ndefineExpose({\n  search,\n  reset,\n  tableRef,\n  formRef,\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createElementVNode","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;;;;;AAsCA,IAAA,MAAM,GAAA,GAAM,gBAAgB,kBAAkB,CAAA;AAC9C,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,IAAA,QAAA,CAAa;AAAA,MACX,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD,CAAA;;0BAxDCA,kBAAA,CAmBM,KAAA,EAAA;AAAA,QAlBH,KAAA,EAAKC,cAAA,CAAA,CAAGC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,IAAKA,KAAA,CAAA,iBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,QAClC,OAAKC,cAAA,CAAA;AAAA,aAAaD,KAAA,CAAA,aAAA,CAAA;AAAa;;QAIhCE,kBAAA,CAEM,KAAA,EAAA,EAFD,EAAA,EAAG,OAAK,EAAA;AAAA,UACXC,WAAA,CAA6BH,KAAA,4CAAbA,KAAA,CAAA,SAAA,CAAS,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;QAE3BE,kBAAA,CAOM,KAAA,EAAA,EAPD,EAAA,EAAG,UAAQ,EAAA;AAAA,UACdA,mBAEM,KAAA,EAAA;AAAA,YAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,aAAA,CAAA;AAAA;YAChBG,WAAA,CAAmCH,KAAA,+CAAhBA,KAAA,CAAA,YAAA,CAAY,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;UAEjCE,mBAEM,KAAA,EAAA;AAAA,YAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,cAAA,CAAA;AAAA;YAChBG,WAAA,CAAmCH,KAAA,CAAA,SAAA,CAAA,EAAA,EAAvB,IAAA,EAAMA,KAAA,CAAA,aAAA,CAAA,EAAa,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAAA;;QAGnCI,UAAA,CAAgC,IAAA,CAAA,MAAA,EAAA,aAAA,CAAA;AAAA,QAChCD,WAAA,CAA+BH,KAAA,6CAAdA,KAAA,CAAA,UAAA,CAAU,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;;;;;;;"}
+{"version":3,"file":"search-list-page.vue2.mjs","sources":["../../../../../../packages/components/search-list-page/src/search-list-page.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[bem.b(), prepareClassNames()]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <div id=\"top\">\n      <EpForm v-bind=\"formProps\" />\n    </div>\n    <div id=\"middle\">\n      <div :class=\"bem.e('middle-left')\">\n        <EpButtons v-bind=\"buttonsProps\" />\n      </div>\n      <div :class=\"bem.e('middle-right')\">\n        <EpButtons :list=\"searchButtons\" />\n      </div>\n    </div>\n    <slot name=\"tableBefore\"></slot>\n    <EpTable v-bind=\"tableProps\" :before-search=\"beforeSearch\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { nextTick, ref } from 'vue'\nimport EpForm from '@el-plus/components/form'\nimport EpTable from '@el-plus/components/table'\nimport EpButtons from '@el-plus/components/buttons'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { searchListPageProps } from './search-list-page'\nimport { useSearchListPage } from './use-search-list-page'\ndefineOptions({ name: 'EpSearchListPage' })\nconst bem = createNameSpace('search-list-page')\nconst props = defineProps(searchListPageProps)\n\nconst {\n  formProps,\n  buttonsProps,\n  searchButtons,\n  search,\n  reset,\n  tableRef,\n  formRef,\n  tableProps,\n  beforeSearch,\n} = useSearchListPage(props)\n\ndefineExpose({\n  search,\n  reset,\n  tableRef,\n  formRef,\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createElementVNode","_createVNode","_renderSlot","_mergeProps"],"mappings":";;;;;;;;;;;;;;AAqCA,IAAA,MAAM,GAAA,GAAM,gBAAgB,kBAAkB,CAAA;AAC9C,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,IAAA,QAAA,CAAa;AAAA,MACX,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD,CAAA;;0BAxDCA,kBAAA,CAmBM,KAAA,EAAA;AAAA,QAlBH,KAAA,EAAKC,cAAA,CAAA,CAAGC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,IAAKA,KAAA,CAAA,iBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,QAClC,OAAKC,cAAA,CAAA;AAAA,aAAaD,KAAA,CAAA,aAAA,CAAA;AAAa;;QAIhCE,kBAAA,CAEM,KAAA,EAAA,EAFD,EAAA,EAAG,OAAK,EAAA;AAAA,UACXC,WAAA,CAA6BH,KAAA,4CAAbA,KAAA,CAAA,SAAA,CAAS,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;QAE3BE,kBAAA,CAOM,KAAA,EAAA,EAPD,EAAA,EAAG,UAAQ,EAAA;AAAA,UACdA,mBAEM,KAAA,EAAA;AAAA,YAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,aAAA,CAAA;AAAA;YAChBG,WAAA,CAAmCH,KAAA,+CAAhBA,KAAA,CAAA,YAAA,CAAY,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;UAEjCE,mBAEM,KAAA,EAAA;AAAA,YAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,cAAA,CAAA;AAAA;YAChBG,WAAA,CAAmCH,KAAA,CAAA,SAAA,CAAA,EAAA,EAAvB,IAAA,EAAMA,KAAA,CAAA,aAAA,CAAA,EAAa,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAAA;;QAGnCI,UAAA,CAAgC,IAAA,CAAA,MAAA,EAAA,aAAA,CAAA;AAAA,QAChCD,YAA6DH,KAAA,WAA7DK,UAAA,CAA6DL,KAAA,cAAlC,EAAG,iBAAeA,KAAA,CAAA,YAAA,GAAY,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA;AAAA;;;;;;;"}

package/es/components/search-list-page/src/use-search-list-page.d.ts

@@ -19,6 +19,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             type: string;
             props: Record<string, any>;
             filter: boolean;
+            editable: boolean | ((formData: Record<string, any>) => void);
         } & {} & {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -41,7 +42,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[] | undefined;
-        linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+        formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
             name: string;
             prop: string;
             permission: string;
@@ -100,6 +101,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
                 type: string;
                 props: Record<string, any>;
                 filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
             } & {} & {
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -157,7 +159,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
             }>[];
-            readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+            readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
                 name: string;
                 prop: string;
                 permission: string;
@@ -206,6 +208,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
                 type: string;
                 props: Record<string, any>;
                 filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
             } & {} & {
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -263,7 +266,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
             }>[];
-            readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+            readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
                 name: string;
                 prop: string;
                 permission: string;
@@ -335,7 +338,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             readonly tooltipEffect?: string | undefined;
             readonly appendFilterPanelTo?: string | undefined;
             readonly scrollbarTabindex?: string | number | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "style" | "size" | "disabled" | "className" | "border" | "align" | "lazy" | "headerCellStyle" | "columns" | "showSelectionCol" | "showSingleSelectionCol" | "showIndexCol" | "actionColWidth" | "reserveSelection" | "paginationProps" | "showPagination" | "isFrontPage" | "actionButtons" | "linkProps" | "isInitSearch" | "fit" | "stripe" | "showHeader" | "showSummary" | "highlightCurrentRow" | "defaultExpandAll" | "selectOnIndeterminate" | "indent" | "treeProps" | "tableLayout" | "scrollbarAlwaysOn" | "flexible" | "scrollbarTabindex" | "allowDragLastColumn" | "preserveExpandedContent" | "nativeScrollbar">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "style" | "size" | "disabled" | "className" | "border" | "align" | "lazy" | "headerCellStyle" | "columns" | "showSelectionCol" | "showSingleSelectionCol" | "showIndexCol" | "actionColWidth" | "reserveSelection" | "paginationProps" | "showPagination" | "isFrontPage" | "actionButtons" | "formatColumns" | "isInitSearch" | "fit" | "stripe" | "showHeader" | "showSummary" | "highlightCurrentRow" | "defaultExpandAll" | "selectOnIndeterminate" | "indent" | "treeProps" | "tableLayout" | "scrollbarAlwaysOn" | "flexible" | "scrollbarTabindex" | "allowDragLastColumn" | "preserveExpandedContent" | "nativeScrollbar">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -390,7 +393,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
                 type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
                 default: () => never[];
             };
-            readonly linkProps: {
+            readonly formatColumns: {
                 type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
                 default: () => never[];
             };
@@ -1146,6 +1149,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
                 type: string;
                 props: Record<string, any>;
                 filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
             } & {} & {
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -1203,7 +1207,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
             }>[];
-            readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+            readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
                 name: string;
                 prop: string;
                 permission: string;
@@ -1272,6 +1276,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             type: string;
             props: Record<string, any>;
             filter: boolean;
+            editable: boolean | ((formData: Record<string, any>) => void);
         } & {} & {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -1329,7 +1334,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[];
-        readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+        readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
             name: string;
             prop: string;
             permission: string;
@@ -1399,7 +1404,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
             default: () => never[];
         };
-        readonly linkProps: {
+        readonly formatColumns: {
             type: import("vue").PropType<import("el-plus/es/components/buttons").ButtonProps[]>;
             default: () => never[];
         };
@@ -2128,7 +2133,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
         };
         readonly preserveExpandedContent: BooleanConstructor;
         readonly nativeScrollbar: BooleanConstructor;
-    }>> & Readonly<{}>, "search" | "validate" | "resetFields" | "clearValidate" | "elFormRef" | "elTableRef" | "openCustomColumnDialog" | ("data" | "style" | "size" | "disabled" | "className" | "border" | "align" | "lazy" | "headerCellStyle" | "columns" | "showSelectionCol" | "showSingleSelectionCol" | "showIndexCol" | "actionColWidth" | "reserveSelection" | "paginationProps" | "showPagination" | "isFrontPage" | "actionButtons" | "linkProps" | "isInitSearch" | "fit" | "stripe" | "showHeader" | "showSummary" | "highlightCurrentRow" | "defaultExpandAll" | "selectOnIndeterminate" | "indent" | "treeProps" | "tableLayout" | "scrollbarAlwaysOn" | "flexible" | "scrollbarTabindex" | "allowDragLastColumn" | "preserveExpandedContent" | "nativeScrollbar")> & import("vue").ShallowUnwrapRef<{
+    }>> & Readonly<{}>, "search" | "validate" | "resetFields" | "clearValidate" | "elFormRef" | "elTableRef" | "openCustomColumnDialog" | ("data" | "style" | "size" | "disabled" | "className" | "border" | "align" | "lazy" | "headerCellStyle" | "columns" | "showSelectionCol" | "showSingleSelectionCol" | "showIndexCol" | "actionColWidth" | "reserveSelection" | "paginationProps" | "showPagination" | "isFrontPage" | "actionButtons" | "formatColumns" | "isInitSearch" | "fit" | "stripe" | "showHeader" | "showSummary" | "highlightCurrentRow" | "defaultExpandAll" | "selectOnIndeterminate" | "indent" | "treeProps" | "tableLayout" | "scrollbarAlwaysOn" | "flexible" | "scrollbarTabindex" | "allowDragLastColumn" | "preserveExpandedContent" | "nativeScrollbar")> & import("vue").ShallowUnwrapRef<{
         elFormRef: Readonly<import("vue").ShallowRef<import("element-plus").FormInstance | null>>;
         elTableRef: Readonly<import("vue").ShallowRef<import("element-plus").TableInstance | null>>;
         validate: () => import("element-plus").FormValidationResult;
@@ -2404,4 +2409,5 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             default?: (props: {}) => any;
         };
     }) | null>>;
+    beforeSearch: () => import("element-plus").FormValidationResult;
 };

package/es/components/search-list-page/src/use-search-list-page.mjs

@@ -21,7 +21,8 @@ const useSearchListPage = (props, config = {}) => {
     search,
     reset,
     tableRef,
-    formRef
+    formRef,
+    beforeSearch: validate
   };
 };
 const useTable = (props, config) => {
@@ -38,7 +39,7 @@ const useTable = (props, config) => {
       showSelectionCol: props.showSelectionCol,
       showSingleSelectionCol: props.showSingleSelectionCol,
       actionButtons: props.actionButtons,
-      linkProps: props.linkProps,
+      formatColumns: props.formatColumns,
       api: props.api,
       reqData: props.formData,
       customColumnModule: props.customColumnModule,
@@ -111,25 +112,25 @@ const useButtons = (props, { validate, resetFields, tableRef }) => {
       onClick: () => {
         props.add?.();
       }
-    },
-    {
-      name: t("ep.searchListPage.templateDownload"),
-      prop: "templateDownload",
-      permission: props.name ? `${props.name}:TEMPLATEDOWNLOAD` : "",
-      show: !!props.templateDownloadApi
-    },
-    {
-      name: t("ep.searchListPage.import"),
-      prop: "import",
-      permission: props.name ? `${props.name}:IMPORT` : "",
-      show: !!props.importApi
-    },
-    {
-      name: t("ep.searchListPage.export"),
-      prop: "export",
-      permission: props.name ? `${props.name}:EXPORT` : "",
-      show: !!props.exportApi
     }
+    // {
+    //   name: t('ep.searchListPage.templateDownload'),
+    //   prop: 'templateDownload',
+    //   permission: props.name ? `${props.name}:TEMPLATEDOWNLOAD` : '',
+    //   show: !!props.templateDownloadApi,
+    // },
+    // {
+    //   name: t('ep.searchListPage.import'),
+    //   prop: 'import',
+    //   permission: props.name ? `${props.name}:IMPORT` : '',
+    //   show: !!props.importApi,
+    // },
+    // {
+    //   name: t('ep.searchListPage.export'),
+    //   prop: 'export',
+    //   permission: props.name ? `${props.name}:EXPORT` : '',
+    //   show: !!props.exportApi,
+    // },
   ];
   const list = mergeListByKey(defaultButtons, props.leftButtons);
   if (props.customColumnModule) {
@@ -158,12 +159,11 @@ const useButtons = (props, { validate, resetFields, tableRef }) => {
     };
   });
   const search = async (isInitSearch = false) => {
-    await validate();
     tableRef.value.search(isInitSearch);
   };
   const reset = async () => {
     resetFields();
-    search();
+    search(true);
   };
   const searchButtons = [
     {

package/es/components/search-list-page/src/use-search-list-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-search-list-page.mjs","sources":["../../../../../../packages/components/search-list-page/src/use-search-list-page.ts"],"sourcesContent":["import { ref, onMounted, computed, useTemplateRef } from 'vue'\nimport type { SearchListPageProps } from './search-list-page'\nimport type { ButtonsProps } from '@el-plus/components/buttons'\nimport type { FormInstance } from '@el-plus/components/form'\nimport type { TableInstance } from '@el-plus/components/table'\nimport type { FormItemProp } from 'element-plus'\nimport { mergeListByKey, getEnv } from '@el-plus/utils'\nimport { useLocale } from '@el-plus/hooks/use-locale'\n\nexport const useSearchListPage = (props: SearchListPageProps, config = {}) => {\n  const { calcTableHeight, tableProps, tableRef } = useTable(props, config)\n  const { formProps, validate, resetFields, formRef } = useForm(props, {\n    calcTableHeight,\n  })\n  const { buttonsProps, searchButtons, search, reset } = useButtons(props, {\n    validate,\n    resetFields,\n    tableRef,\n  })\n  return {\n    formProps,\n    tableProps,\n    buttonsProps,\n    searchButtons,\n    search,\n    reset,\n    tableRef,\n    formRef,\n  }\n}\nconst useTable = (props: SearchListPageProps, config) => {\n  const instanceName = 'tableRef'\n  const tableRef = useTemplateRef<TableInstance>(instanceName)\n  const tableHeight = ref(window.innerHeight)\n  const tableProps = computed(() => {\n    return {\n      ref: instanceName,\n      columns: props.columns,\n      showPagination: true,\n      height: tableHeight.value,\n      showIndexCol: props.showIndexCol,\n      showSelectionCol: props.showSelectionCol,\n      showSingleSelectionCol: props.showSingleSelectionCol,\n      actionButtons: props.actionButtons,\n      linkProps: props.linkProps,\n      api: props.api,\n      reqData: props.formData,\n      customColumnModule: props.customColumnModule,\n      minWidth: props.minWidth,\n      actionColWidth: props.actionColWidth,\n      ...props.tableProps,\n    }\n  })\n  const calcTableHeight = () => {\n    setTimeout(() => {\n      const topHeight = (document.getElementById('top') as HTMLElement)\n        .offsetHeight\n      const middleHeight = (document.getElementById('middle') as HTMLElement)\n        .offsetHeight\n      let paginationHeight = 0\n      if (tableProps.value.showPagination) {\n        paginationHeight =\n          (document.querySelector('.el-pagination') as HTMLElement)\n            .offsetHeight + 12\n      }\n      const frameDistance = getEnv() ? 90 : 40\n      tableHeight.value =\n        window.innerHeight -\n        topHeight -\n        middleHeight -\n        paginationHeight -\n        frameDistance -\n        props.offsetTop!\n    }, 0)\n  }\n\n  onMounted(calcTableHeight)\n  return {\n    tableRef,\n    tableProps,\n    calcTableHeight,\n  }\n}\nconst useForm = (props: SearchListPageProps, { calcTableHeight }) => {\n  const instanceName = 'formRef'\n  const formRef = useTemplateRef<FormInstance>(instanceName)\n  const formProps = computed(() => {\n    return {\n      ref: instanceName,\n      formItemList: props.formItemList,\n      isShowFold: true,\n      modelValue: props.formData,\n      ...props.formProps,\n      onToggleStatus: () => {\n        calcTableHeight()\n      },\n    }\n  })\n  // 校验\n  const validate = () => {\n    return formRef.value!.validate()\n  }\n  // 重置校验\n  const resetFields = (props: FormItemProp) => {\n    return formRef.value!.resetFields(props)\n  }\n  // 清理某个字段的表单验证信息\n  const clearValidate = (props: FormItemProp) => {\n    return formRef.value!.clearValidate(props)\n  }\n  return {\n    formProps,\n    formRef,\n    validate,\n    resetFields,\n    clearValidate,\n  }\n}\nconst useButtons = (\n  props: SearchListPageProps,\n  { validate, resetFields, tableRef },\n) => {\n  const { t } = useLocale()\n  const defaultButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.searchListPage.add'),\n      prop: 'add',\n      permission: props.name ? `${props.name}:ADD` : '',\n      show: () => {\n        return !!props.add\n      },\n      onClick: () => {\n        props.add?.()\n      },\n    },\n    {\n      name: t('ep.searchListPage.templateDownload'),\n      prop: 'templateDownload',\n      permission: props.name ? `${props.name}:TEMPLATEDOWNLOAD` : '',\n      show: !!props.templateDownloadApi,\n    },\n    {\n      name: t('ep.searchListPage.import'),\n      prop: 'import',\n      permission: props.name ? `${props.name}:IMPORT` : '',\n      show: !!props.importApi,\n    },\n    {\n      name: t('ep.searchListPage.export'),\n      prop: 'export',\n      permission: props.name ? `${props.name}:EXPORT` : '',\n      show: !!props.exportApi,\n    },\n  ]\n  const list = mergeListByKey(defaultButtons, props.leftButtons)\n  if (props.customColumnModule) {\n    list.push({\n      name: t('ep.customColumn.defineColumn'),\n      prop: 'customColumn',\n      type: 'primary',\n      onClick: () => {\n        tableRef.value.openCustomColumnDialog()\n      },\n    })\n  }\n  list.forEach((item) => {\n    if (item.onClick) {\n      const clickFn = item.onClick\n      item.onClick = () => {\n        // 增加选中项\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        clickFn(rows)\n      }\n    }\n  })\n\n  const buttonsProps = computed(() => {\n    return {\n      list,\n      ...props.buttonsProps,\n    }\n  })\n  // 搜索\n  const search = async (isInitSearch = false) => {\n    await validate()\n    tableRef.value.search(isInitSearch)\n  }\n  // 清空\n  const reset = async () => {\n    resetFields()\n    search()\n  }\n  const searchButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.searchListPage.search'),\n      type: 'primary',\n      onClick: search.bind(null, true),\n    },\n    {\n      name: t('ep.searchListPage.clear'),\n      onClick: reset,\n    },\n  ]\n  return {\n    buttonsProps,\n    searchButtons,\n    search,\n    reset,\n  }\n}\n"],"names":["props"],"mappings":"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"}
+{"version":3,"file":"use-search-list-page.mjs","sources":["../../../../../../packages/components/search-list-page/src/use-search-list-page.ts"],"sourcesContent":["import { ref, onMounted, computed, useTemplateRef } from 'vue'\nimport type { SearchListPageProps } from './search-list-page'\nimport type { ButtonsProps } from '@el-plus/components/buttons'\nimport type { FormInstance } from '@el-plus/components/form'\nimport type { TableInstance } from '@el-plus/components/table'\nimport type { FormItemProp } from 'element-plus'\nimport { mergeListByKey, getEnv } from '@el-plus/utils'\nimport { useLocale } from '@el-plus/hooks/use-locale'\n\nexport const useSearchListPage = (props: SearchListPageProps, config = {}) => {\n  const { calcTableHeight, tableProps, tableRef } = useTable(props, config)\n  const { formProps, validate, resetFields, formRef } = useForm(props, {\n    calcTableHeight,\n  })\n  const { buttonsProps, searchButtons, search, reset } = useButtons(props, {\n    validate,\n    resetFields,\n    tableRef,\n  })\n  return {\n    formProps,\n    tableProps,\n    buttonsProps,\n    searchButtons,\n    search,\n    reset,\n    tableRef,\n    formRef,\n    beforeSearch: validate,\n  }\n}\nconst useTable = (props: SearchListPageProps, config) => {\n  const instanceName = 'tableRef'\n  const tableRef = useTemplateRef<TableInstance>(instanceName)\n  const tableHeight = ref(window.innerHeight)\n  const tableProps = computed(() => {\n    return {\n      ref: instanceName,\n      columns: props.columns,\n      showPagination: true,\n      height: tableHeight.value,\n      showIndexCol: props.showIndexCol,\n      showSelectionCol: props.showSelectionCol,\n      showSingleSelectionCol: props.showSingleSelectionCol,\n      actionButtons: props.actionButtons,\n      formatColumns: props.formatColumns,\n      api: props.api,\n      reqData: props.formData,\n      customColumnModule: props.customColumnModule,\n      minWidth: props.minWidth,\n      actionColWidth: props.actionColWidth,\n      ...props.tableProps,\n    }\n  })\n  const calcTableHeight = () => {\n    setTimeout(() => {\n      const topHeight = (document.getElementById('top') as HTMLElement)\n        .offsetHeight\n      const middleHeight = (document.getElementById('middle') as HTMLElement)\n        .offsetHeight\n      let paginationHeight = 0\n      if (tableProps.value.showPagination) {\n        paginationHeight =\n          (document.querySelector('.el-pagination') as HTMLElement)\n            .offsetHeight + 12\n      }\n      const frameDistance = getEnv() ? 90 : 40\n      tableHeight.value =\n        window.innerHeight -\n        topHeight -\n        middleHeight -\n        paginationHeight -\n        frameDistance -\n        props.offsetTop!\n    }, 0)\n  }\n\n  onMounted(calcTableHeight)\n  return {\n    tableRef,\n    tableProps,\n    calcTableHeight,\n  }\n}\nconst useForm = (props: SearchListPageProps, { calcTableHeight }) => {\n  const instanceName = 'formRef'\n  const formRef = useTemplateRef<FormInstance>(instanceName)\n  const formProps = computed(() => {\n    return {\n      ref: instanceName,\n      formItemList: props.formItemList,\n      isShowFold: true,\n      modelValue: props.formData,\n      ...props.formProps,\n      onToggleStatus: () => {\n        calcTableHeight()\n      },\n    }\n  })\n  // 校验\n  const validate = () => {\n    return formRef.value!.validate()\n  }\n  // 重置校验\n  const resetFields = (props: FormItemProp) => {\n    return formRef.value!.resetFields(props)\n  }\n  // 清理某个字段的表单验证信息\n  const clearValidate = (props: FormItemProp) => {\n    return formRef.value!.clearValidate(props)\n  }\n  return {\n    formProps,\n    formRef,\n    validate,\n    resetFields,\n    clearValidate,\n  }\n}\nconst useButtons = (\n  props: SearchListPageProps,\n  { validate, resetFields, tableRef },\n) => {\n  const { t } = useLocale()\n  const defaultButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.searchListPage.add'),\n      prop: 'add',\n      permission: props.name ? `${props.name}:ADD` : '',\n      show: () => {\n        return !!props.add\n      },\n      onClick: () => {\n        props.add?.()\n      },\n    },\n    // {\n    //   name: t('ep.searchListPage.templateDownload'),\n    //   prop: 'templateDownload',\n    //   permission: props.name ? `${props.name}:TEMPLATEDOWNLOAD` : '',\n    //   show: !!props.templateDownloadApi,\n    // },\n    // {\n    //   name: t('ep.searchListPage.import'),\n    //   prop: 'import',\n    //   permission: props.name ? `${props.name}:IMPORT` : '',\n    //   show: !!props.importApi,\n    // },\n    // {\n    //   name: t('ep.searchListPage.export'),\n    //   prop: 'export',\n    //   permission: props.name ? `${props.name}:EXPORT` : '',\n    //   show: !!props.exportApi,\n    // },\n  ]\n  const list = mergeListByKey(defaultButtons, props.leftButtons)\n  if (props.customColumnModule) {\n    list.push({\n      name: t('ep.customColumn.defineColumn'),\n      prop: 'customColumn',\n      type: 'primary',\n      onClick: () => {\n        tableRef.value.openCustomColumnDialog()\n      },\n    })\n  }\n  list.forEach((item) => {\n    if (item.onClick) {\n      const clickFn = item.onClick\n      item.onClick = () => {\n        // 增加选中项\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        clickFn(rows)\n      }\n    }\n  })\n\n  const buttonsProps = computed(() => {\n    return {\n      list,\n      ...props.buttonsProps,\n    }\n  })\n  // 搜索\n  const search = async (isInitSearch = false) => {\n    // await validate()\n    tableRef.value.search(isInitSearch)\n  }\n  // 清空\n  const reset = async () => {\n    resetFields()\n    search(true)\n  }\n  const searchButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.searchListPage.search'),\n      type: 'primary',\n      onClick: search.bind(null, true),\n    },\n    {\n      name: t('ep.searchListPage.clear'),\n      onClick: reset,\n    },\n  ]\n  return {\n    buttonsProps,\n    searchButtons,\n    search,\n    reset,\n  }\n}\n"],"names":["props"],"mappings":"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"}

package/es/components/table/index.d.ts

@@ -11,6 +11,7 @@ export declare const EpTable: {
                 type: string;
                 props: Record<string, any>;
                 filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
             } & {} & {
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -64,7 +65,7 @@ export declare const EpTable: {
             }>[]>;
             default: () => never[];
         };
-        readonly linkProps: {
+        readonly formatColumns: {
             type: import("vue").PropType<Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
                 name: string;
                 prop: string;
@@ -832,6 +833,7 @@ export declare const EpTable: {
             type: string;
             props: Record<string, any>;
             filter: boolean;
+            editable: boolean | ((formData: Record<string, any>) => void);
         } & {} & {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -889,7 +891,7 @@ export declare const EpTable: {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[];
-        readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+        readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
             name: string;
             prop: string;
             permission: string;
@@ -937,6 +939,7 @@ export declare const EpTable: {
                 type: string;
                 props: Record<string, any>;
                 filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
             } & {} & {
                 show?: (boolean | ((T: unknown) => boolean)) | undefined;
                 hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -990,7 +993,7 @@ export declare const EpTable: {
             }>[]>;
             default: () => never[];
         };
-        readonly linkProps: {
+        readonly formatColumns: {
             type: import("vue").PropType<Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
                 name: string;
                 prop: string;
@@ -1758,6 +1761,7 @@ export declare const EpTable: {
             type: string;
             props: Record<string, any>;
             filter: boolean;
+            editable: boolean | ((formData: Record<string, any>) => void);
         } & {} & {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -1815,7 +1819,7 @@ export declare const EpTable: {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[];
-        readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+        readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
             name: string;
             prop: string;
             permission: string;
@@ -1889,7 +1893,7 @@ export declare const EpTable: {
         type: import("vue").PropType<import("packages/el-plus/index.js").ButtonProps[]>;
         default: () => never[];
     };
-    readonly linkProps: {
+    readonly formatColumns: {
         type: import("vue").PropType<import("packages/el-plus/index.js").ButtonProps[]>;
         default: () => never[];
     };
@@ -2645,6 +2649,7 @@ export declare const EpTable: {
         type: string;
         props: Record<string, any>;
         filter: boolean;
+        editable: boolean | ((formData: Record<string, any>) => void);
     } & {} & {
         show?: (boolean | ((T: unknown) => boolean)) | undefined;
         hide?: (boolean | ((T: unknown) => boolean)) | undefined;
@@ -2702,7 +2707,7 @@ export declare const EpTable: {
         show?: (boolean | ((T: unknown) => boolean)) | undefined;
         hide?: (boolean | ((T: unknown) => boolean)) | undefined;
     }>[];
-    readonly linkProps: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
+    readonly formatColumns: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
         name: string;
         prop: string;
         permission: string;

package/es/components/table/src/table.d.ts

@@ -11,6 +11,7 @@ export type TableColumn = Partial<TableColumnCtx & {
     type: string;
     props: Record<string, any>;
     filter: boolean;
+    editable: boolean | ((formData: Record<string, any>) => void);
     [key: string]: any;
 } & VisibleProps>;
 export type TableScope<T extends Record<string, unknown> = Record<string, unknown>> = {
@@ -60,7 +61,7 @@ export declare const tableProps: {
         type: PropType<ButtonProps[]>;
         default: () => never[];
     };
-    readonly linkProps: {
+    readonly formatColumns: {
         type: PropType<ButtonProps[]>;
         default: () => never[];
     };

package/es/components/table/src/table.mjs

@@ -75,8 +75,8 @@ const expandTableProps = {
     type: Array,
     default: () => []
   },
-  // 链接列
-  linkProps: {
+  // 格式化列
+  formatColumns: {
     type: Array,
     default: () => []
   },

package/es/components/table/src/table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","sources":["../../../../../../packages/components/table/src/table.ts"],"sourcesContent":["import type { PropType, ExtractPublicPropTypes } from 'vue'\nimport elTableProps from 'element-plus/es/components/table/src/table/defaults'\nimport { ElTable } from 'element-plus'\nimport { apiProps, type VisibleProps } from '@el-plus/utils/props'\nimport type { WithOnPrefixAndCamelCase } from '@el-plus/types'\nimport type {\n  TableColumnCtx,\n  PaginationProps,\n  PaginationEmits,\n} from 'element-plus'\nimport type { ButtonProps } from '@el-plus/components/buttons'\nimport { customColumnProps } from '@el-plus/components/custom-column'\nconst inheritTableProps = {\n  ...elTableProps,\n  // Table 的尺寸\n  size: {\n    ...elTableProps.size,\n    default: 'default',\n  },\n  // 是否带有纵向边框\n  border: {\n    ...elTableProps.border,\n    default: true,\n  },\n  // 表头样式\n  headerCellStyle: {\n    ...elTableProps.headerCellStyle,\n    default: () => ({\n      background: '#EEEFF3',\n      // textAlign: 'center',\n      fontSize: '14px',\n      color: '#505050',\n    }),\n  },\n}\nexport type TableColumn = Partial<\n  TableColumnCtx & {\n    required: boolean | (() => boolean)\n    cellRequired: (scope: TableScope) => boolean\n    headerRender: TableColumnCtx['renderHeader']\n    disabled: boolean | ((scope: TableScope) => boolean)\n    type: string\n    props: Record<string, any> // eslint-disable-line @typescript-eslint/no-explicit-any\n    filter: boolean // 是否显示筛选\n    [key: string]: any\n  } & VisibleProps\n>\nexport type TableScope<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  column: TableColumnCtx<T>\n  row: T\n  $index: number\n  store: unknown\n  _self: unknown\n}\nconst expandTableProps = {\n  ...apiProps,\n  columns: {\n    type: Array as PropType<TableColumn[]>,\n    default: () => [],\n  },\n  // 是否显示复选勾选列\n  showSelectionCol: Boolean,\n  // 是否显示单选勾选列\n  showSingleSelectionCol: Boolean,\n  // 是否显示序号列\n  showIndexCol: {\n    type: Boolean,\n    default: true,\n  },\n  // 对齐方式\n  align: {\n    type: String as PropType<'left' | 'center' | 'right'>,\n    default: 'center',\n  },\n  // 最小宽度\n  minWidth: {\n    type: [Number, String] as PropType<TableColumnCtx['minWidth']>,\n  },\n  // 操作列宽度\n  actionColWidth: {\n    type: [Number, String] as PropType<TableColumnCtx['width']>,\n    default: 200,\n  },\n  // 序号列自定义\n  indexFormatter: {\n    type: [Number, Function] as PropType<TableColumnCtx['index']>,\n  },\n  disabled: Boolean,\n  reserveSelection: Boolean,\n  selectable: {\n    type: Function as PropType<TableColumnCtx['selectable']>,\n  },\n  paginationProps: {\n    type: Object as PropType<\n      Partial<PaginationProps & WithOnPrefixAndCamelCase<PaginationEmits>>\n    >,\n    default: () => ({}),\n  },\n  showPagination: Boolean,\n  isFrontPage: Boolean,\n  // 操作列\n  actionButtons: {\n    type: Array as PropType<ButtonProps[]>,\n    default: () => [],\n  },\n  // 链接列\n  linkProps: {\n    type: Array as PropType<ButtonProps[]>,\n    default: () => [],\n  },\n  // 是否初始化加载数据\n  isInitSearch: {\n    type: Boolean,\n    default: true,\n  },\n  // 自定义列模块\n  customColumnModule: {\n    ...customColumnProps.module,\n  },\n}\n\nexport const tableProps = {\n  ...inheritTableProps,\n  ...expandTableProps,\n} as const\nexport type TableProps = ExtractPublicPropTypes<typeof tableProps>\nexport const expandTablePropsKeys = Object.keys(expandTableProps)\n\nexport const tableEmits = [...ElTable.emits!, 'single-selection-change']\nexport type TableEmits = typeof tableEmits\nexport const tableEmitsKeys = tableEmits\n"],"names":[],"mappings":";;;;;AAYA,MAAM,iBAAA,GAAoB;AAAA,EACxB,GAAG,YAAA;AAAA;AAAA,EAEH,IAAA,EAAM;AAAA,IACJ,GAAG,YAAA,CAAa,IAAA;AAAA,IAChB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,GAAG,YAAA,CAAa,MAAA;AAAA,IAChB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,GAAG,YAAA,CAAa,eAAA;AAAA,IAChB,SAAS,OAAO;AAAA,MACd,UAAA,EAAY,SAAA;AAAA;AAAA,MAEZ,QAAA,EAAU,MAAA;AAAA,MACV,KAAA,EAAO;AAAA,KACT;AAAA;AAEJ,CAAA;AAsBA,MAAM,gBAAA,GAAmB;AAAA,EACvB,GAAG,QAAA;AAAA,EACH,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA,EAEA,gBAAA,EAAkB,OAAA;AAAA;AAAA,EAElB,sBAAA,EAAwB,OAAA;AAAA;AAAA,EAExB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA;AAAA,EAEA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,CAAC,MAAA,EAAQ,QAAQ;AAAA,GACzB;AAAA,EACA,QAAA,EAAU,OAAA;AAAA,EACV,gBAAA,EAAkB,OAAA;AAAA,EAClB,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IAGN,OAAA,EAAS,OAAO,EAAC;AAAA,GACnB;AAAA,EACA,cAAA,EAAgB,OAAA;AAAA,EAChB,WAAA,EAAa,OAAA;AAAA;AAAA,EAEb,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,kBAAA,EAAoB;AAAA,IAClB,GAAG,iBAAA,CAAkB;AAAA;AAEzB,CAAA;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,GAAG,iBAAA;AAAA,EACH,GAAG;AACL;AAEO,MAAM,oBAAA,GAAuB,MAAA,CAAO,IAAA,CAAK,gBAAgB;AAEzD,MAAM,UAAA,GAAa,CAAC,GAAG,OAAA,CAAQ,OAAQ,yBAAyB;AAEhE,MAAM,cAAA,GAAiB;;;;"}
+{"version":3,"file":"table.mjs","sources":["../../../../../../packages/components/table/src/table.ts"],"sourcesContent":["import type { PropType, ExtractPublicPropTypes } from 'vue'\nimport elTableProps from 'element-plus/es/components/table/src/table/defaults'\nimport { ElTable } from 'element-plus'\nimport { apiProps, type VisibleProps } from '@el-plus/utils/props'\nimport type { WithOnPrefixAndCamelCase } from '@el-plus/types'\nimport type {\n  TableColumnCtx,\n  PaginationProps,\n  PaginationEmits,\n} from 'element-plus'\nimport type { ButtonProps } from '@el-plus/components/buttons'\nimport { customColumnProps } from '@el-plus/components/custom-column'\nconst inheritTableProps = {\n  ...elTableProps,\n  // Table 的尺寸\n  size: {\n    ...elTableProps.size,\n    default: 'default',\n  },\n  // 是否带有纵向边框\n  border: {\n    ...elTableProps.border,\n    default: true,\n  },\n  // 表头样式\n  headerCellStyle: {\n    ...elTableProps.headerCellStyle,\n    default: () => ({\n      background: '#EEEFF3',\n      // textAlign: 'center',\n      fontSize: '14px',\n      color: '#505050',\n    }),\n  },\n}\nexport type TableColumn = Partial<\n  TableColumnCtx & {\n    required: boolean | (() => boolean)\n    cellRequired: (scope: TableScope) => boolean\n    headerRender: TableColumnCtx['renderHeader']\n    disabled: boolean | ((scope: TableScope) => boolean)\n    type: string\n    props: Record<string, any> // eslint-disable-line @typescript-eslint/no-explicit-any\n    filter: boolean // 是否显示筛选\n    editable: boolean | ((formData: Record<string, any>) => void) // 是否可批量编辑\n    [key: string]: any\n  } & VisibleProps\n>\nexport type TableScope<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  column: TableColumnCtx<T>\n  row: T\n  $index: number\n  store: unknown\n  _self: unknown\n}\nconst expandTableProps = {\n  ...apiProps,\n  columns: {\n    type: Array as PropType<TableColumn[]>,\n    default: () => [],\n  },\n  // 是否显示复选勾选列\n  showSelectionCol: Boolean,\n  // 是否显示单选勾选列\n  showSingleSelectionCol: Boolean,\n  // 是否显示序号列\n  showIndexCol: {\n    type: Boolean,\n    default: true,\n  },\n  // 对齐方式\n  align: {\n    type: String as PropType<'left' | 'center' | 'right'>,\n    default: 'center',\n  },\n  // 最小宽度\n  minWidth: {\n    type: [Number, String] as PropType<TableColumnCtx['minWidth']>,\n  },\n  // 操作列宽度\n  actionColWidth: {\n    type: [Number, String] as PropType<TableColumnCtx['width']>,\n    default: 200,\n  },\n  // 序号列自定义\n  indexFormatter: {\n    type: [Number, Function] as PropType<TableColumnCtx['index']>,\n  },\n  disabled: Boolean,\n  reserveSelection: Boolean,\n  selectable: {\n    type: Function as PropType<TableColumnCtx['selectable']>,\n  },\n  paginationProps: {\n    type: Object as PropType<\n      Partial<PaginationProps & WithOnPrefixAndCamelCase<PaginationEmits>>\n    >,\n    default: () => ({}),\n  },\n  showPagination: Boolean,\n  isFrontPage: Boolean,\n  // 操作列\n  actionButtons: {\n    type: Array as PropType<ButtonProps[]>,\n    default: () => [],\n  },\n  // 格式化列\n  formatColumns: {\n    type: Array as PropType<ButtonProps[]>,\n    default: () => [],\n  },\n  // 是否初始化加载数据\n  isInitSearch: {\n    type: Boolean,\n    default: true,\n  },\n  // 自定义列模块\n  customColumnModule: {\n    ...customColumnProps.module,\n  },\n}\n\nexport const tableProps = {\n  ...inheritTableProps,\n  ...expandTableProps,\n} as const\nexport type TableProps = ExtractPublicPropTypes<typeof tableProps>\nexport const expandTablePropsKeys = Object.keys(expandTableProps)\n\nexport const tableEmits = [...ElTable.emits!, 'single-selection-change']\nexport type TableEmits = typeof tableEmits\nexport const tableEmitsKeys = tableEmits\n"],"names":[],"mappings":";;;;;AAYA,MAAM,iBAAA,GAAoB;AAAA,EACxB,GAAG,YAAA;AAAA;AAAA,EAEH,IAAA,EAAM;AAAA,IACJ,GAAG,YAAA,CAAa,IAAA;AAAA,IAChB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,GAAG,YAAA,CAAa,MAAA;AAAA,IAChB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,GAAG,YAAA,CAAa,eAAA;AAAA,IAChB,SAAS,OAAO;AAAA,MACd,UAAA,EAAY,SAAA;AAAA;AAAA,MAEZ,QAAA,EAAU,MAAA;AAAA,MACV,KAAA,EAAO;AAAA,KACT;AAAA;AAEJ,CAAA;AAuBA,MAAM,gBAAA,GAAmB;AAAA,EACvB,GAAG,QAAA;AAAA,EACH,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA,EAEA,gBAAA,EAAkB,OAAA;AAAA;AAAA,EAElB,sBAAA,EAAwB,OAAA;AAAA;AAAA,EAExB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA;AAAA,EAEA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,CAAC,MAAA,EAAQ,QAAQ;AAAA,GACzB;AAAA,EACA,QAAA,EAAU,OAAA;AAAA,EACV,gBAAA,EAAkB,OAAA;AAAA,EAClB,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IAGN,OAAA,EAAS,OAAO,EAAC;AAAA,GACnB;AAAA,EACA,cAAA,EAAgB,OAAA;AAAA,EAChB,WAAA,EAAa,OAAA;AAAA;AAAA,EAEb,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,kBAAA,EAAoB;AAAA,IAClB,GAAG,iBAAA,CAAkB;AAAA;AAEzB,CAAA;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,GAAG,iBAAA;AAAA,EACH,GAAG;AACL;AAEO,MAAM,oBAAA,GAAuB,MAAA,CAAO,IAAA,CAAK,gBAAgB;AAEzD,MAAM,UAAA,GAAa,CAAC,GAAG,OAAA,CAAQ,OAAQ,yBAAyB;AAEhE,MAAM,cAAA,GAAiB;;;;"}