ele-admin-plus 1.4.1 → 1.5.0-beta.1

package/es/ele-crud/index.js

@@ -1,6 +1,8 @@
-import { defineComponent, ref, computed, reactive, onBeforeUnmount, watch, createVNode, mergeProps, h, isVNode } from "vue";
+import { defineComponent, ref, computed, reactive, watch, onBeforeUnmount, createVNode, mergeProps, h, isVNode } from "vue";
+import { ElInput } from "element-plus";
+import { SearchOutlined } from "../icons/index";
 import { useLocale } from "../ele-config-provider/receiver";
-import { getMappedSlots, mapTree, omit } from "../utils/common";
+import { omit, mapTree, getMappedSlots } from "../utils/common";
 import { useMobile } from "../utils/hook";
 import { useMessage } from "../utils/message";
 import { useMessageBox } from "../utils/message-box";
@@ -8,11 +10,10 @@ import ElePage from "../ele-page/index";
 import EleCard from "../ele-card/index";
 import EleProTable from "../ele-pro-table/index";
 import EleProForm from "../ele-pro-form/index";
-import { getFormInitValue, cloneDeep, mergeValue, setValue } from "../ele-pro-form/util";
+import { getFormInitValue, cloneDeep, setValue, mergeValue } from "../ele-pro-form/util";
 import EleSplitPanel from "../ele-split-panel/index";
 import { getValue } from "../ele-data-table/util";
-import TableToolbar from "./components/table-toolbar";
-import TableAction from "./components/table-action";
+import EleButtons from "../ele-buttons/index";
 import TableExtra from "./components/table-extra";
 import PageSide from "./components/page-side";
 import { getDefaultSearchFormProps, getFieldsSearchFormItems, codeStringPrefix, getCodeResult, getTreeValueField } from "./util";
