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

package/lib/ele-crud-builder/components/import-modal.cjs

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     modelValue: { type: Boolean },
     config: {},
     isImport: { type: Boolean },
-    jsonEditerComponent: { type: [String, Object, Function] }
+    jsonEditerComponent: {}
   },
   emits: ["update:modelValue", "importData"],
   setup(__props, { emit: __emit }) {
@@ -83,48 +83,46 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         maxable: true,
         position: "center",
         title: "配置JSON",
-        modelValue: _ctx.modelValue,
+        modelValue: __props.modelValue,
         closeOnClickModal: false,
         destroyOnClose: true,
         bodyStyle: {
           height: "520px",
           minHeight: "100%",
           maxHeight: "100%",
-          padding: _ctx.isImport ? "8px 16px 8px 16px" : "8px 16px 12px 16px"
+          padding: __props.isImport ? "8px 16px 8px 16px" : "8px 16px 12px 16px"
         },
         "onUpdate:modelValue": handleUpdateModelValue
       }, vue.createSlots({
         default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.jsonEditerComponent || CodeEditer), {
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.jsonEditerComponent || CodeEditer), {
             modelValue: jsonContent.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => jsonContent.value = $event)
           }, null, 8, ["modelValue"]))
         ]),
         _: 2
       }, [
-        _ctx.isImport ? {
+        __props.isImport ? {
           name: "footer",
           fn: vue.withCtx(() => [
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               size: "default",
               onClick: handleCloseModal
             }, {
-              default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                vue.createTextVNode("取消")
-              ])),
-              _: 1,
-              __: [1]
+              default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                vue.createTextVNode("取消", -1)
+              ])]),
+              _: 1
             }),
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               type: "primary",
               size: "default",
               onClick: handleImport
             }, {
-              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                vue.createTextVNode(" 导入 ")
-              ])),
-              _: 1,
-              __: [2]
+              default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                vue.createTextVNode(" 导入 ", -1)
+              ])]),
+              _: 1
             })
           ]),
           key: "0"

package/lib/ele-crud-builder/components/page-config.cjs

