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

package/es/ele-crud-builder/components/import-modal.js

@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: { type: Boolean },
     config: {},
     isImport: { type: Boolean },
-    jsonEditerComponent: { type: [String, Object, Function] }
+    jsonEditerComponent: {}
   },
   emits: ["update:modelValue", "importData"],
   setup(__props, { emit: __emit }) {
@@ -82,48 +82,46 @@ const _sfc_main = /* @__PURE__ */ 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
       }, createSlots({
         default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.jsonEditerComponent || CodeEditer), {
+          (openBlock(), createBlock(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: withCtx(() => [
             createVNode(unref(ElButton), {
               size: "default",
               onClick: handleCloseModal
             }, {
-              default: withCtx(() => _cache[1] || (_cache[1] = [
-                createTextVNode("取消")
-              ])),
-              _: 1,
-              __: [1]
+              default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
             }),
             createVNode(unref(ElButton), {
               type: "primary",
               size: "default",
               onClick: handleImport
             }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode(" 导入 ")
-              ])),
-              _: 1,
-              __: [2]
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode(" 导入 ", -1)
+              ])]),
+              _: 1
             })
           ]),
           key: "0"

package/es/ele-crud-builder/components/page-config.js

@@ -42,7 +42,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["updateConfigValue", "updateFormConfig"],
   setup(__props, { emit: __emit }) {
-    var _a, _b;
     const props = __props;
     const emit = __emit;
     const configFormData = computed(() => {
@@ -55,15 +54,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return data;
     });
     const pageConfigGroups = 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 = ref((_b = (_a = pageConfigGroups.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.key);
+    const groupActive = ref(pageConfigGroups.value?.[0]?.key);
     const activePageConfigFormItems = computed(() => {
       if (!props.pageConfigFormItems) {
         return [];
@@ -102,10 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(pageConfigGroups.value, (item) => {
             return openBlock(), createElementBlock("div", {
               key: item.key,
-              class: normalizeClass([
-                "ele-crud-builder-page-config-group-list-item",
-                { "is-active": item.key === groupActive.value }
-              ]),
+              class: normalizeClass(["ele-crud-builder-page-config-group-list-item", { "is-active": item.key === groupActive.value }]),
               onClick: ($event) => handlePageConfigGroupClick(item)
             }, toDisplayString(item.label), 11, _hoisted_2);
           }), 128))
@@ -126,10 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(ElButton), {
                 icon: unref(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: withCtx(() => [
                   createTextVNode(toDisplayString(item.label), 1)
@@ -141,15 +131,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           } : void 0,
           !_ctx.$slots.crudBuilderSwitch ? {
             name: "crudBuilderSwitch",
-            fn: withCtx(({ item, modelValue, updateValue }) => {
-              var _a2;
-              return [
-                createVNode(unref(ElSwitch), {
-                  modelValue: (modelValue ?? ((_a2 = item.props) == null ? void 0 : _a2.defaultValue)) !== false,
-                  "onUpdate:modelValue": (val) => updateValue(val ? {} : false)
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])
-              ];
-            }),
+            fn: withCtx(({ item, modelValue, updateValue }) => [
+              createVNode(unref(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/es/ele-crud-builder/components/template-list.js

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

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

@@ -39,8 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const getCrudFields = () => {
-      var _a;
-      return ((_a = crudConfig.value) == null ? void 0 : _a.fields) || [];
+      return crudConfig.value?.fields || [];
     };
     const setCrudFields = (fields) => {
       if (!crudConfig.value) {
@@ -249,131 +248,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ElEmpty = resolveComponent("ElEmpty");
       return openBlock(), createBlock(EleSplitPanel, 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: withCtx(() => {
-          var _a, _b, _c, _d, _e, _f, _g;
-          return [
-            createElementVNode("div", _hoisted_2, [
-              createVNode(BodyHeader, {
-                currentScreen: currentScreen.value,
-                "onUpdate:currentScreen": _cache[1] || (_cache[1] = ($event) => currentScreen.value = $event),
-                undoDisabled: !historyDataList.value.length,
-                redoDisabled: !redoDataList.value.length,
-                config: 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
-              }, createSlots({ _: 2 }, [
-                renderList(Object.keys(_ctx.$slots), (name) => {
-                  return {
-                    name,
-                    fn: withCtx((slotProps) => [
-                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-                    ])
-                  };
-                })
-              ]), 1032, ["currentScreen", "undoDisabled", "redoDisabled", "config", "headerTools", "proFormComponent", "jsonEditerComponent", "codeViewerComponent", "itemTypeData", "httpRequest"]),
-              createElementVNode("div", {
-                class: 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 = unref(crudConfig)) == null ? void 0 : _a.pageConfig) == null ? void 0 : _b.pageProps) || ((_d = (_c = unref(crudConfig)) == null ? void 0 : _c.pageConfig) == null ? void 0 : _d.cardProps) || ((_f = (_e = unref(crudConfig)) == null ? void 0 : _e.listConfig) == null ? void 0 : _f.cardProps) || ((_g = unref(crudConfig)) == null ? void 0 : _g.searchConfig) && unref(crudConfig).searchConfig !== true && unref(crudConfig).searchConfig.cardProps)
-                  }
-                ])
-              }, [
-                !unref(crudConfig) || !unref(crudConfig).fields || !unref(crudConfig).fields.length ? (openBlock(), createBlock(_component_ElEmpty, {
-                  key: 0,
-                  imageSize: 80,
-                  class: "ele-crud-builder-form-empty"
-                })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.crudComponent || unref(EleCrud)), mergeProps({
-                  key: 1,
-                  proFormComponent: _ctx.proFormComponent,
-                  itemTypeData: _ctx.itemTypeData,
-                  httpRequest: _ctx.httpRequest,
-                  screenSize: currentScreen.value
-                }, unref(crudConfig) || {}), createSlots({ _: 2 }, [
-                  renderList(Object.keys(_ctx.$slots).filter(
-                    (k) => !ownSlots.includes(k)
-                  ), (name) => {
-                    return {
-                      name,
-                      fn: withCtx((slotProps) => [
-                        renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-                      ])
-                    };
-                  })
-                ]), 1040, ["proFormComponent", "itemTypeData", "httpRequest", "screenSize"]))
-              ], 2)
-            ])
-          ];
-        }),
-        default: withCtx(() => {
-          var _a;
-          return [
-            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"]),
-            createElementVNode("div", _hoisted_1, [
-              leftTabActive.value === "fields" ? (openBlock(), createBlock(FieldTree, {
+        body: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(BodyHeader, {
+              currentScreen: currentScreen.value,
+              "onUpdate:currentScreen": _cache[1] || (_cache[1] = ($event) => currentScreen.value = $event),
+              undoDisabled: !historyDataList.value.length,
+              redoDisabled: !redoDataList.value.length,
+              config: 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
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["currentScreen", "undoDisabled", "redoDisabled", "config", "headerTools", "proFormComponent", "jsonEditerComponent", "codeViewerComponent", "itemTypeData", "httpRequest"]),
+            createElementVNode("div", {
+              class: normalizeClass(["ele-crud-builder-body", [
+                { "is-pc": currentScreen.value === "pc" },
+                { "is-pad": currentScreen.value === "pad" },
+                { "is-phone": currentScreen.value === "phone" },
+                {
+                  "is-show-page-card": !!(unref(crudConfig)?.pageConfig?.pageProps || unref(crudConfig)?.pageConfig?.cardProps || unref(crudConfig)?.listConfig?.cardProps || unref(crudConfig)?.searchConfig && unref(crudConfig).searchConfig !== true && unref(crudConfig).searchConfig.cardProps)
+                }
+              ]])
+            }, [
+              !unref(crudConfig) || !unref(crudConfig).fields || !unref(crudConfig).fields.length ? (openBlock(), createBlock(_component_ElEmpty, {
                 key: 0,
-                fields: (_a = 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
-              }, createSlots({ _: 2 }, [
-                renderList(Object.keys(_ctx.$slots).filter(
-                  (k) => !ownSlots.includes(k)
-                ), (name) => {
-                  return {
-                    name,
-                    fn: withCtx((slotProps) => [
-                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-                    ])
-                  };
-                })
-              ]), 1032, ["fields", "fieldEditFormItems", "proFormComponent", "jsonEditerComponent", "itemTypeData", "httpRequest"])) : leftTabActive.value === "config" ? (openBlock(), createBlock(PageConfig, {
+                imageSize: 80,
+                class: "ele-crud-builder-form-empty"
+              })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.crudComponent || unref(EleCrud)), mergeProps({
                 key: 1,
-                config: 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
-              }, createSlots({ _: 2 }, [
+                screenSize: currentScreen.value
+              }, unref(crudConfig) || {}), createSlots({ _: 2 }, [
                 renderList(Object.keys(_ctx.$slots).filter(
                   (k) => !ownSlots.includes(k)
                 ), (name) => {
@@ -384,14 +316,75 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])
                   };
                 })
-              ]), 1032, ["config", "pageConfigFormItems", "proFormComponent", "proFormBuilderComponent", "proFormBuilderProps", "codeEditerComponent", "jsonEditerComponent", "itemTypeData", "httpRequest"])) : leftTabActive.value === "templates" ? (openBlock(), createBlock(TemplateList, {
-                key: 2,
-                templateData: _ctx.templateData,
-                onImportData: handleImportData
-              }, null, 8, ["templateData"])) : createCommentVNode("", true)
-            ])
-          ];
-        }),
+              ]), 1040, ["proFormComponent", "itemTypeData", "httpRequest", "screenSize"]))
+            ], 2)
+          ])
+        ]),
+        default: withCtx(() => [
+          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"]),
+          createElementVNode("div", _hoisted_1, [
+            leftTabActive.value === "fields" ? (openBlock(), createBlock(FieldTree, {
+              key: 0,
+              fields: 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
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots).filter(
+                (k) => !ownSlots.includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["fields", "fieldEditFormItems", "proFormComponent", "jsonEditerComponent", "itemTypeData", "httpRequest"])) : leftTabActive.value === "config" ? (openBlock(), createBlock(PageConfig, {
+              key: 1,
+              config: 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
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots).filter(
+                (k) => !ownSlots.includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["config", "pageConfigFormItems", "proFormComponent", "proFormBuilderComponent", "proFormBuilderProps", "codeEditerComponent", "jsonEditerComponent", "itemTypeData", "httpRequest"])) : leftTabActive.value === "templates" ? (openBlock(), createBlock(TemplateList, {
+              key: 2,
+              templateData: _ctx.templateData,
+              onImportData: handleImportData
+            }, null, 8, ["templateData"])) : createCommentVNode("", true)
+          ])
+        ]),
         _: 3
       }, 16, ["collapse"]);
     };