@@ -43,14 +44,135 @@ const index = /* @__PURE__ */ defineComponent({
     const addData = ref();
     const editVisible = ref(false);
     const editData = ref();
-    const deletePopOption = ref();
+    const toolbarBtnItems = computed(() => {
+      const listConfig = props.listConfig || {};
+      const addBtnProps = listConfig.addBtnProps;
+      const delBtnProps = listConfig.delBtnProps;
+      const items = [];
+      if (addBtnProps !== false) {
+        items.push({
+          preset: "add",
+          props: addBtnProps === true ? void 0 : addBtnProps,
+          onClick: () => handleBtnClick("add")
+        });
+      }
+      if (delBtnProps !== false) {
+        items.push({
+          preset: "delBatch",
+          props: delBtnProps === true ? void 0 : delBtnProps,
+          onClick: () => handleBtnClick("delSelections")
+        });
+      }
+      return items;
+    });
+    const actionBtnItems = computed(() => {
+      const listConfig = props.listConfig || {};
+      const editLinkProps = listConfig.editLinkProps;
+      const delLinkProps = listConfig.delLinkProps;
+      const delPopConfirmProps = listConfig.delPopConfirmProps;
+      const items = [];
+      if (editLinkProps !== false) {
+        items.push({
+          preset: "edit",
+          props: editLinkProps === true ? void 0 : editLinkProps,
+          command: "edit"
+        });
+      }
+      if (delLinkProps !== false) {
+        const item = {
+          preset: "del",
+          props: delLinkProps === true ? void 0 : delLinkProps,
+          command: "del"
+        };
+        if (delPopConfirmProps != null && typeof delPopConfirmProps === "object" && delPopConfirmProps.isPopConfirm) {
+          item.popconfirmProps = {
+            content: lang.value.deleteConfirm,
+            popperOptions: {
+              strategy: "fixed",
+              modifiers: [{
+                name: "offset",
+                options: {
+                  offset: [12, 6]
+                }
+              }]
+            },
+            ...omit(delPopConfirmProps, ["isPopConfirm"])
+          };
+          item.command = "delConfirm";
+        }
+        items.push(item);
+      }
+      return items;
+    });
+    const tableColumns = computed(() => {
+      const listConfig = props.listConfig || {};
+      const userColumns = listConfig.tableProps?.columns;
+      if (userColumns?.length) {
+        return userColumns;
+      }
+      const fields = props.fields;
+      const {
+        selectionColumnProps,
+        indexColumnProps,
+        actionColumnProps
+      } = listConfig;
+      const columns = [];
+      if (selectionColumnProps !== false) {
+        columns.push({
+          type: "selection",
+          columnKey: "selection",
+          width: 50,
+          align: "center",
+          fixed: "left",
+          ...(selectionColumnProps === true ? void 0 : selectionColumnProps) || {}
+        });
+      }
+      if (indexColumnProps !== false) {
+        columns.push({
+          type: "index",
+          columnKey: "index",
+          width: 50,
+          align: "center",
+          fixed: "left",
+          ...(indexColumnProps === true ? void 0 : indexColumnProps) || {}
+        });
+      }
+      mapTree(fields || [], (field) => {
+        if (field.hideInList === "flat") {
+          return "flatChildren";
+        } else if (!field.hideInList) {
+          return {
+            columnKey: field.key,
+            prop: field.prop,
+            label: field.label,
+            ...field.columnProps || {}
+          };
+        }
+      }).forEach((column) => {
+        columns.push(column);
+      });
+      if (actionColumnProps !== false) {
+        columns.push({
+          columnKey: "action",
+          label: lang.value.action,
+          width: 156,
+          align: "center",
+          fixed: "right",
+          slot: "action",
+          hideInPrint: true,
+          hideInExport: true,
+          ...(actionColumnProps === true ? void 0 : actionColumnProps) || {}
+        });
+      }
+      return columns;
+    });
     const searchFormProps = computed(() => {
       const searchConfig = (props.searchConfig === true ? void 0 : props.searchConfig) || {};
       return searchConfig.formProps || {};
     });
     const searchFormItems = computed(() => {
       const items = searchFormProps.value.items;
-      return (items == null ? void 0 : items.length) ? items : getFieldsSearchFormItems(props.fields);
+      return items?.length ? items : getFieldsSearchFormItems(props.fields);
     });
     const searchFormData = reactive(getFormInitValue(searchFormItems.value, searchFormProps.value.itemTypeData || props.itemTypeData, true));
     const searchWhere = ref(cloneDeep(searchFormData));
@@ -58,6 +180,7 @@ const index = /* @__PURE__ */ defineComponent({
     const treeData = ref([]);
     const treeLoading = ref(false);
     const treeErrorMessage = ref();
+    const treeSearchkeywords = ref("");
     const splitPanelCollapse = ref(false);
     const [isMobile] = useMobile((mobile) => {
       splitPanelCollapse.value = mobile;
@@ -73,19 +196,18 @@ const index = /* @__PURE__ */ defineComponent({
       return result;
     };
     const tableDatasource = (params) => {
-      var _a, _b, _c, _d;
-      const datasource = ((_b = (_a = props.listConfig) == null ? void 0 : _a.tableProps) == null ? void 0 : _b.datasource) || props.listApi;
+      const datasource = props.listConfig?.tableProps?.datasource || props.listApi;
       if (datasource && Array.isArray(datasource)) {
         return Promise.resolve(datasource);
       }
       const func = typeof datasource === "function" ? datasource : typeof datasource === "string" && datasource.startsWith(codeStringPrefix) ? getAndCacheCode(datasource) : void 0;
-      const showSide = !!((_c = props.pageConfig) == null ? void 0 : _c.splitPanelProps);
+      const showSide = !!props.pageConfig?.splitPanelProps;
       if (!func || showSide && treeSelectedValue.value == null) {
         return Promise.resolve([]);
       }
       const where = {};
       if (showSide && treeSelectedValue.value != null) {
-        const filterField = (_d = props.pageConfig) == null ? void 0 : _d.tableFilterField;
+        const filterField = props.pageConfig?.tableFilterField;
         if (filterField) {
           setValue(where, filterField, treeSelectedValue.value);
         }
@@ -104,8 +226,7 @@ const index = /* @__PURE__ */ defineComponent({
       emit("tableSelectionsChange", data);
     };
     const reloadTable = (page) => {
-      var _a, _b;
-      (_b = (_a = tableRef.value) == null ? void 0 : _a.reload) == null ? void 0 : _b.call(_a, {
+      tableRef.value?.reload?.({
         page
       });
     };
@@ -124,15 +245,14 @@ const index = /* @__PURE__ */ defineComponent({
       mergeValue(searchFormData, getFormInitValue(searchFormItems.value, searchFormProps.value.itemTypeData || props.itemTypeData, true));
       handleSubmitSearchForm();
     };
-    const handleBtnClick = (action, e, item) => {
-      var _a, _b, _c, _d;
+    const handleBtnClick = (action, item) => {
       if (action === "delConfirm") {
         handleDelete(item ? [item] : void 0);
       } else if (action === "del") {
-        const delPopConfirmProps = (_a = props.listConfig) == null ? void 0 : _a.delPopConfirmProps;
+        const delPopConfirmProps = props.listConfig?.delPopConfirmProps;
         if (delPopConfirmProps === false) {
           handleDelete(item ? [item] : void 0);
-        } else if (delPopConfirmProps === true || !(delPopConfirmProps == null ? void 0 : delPopConfirmProps.isPopConfirm)) {
+        } else {
           messageBox.confirm(lang.value.deleteConfirm, lang.value.deleteConfirmTitle, {
             type: "warning",
             draggable: true,
@@ -141,19 +261,13 @@ const index = /* @__PURE__ */ defineComponent({
             handleDelete(item ? [item] : void 0);
           }).catch(() => {
           });
-        } else {
-          deletePopOption.value = {
-            item,
-            triggerEl: e.currentTarget,
-            confirmProps: delPopConfirmProps
-          };
         }
       } else if (action === "edit") {
         editData.value = item;
         editVisible.value = true;
       } else if (action === "add") {
-        const filterField = (_b = props.pageConfig) == null ? void 0 : _b.tableFilterField;
-        if (((_c = props.pageConfig) == null ? void 0 : _c.splitPanelProps) && treeSelectedValue.value != null && filterField) {
+        const filterField = props.pageConfig?.tableFilterField;
+        if (props.pageConfig?.splitPanelProps && treeSelectedValue.value != null && filterField) {
           const data = {};
           setValue(data, filterField, treeSelectedValue.value);
           addData.value = data;
@@ -170,7 +284,7 @@ const index = /* @__PURE__ */ defineComponent({
           });
           return;
         }
-        const delConfirmProps = (_d = props.listConfig) == null ? void 0 : _d.delConfirmProps;
+        const delConfirmProps = props.listConfig?.delConfirmProps;
         if (delConfirmProps === false) {
           handleDelete(data);
         } else {
@@ -186,7 +300,6 @@ const index = /* @__PURE__ */ defineComponent({
       }
     };
     const handleDelete = (data) => {
-      var _a, _b;
       if (!data || !props.deleteApi) {
         return;
       }
@@ -198,7 +311,7 @@ const index = /* @__PURE__ */ defineComponent({
         ...props.messageOptions || {},
         message: lang.value.deleteLoading
       });
-      const rowKey = (_b = (_a = props.listConfig) == null ? void 0 : _a.tableProps) == null ? void 0 : _b.rowKey;
+      const rowKey = props.listConfig?.tableProps?.rowKey;
       const dataKeys = rowKey ? data.map((row) => getValue(row, rowKey)) : [];
       deleteApiFunc(dataKeys, data).then((msg) => {
         loading.close();
@@ -217,7 +330,7 @@ const index = /* @__PURE__ */ defineComponent({
         } else {
           message.error({
             ...props.messageOptions || {},
-            message: (e == null ? void 0 : e.message) ?? lang.value.deleteError
+            message: e?.message ?? lang.value.deleteError
           });
         }
       });
@@ -231,7 +344,7 @@ const index = /* @__PURE__ */ defineComponent({
       } else {
         message.error({
           ...props.messageOptions || {},
-          message: (e == null ? void 0 : e.message) ?? lang.value.addError
+          message: e?.message ?? lang.value.addError
         });
       }
     };
@@ -244,7 +357,7 @@ const index = /* @__PURE__ */ defineComponent({
       } else {
         message.error({
           ...props.messageOptions || {},
-          message: (e == null ? void 0 : e.message) ?? lang.value.editError
+          message: e?.message ?? lang.value.editError
         });
       }
     };
@@ -278,11 +391,10 @@ const index = /* @__PURE__ */ defineComponent({
       }
     };
     const setTreeData = (data) => {
-      var _a;
       treeLoading.value = false;
       treeData.value = data || [];
       if (treeData.value.length) {
-        const field = getTreeValueField((_a = props.pageConfig) == null ? void 0 : _a.sideConfig);
+        const field = getTreeValueField(props.pageConfig?.sideConfig);
         treeSelectedValue.value = treeData.value[0][field];
         reloadTable();
       } else {
@@ -290,8 +402,7 @@ const index = /* @__PURE__ */ defineComponent({
       }
     };
     const reloadTree = () => {
-      var _a;
-      if (!props.treeListApi || !((_a = props.pageConfig) == null ? void 0 : _a.splitPanelProps)) {
+      if (!props.treeListApi || !props.pageConfig?.splitPanelProps) {
         setTreeData([]);
         return;
       }
@@ -311,70 +422,19 @@ const index = /* @__PURE__ */ defineComponent({
         if (e != null && typeof e === "string") {
           treeErrorMessage.value = e;
         } else {
-          treeErrorMessage.value = e == null ? void 0 : e.message;
+          treeErrorMessage.value = e?.message;
         }
       });
     };
+    const handleUpdateTreeSearchKeywords = (value) => {
+      treeSearchkeywords.value = value;
+    };
     const handleUpdateSplitPanelCollapse = (collapse) => {
       splitPanelCollapse.value = collapse;
     };
     const clearCodeCache = () => {
       codeCache.clear();
     };
-    onBeforeUnmount(() => {
-      clearCodeCache();
-    });
-    const getDefaultTableColumns = (fields, selectionColumnProps, indexColumnProps, actionColumnProps) => {
-      const columns = [];
-      if (selectionColumnProps !== false) {
-        columns.push({
-          type: "selection",
-          columnKey: "selection",
-          width: 50,
-          align: "center",
-          fixed: "left",
-          ...(selectionColumnProps === true ? void 0 : selectionColumnProps) || {}
-        });
-      }
-      if (indexColumnProps !== false) {
-        columns.push({
-          type: "index",
-          columnKey: "index",
-          width: 50,
-          align: "center",
-          fixed: "left",
-          ...(indexColumnProps === true ? void 0 : indexColumnProps) || {}
-        });
-      }
-      mapTree(fields || [], (field) => {
-        if (field.hideInList === "flat") {
-          return "flatChildren";
-        } else if (!field.hideInList) {
-          return {
-            columnKey: field.key,
-            prop: field.prop,
-            label: field.label,
-            ...field.columnProps || {}
-          };
-        }
-      }).forEach((column) => {
-        columns.push(column);
-      });
-      if (actionColumnProps !== false) {
-        columns.push({
-          columnKey: "action",
-          label: lang.value.action,
-          width: 120,
-          align: "center",
-          fixed: "right",
-          slot: "action",
-          hideInPrint: true,
-          hideInExport: true,
-          ...(actionColumnProps === true ? void 0 : actionColumnProps) || {}
-        });
-      }
-      return columns;
-    };
     const renderSearch = () => {
       if (props.searchConfig === false) {
         return;
@@ -384,7 +444,6 @@ const index = /* @__PURE__ */ defineComponent({
       const renderForm = () => {
         return h(props.proFormComponent || EleProForm, {
           ...defaultSearchFormProps,
-          submitText: lang.value.search,
           itemTypeData: props.itemTypeData,
           httpRequest: props.httpRequest,
           screenSize: props.screenSize,
@@ -394,56 +453,61 @@ const index = /* @__PURE__ */ defineComponent({
           onUpdateValue: handleUpdateSearchForm,
           onSubmit: handleSubmitSearchForm,
           onReset: handleResetSearchForm
-        }, getMappedSlots(slots, searchConfig.formSlots, [], [], true));
+        }, {
+          footer: ({
+            submitForm,
+            resetForm
+          }) => createVNode(EleButtons, {
+            "items": [{
+              preset: "search",
+              props: searchFormProps.value.submitButtonProps,
+              onClick: () => submitForm()
+            }, {
+              preset: "reset",
+              props: searchFormProps.value.resetButtonProps,
+              onClick: () => resetForm()
+            }]
+          }, null),
+          ...getMappedSlots(slots, searchConfig.formSlots, [], [], true)
+        });
       };
       if (!cardProps) {
         return renderForm();
       }
-      return createVNode(EleCard, (cardProps === true ? void 0 : cardProps) || {}, {
+      return createVNode(EleCard, mergeProps({
+        "searchForm": true
+      }, (cardProps === true ? void 0 : cardProps) || {}), {
         ...getMappedSlots(slots, searchConfig.cardSlots),
         default: renderForm
       });
     };
     const renderTable = () => {
-      var _a;
       const listConfig = props.listConfig || {};
       const cardProps = listConfig.cardProps;
       const tableProps = listConfig.tableProps || {};
-      const columns = ((_a = tableProps.columns) == null ? void 0 : _a.length) ? tableProps.columns : getDefaultTableColumns(props.fields, listConfig.selectionColumnProps, listConfig.indexColumnProps, listConfig.actionColumnProps);
-      const addBtnProps = listConfig.addBtnProps;
-      const delBtnProps = listConfig.delBtnProps;
-      const editLinkProps = listConfig.editLinkProps;
-      const delLinkProps = listConfig.delLinkProps;
-      const renderTable2 = () => {
+      const renderTb = () => {
         const tSlots = getMappedSlots(slots, listConfig.tableSlots, [], ["default"], true);
         const toolbarSlot = tSlots.toolbar;
-        tSlots.toolbar = () => createVNode(TableToolbar, {
-          "addBtnProps": addBtnProps,
-          "delBtnProps": delBtnProps,
-          "lang": lang.value,
-          "onBtnClick": handleBtnClick
+        tSlots.toolbar = (slotProps) => createVNode(EleButtons, {
+          "items": toolbarBtnItems.value
         }, {
-          default: toolbarSlot
+          default: toolbarSlot ? toolbarSlot(slotProps) : void 0
         });
         const actionSlot = tSlots.action;
-        tSlots.action = ({
-          row
-        }) => createVNode(TableAction, {
-          "editLinkProps": editLinkProps,
-          "delLinkProps": delLinkProps,
-          "item": row,
-          "lang": lang.value,
-          "onBtnClick": handleBtnClick
+        tSlots.action = (slotProps) => createVNode(EleButtons, {
+          "type": "link",
+          "divider": true,
+          "items": actionBtnItems.value,
+          "onItemClick": (command) => handleBtnClick(command, slotProps?.row)
         }, {
-          default: actionSlot
+          default: actionSlot ? actionSlot(slotProps) : void 0
         });
         const bottomExtraSlot = tSlots.bottomExtra;
-        tSlots.bottomExtra = () => createVNode(TableExtra, {
+        tSlots.bottomExtra = (slotProps) => createVNode(TableExtra, {
           "addVisible": addVisible.value,
           "addData": addData.value,
           "editVisible": editVisible.value,
           "editData": editData.value,
-          "deletePopOption": deletePopOption.value,
           "addConfig": props.addConfig,
           "editConfig": props.editConfig,
           "fields": props.fields,
@@ -464,12 +528,12 @@ const index = /* @__PURE__ */ defineComponent({
           "onUpdate:editVisible": handleUpdateEditVisible
         }, {
           ...omit(slots, ["default"]),
-          default: bottomExtraSlot
+          default: bottomExtraSlot ? bottomExtraSlot(slotProps) : void 0
         });
-        const arrayDatasource = (tableProps == null ? void 0 : tableProps.datasource) == null ? props.listApi && Array.isArray(props.listApi) ? props.listApi : void 0 : Array.isArray(tableProps.datasource) ? tableProps.datasource : void 0;
+        const arrayDatasource = tableProps?.datasource == null ? props.listApi && Array.isArray(props.listApi) ? props.listApi : void 0 : Array.isArray(tableProps.datasource) ? tableProps.datasource : void 0;
         return createVNode(EleProTable, mergeProps(tableProps, {
           "ref": tableRef,
-          "columns": columns,
+          "columns": tableColumns.value,
           "datasource": arrayDatasource || tableDatasource,
           "selections": selections.value,
           "onUpdate:selections": handleUpdateSelections
@@ -478,43 +542,47 @@ const index = /* @__PURE__ */ defineComponent({
         });
       };
       if (!cardProps) {
-        return renderTable2();
+        return renderTb();
       }
       return createVNode(EleCard, (cardProps === true ? void 0 : cardProps) || {}, {
         ...getMappedSlots(slots, listConfig.cardSlots),
-        default: renderTable2
+        default: renderTb
       });
     };
-    const renderBodyContent = () => {
+    const renderContent = () => {
       const nodes = [];
       const sNodes = renderSearch();
-      if (sNodes) {
-        (Array.isArray(sNodes) ? sNodes : [sNodes]).forEach((node) => {
-          nodes.push(node);
-        });
-      }
       const tbNodes = renderTable();
-      if (tbNodes) {
-        (Array.isArray(tbNodes) ? tbNodes : [tbNodes]).forEach((node) => {
-          nodes.push(node);
-        });
-      }
-      return nodes;
-    };
-    const renderContent = () => {
-      const nodes = [];
-      const bodyNodes = renderBodyContent();
       const pageConfig = props.pageConfig || {};
       const splitPanelProps = pageConfig.splitPanelProps;
       if (!splitPanelProps) {
-        bodyNodes.forEach((node) => {
-          nodes.push(node);
-        });
+        if (sNodes) {
+          (Array.isArray(sNodes) ? sNodes : [sNodes]).forEach((node) => {
+            nodes.push(node);
+          });
+        }
+        if (tbNodes) {
+          (Array.isArray(tbNodes) ? tbNodes : [tbNodes]).forEach((node) => {
+            nodes.push(node);
+          });
+        }
       } else {
+        const bodyNodes = [];
+        if (!pageConfig.splitSearchForm && sNodes) {
+          (Array.isArray(sNodes) ? sNodes : [sNodes]).forEach((node) => {
+            bodyNodes.push(node);
+          });
+        }
+        if (tbNodes) {
+          (Array.isArray(tbNodes) ? tbNodes : [tbNodes]).forEach((node) => {
+            bodyNodes.push(node);
+          });
+        }
         nodes.push(createVNode(EleSplitPanel, mergeProps({
-          "size": "256px",
-          "space": "0px",
+          "size": 258,
+          "space": 0,
           "allowCollapse": true,
+          "collapseBtnOffset": 2,
           "collapse": splitPanelCollapse.value,
           "class": "ele-crud-split-panel",
           "onUpdate:collapse": handleUpdateSplitPanelCollapse
@@ -526,10 +594,26 @@ const index = /* @__PURE__ */ defineComponent({
             "loading": treeLoading.value,
             "selectedValue": treeSelectedValue.value,
             "errorMessage": treeErrorMessage.value,
+            "keywords": treeSearchkeywords.value,
+            "lang": lang.value,
             "onTreeNodeClick": handleTreeNodeClick
           }, {
             ...slots
           }),
+          sideHeader: pageConfig.sideConfig?.searchProps !== false ? () => {
+            let _slot;
+            return createVNode(ElInput, mergeProps({
+              "placeholder": lang.value.searchPlaceholder,
+              "clearable": true,
+              "prefixIcon": SearchOutlined,
+              "modelValue": treeSearchkeywords.value,
+              "onUpdate:modelValue": handleUpdateTreeSearchKeywords,
+              "class": "ele-crud-tree-search"
+            }, pageConfig.sideConfig?.searchInputProps || {}), _isSlot(_slot = getMappedSlots(slots, pageConfig.sideConfig?.searchInputSlots)) ? _slot : {
+              default: () => [_slot]
+            });
+          } : void 0,
+          bodyHeader: pageConfig.splitSearchForm && sNodes ? () => sNodes : void 0,
           body: () => bodyNodes
         }));
       }
@@ -543,8 +627,7 @@ const index = /* @__PURE__ */ defineComponent({
       });
     };
     watch(() => props.listApi, () => {
-      var _a, _b;
-      (_b = (_a = tableRef.value) == null ? void 0 : _a.setData) == null ? void 0 : _b.call(_a, []);
+      tableRef.value?.setData?.([]);
       handleSubmitSearchForm();
     }, {
       deep: true
@@ -555,6 +638,9 @@ const index = /* @__PURE__ */ defineComponent({
       deep: true,
       immediate: true
     });
+    onBeforeUnmount(() => {
+      clearCodeCache();
+    });
     const exposeValue = {
       tableRef,
       getTableSelections,
@@ -562,8 +648,7 @@ const index = /* @__PURE__ */ defineComponent({
     };
     expose(exposeValue);
     return () => {
-      var _a;
-      const pageProps = (_a = props.pageConfig) == null ? void 0 : _a.pageProps;
+      const pageProps = props.pageConfig?.pageProps;
       if (!pageProps) {
         return renderContent();
       }

package/es/ele-crud/style/index.js

@@ -1,6 +1,3 @@
-import "element-plus/es/components/button/style/index";
-import "element-plus/es/components/link/style/index";
-import "element-plus/es/components/divider/style/index";
 import "element-plus/es/components/input/style/index";
 import "element-plus/es/components/tree/style/index";
 import "element-plus/es/components/empty/style/index";
@@ -10,8 +7,8 @@ import "../../ele-card/style/index";
 import "../../ele-pro-table/style/index";
 import "../../ele-pro-form/style/index";
 import "../../ele-modal/style/index";
-import "../../ele-loading/style/index";
 import "../../ele-split-panel/style/index";
-import "../../ele-popconfirm/style/index";
+import "../../ele-loading/style/index";
+import "../../ele-buttons/style/index";
 import "../../ele-app/style/message/index";
 import "./index.scss";