el-plus2 0.0.0

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

@@ -0,0 +1,6 @@
+import _sfc_main from './table.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=table.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,204 @@
+import { defineComponent, computed, useSlots, resolveComponent, resolveDirective, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createVNode, createBlock, createCommentVNode, withCtx, withDirectives, mergeProps, createSlots, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { createNameSpace } from '../../../utils/bem.mjs';
+import { tableEmits, tableProps, tableEmitsKeys, expandTablePropsKeys } from './table.mjs';
+import { prepareEvents, prepareProps, prepareStyles, prepareClassNames } from '../../../utils/props.mjs';
+import '../../form/index.mjs';
+import { useTable, useTableColumn, useTableFormItem } from './use-table.mjs';
+import EpFormItem from '../../form/src/form-item-vue.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "EpTable",
+    inheritAttrs: false
+  },
+  __name: "table",
+  props: tableProps,
+  emits: tableEmits,
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const bem = createNameSpace("table");
+    const props = __props;
+    const emit = __emit;
+    const slots = computed(() => {
+      return Object.keys(useSlots());
+    });
+    const customAttrs = computed(() => {
+      return {
+        ...prepareProps(props, ["modelValue", ...expandTablePropsKeys]),
+        size: "small",
+        data: data.value,
+        ...prepareEvents(emit, tableEmitsKeys)
+      };
+    });
+    const {
+      pagination,
+      paginationProps,
+      data,
+      validate,
+      resetFields,
+      clearValidate,
+      loading,
+      search,
+      elFormRef,
+      elTableRef,
+      formatActionButtons
+    } = useTable(props);
+    const {
+      columnProps,
+      columnList
+    } = useTableColumn(props, data);
+    const {
+      formItemProps
+    } = useTableFormItem(props);
+    __expose({
+      elFormRef,
+      elTableRef,
+      validate,
+      resetFields,
+      clearValidate,
+      search
+    });
+    return (_ctx, _cache) => {
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_EpButtons = resolveComponent("EpButtons");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_el_pagination = resolveComponent("el-pagination");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(`${unref(bem).b()} ${unref(prepareClassNames)()}`),
+          style: normalizeStyle({
+            ...unref(prepareStyles)()
+          })
+        },
+        [createVNode(_component_el_form, {
+          ref_key: "elFormRef",
+          ref: elFormRef,
+          model: {
+            table: unref(data)
+          },
+          size: "small",
+          "hide-required-asterisk": "",
+          "scroll-to-error": "",
+          "scroll-into-view-options": {
+            inline: "center"
+          },
+          class: "ep-form"
+        }, {
+          default: withCtx(() => [withDirectives((openBlock(), createBlock(
+            _component_el_table,
+            mergeProps({
+              ref_key: "elTableRef",
+              ref: elTableRef
+            }, customAttrs.value),
+            createSlots({
+              default: withCtx(() => [_ctx.showSelectionCol ? (openBlock(), createBlock(_component_el_table_column, {
+                key: 0,
+                type: "selection",
+                width: "55",
+                align: _ctx.align,
+                selectable: _ctx.selectable,
+                fixed: ""
+              }, null, 8, ["align", "selectable"])) : createCommentVNode("v-if", true), _ctx.showIndexCol ? (openBlock(), createBlock(_component_el_table_column, {
+                key: 1,
+                type: "index",
+                width: "56",
+                align: _ctx.align,
+                label: "\u5E8F\u53F7",
+                fixed: "",
+                index: _ctx.indexFormatter
+              }, null, 8, ["align", "index"])) : createCommentVNode("v-if", true), _ctx.actionButtons.length ? (openBlock(), createBlock(_component_el_table_column, {
+                key: 2,
+                label: "\u64CD\u4F5C",
+                align: _ctx.align,
+                fixed: "",
+                width: "200"
+              }, {
+                default: withCtx((scope) => [createElementVNode(
+                  "span",
+                  {
+                    class: normalizeClass(unref(bem).e("action-buttons"))
+                  },
+                  [createVNode(_component_EpButtons, {
+                    list: unref(formatActionButtons)(_ctx.actionButtons, scope),
+                    type: "text"
+                  }, null, 8, ["list"])],
+                  2
+                  /* CLASS */
+                )]),
+                _: 1
+                /* STABLE */
+              }, 8, ["align"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unref(columnList), (item, index) => {
+                  return openBlock(), createBlock(
+                    _component_el_table_column,
+                    mergeProps({
+                      key: index
+                    }, {
+                      ref_for: true
+                    }, unref(columnProps)(item)),
+                    {
+                      default: withCtx((scope) => [item.type ? (openBlock(), createBlock(unref(EpFormItem), mergeProps({
+                        key: 0,
+                        "form-data": scope.row
+                      }, {
+                        ref_for: true
+                      }, unref(formItemProps)(scope, item)), null, 16, ["form-data"])) : (openBlock(), createElementBlock(
+                        Fragment,
+                        {
+                          key: 1
+                        },
+                        [createTextVNode(
+                          toDisplayString(scope.row[item.prop]),
+                          1
+                          /* TEXT */
+                        )],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))]),
+                      _: 2
+                      /* DYNAMIC */
+                    },
+                    1040
+                    /* FULL_PROPS, DYNAMIC_SLOTS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))]),
+              _: 2
+              /* DYNAMIC */
+            }, [renderList(slots.value, (name) => {
+              return {
+                name,
+                fn: withCtx((scope) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(scope)))])
+              };
+            })]),
+            1040
+            /* FULL_PROPS, DYNAMIC_SLOTS */
+          )), [[_directive_loading, unref(loading)]])]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["model"]), _ctx.showPagination ? (openBlock(), createBlock(_component_el_pagination, mergeProps({
+          key: 0,
+          "current-page": unref(pagination).pageNo,
+          "onUpdate:currentPage": ($event) => unref(pagination).pageNo = $event,
+          "page-size": unref(pagination).pageSize,
+          "onUpdate:pageSize": ($event) => unref(pagination).pageSize = $event,
+          total: unref(pagination).total
+        }, unref(paginationProps)), null, 16, ["current-page", "onUpdate:currentPage", "page-size", "onUpdate:pageSize", "total"])) : createCommentVNode("v-if", true)],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=table.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.vue2.mjs","sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"`${bem.b()} ${prepareClassNames()}`\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <el-form\n      ref=\"elFormRef\"\n      :model=\"{ table: data }\"\n      size=\"small\"\n      hide-required-asterisk\n      scroll-to-error\n      :scroll-into-view-options=\"{ inline: 'center' }\"\n      class=\"ep-form\"\n    >\n      <el-table ref=\"elTableRef\" v-loading=\"loading\" v-bind=\"customAttrs\">\n        <el-table-column\n          v-if=\"showSelectionCol\"\n          type=\"selection\"\n          width=\"55\"\n          :align\n          :selectable\n          fixed\n        />\n        <el-table-column\n          v-if=\"showIndexCol\"\n          type=\"index\"\n          width=\"56\"\n          :align\n          label=\"序号\"\n          fixed\n          :index=\"indexFormatter\"\n        />\n\n        <el-table-column\n          v-if=\"actionButtons.length\"\n          label=\"操作\"\n          :align\n          fixed\n          width=\"200\"\n        >\n          <template #default=\"scope\">\n            <span :class=\"bem.e('action-buttons')\">\n              <EpButtons\n                :list=\"formatActionButtons(actionButtons, scope)\"\n                type=\"text\"\n              />\n            </span>\n          </template>\n        </el-table-column>\n        <el-table-column\n          v-for=\"(item, index) in columnList\"\n          :key=\"index\"\n          v-bind=\"columnProps(item)\"\n        >\n          <template #default=\"scope\">\n            <EpFormItem\n              v-if=\"item.type\"\n              :form-data=\"scope.row\"\n              v-bind=\"formItemProps(scope, item)\"\n            />\n            <template v-else>\n              {{ scope.row[item.prop] }}\n            </template>\n          </template>\n        </el-table-column>\n        <template v-for=\"name in slots\" #[name]=\"scope\">\n          <slot :name=\"name\" v-bind=\"scope\" />\n        </template>\n      </el-table>\n    </el-form>\n    <el-pagination\n      v-if=\"showPagination\"\n      v-model:current-page=\"pagination.pageNo\"\n      v-model:page-size=\"pagination.pageSize\"\n      :total=\"pagination.total\"\n      v-bind=\"paginationProps\"\n    />\n  </div>\n</template>\n<script setup lang=\"tsx\">\nimport { computed, useSlots, ref } from 'vue'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  tableProps,\n  tableEmits,\n  expandTablePropsKeys,\n  tableEmitsKeys,\n} from './table'\nimport type { TableEmits } from './table'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { EpFormItem } from '@el-plus/components/form'\nimport { useTable, useTableColumn, useTableFormItem } from './use-table'\nimport { linkProps } from 'element-plus'\n\ndefineOptions({\n  name: 'EpTable',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('table')\nconst props = defineProps(tableProps)\nconst emit = defineEmits(tableEmits!)\n\nconst slots = computed(() => {\n  return Object.keys(useSlots())\n  // .filter((item) => item !== 'default')\n})\nconst customAttrs = computed(() => {\n  return {\n    ...prepareProps(props, ['modelValue', ...expandTablePropsKeys]),\n    size: 'small',\n    data: data.value,\n    ...prepareEvents<NonNullable<TableEmits>>(emit, tableEmitsKeys!),\n  }\n})\nconst {\n  pagination,\n  paginationProps,\n  data,\n  validate,\n  resetFields,\n  clearValidate,\n  loading,\n  search,\n  elFormRef,\n  elTableRef,\n  formatActionButtons,\n} = useTable(props)\nconst { columnProps, columnList } = useTableColumn(props, data)\nconst { formItemProps } = useTableFormItem(props)\n\ndefineExpose({\n  elFormRef,\n  elTableRef,\n  validate,\n  resetFields,\n  clearValidate,\n  search,\n})\n// const value = defineModel<TableProps['modelValue']>()\n</script>\n"],"names":["bem","createNameSpace","props","__props","emit","__emit","slots","computed","Object","keys","useSlots","customAttrs","prepareProps","expandTablePropsKeys","size","data","value","prepareEvents","tableEmitsKeys","pagination","paginationProps","validate","resetFields","clearValidate","loading","search","elFormRef","elTableRef","formatActionButtons","useTable","columnProps","columnList","useTableColumn","formItemProps","useTableFormItem","__expose","_createElementBlock","class","_normalizeClass","_unref","b","prepareClassNames","style","_normalizeStyle","prepareStyles","_createVNode","_component_el_form","ref","model","inline","_withDirectives","_openBlock","_createBlock","_component_el_table","_mergeProps","_createSlots","showSelectionCol","_component_el_table_column","type","width","align","selectable","fixed","showIndexCol","label","index","indexFormatter","actionButtons","length","default","_withCtx","scope","_createElementVNode","e","_component_EpButtons","list","_Fragment","_renderList","item","key","ref_for","row","_createTextVNode","_toDisplayString","prop","name","fn","_renderSlot","_ctx","$slots","_normalizeProps","_guardReactiveProps","showPagination","_component_el_pagination","pageNo","$event","pageSize","total"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyGA,IAAA,MAAMA,GAAAA,GAAMC,gBAAgB,OAAO,CAAA;AACnC,IAAA,MAAMC,KAAAA,GAAQC,OAAAA;AACd,IAAA,MAAMC,IAAAA,GAAOC,MAAAA;AAEb,IAAA,MAAMC,KAAAA,GAAQC,SAAS,MAAM;AAC3B,MAAA,OAAOC,MAAAA,CAAOC,IAAAA,CAAKC,QAAAA,EAAU,CAAA;AAAA,IAE/B,CAAC,CAAA;AACD,IAAA,MAAMC,WAAAA,GAAcJ,SAAS,MAAM;AACjC,MAAA,OAAO;AAAA,QACL,GAAGK,YAAAA,CAAaV,KAAAA,EAAO,CAAC,YAAA,EAAc,GAAGW,oBAAoB,CAAC,CAAA;AAAA,QAC9DC,IAAAA,EAAM,OAAA;AAAA,QACNC,MAAMA,IAAAA,CAAKC,KAAAA;AAAAA,QACX,GAAGC,aAAAA,CAAuCb,IAAAA,EAAMc,cAAe;AAAA,OACjE;AAAA,IACF,CAAC,CAAA;AACD,IAAA,MAAM;AAAA,MACJC,UAAAA;AAAAA,MACAC,eAAAA;AAAAA,MACAL,IAAAA;AAAAA,MACAM,QAAAA;AAAAA,MACAC,WAAAA;AAAAA,MACAC,aAAAA;AAAAA,MACAC,OAAAA;AAAAA,MACAC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA,MACAC,UAAAA;AAAAA,MACAC;AAAAA,KACF,GAAIC,SAAS3B,KAAK,CAAA;AAClB,IAAA,MAAM;AAAA,MAAE4B,WAAAA;AAAAA,MAAaC;AAAAA,KAAW,GAAIC,cAAAA,CAAe9B,KAAAA,EAAOa,IAAI,CAAA;AAC9D,IAAA,MAAM;AAAA,MAAEkB;AAAAA,KAAc,GAAIC,iBAAiBhC,KAAK,CAAA;AAEhDiC,IAAAA,QAAAA,CAAa;AAAA,MACXT,SAAAA;AAAAA,MACAC,UAAAA;AAAAA,MACAN,QAAAA;AAAAA,MACAC,WAAAA;AAAAA,MACAC,aAAAA;AAAAA,MACAE;AAAAA,KACD,CAAA;;;;;;;;0BA/ICW,kBAAAA;AAAAA,QA8EM,KAAA;AAAA,QAAA;AAAA,UA7EHC,KAAAA,EAAKC,cAAAA,CAAA,CAAA,EAAKC,KAAAA,CAAAvC,GAAA,CAAA,CAAIwC,CAAAA,MAAOD,KAAAA,CAAAE,iBAAA,CAAA,EAAiB,CAAA,CAAA,CAAA;AAAA,UACtCC,OAAKC,cAAAA,CAAA;AAAA,eAAaJ,KAAAA,CAAAK,aAAA,CAAA;AAAa;;SAIhCC,YAgEUC,kBAAAA,EAAA;AAAA,mBA/DJ,WAAA;AAAA,UAAJC,GAAAA,EAAIrB,SAAAA;AAAAA,UACHsB,KAAAA;mBAAgBT,MAAAxB,IAAA;AAAA,WAAI;AAAA,UACrBD,IAAAA,EAAK,OAAA;AAAA,UACL,wBAAA,EAAA,EAAA;AAAA,UACA,iBAAA,EAAA,EAAA;AAAA,UACC,0BAAA,EAA0B;AAAA,YAAAmC,MAAAA,EAAA;AAAA,WAAA;AAAA,UAC3BZ,KAAAA,EAAM;AAAA;2BAEN,MAsDW,CAtDXa,cAAAA,EAAAC,WAAA,EAAAC,WAAAA;AAAAA,YAsDWC,mBAAAA;AAAAA,YAtDXC,UAAAA,CAsDW;AAAA,uBAtDG,YAAA;AAAA,cAAJP,GAAAA,EAAIpB;AAAAA,eAAyChB,YAAAK,KAAW,CAAA;AAAA,YAAAuC,WAAAA,CAAA;AAAA,+BAChE,MAOE,CANMC,KAAAA,gBAAAA,iBADRJ,WAAAA,CAOEK,0BAAAA,EAAA;AAAA;gBALAC,IAAAA,EAAK,WAAA;AAAA,gBACLC,KAAAA,EAAM,IAAA;AAAA,gBACLC,OAAAA,IAAAA,CAAAA,KAAAA;AAAAA,gBACAC,YAAAA,IAAAA,CAAAA,UAAAA;AAAAA,gBACDC,KAAAA,EAAA;AAAA,wFAGMC,IAAAA,CAAAA,6BADRX,YAQEK,0BAAAA,EAAA;AAAA;gBANAC,IAAAA,EAAK,OAAA;AAAA,gBACLC,KAAAA,EAAM,IAAA;AAAA,gBACLC,OAAAA,IAAAA,CAAAA,KAAAA;AAAAA,gBACDI,KAAAA,EAAM,cAAA;AAAA,gBACNF,KAAAA,EAAA,EAAA;AAAA,gBACCG,OAAOC,IAAAA,CAAAA;AAAAA,mFAIFC,IAAAA,CAAAA,aAAAA,CAAcC,uBADtBhB,YAekBK,0BAAAA,EAAA;AAAA;gBAbhBO,KAAAA,EAAM,cAAA;AAAA,gBACLJ,OAAAA,IAAAA,CAAAA,KAAAA;AAAAA,gBACDE,KAAAA,EAAA,EAAA;AAAA,gBACAH,KAAAA,EAAM;AAAA;gBAEKU,OAAAA,EAAOC,OAAAA,CAMTC,CAAAA,KAAAA,KANgB,CACvBC,kBAAAA;AAAAA,kBAKO,MAAA;AAAA,kBAAA;AAAA,oBALAnC,OAAKC,cAAAA,CAAEC,KAAAA,CAAAvC,GAAA,CAAA,CAAIyE,CAAAA,CAAC,gBAAA,CAAA;AAAA;mBACjB5B,YAGE6B,oBAAAA,EAAA;AAAA,oBAFCC,MAAMpC,KAAAA,CAAAX,mBAAA,CAAA,CAAoBuC,IAAAA,CAAAA,eAAeI,KAAK,CAAA;AAAA,oBAC/Cb,IAAAA,EAAK;AAAA;;;;;;qEAKbP,SAAAA,CAAA,IAAA,CAAA,EAAAf,kBAAAA;AAAAA,gBAekBwC,QAAAA;AAAAA,gBAAA,IAAA;AAAA,gBAAAC,WAdQtC,KAAAA,CAAAR,UAAA,CAAA,EAAU,CAA1B+C,MAAMb,KAAAA,KAAK;sCADrBb,WAAAA;AAAAA,oBAekBK,0BAAAA;AAAAA,oBAflBH,UAAAA,CAekB;AAAA,sBAbfyB,GAAAA,EAAKd;AAAAA,qBAAK,EAAA;AAAA,sBAAAe,OAAAA,EAAA;AAAA,qBAAA,EACHzC,KAAAA,CAAAT,WAAA,CAAA,CAAYgD,IAAI,CAAA,CAAA;AAAA,oBAAA;AAAA,sBAEbT,OAAAA,EAAOC,OAAAA,CAKdC,CAAAA,KAAAA,KALqB,CAEfO,IAAAA,CAAKpB,IAAAA,IADbP,SAAAA,EAAA,EAAAC,WAAAA,CAIEb,KAAAA,cAJFe,UAAAA,CAIE;AAAA;wBAFC,aAAWiB,KAAAA,CAAMU;AAAAA;;yBACV1C,KAAAA,CAAAN,aAAA,CAAA,CAAcsC,OAAOO,IAAI,CAAA,CAAA,EAAA,IAAA,EAAA,IAAA,CAAA,WAAA,CAAA,CAAA,kBAEnC1C,kBAAAA;AAAAA,wBAEWwC,QAAAA;AAAAA,wBAAA;AAAA,0BAAAG,GAAAA,EAAA;AAAA,yBAAA;AAAA,wBAAA,CADNG,eAAAA;AAAAA,0BAAAC,eAAAA,CAAAZ,KAAAA,CAAMU,GAAAA,CAAIH,IAAAA,CAAKM,IAAI,CAAA,CAAA;AAAA,0BAAA;AAAA;AAAA,yBAAA,CAAA;AAAA;;;;;;;;;;;;;;;gBAIHP,UAAAA,CAAAvE,KAAAA,CAAAU,OAARqE,CAAAA,IAAAA,KAAI;;;gBACnBC,EAAAA,EAAAhB,OAAAA,CADuCC,CAAAA,KAAAA,KAAK,CAC5CgB,WAAoCC,IAAAA,CAAAC,MAAAA,EAAvBJ,IAAAA,EAAIK,cAAAA,CAAAC,kBAAAA,CAAUpB,KAAK,CAAA,CAAA,CAAA;;;;;oCApDEhC,KAAAA,CAAAf,OAAA,CAAO,CAAA;;;0BAyDvCoE,IAAAA,CAAAA,cAAAA,IADRzC,SAAAA,EAAA,EAAAC,WAAAA,CAMEyC,wBAAAA,EANFvC,UAAAA,CAME;AAAA;UAJQ,cAAA,EAAcf,KAAAA,CAAApB,UAAA,CAAA,CAAW2E,MAAAA;AAAAA,UAAX,sBAAA,EAAAC,CAAAA,MAAAA,KAAAxD,KAAAA,CAAApB,UAAA,EAAW2E,MAAAA,GAAMC,MAAAA;AAAAA,UAC/B,WAAA,EAAWxD,KAAAA,CAAApB,UAAA,CAAA,CAAW6E,QAAAA;AAAAA,UAAX,mBAAA,EAAAD,CAAAA,MAAAA,KAAAxD,KAAAA,CAAApB,UAAA,EAAW6E,QAAAA,GAAQD,MAAAA;AAAAA,UACrCE,KAAAA,EAAO1D,KAAAA,CAAApB,UAAA,CAAA,CAAW8E;AAAAA,WACX1D,KAAAA,CAAAnB,eAAA,CAAe,CAAA,EAAA,IAAA,EAAA,IAAA,CAAA,cAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,qBAAA,OAAA,CAAA;;;;;;;;;;"}

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

@@ -0,0 +1,241 @@
+import type { FormInstance, TableInstance, FormItemProp } from 'element-plus';
+import { type Ref } from 'vue';
+import type { TableColumn, TableProps, TableScope } from './table';
+import type { ButtonProps } from 'el-plus/es/components/buttons';
+export type ISearch = (init: boolean, isPagination?: boolean) => void;
+export declare const useTable: (props: TableProps) => {
+    loading: Ref<boolean, boolean> | undefined;
+    data: Ref<Record<string, unknown>[], Record<string, unknown>[]>;
+    search: ISearch;
+    pagination: {
+        total: number;
+        pageNo: number;
+        pageSize: number;
+    };
+    paginationProps: import("vue").ComputedRef<{
+        pageSizes: number[];
+        layout: string;
+        onSizeChange: (value: number) => void;
+        onCurrentChange: (value: number) => void;
+        small?: boolean | undefined;
+        disabled?: boolean | undefined;
+        teleported?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        popperClass?: string | undefined;
+        pagerCount?: number | undefined;
+        prevText?: string | undefined;
+        nextText?: string | undefined;
+        background?: boolean | undefined;
+        hideOnSinglePage?: boolean | undefined;
+        popperStyle?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties) | (() => string | import("vue").CSSProperties) | ((new (...args: any[]) => string | import("vue").CSSProperties) | (() => string | import("vue").CSSProperties))[], unknown, unknown> | undefined;
+        pageSize?: number | undefined;
+        defaultPageSize?: number | undefined;
+        total?: number | undefined;
+        pageCount?: number | undefined;
+        currentPage?: number | undefined;
+        defaultCurrentPage?: number | undefined;
+        prevIcon?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
+        nextIcon?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
+        size?: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined;
+        appendSizeTo?: string | undefined;
+        "onUpdate:currentPage"?: ((val: number) => boolean) | undefined;
+        "onUpdate:pageSize"?: ((val: number) => boolean) | undefined;
+        onChange?: ((currentPage: number, pageSize: number) => boolean) | undefined;
+        onPrevClick?: ((val: number) => boolean) | undefined;
+        onNextClick?: ((val: number) => boolean) | undefined;
+    }>;
+    validate: () => import("element-plus").FormValidationResult;
+    resetFields: (props: FormItemProp) => void;
+    clearValidate: (props: FormItemProp) => void;
+    elFormRef: Readonly<import("vue").ShallowRef<FormInstance | null>>;
+    elTableRef: Readonly<import("vue").ShallowRef<TableInstance | null>>;
+    formatActionButtons: (list: ButtonProps[], scope: TableScope) => Partial<{
+        readonly link: boolean;
+        readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+        readonly disabled: boolean;
+        readonly dark: boolean;
+        readonly nativeType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
+        readonly loading: boolean;
+        readonly bg: boolean;
+        readonly autofocus: boolean;
+        readonly circle: boolean;
+        readonly tag: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>;
+    } & {
+        readonly size?: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined;
+        readonly icon?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
+        readonly loadingIcon?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
+        readonly plain?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly text?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly round?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly color?: string | undefined;
+        readonly autoInsertSpace?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+    } & {
+        name: string;
+        prop: string;
+        permission: string;
+        onClick: (e: MouseEvent | TableScope) => void;
+        scopedSlots: Record<string, () => import("vue").VNode>;
+        confirm: boolean;
+        confirmText: string;
+    } & {} & {
+        show?: (boolean | ((T: unknown) => boolean)) | undefined;
+        hide?: (boolean | ((T: unknown) => boolean)) | undefined;
+    }>[];
+};
+export declare const useTableColumn: (props: TableProps, tableData: Ref<TableProps["data"]>) => {
+    columnProps: (column: TableColumn) => {
+        [x: string]: any;
+        id?: string | undefined;
+        realWidth?: number | null | undefined;
+        type?: string | undefined;
+        label?: string | undefined;
+        className?: string | undefined;
+        labelClassName?: string | undefined;
+        property?: string | undefined;
+        prop?: string | undefined;
+        width?: string | number;
+        minWidth?: string | number | undefined;
+        renderHeader?: ((data: {
+            column: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>;
+            $index: number;
+            store: import("element-plus/es/components/table/src/store").Store<import("element-plus/es/components/table/src/table/defaults").DefaultRow>;
+            _self: any;
+        }) => import("vue").VNode) | undefined;
+        sortable?: string | boolean | undefined;
+        sortMethod?: ((a: import("element-plus/es/components/table/src/table/defaults").DefaultRow, b: import("element-plus/es/components/table/src/table/defaults").DefaultRow) => number) | undefined;
+        sortBy?: string | string[] | ((row: import("element-plus/es/components/table/src/table/defaults").DefaultRow, index: number, array?: import("element-plus/es/components/table/src/table/defaults").DefaultRow[] | undefined) => string) | undefined;
+        resizable?: boolean | undefined;
+        columnKey?: string | undefined;
+        rawColumnKey?: string | undefined;
+        align?: string | undefined;
+        headerAlign?: string | undefined;
+        showOverflowTooltip?: boolean | import("element-plus/es/components/table/src/util").TableOverflowTooltipOptions;
+        tooltipFormatter?: import("element-plus/es/components/table/src/util").TableOverflowTooltipFormatter<import("element-plus/es/components/table/src/table/defaults").DefaultRow> | undefined;
+        fixed?: string | boolean | undefined;
+        formatter?: ((row: import("element-plus/es/components/table/src/table/defaults").DefaultRow, column: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>, cellValue: any, index: number) => import("vue").VNode | string) | undefined;
+        selectable?: ((row: import("element-plus/es/components/table/src/table/defaults").DefaultRow, index: number) => boolean) | undefined;
+        reserveSelection?: boolean | undefined;
+        filterMethod?: import("element-plus/es/components/table/src/table-column/defaults").FilterMethods<import("element-plus/es/components/table/src/table/defaults").DefaultRow> | undefined;
+        filteredValue?: string[] | undefined;
+        filters?: import("element-plus/es/components/table/src/table-column/defaults").Filters | undefined;
+        filterPlacement?: string | undefined;
+        filterMultiple?: boolean | undefined;
+        filterClassName?: string | undefined;
+        index?: number | ((index: number) => number) | undefined;
+        sortOrders?: (import("element-plus/es/components/table/src/table/defaults").TableSortOrder | null)[] | undefined;
+        renderCell?: ((data: any) => import("vue").VNode | import("vue").VNode[]) | undefined;
+        colSpan?: number | undefined;
+        rowSpan?: number | undefined;
+        children?: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>[] | undefined;
+        level?: number | undefined;
+        filterable?: boolean | import("element-plus/es/components/table/src/table-column/defaults").FilterMethods<import("element-plus/es/components/table/src/table/defaults").DefaultRow> | import("element-plus/es/components/table/src/table-column/defaults").Filters | undefined;
+        order?: import("element-plus/es/components/table/src/table/defaults").TableSortOrder | null | undefined;
+        isColumnGroup?: boolean | undefined;
+        isSubColumn?: boolean | undefined;
+        columns?: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>[] | undefined;
+        getColumnIndex?: (() => number) | undefined;
+        no?: number | undefined;
+        filterOpened?: boolean;
+        renderFilterIcon?: (scope: any) => import("vue").VNode;
+        renderExpand?: (scope: any) => import("vue").VNode;
+        required?: boolean | (() => boolean) | undefined;
+        cellRequired?: ((scope: TableScope) => boolean) | undefined;
+        headerRender?: ((data: {
+            column: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>;
+            $index: number;
+            store: import("element-plus/es/components/table/src/store").Store<import("element-plus/es/components/table/src/table/defaults").DefaultRow>;
+            _self: any;
+        }) => import("vue").VNode) | undefined;
+        disabled?: boolean | ((scope: TableScope) => boolean) | undefined;
+        props?: Record<string, any> | undefined;
+        filter?: boolean | undefined;
+        show?: (boolean | ((T: unknown) => boolean)) | undefined;
+        hide?: (boolean | ((T: unknown) => boolean)) | undefined;
+    };
+    columnList: import("vue").ComputedRef<Partial<import("element-plus").TableColumnCtx & {
+        [key: string]: any;
+        required: boolean | (() => boolean);
+        cellRequired: (scope: TableScope) => boolean;
+        headerRender: import("element-plus").TableColumnCtx["renderHeader"];
+        disabled: boolean | ((scope: TableScope) => boolean);
+        props: Record<string, any>;
+        filter: boolean;
+    } & {} & {
+        show?: (boolean | ((T: unknown) => boolean)) | undefined;
+        hide?: (boolean | ((T: unknown) => boolean)) | undefined;
+    }>[]>;
+};
+export declare const useTableFormItem: (props: TableProps) => {
+    formItemProps: (scope: TableScope, item: TableColumn) => {
+        isShowLabel: boolean;
+        required: boolean | undefined;
+        hideRequiredAsterisk: boolean | undefined;
+        prop: string;
+        tableProp: string | undefined;
+        props: {
+            disabled: boolean | undefined;
+        };
+        id?: string | undefined;
+        realWidth?: number | null | undefined;
+        type?: string | undefined;
+        label?: string | undefined;
+        className?: string | undefined;
+        labelClassName?: string | undefined;
+        property?: string | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        renderHeader?: ((data: {
+            column: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>;
+            $index: number;
+            store: import("element-plus/es/components/table/src/store").Store<import("element-plus/es/components/table/src/table/defaults").DefaultRow>;
+            _self: any;
+        }) => import("vue").VNode) | undefined;
+        sortable?: string | boolean | undefined;
+        sortMethod?: ((a: import("element-plus/es/components/table/src/table/defaults").DefaultRow, b: import("element-plus/es/components/table/src/table/defaults").DefaultRow) => number) | undefined;
+        sortBy?: string | string[] | ((row: import("element-plus/es/components/table/src/table/defaults").DefaultRow, index: number, array?: import("element-plus/es/components/table/src/table/defaults").DefaultRow[] | undefined) => string) | undefined;
+        resizable?: boolean | undefined;
+        columnKey?: string | undefined;
+        rawColumnKey?: string | undefined;
+        align?: string | undefined;
+        headerAlign?: string | undefined;
+        showOverflowTooltip?: (boolean | import("element-plus/es/components/table/src/util").TableOverflowTooltipOptions) | undefined;
+        tooltipFormatter?: import("element-plus/es/components/table/src/util").TableOverflowTooltipFormatter<import("element-plus/es/components/table/src/table/defaults").DefaultRow> | undefined;
+        fixed?: string | boolean | undefined;
+        formatter?: ((row: import("element-plus/es/components/table/src/table/defaults").DefaultRow, column: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>, cellValue: any, index: number) => import("vue").VNode | string) | undefined;
+        selectable?: ((row: import("element-plus/es/components/table/src/table/defaults").DefaultRow, index: number) => boolean) | undefined;
+        reserveSelection?: boolean | undefined;
+        filterMethod?: import("element-plus/es/components/table/src/table-column/defaults").FilterMethods<import("element-plus/es/components/table/src/table/defaults").DefaultRow> | undefined;
+        filteredValue?: string[] | undefined;
+        filters?: import("element-plus/es/components/table/src/table-column/defaults").Filters | undefined;
+        filterPlacement?: string | undefined;
+        filterMultiple?: boolean | undefined;
+        filterClassName?: string | undefined;
+        index?: number | ((index: number) => number) | undefined;
+        sortOrders?: (import("element-plus/es/components/table/src/table/defaults").TableSortOrder | null)[] | undefined;
+        renderCell?: ((data: any) => import("vue").VNode | import("vue").VNode[]) | undefined;
+        colSpan?: number | undefined;
+        rowSpan?: number | undefined;
+        children?: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>[] | undefined;
+        level?: number | undefined;
+        filterable?: boolean | import("element-plus/es/components/table/src/table-column/defaults").FilterMethods<import("element-plus/es/components/table/src/table/defaults").DefaultRow> | import("element-plus/es/components/table/src/table-column/defaults").Filters | undefined;
+        order?: import("element-plus/es/components/table/src/table/defaults").TableSortOrder | null | undefined;
+        isColumnGroup?: boolean | undefined;
+        isSubColumn?: boolean | undefined;
+        columns?: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>[] | undefined;
+        getColumnIndex?: (() => number) | undefined;
+        no?: number | undefined;
+        filterOpened?: boolean | undefined;
+        renderFilterIcon?: ((scope: any) => import("vue").VNode) | undefined;
+        renderExpand?: ((scope: any) => import("vue").VNode) | undefined;
+        cellRequired?: ((scope: TableScope) => boolean) | undefined;
+        headerRender?: ((data: {
+            column: import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>;
+            $index: number;
+            store: import("element-plus/es/components/table/src/store").Store<import("element-plus/es/components/table/src/table/defaults").DefaultRow>;
+            _self: any;
+        }) => import("vue").VNode) | undefined;
+        disabled?: boolean | ((scope: TableScope) => boolean) | undefined;
+        filter?: boolean | undefined;
+        show?: (boolean | ((T: unknown) => boolean)) | undefined;
+        hide?: (boolean | ((T: unknown) => boolean)) | undefined;
+    };
+};