ele-admin-plus 1.2.1 → 1.2.2-beta.2

package/es/ele-app/components/form-item-rest.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/ele-app/components/form-item-rest.js

@@ -0,0 +1,15 @@
+import { defineComponent } from "vue";
+import { useFormItemRest } from "../../utils/hook";
+const formItemRest = defineComponent({
+  name: "FormItemRest",
+  setup(_props, { slots }) {
+    useFormItemRest();
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  }
+});
+export {
+  formItemRest as default
+};

package/es/ele-cropper/components/cropper-tools.js

@@ -168,7 +168,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 accept: _ctx.accept,
                 showFileList: false,
                 beforeUpload: _ctx.handleUpload,
-                style: { "display": "inline-block", "line-height": "0" }
+                class: "ele-cropper-tool-upload"
               }, {
                 default: withCtx(() => [
                   createVNode(_component_ElButton, {

package/es/ele-cropper/style/index.scss

@@ -68,12 +68,21 @@
 }
 
 .ele-cropper-tool-item {
-  margin: 10px 14px 0 0;
+  margin: 10px 10px 0 0;
   vertical-align: top;
 
   &:last-child {
     margin-right: 0;
   }
+
+  & > .ele-cropper-tool-upload {
+    float: left;
+  }
+
+  .ele-cropper-tool-upload {
+    line-height: 0;
+    display: inline-block;
+  }
 }
 
 .ele-cropper-tool {

package/es/ele-data-table/index.js

@@ -331,10 +331,10 @@ const index = /* @__PURE__ */ defineComponent({
       }), {
         header: (slotProps) => {
           var _a, _b, _c;
-          return col.headerSlot && !ownSlots.includes(col.headerSlot) && slots[col.headerSlot] ? (_a = slots[col.headerSlot]) == null ? void 0 : _a.call(slots, slotProps) : createVNode("div", {
+          return createVNode("div", {
             "class": "ele-cell-title",
-            "title": (_b = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _b.label
-          }, [(_c = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _c.label]);
+            "title": (_a = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _a.label
+          }, [col.headerSlot && !ownSlots.includes(col.headerSlot) && slots[col.headerSlot] ? (_b = slots[col.headerSlot]) == null ? void 0 : _b.call(slots, slotProps) : (_c = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _c.label]);
         },
         ["filter-icon"]: (slotProps) => {
           var _a;

package/es/ele-dropdown/components/pro-dropdown.d.ts

@@ -17,6 +17,10 @@ declare const _default: import('vue').DefineComponent<{
     preventContextmenu: BooleanConstructor;
     splitButtonProps: PropType<import('../../ele-app/el').ElButtonProps>;
     caretButtonProps: PropType<import('../../ele-app/el').ElButtonProps>;
+    formValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
@@ -128,6 +132,10 @@ declare const _default: import('vue').DefineComponent<{
     preventContextmenu: BooleanConstructor;
     splitButtonProps: PropType<import('../../ele-app/el').ElButtonProps>;
     caretButtonProps: PropType<import('../../ele-app/el').ElButtonProps>;
+    formValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
@@ -234,5 +242,6 @@ declare const _default: import('vue').DefineComponent<{
     virtualTriggering: boolean;
     gpuAcceleration: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     preventContextmenu: boolean;
+    formValidate: boolean;
 }, {}>;
 export default _default;

package/es/ele-dropdown/index.d.ts

@@ -17,6 +17,10 @@ declare const _default: import('vue').DefineComponent<{
     preventContextmenu: BooleanConstructor;
     splitButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>;
     caretButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>;
+    formValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
@@ -30,7 +34,7 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (... /** 关闭下拉菜单 */args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
     popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     disabled: BooleanConstructor;
@@ -120,6 +124,10 @@ declare const _default: import('vue').DefineComponent<{
     preventContextmenu: BooleanConstructor;
     splitButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>;
     caretButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>;
+    formValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
@@ -133,7 +141,7 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (... /** 关闭下拉菜单 */args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
     popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     disabled: BooleanConstructor;
@@ -226,5 +234,6 @@ declare const _default: import('vue').DefineComponent<{
     virtualTriggering: boolean;
     gpuAcceleration: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     preventContextmenu: boolean;
+    formValidate: boolean;
 }, {}>;
 export default _default;

package/es/ele-dropdown/index.js

@@ -38,7 +38,9 @@ const _sfc_main = defineComponent({
     const updateModelValue = (value) => {
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
-        validateChange();
+        if (props.formValidate) {
+          validateChange();
+        }
         emit("change", value);
       }
     };

package/es/ele-dropdown/props.d.ts

@@ -14,7 +14,9 @@ declare const normalizeDropdownProps: import('../ele-app/types').Mutable<Omit<{
         readonly __epPropKey: true;
     };
     readonly type: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (
+        /** 是否支持表单验证 */
+        ... /** 是否支持表单验证 */args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -66,8 +68,15 @@ export declare const dropdownProps: {
     splitButtonProps: PropType<ElButtonProps>;
     /** 箭头按钮属性 */
     caretButtonProps: PropType<ElButtonProps>;
+    /** 是否支持表单验证 */
+    formValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (
+        /** 是否支持表单验证 */
+        ... /** 是否支持表单验证 */args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/ele-dropdown/props.js

@@ -50,7 +50,12 @@ const dropdownProps = {
   /** 内容按钮属性 */
   splitButtonProps: Object,
   /** 箭头按钮属性 */
-  caretButtonProps: Object
+  caretButtonProps: Object,
+  /** 是否支持表单验证 */
+  formValidate: {
+    type: Boolean,
+    default: true
+  }
 };
 const dropdownEmits = {
   ...popoverEmits,

package/es/ele-file-list/index.js

@@ -356,7 +356,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 2,
       persistent: false,
       placement: "bottom-start",
-      popperClass: "ele-file-list-item-context"
+      popperClass: "ele-file-list-item-context",
+      formValidate: false
     }, _ctx.contextMenuProps || {}, {
       ref: "ctxMenuDropdownRef",
       componentType: "pro",

package/es/ele-menus/components/item-title.js

@@ -52,7 +52,7 @@ const _hoisted_1 = {
   key: 0,
   class: "ele-menu-title"
 };
-const _hoisted_2 = ["href"];
+const _hoisted_2 = ["href", "target"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_ElBadge = resolveComponent("ElBadge");
@@ -89,15 +89,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.isExternalLink(_ctx.item.path) ? (openBlock(), createElementBlock("a", {
           key: 0,
           href: _ctx.item.path,
-          target: "_blank",
+          target: _ctx.item.pathTarget || "_blank",
           class: "ele-menu-link",
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, null, 8, _hoisted_2)) : _ctx.item.path ? (openBlock(), createBlock(_component_RouterLink, {
           key: 1,
           to: _ctx.item.path,
+          target: _ctx.item.pathTarget,
           class: "ele-menu-link"
-        }, null, 8, ["to"])) : createCommentVNode("", true)
+        }, null, 8, ["to", "target"])) : createCommentVNode("", true)
       ], 64)) : createCommentVNode("", true)
     ], 32)
   ], 64);

package/es/ele-menus/types.d.ts

@@ -28,6 +28,8 @@ export interface MenuItem
   iconStyle?: StyleValue;
   /** 菜单链接地址 */
   path?: string;
+  /** 菜单的打开位置 */
+  pathTarget?: string;
   /** 是否展示为分组菜单 */
   group?: boolean;
   /** 徽章 */

package/es/ele-pro-table/components/table-tools.js

@@ -306,6 +306,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_EleDropdown, {
               trigger: "click",
               placement: "bottom",
+              formValidate: false,
               popperClass: "ele-tool-size-popper",
               modelValue: _ctx.size,
               items: _ctx.sizeDropdownItems,

package/es/ele-pro-table/index.js

@@ -235,14 +235,28 @@ const _sfc_main = defineComponent({
         );
         requestCallback(data, total, parent, result, resolve);
       }).catch((e) => {
-        requestCallback(e == null ? void 0 : e.message);
+        const errorMsg = e == null ? void 0 : e.message;
+        requestCallback(
+          errorMsg == null ? errorMsg : String(errorMsg),
+          void 0,
+          parent,
+          e,
+          resolve
+        );
         resolve && console.error(e);
       });
     };
     const requestCallback = (data, total, parent, response, resolve) => {
-      var _a;
-      if (!Array.isArray(data)) {
-        tableData.value = [];
+      var _a, _b;
+      if (data == null || !Array.isArray(data)) {
+        if (resolve) {
+          if (parent != null) {
+            parent[((_a = props.treeProps) == null ? void 0 : _a.children) || "children"] = [];
+          }
+          resolve([]);
+        } else {
+          tableData.value = [];
+        }
         tableLoading.value = false;
         if (typeof data === "string" && data) {
           errorText.value = data;
@@ -259,7 +273,7 @@ const _sfc_main = defineComponent({
       }
       if (resolve) {
         if (parent != null) {
-          parent[((_a = props.treeProps) == null ? void 0 : _a.children) || "children"] = data;
+          parent[((_b = props.treeProps) == null ? void 0 : _b.children) || "children"] = data;
         }
         resolve(data);
       } else {

package/es/ele-segmented/index.d.ts

@@ -9,6 +9,10 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     size: import('vue').PropType<import('./types').SegmentedSize>;
+    formValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     tabRef: import('vue').Ref<ElTabsInstance>;
     isEmptyActive: import('vue').ComputedRef<boolean>;
@@ -26,11 +30,16 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     size: import('vue').PropType<import('./types').SegmentedSize>;
+    formValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((_value: string | number) => any) | undefined;
     onChange?: ((_active: string | number) => any) | undefined;
 }, {
     disabled: boolean;
     block: boolean;
+    formValidate: boolean;
 }, {}>;
 export default _default;

package/es/ele-segmented/index.js

@@ -16,7 +16,9 @@ const _sfc_main = defineComponent({
     const handleUpdateModelValue = (value) => {
       if (props.modelValue !== value) {
         emit("update:modelValue", value);
-        validateChange();
+        if (props.formValidate) {
+          validateChange();
+        }
         emit("change", value);
       }
     };

package/es/ele-segmented/props.d.ts

@@ -18,6 +18,11 @@ export declare const segmentedProps: {
     };
     /** 尺寸 */
     size: PropType<SegmentedSize>;
+    /** 是否支持表单验证 */
+    formValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type SegmentedProps = ExtractPropTypes<typeof segmentedProps>;
 /**

package/es/ele-segmented/props.js

@@ -11,7 +11,12 @@ const segmentedProps = {
     required: true
   },
   /** 尺寸 */
-  size: String
+  size: String,
+  /** 是否支持表单验证 */
+  formValidate: {
+    type: Boolean,
+    default: true
+  }
 };
 const segmentedEmits = {
   /** 更新绑定值 */

package/es/ele-split-panel/index.d.ts

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     maxSize: NumberConstructor;
     space: StringConstructor;
     customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    customWrapStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
     collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
@@ -37,6 +38,7 @@ declare const _default: import('vue').DefineComponent<{
     maxSize: NumberConstructor;
     space: StringConstructor;
     customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    customWrapStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
     collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;

package/es/ele-split-panel/index.js

@@ -122,11 +122,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = {
-  ref: "wrapRef",
-  class: "ele-split-panel-wrap"
-};
-const _hoisted_2 = { class: "ele-split-panel-space" };
+const _hoisted_1 = { class: "ele-split-panel-space" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowUp = resolveComponent("ArrowUp");
   const _component_ArrowLeft = resolveComponent("ArrowLeft");
@@ -149,7 +145,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
+      createElementVNode("div", {
+        ref: "wrapRef",
+        class: "ele-split-panel-wrap",
+        style: normalizeStyle(_ctx.customWrapStyle)
+      }, [
         createElementVNode("div", {
           ref: "sideRef",
           class: "ele-split-panel-side",
@@ -157,14 +157,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 4),
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_1, [
           _ctx.resizable ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ele-split-resize-line",
             onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleResize && _ctx.handleResize(...args))
           }, null, 32)) : createCommentVNode("", true)
         ])
-      ], 512),
+      ], 4),
       createElementVNode("div", {
         class: "ele-split-panel-body",
         style: normalizeStyle(_ctx.bodyStyle)

package/es/ele-split-panel/props.d.ts

@@ -13,8 +13,10 @@ export declare const splitPanelProps: {
     maxSize: NumberConstructor;
     /** 间距 */
     space: StringConstructor;
-    /** 自定义样式 */
+    /** 自定义边栏样式 */
     customStyle: PropType<StyleValue>;
+    /** 自定义边栏容器样式 */
+    customWrapStyle: PropType<StyleValue>;
     /** 自定义内容样式 */
     bodyStyle: PropType<StyleValue>;
     /** 是否可折叠 */

package/es/ele-split-panel/props.js

@@ -7,8 +7,10 @@ const splitPanelProps = {
   maxSize: Number,
   /** 间距 */
   space: String,
-  /** 自定义样式 */
+  /** 自定义边栏样式 */
   customStyle: Object,
+  /** 自定义边栏容器样式 */
+  customWrapStyle: Object,
   /** 自定义内容样式 */
   bodyStyle: Object,
   /** 是否可折叠 */

package/es/ele-tab-wrap/components/tab-dropdown.js

@@ -57,7 +57,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         popperClass: "ele-tab-popup",
         popperOptions: {
           modifiers: [{ name: "offset", options: { offset: [12, 8] } }]
-        }
+        },
+        formValidate: false
       }, _ctx.dropdownProps || {}, {
         ref: "dropdownRef",
         items: _ctx.items,

package/es/ele-tabs/index.js

@@ -436,6 +436,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           triggerKeys: [],
           persistent: false,
+          formValidate: false,
           placement: "bottom-start",
           popperClass: "ele-tab-popup",
           popperOptions: {

package/es/ele-tabs/style/index.scss

@@ -1043,8 +1043,6 @@
 /* 内部表格高度铺满 */
 .ele-tabs.is-flex-table {
   flex: 1;
-  display: flex;
-  flex-direction: column;
   overflow: auto;
 
   & > .el-tabs__content {
@@ -1056,6 +1054,7 @@
       display: flex;
       flex-direction: column;
       box-sizing: border-box;
+      overflow: auto;
 
       & > .ele-pro-table {
         flex: 1;

package/es/icons/LoadingOutlined.js

@@ -16,7 +16,7 @@ const _hoisted_1 = {
   "stroke-width": "4",
   "stroke-linecap": "round"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M 22 6 C 34 6 42 14 42 26" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M22 6C34 6 42 14 42 26" }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
 ];

package/es/utils/hook.d.ts

@@ -1,5 +1,10 @@
 import { Ref } from 'vue';
+import { default as SortableJs } from 'sortablejs';
 
+/**
+ * 重置组件表单验证
+ */
+export declare function useFormItemRest(): void;
 /**
  * useTimer 返回结果
  */
@@ -111,3 +116,14 @@ export declare function useMoveEvent(option?: UseTouchEventOption<MoveEvent>): {
     handleMousedown: (e: MouseEvent) => void;
     handleTouchstart: (e: TouchEvent) => void;
 };
+/**
+ * 拖拽排序
+ * @param getEl 获取容器方法
+ * @param getData 获取数据方法
+ * @param updateData 更新数据方法
+ * @param options 自定义参数
+ */
+export declare function useSortable<T>(getEl: () => HTMLElement | undefined | null, getData: () => T[] | undefined | null, updateData: (data: T[]) => void, options?: SortableJs.Options): {
+    initSortable: () => void;
+    destroySortable: () => void;
+};

package/es/utils/hook.js

@@ -1,4 +1,9 @@
-import { ref, onBeforeUnmount } from "vue";
+import { provide, ref, onBeforeUnmount, onMounted } from "vue";
+import { formItemContextKey } from "element-plus";
+import SortableJs from "sortablejs";
+function useFormItemRest() {
+  provide(formItemContextKey, null);
+}
 function useTimer(ms, cb) {
   let timer = null;
   const waiting = ref(false);
@@ -31,10 +36,18 @@ function useMediaQuery(query, onChange) {
   };
   const startWatch = () => {
     stopWatch();
-    mediaQuery.addEventListener("change", handleChange);
+    if ("addEventListener" in mediaQuery) {
+      mediaQuery.addEventListener("change", handleChange);
+    } else {
+      mediaQuery.addListener(handleChange);
+    }
   };
   const stopWatch = () => {
-    mediaQuery.removeEventListener("change", handleChange);
+    if ("removeEventListener" in mediaQuery) {
+      mediaQuery.removeEventListener("change", handleChange);
+    } else {
+      mediaQuery.removeListener(handleChange);
+    }
     handleChange();
   };
   onBeforeUnmount(() => {
@@ -253,11 +266,52 @@ function useMoveEvent(option) {
     handleTouchstart
   };
 }
+function useSortable(getEl, getData, updateData, options) {
+  let sortableIns = null;
+  const destroySortable = () => {
+    if (sortableIns != null) {
+      sortableIns.destroy();
+    }
+    sortableIns = null;
+  };
+  const initSortable = () => {
+    destroySortable();
+    const el = getEl();
+    if (el == null) {
+      return;
+    }
+    sortableIns = new SortableJs(el, {
+      onUpdate: ({ oldDraggableIndex, newDraggableIndex }) => {
+        if (typeof oldDraggableIndex === "number" && typeof newDraggableIndex === "number") {
+          const data = [...getData() || []];
+          data.splice(
+            newDraggableIndex,
+            0,
+            data.splice(oldDraggableIndex, 1)[0]
+          );
+          updateData(data);
+        }
+      },
+      setData: () => {
+      },
+      ...options || {}
+    });
+  };
+  onMounted(() => {
+    initSortable();
+  });
+  onBeforeUnmount(() => {
+    destroySortable();
+  });
+  return { initSortable, destroySortable };
+}
 export {
   useCollapseAnim,
+  useFormItemRest,
   useMediaQuery,
   useMousewheel,
   useMoveEvent,
+  useSortable,
   useTimer,
   useTouchEvent,
   useWindowListener