package/es/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/es/ele-dashboard/index.js

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

package/es/ele-data-table/index.d.ts

@@ -123,6 +123,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
+    nativeScrollbar: BooleanConstructor;
 }>, {
     clearSort: () => void;
     clearSelection: () => void;
@@ -155,7 +156,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     cellClick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellDblclick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellContextmenu: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
-    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
+    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent, _disabled?: boolean, _selection?: DataItem[]) => boolean;
     rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
     rowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
     headerClick: (_column: Column, _e: MouseEvent) => boolean;
@@ -290,38 +291,39 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
+    nativeScrollbar: BooleanConstructor;
 }>> & Readonly<{
     onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
     onScroll?: ((_option: {
         scrollLeft: number;
         scrollTop: number;
     }) => any) | undefined;
+    onFilterChange?: ((_filter: Filter) => any) | undefined;
+    onCellClick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
+    onCellContextmenu?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
+    onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
+    onCellDblclick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
     "onUpdate:currentRowKey"?: ((_currentRowKey?: DataKey | undefined) => any) | undefined;
     "onUpdate:selectedRowKeys"?: ((_selectedRowKeys?: DataKey[] | undefined) => any) | undefined;
     onSelectAll?: ((_selection: DataItem[]) => any) | undefined;
     onSelectionChange?: ((_selection: DataItem[]) => any) | undefined;
     onCellMouseEnter?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
     onCellMouseLeave?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
-    onCellClick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
-    onCellDblclick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
-    onCellContextmenu?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
-    onRowClick?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
+    onRowClick?: ((_row: DataItem, _column: Column, _e: MouseEvent, _disabled?: boolean | undefined, _selection?: DataItem[] | undefined) => any) | undefined;
     onRowContextmenu?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
     onRowDblclick?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
     onHeaderClick?: ((_column: Column, _e: MouseEvent) => any) | undefined;
     onHeaderContextmenu?: ((_column: Column, _e: MouseEvent) => any) | undefined;
     onSortChange?: ((_sorter: Sorter) => any) | undefined;
-    onFilterChange?: ((_filter: Filter) => any) | undefined;
     onCurrentChange?: ((_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => any) | undefined;
     onHeaderDragend?: ((_width: number, _old: number, _column: Column, _e: MouseEvent) => any) | undefined;
-    onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
 }>, {
     data: any[];
     fit: boolean;
+    border: boolean;
     lazy: boolean;
     className: string;
     stripe: boolean;
-    border: boolean;
     showHeader: boolean;
     showSummary: boolean;
     highlightCurrentRow: boolean;
@@ -335,6 +337,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     scrollbarTabindex: string | number;
     allowDragLastColumn: boolean;
     preserveExpandedContent: boolean;
+    nativeScrollbar: boolean;
     sticky: boolean;
     headerEllipsis: boolean;
     slotNormalize: boolean;