@@ -43,7 +43,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["updateConfigValue", "updateFormConfig"],
   setup(__props, { emit: __emit }) {
-    var _a, _b;
     const props = __props;
     const emit = __emit;
     const configFormData = vue.computed(() => {
@@ -56,15 +55,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return data;
     });
     const pageConfigGroups = vue.computed(() => {
-      return (props.pageConfigFormItems || []).filter((item) => !!(item.children && item.label)).map((item) => {
-        var _a2, _b2;
-        return {
-          key: item.key ?? item.prop,
-          label: item.label ?? ((_b2 = (_a2 = item.children) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.label) ?? item.prop ?? item.key
-        };
-      });
+      return (props.pageConfigFormItems || []).filter((item) => !!(item.children && item.label)).map((item) => ({
+        key: item.key ?? item.prop,
+        label: item.label ?? item.children?.[0]?.label ?? item.prop ?? item.key
+      }));
     });
-    const groupActive = vue.ref((_b = (_a = pageConfigGroups.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.key);
+    const groupActive = vue.ref(pageConfigGroups.value?.[0]?.key);
     const activePageConfigFormItems = vue.computed(() => {
       if (!props.pageConfigFormItems) {
         return [];
@@ -103,10 +99,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pageConfigGroups.value, (item) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: item.key,
-              class: vue.normalizeClass([
-                "ele-crud-builder-page-config-group-list-item",
-                { "is-active": item.key === groupActive.value }
-              ]),
+              class: vue.normalizeClass(["ele-crud-builder-page-config-group-list-item", { "is-active": item.key === groupActive.value }]),
               onClick: ($event) => handlePageConfigGroupClick(item)
             }, vue.toDisplayString(item.label), 11, _hoisted_2);
           }), 128))
@@ -127,10 +120,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(vue.unref(elementPlus.ElButton), {
                 icon: vue.unref(index.FormOutlined),
                 class: "ele-pro-form-builder-props-fluid-btn",
-                onClick: ($event) => {
-                  var _a2;
-                  return handleFormDesignBtnClick((_a2 = item.props) == null ? void 0 : _a2.type, item.label);
-                }
+                onClick: ($event) => handleFormDesignBtnClick(item.props?.type, item.label)
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(vue.toDisplayString(item.label), 1)
@@ -142,15 +132,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           } : void 0,
           !_ctx.$slots.crudBuilderSwitch ? {
             name: "crudBuilderSwitch",
-            fn: vue.withCtx(({ item, modelValue, updateValue }) => {
-              var _a2;
-              return [
-                vue.createVNode(vue.unref(elementPlus.ElSwitch), {
-                  modelValue: (modelValue ?? ((_a2 = item.props) == null ? void 0 : _a2.defaultValue)) !== false,
-                  "onUpdate:modelValue": (val) => updateValue(val ? {} : false)
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])
-              ];
-            }),
+            fn: vue.withCtx(({ item, modelValue, updateValue }) => [
+              vue.createVNode(vue.unref(elementPlus.ElSwitch), {
+                modelValue: (modelValue ?? item.props?.defaultValue) !== false,
+                "onUpdate:modelValue": (val) => updateValue(val ? {} : false)
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
             key: "1"
           } : void 0,
           !_ctx.$slots.proFormBuilderOptionsEdit ? {

package/lib/ele-crud-builder/components/template-list.cjs

@@ -24,11 +24,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !_ctx.templateData || !_ctx.templateData.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
+        !__props.templateData || !__props.templateData.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
           key: 0,
           imageSize: 58,
           class: "ele-crud-builder-form-empty"
-        })) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.templateData, (item) => {
+        })) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.templateData, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: item.name,
             class: "ele-crud-builder-template-item",

package/lib/ele-crud-builder/index.cjs

@@ -40,8 +40,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const getCrudFields = () => {
-      var _a;
-      return ((_a = crudConfig.value) == null ? void 0 : _a.fields) || [];
+      return crudConfig.value?.fields || [];
     };
     const setCrudFields = (fields) => {
       if (!crudConfig.value) {
@@ -250,131 +249,64 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_ElEmpty = vue.resolveComponent("ElEmpty");
       return vue.openBlock(), vue.createBlock(EleSplitPanel, vue.mergeProps({
-        space: "0px",
-        size: "240px",
-        allowCollapse: true
+        space: 0,
+        size: 240,
+        allowCollapse: true,
+        collapseBtnOffset: 2
       }, _ctx.splitPanelProps || {}, {
         collapse: leftSideCollapse.value,
         "onUpdate:collapse": _cache[2] || (_cache[2] = ($event) => leftSideCollapse.value = $event),
         class: "ele-crud-builder-wrapper"
       }), {
-        body: vue.withCtx(() => {
-          var _a, _b, _c, _d, _e, _f, _g;
-          return [
-            vue.createElementVNode("div", _hoisted_2, [
-              vue.createVNode(BodyHeader, {
-                currentScreen: currentScreen.value,
-                "onUpdate:currentScreen": _cache[1] || (_cache[1] = ($event) => currentScreen.value = $event),
-                undoDisabled: !historyDataList.value.length,
-                redoDisabled: !redoDataList.value.length,
-                config: vue.unref(crudConfig),
-                headerTools: _ctx.headerTools,
-                proFormComponent: _ctx.proFormComponent,
-                jsonEditerComponent: _ctx.jsonEditerComponent,
-                codeViewerComponent: _ctx.codeViewerComponent,
-                itemTypeData: _ctx.itemTypeData,
-                httpRequest: _ctx.httpRequest,
-                onUndo: handleUndo,
-                onRedo: handleRedo,
-                onClear: handleClear,
-                onImportData: handleImportData
-              }, vue.createSlots({ _: 2 }, [
-                vue.renderList(Object.keys(_ctx.$slots), (name) => {
-                  return {
-                    name,
-                    fn: vue.withCtx((slotProps) => [
-                      vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-                    ])
-                  };
-                })
-              ]), 1032, ["currentScreen", "undoDisabled", "redoDisabled", "config", "headerTools", "proFormComponent", "jsonEditerComponent", "codeViewerComponent", "itemTypeData", "httpRequest"]),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass([
-                  "ele-crud-builder-body",
-                  { "is-pc": currentScreen.value === "pc" },
-                  { "is-pad": currentScreen.value === "pad" },
-                  { "is-phone": currentScreen.value === "phone" },
-                  {
-                    "is-show-page-card": !!(((_b = (_a = vue.unref(crudConfig)) == null ? void 0 : _a.pageConfig) == null ? void 0 : _b.pageProps) || ((_d = (_c = vue.unref(crudConfig)) == null ? void 0 : _c.pageConfig) == null ? void 0 : _d.cardProps) || ((_f = (_e = vue.unref(crudConfig)) == null ? void 0 : _e.listConfig) == null ? void 0 : _f.cardProps) || ((_g = vue.unref(crudConfig)) == null ? void 0 : _g.searchConfig) && vue.unref(crudConfig).searchConfig !== true && vue.unref(crudConfig).searchConfig.cardProps)
-                  }
-                ])
-              }, [
-                !vue.unref(crudConfig) || !vue.unref(crudConfig).fields || !vue.unref(crudConfig).fields.length ? (vue.openBlock(), vue.createBlock(_component_ElEmpty, {
-                  key: 0,
-                  imageSize: 80,
-                  class: "ele-crud-builder-form-empty"
-                })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.crudComponent || vue.unref(EleCrud)), vue.mergeProps({
-                  key: 1,
-                  proFormComponent: _ctx.proFormComponent,
-                  itemTypeData: _ctx.itemTypeData,
-                  httpRequest: _ctx.httpRequest,
-                  screenSize: currentScreen.value
-                }, vue.unref(crudConfig) || {}), vue.createSlots({ _: 2 }, [
-                  vue.renderList(Object.keys(_ctx.$slots).filter(
-                    (k) => !ownSlots.includes(k)
-                  ), (name) => {
-                    return {
-                      name,
-                      fn: vue.withCtx((slotProps) => [
-                        vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-                      ])
-                    };
-                  })
-                ]), 1040, ["proFormComponent", "itemTypeData", "httpRequest", "screenSize"]))
-              ], 2)
-            ])
-          ];
-        }),
-        default: vue.withCtx(() => {
-          var _a;
-          return [
-            vue.createVNode(EleTabBar, {
-              modelValue: leftTabActive.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => leftTabActive.value = $event),
-              items: [
-                { value: "fields", label: "字段列表" },
-                { value: "config", label: "页面设置" },
-                { value: "templates", label: "模板库" }
-              ]
-            }, null, 8, ["modelValue"]),
-            vue.createElementVNode("div", _hoisted_1, [
-              leftTabActive.value === "fields" ? (vue.openBlock(), vue.createBlock(FieldTree, {
+        body: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(BodyHeader, {
+              currentScreen: currentScreen.value,
+              "onUpdate:currentScreen": _cache[1] || (_cache[1] = ($event) => currentScreen.value = $event),
+              undoDisabled: !historyDataList.value.length,
+              redoDisabled: !redoDataList.value.length,
+              config: vue.unref(crudConfig),
+              headerTools: _ctx.headerTools,
+              proFormComponent: _ctx.proFormComponent,
+              jsonEditerComponent: _ctx.jsonEditerComponent,
+              codeViewerComponent: _ctx.codeViewerComponent,
+              itemTypeData: _ctx.itemTypeData,
+              httpRequest: _ctx.httpRequest,
+              onUndo: handleUndo,
+              onRedo: handleRedo,
+              onClear: handleClear,
+              onImportData: handleImportData
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["currentScreen", "undoDisabled", "redoDisabled", "config", "headerTools", "proFormComponent", "jsonEditerComponent", "codeViewerComponent", "itemTypeData", "httpRequest"]),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["ele-crud-builder-body", [
+                { "is-pc": currentScreen.value === "pc" },
+                { "is-pad": currentScreen.value === "pad" },
+                { "is-phone": currentScreen.value === "phone" },
+                {
+                  "is-show-page-card": !!(vue.unref(crudConfig)?.pageConfig?.pageProps || vue.unref(crudConfig)?.pageConfig?.cardProps || vue.unref(crudConfig)?.listConfig?.cardProps || vue.unref(crudConfig)?.searchConfig && vue.unref(crudConfig).searchConfig !== true && vue.unref(crudConfig).searchConfig.cardProps)
+                }
+              ]])
+            }, [
+              !vue.unref(crudConfig) || !vue.unref(crudConfig).fields || !vue.unref(crudConfig).fields.length ? (vue.openBlock(), vue.createBlock(_component_ElEmpty, {
                 key: 0,
-                fields: (_a = vue.unref(crudConfig)) == null ? void 0 : _a.fields,
-                fieldEditFormItems: _ctx.fieldEditFormItems,
-                proFormComponent: _ctx.proFormComponent,
-                jsonEditerComponent: _ctx.jsonEditerComponent,
-                itemTypeData: _ctx.itemTypeData,
-                httpRequest: _ctx.httpRequest,
-                onDeleteField: handleDeleteField,
-                onAddField: handleAddField,
-                onUpdateField: handleUpdateField,
-                onUpdateFieldChildren: handleUpdateFieldChildren
-              }, vue.createSlots({ _: 2 }, [
-                vue.renderList(Object.keys(_ctx.$slots).filter(
-                  (k) => !ownSlots.includes(k)
-                ), (name) => {
-                  return {
-                    name,
-                    fn: vue.withCtx((slotProps) => [
-                      vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-                    ])
-                  };
-                })
-              ]), 1032, ["fields", "fieldEditFormItems", "proFormComponent", "jsonEditerComponent", "itemTypeData", "httpRequest"])) : leftTabActive.value === "config" ? (vue.openBlock(), vue.createBlock(PageConfig, {
+                imageSize: 80,
+                class: "ele-crud-builder-form-empty"
+              })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.crudComponent || vue.unref(EleCrud)), vue.mergeProps({
                 key: 1,
-                config: vue.unref(crudConfig),
-                pageConfigFormItems: _ctx.pageConfigFormItems,
                 proFormComponent: _ctx.proFormComponent,
-                proFormBuilderComponent: _ctx.proFormBuilderComponent,
-                proFormBuilderProps: _ctx.proFormBuilderProps,
-                codeEditerComponent: _ctx.codeEditerComponent,
-                jsonEditerComponent: _ctx.jsonEditerComponent,
                 itemTypeData: _ctx.itemTypeData,
                 httpRequest: _ctx.httpRequest,
-                onUpdateConfigValue: handleUpdateConfigField,
-                onUpdateFormConfig: handleUpdateFormConfig
-              }, vue.createSlots({ _: 2 }, [
+                screenSize: currentScreen.value
+              }, vue.unref(crudConfig) || {}), vue.createSlots({ _: 2 }, [
                 vue.renderList(Object.keys(_ctx.$slots).filter(
                   (k) => !ownSlots.includes(k)
                 ), (name) => {
@@ -385,14 +317,75 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ])
                   };
                 })
-              ]), 1032, ["config", "pageConfigFormItems", "proFormComponent", "proFormBuilderComponent", "proFormBuilderProps", "codeEditerComponent", "jsonEditerComponent", "itemTypeData", "httpRequest"])) : leftTabActive.value === "templates" ? (vue.openBlock(), vue.createBlock(TemplateList, {
-                key: 2,
-                templateData: _ctx.templateData,
-                onImportData: handleImportData
-              }, null, 8, ["templateData"])) : vue.createCommentVNode("", true)
-            ])
-          ];
-        }),
+              ]), 1040, ["proFormComponent", "itemTypeData", "httpRequest", "screenSize"]))
+            ], 2)
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(EleTabBar, {
+            modelValue: leftTabActive.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => leftTabActive.value = $event),
+            items: [
+              { value: "fields", label: "字段列表" },
+              { value: "config", label: "页面设置" },
+              { value: "templates", label: "模板库" }
+            ]
+          }, null, 8, ["modelValue"]),
+          vue.createElementVNode("div", _hoisted_1, [
+            leftTabActive.value === "fields" ? (vue.openBlock(), vue.createBlock(FieldTree, {
+              key: 0,
+              fields: vue.unref(crudConfig)?.fields,
+              fieldEditFormItems: _ctx.fieldEditFormItems,
+              proFormComponent: _ctx.proFormComponent,
+              jsonEditerComponent: _ctx.jsonEditerComponent,
+              itemTypeData: _ctx.itemTypeData,
+              httpRequest: _ctx.httpRequest,
+              onDeleteField: handleDeleteField,
+              onAddField: handleAddField,
+              onUpdateField: handleUpdateField,
+              onUpdateFieldChildren: handleUpdateFieldChildren
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots).filter(
+                (k) => !ownSlots.includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["fields", "fieldEditFormItems", "proFormComponent", "jsonEditerComponent", "itemTypeData", "httpRequest"])) : leftTabActive.value === "config" ? (vue.openBlock(), vue.createBlock(PageConfig, {
+              key: 1,
+              config: vue.unref(crudConfig),
+              pageConfigFormItems: _ctx.pageConfigFormItems,
+              proFormComponent: _ctx.proFormComponent,
+              proFormBuilderComponent: _ctx.proFormBuilderComponent,
+              proFormBuilderProps: _ctx.proFormBuilderProps,
+              codeEditerComponent: _ctx.codeEditerComponent,
+              jsonEditerComponent: _ctx.jsonEditerComponent,
+              itemTypeData: _ctx.itemTypeData,
+              httpRequest: _ctx.httpRequest,
+              onUpdateConfigValue: handleUpdateConfigField,
+              onUpdateFormConfig: handleUpdateFormConfig
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots).filter(
+                (k) => !ownSlots.includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["config", "pageConfigFormItems", "proFormComponent", "proFormBuilderComponent", "proFormBuilderProps", "codeEditerComponent", "jsonEditerComponent", "itemTypeData", "httpRequest"])) : leftTabActive.value === "templates" ? (vue.openBlock(), vue.createBlock(TemplateList, {
+              key: 2,
+              templateData: _ctx.templateData,
+              onImportData: handleImportData
+            }, null, 8, ["templateData"])) : vue.createCommentVNode("", true)
+          ])
+        ]),
         _: 3
       }, 16, ["collapse"]);
     };

package/lib/ele-crud-builder/style/index.scss

@@ -5,50 +5,39 @@
 .ele-crud-builder-wrapper.ele-split-panel {
   height: 100%;
 
-  & > .ele-split-panel-wrap,
-  & > .ele-split-panel-body {
-    overflow: hidden;
-  }
+  & > .ele-split-panel-wrap {
+    & > .ele-split-panel-side {
+      display: flex;
+      flex-direction: column;
+      border-width: 0 1px 0 0;
 
-  & > .ele-split-panel-wrap > .ele-split-panel-side {
-    display: flex;
-    flex-direction: column;
-    border-width: 0 1px 0 0;
+      & > .ele-tab-bar {
+        flex-shrink: 0;
+        padding: 0;
 
-    & > .ele-tab-bar {
-      flex-shrink: 0;
-      padding: 0;
+        .ele-tab-nav {
+          justify-content: space-evenly;
+        }
 
-      .ele-tab-nav {
-        justify-content: space-evenly;
+        .ele-tab-item {
+          margin: 0;
+        }
       }
 
-      .ele-tab-item {
-        margin: 0;
+      & > .ele-crud-builder-tab-body {
+        flex: 1 1 140px;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+        position: relative;
       }
     }
 
-    & > .ele-crud-builder-tab-body {
-      flex: 1;
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      box-sizing: border-box;
-      position: relative;
+    & > .ele-split-panel-tools > .ele-split-panel-collapse-btn {
+      z-index: 99;
     }
   }
-
-  &.is-responsive > .ele-split-panel-wrap > div.ele-split-panel-side {
-    background: none;
-  }
-
-  & > .ele-split-collapse-button {
-    z-index: 99;
-  }
-
-  &.is-collapse > .ele-split-collapse-button {
-    margin-left: 2px;
-  }
 }
 
 /* 主体 */
@@ -59,7 +48,7 @@
 }
 
 .ele-crud-builder-body {
-  flex: 1;
+  flex: 1 1 140px;
   display: flex;
   flex-direction: column;
   padding: 12px;
@@ -144,7 +133,7 @@
   transform: translateY(-50%);
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (max-width: #{$pad-max-width}) {
   .ele-crud-builder-header > .ele-crud-builder-screen-radio {
     display: none;
   }
@@ -301,12 +290,9 @@
 
 /* 空视图 */
 .ele-crud-builder-form-empty.el-empty {
+  flex: 1;
   padding: 0;
   width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
   pointer-events: none;
 
   .el-empty__description {

package/lib/ele-dashboard/index.cjs

@@ -29,12 +29,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ele-dashboard",
+        class: vue.normalizeClass(["ele-dashboard", [
           { "is-success": _ctx.type === "success" },
           { "is-warning": _ctx.type === "warning" },
           { "is-danger": _ctx.type === "danger" }
-        ]),
+        ]]),
         style: vue.normalizeStyle(rootStyle.value)
       }, [
         vue.createElementVNode("div", _hoisted_1, [