ele-admin-plus 1.5.0-beta.8 → 1.5.1-beta.1

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

@@ -4,22 +4,8 @@ import { TransferDataItem } from './types';
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     data: import('vue').PropType<TransferDataItem[] | import('./types').TransferDataFunction>;
-    titles: {
-        readonly type: import('vue').PropType<[string, string]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    buttonTexts: {
-        readonly type: import('vue').PropType<[string, string]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
+    titles: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    buttonTexts: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
     filterPlaceholder: StringConstructor;
     filterMethod: {
         readonly type: import('vue').PropType<(query: string, item: import('element-plus').TransferDataItem) => boolean>;
@@ -27,73 +13,24 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    leftDefaultChecked: {
-        readonly type: import('vue').PropType<import('element-plus').TransferKey[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    rightDefaultChecked: {
-        readonly type: import('vue').PropType<import('element-plus').TransferKey[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
+    leftDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    rightDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
     renderContent: {
         readonly type: import('vue').PropType<import('element-plus').renderContent>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    modelValue: {
-        readonly type: import('vue').PropType<import('element-plus').TransferKey[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    format: {
-        readonly type: import('vue').PropType<import('element-plus').TransferFormat>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => {};
-    };
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    format: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat) | ((new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat))[], unknown, unknown, () => {}, boolean>;
     filterable: BooleanConstructor;
-    props: {
-        readonly type: import('vue').PropType<import('element-plus').TransferPropsAlias>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => {
-            label: "label";
-            key: "key";
-            disabled: "disabled";
-        };
-    };
-    targetOrder: {
-        readonly type: import('vue').PropType<"push" | "unshift" | "original">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "original";
-    };
-    validateEvent: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
+    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias) | ((new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{
+        readonly label: "label";
+        readonly key: "key";
+        readonly disabled: "disabled";
+    }>, boolean>;
+    targetOrder: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "push" | "unshift" | "original", unknown, "original", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>, {
     reloadOptions: (params?: any) => void;
     transferRef: import('vue').Ref<ElTransferInstance, ElTransferInstance>;
@@ -104,22 +41,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "right-check-change": (value: import('element-plus').TransferKey[], movedKeys?: import('element-plus').TransferKey[] | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     data: import('vue').PropType<TransferDataItem[] | import('./types').TransferDataFunction>;
-    titles: {
-        readonly type: import('vue').PropType<[string, string]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    buttonTexts: {
-        readonly type: import('vue').PropType<[string, string]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
+    titles: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    buttonTexts: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
     filterPlaceholder: StringConstructor;
     filterMethod: {
         readonly type: import('vue').PropType<(query: string, item: import('element-plus').TransferDataItem) => boolean>;
@@ -127,73 +50,24 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    leftDefaultChecked: {
-        readonly type: import('vue').PropType<import('element-plus').TransferKey[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    rightDefaultChecked: {
-        readonly type: import('vue').PropType<import('element-plus').TransferKey[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
+    leftDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    rightDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
     renderContent: {
         readonly type: import('vue').PropType<import('element-plus').renderContent>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    modelValue: {
-        readonly type: import('vue').PropType<import('element-plus').TransferKey[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    format: {
-        readonly type: import('vue').PropType<import('element-plus').TransferFormat>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => {};
-    };
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    format: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat) | ((new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat))[], unknown, unknown, () => {}, boolean>;
     filterable: BooleanConstructor;
-    props: {
-        readonly type: import('vue').PropType<import('element-plus').TransferPropsAlias>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => {
-            label: "label";
-            key: "key";
-            disabled: "disabled";
-        };
-    };
-    targetOrder: {
-        readonly type: import('vue').PropType<"push" | "unshift" | "original">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "original";
-    };
-    validateEvent: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
+    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias) | ((new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{
+        readonly label: "label";
+        readonly key: "key";
+        readonly disabled: "disabled";
+    }>, boolean>;
+    targetOrder: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "push" | "unshift" | "original", unknown, "original", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: import('element-plus').TransferKey[]) => any) | undefined;
     onChange?: ((value: import('element-plus').TransferKey[], direction: import('element-plus').TransferDirection, movedKeys: import('element-plus').TransferKey[]) => any) | undefined;
@@ -201,7 +75,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onRight-check-change"?: ((value: import('element-plus').TransferKey[], movedKeys?: import('element-plus').TransferKey[] | undefined) => any) | undefined;
 }>, {
     modelValue: import('element-plus').TransferKey[];
-    validateEvent: boolean;
+    validateEvent: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     filterable: boolean;
     props: import('element-plus').TransferPropsAlias;
     format: import('element-plus').TransferFormat;
@@ -209,7 +83,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     buttonTexts: [string, string];
     leftDefaultChecked: import('element-plus').TransferKey[];
     rightDefaultChecked: import('element-plus').TransferKey[];
-    targetOrder: "push" | "unshift" | "original";
+    targetOrder: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "push" | "unshift" | "original", unknown>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -8,95 +8,32 @@ export { transferEmits } from 'element-plus';
 export declare const transferProps: {
     /** 数据 */
     data: PropType<TransferDataItem[] | TransferDataFunction>;
-    titles: {
-        readonly type: PropType<[string, string]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    buttonTexts: {
-        readonly type: PropType<[string, string]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
+    titles: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    buttonTexts: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
     filterPlaceholder: StringConstructor;
     filterMethod: {
-        readonly type: PropType<(query: string, item: import('element-plus').TransferDataItem) => boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    leftDefaultChecked: {
-        readonly type: PropType<import('element-plus').TransferKey[]>;
+        readonly type: import('vue').PropType<(query: string, item: import('element-plus').TransferDataItem) => boolean>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    rightDefaultChecked: {
-        readonly type: PropType<import('element-plus').TransferKey[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => never[];
     };
+    leftDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    rightDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
     renderContent: {
-        readonly type: PropType<import('element-plus').renderContent>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    modelValue: {
-        readonly type: PropType<import('element-plus').TransferKey[]>;
+        readonly type: import('vue').PropType<import('element-plus').renderContent>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: () => never[];
-    };
-    format: {
-        readonly type: PropType<import('element-plus').TransferFormat>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => {};
     };
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    format: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat) | ((new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat))[], unknown, unknown, () => {}, boolean>;
     filterable: BooleanConstructor;
-    props: {
-        readonly type: PropType<import('element-plus').TransferPropsAlias>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => {
-            label: "label";
-            key: "key";
-            disabled: "disabled";
-        };
-    };
-    targetOrder: {
-        readonly type: PropType<"push" | "unshift" | "original">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "original";
-    };
-    validateEvent: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
+    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias) | ((new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{
+        readonly label: "label";
+        readonly key: "key";
+        readonly disabled: "disabled";
+    }>, boolean>;
+    targetOrder: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "push" | "unshift" | "original", unknown, "original", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export type TransferProps = ExtractPropTypes<typeof transferProps>;

package/es/ele-tree-select/index.d.ts

@@ -183,13 +183,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     transition: string;
     modelValue: SelectValue;
-    placement: import('element-plus').Placement | undefined;
+    placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
     teleported: boolean;
     disabled: boolean;
     clearable: boolean;
     validateEvent: boolean;
     filterable: boolean;
-    tagType: ("primary" | "success" | "warning" | "info" | "danger") | undefined;
+    tagType: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown> | undefined;
     persistent: boolean;
     visible: boolean;
     automaticDropdown: boolean;

package/es/ele-virtual-table/components/cell-filter.d.ts

@@ -33,7 +33,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     onChange?: ((_filtered: FilterValue) => any) | undefined;
 }>, {
-    filterPlacement: import('element-plus').Placement | undefined;
+    filterPlacement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
     filterMultiple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/ele-virtual-table/components/header-cell.d.ts

@@ -32,11 +32,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 表格行高 */
     rowHeight: NumberConstructor;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    resize: (_headerCol: HeaderColumn, _width: number, _lineLeft: number, _e: MouseEvent | TouchEvent) => void;
     click: (_col: Column, _e: MouseEvent) => void;
     contextmenu: (_col: Column, _e: MouseEvent) => void;
     mouseenter: (_col: Column, _e: MouseEvent) => void;
     filterChange: (_params: CellFilterChangeParams) => void;
     checkedChange: (_checked: boolean) => void;
+    resizeStart: (_headerCol: HeaderColumn, _width: number, _lineLeft: number, _e: MouseEvent | TouchEvent) => void;
+    resizeEnd: (_headerCol: HeaderColumn, _width: number, _e: MouseEvent | TouchEvent) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 当前列配置 */
     column: PropType<HeaderColumn>;
@@ -67,11 +70,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 表格行高 */
     rowHeight: NumberConstructor;
 }>> & Readonly<{
+    onResize?: ((_headerCol: HeaderColumn, _width: number, _lineLeft: number, _e: MouseEvent | TouchEvent) => any) | undefined;
     onClick?: ((_col: Column, _e: MouseEvent) => any) | undefined;
     onContextmenu?: ((_col: Column, _e: MouseEvent) => any) | undefined;
     onMouseenter?: ((_col: Column, _e: MouseEvent) => any) | undefined;
     onFilterChange?: ((_params: CellFilterChangeParams) => any) | undefined;
     onCheckedChange?: ((_checked: boolean) => any) | undefined;
+    onResizeStart?: ((_headerCol: HeaderColumn, _width: number, _lineLeft: number, _e: MouseEvent | TouchEvent) => any) | undefined;
+    onResizeEnd?: ((_headerCol: HeaderColumn, _width: number, _e: MouseEvent | TouchEvent) => any) | undefined;
 }>, {
     headerEllipsis: boolean;
     isCheckAll: boolean;

package/es/ele-virtual-table/components/header-cell.js

@@ -1,11 +1,9 @@
-import { defineComponent, useSlots, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, createBlock, unref, normalizeProps, mergeProps, withCtx, createTextVNode, toDisplayString } from "vue";
-import { getColKey, getOrderValue, CellRender } from "../util";
+import { defineComponent, useSlots, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, Fragment, createElementVNode, createBlock, unref, normalizeProps, mergeProps, withCtx, createTextVNode, toDisplayString, withModifiers } from "vue";
+import { useMoveEvent } from "../../utils/hook";
+import { getColKey, getOrderValue, CellRender, getNumberSize } from "../util";
 import CellCheckbox from "./cell-checkbox";
 import CellFilter from "./cell-filter";
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-table-cell"
-};
+const _hoisted_1 = { class: "ele-table-cell" };
 const _hoisted_2 = ["title"];
 const _hoisted_3 = {
   key: 0,
@@ -54,7 +52,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 右键事件 */
     contextmenu: (_col, _e) => true,
     /** 鼠标移入事件 */
-    mouseenter: (_col, _e) => true
+    mouseenter: (_col, _e) => true,
+    /** 列宽开始拉伸事件 */
+    resizeStart: (_headerCol, _width, _lineLeft, _e) => true,
+    /** 列宽拉伸事件 */
+    resize: (_headerCol, _width, _lineLeft, _e) => true,
+    /** 列宽结束拉伸事件 */
+    resizeEnd: (_headerCol, _width, _e) => true
   },
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -195,6 +199,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleMouseenter = (e) => {
       emit("mouseenter", originalCol.value, e);
     };
+    let resizeEventData;
+    const { handleMousedown, handleTouchstart } = useMoveEvent({
+      start: ({ e }) => {
+        const el = e.currentTarget?.parentElement;
+        if (!el || !props.column) {
+          resizeEventData = null;
+          return;
+        }
+        const downW = el.offsetWidth;
+        const lineLeft = el.offsetLeft + downW;
+        resizeEventData = { downW, width: downW, left: lineLeft };
+        emit("resizeStart", props.column, downW, lineLeft, e);
+      },
+      move: ({ distanceX, e }) => {
+        if (!props.column || !resizeEventData) {
+          return;
+        }
+        e.preventDefault();
+        const width = (distanceX ?? 0) + resizeEventData.downW;
+        resizeEventData.width = width;
+        const minWidth = getNumberSize(props.column.originalCol?.minWidth, 30);
+        if (width < minWidth) {
+          resizeEventData.width = minWidth;
+        }
+        const lineLeft = resizeEventData.width + resizeEventData.left - resizeEventData.downW;
+        emit("resize", props.column, resizeEventData.width, lineLeft, e);
+      },
+      end: ({ e }) => {
+        if (!props.column || !resizeEventData) {
+          return;
+        }
+        emit("resizeEnd", props.column, resizeEventData.width, e);
+      },
+      touchmoveOptions: { passive: false }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(cellClass.value),
@@ -203,35 +242,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onContextmenu: handleContextmenu,
         onMouseenter: handleMouseenter
       }, [
-        originalCol.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createElementVNode("div", {
-            class: "ele-cell-title",
-            title: __props.headerEllipsis ? cellTitle.value : void 0
-          }, [
-            originalCol.value.type === "selection" ? (openBlock(), createBlock(CellCheckbox, {
-              key: 0,
-              checked: __props.isCheckAll,
-              indeterminate: __props.isIndeterminate,
-              disabled: __props.disabledCheckbox,
-              size: __props.tableSize,
-              onChange: handleCheckedChange
-            }, null, 8, ["checked", "indeterminate", "disabled", "size"])) : (openBlock(), createBlock(unref(CellRender), normalizeProps(mergeProps({ key: 1 }, renderOpt.value)), {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(cellTitle.value), 1)
-              ]),
-              _: 1
-            }, 16))
-          ], 8, _hoisted_2),
-          originalCol.value.sortable ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
-          originalCol.value.filters && originalCol.value.filters.length ? (openBlock(), createBlock(CellFilter, {
-            key: 1,
-            filtered: __props.filterValue,
-            filterMultiple: originalCol.value.filterMultiple,
-            filters: originalCol.value.filters,
-            filterPlacement: originalCol.value.filterPlacement,
-            onChange: handleFilterChange
-          }, null, 8, ["filtered", "filterMultiple", "filters", "filterPlacement"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+        originalCol.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", {
+              class: "ele-cell-title",
+              title: __props.headerEllipsis ? cellTitle.value : void 0
+            }, [
+              originalCol.value.type === "selection" ? (openBlock(), createBlock(CellCheckbox, {
+                key: 0,
+                checked: __props.isCheckAll,
+                indeterminate: __props.isIndeterminate,
+                disabled: __props.disabledCheckbox,
+                size: __props.tableSize,
+                onChange: handleCheckedChange
+              }, null, 8, ["checked", "indeterminate", "disabled", "size"])) : (openBlock(), createBlock(unref(CellRender), normalizeProps(mergeProps({ key: 1 }, renderOpt.value)), {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(cellTitle.value), 1)
+                ]),
+                _: 1
+              }, 16))
+            ], 8, _hoisted_2),
+            originalCol.value.sortable ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
+            originalCol.value.filters && originalCol.value.filters.length ? (openBlock(), createBlock(CellFilter, {
+              key: 1,
+              filtered: __props.filterValue,
+              filterMultiple: originalCol.value.filterMultiple,
+              filters: originalCol.value.filters,
+              filterPlacement: originalCol.value.filterPlacement,
+              onChange: handleFilterChange
+            }, null, 8, ["filtered", "filterMultiple", "filters", "filterPlacement"])) : createCommentVNode("", true)
+          ]),
+          originalCol.value.resizable !== false ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ele-table-resize-handle",
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
+            onMousedown: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => unref(handleMousedown) && unref(handleMousedown)(...args)),
+            onTouchstartPassive: _cache[2] || (_cache[2] = //@ts-ignore
+            (...args) => unref(handleTouchstart) && unref(handleTouchstart)(...args))
+          }, null, 32)) : createCommentVNode("", true)
+        ], 64)) : createCommentVNode("", true)
       ], 38);
     };
   }

package/es/ele-virtual-table/components/header-row.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { Column, Filter, TableSize, HeaderCellClass, HeaderCellStyle } from '../../ele-data-table/types';
-import { HeaderColumns, SortBy, CellFilterChangeParams, ColSize } from '../types';
+import { HeaderColumns, HeaderColumn, SortBy, CellFilterChangeParams, ColSize } from '../types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -36,6 +36,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     filterChange: (_params: CellFilterChangeParams) => void;
     checkedChange: (_checked: boolean) => void;
     cellMouseenter: (_col: Column, _e: MouseEvent) => void;
+    cellResizeStart: (_headerCol: HeaderColumn, _width: number, _lineLeft: number, _e: MouseEvent | TouchEvent) => void;
+    cellResize: (_headerCol: HeaderColumn, _width: number, _lineLeft: number, _e: MouseEvent | TouchEvent) => void;
+    cellResizeEnd: (_headerCol: HeaderColumn, _width: number, _e: MouseEvent | TouchEvent) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 表头行配置 */
     headerCols: PropType<HeaderColumns>;
@@ -69,6 +72,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onFilterChange?: ((_params: CellFilterChangeParams) => any) | undefined;
     onCheckedChange?: ((_checked: boolean) => any) | undefined;
     onCellMouseenter?: ((_col: Column, _e: MouseEvent) => any) | undefined;
+    onCellResizeStart?: ((_headerCol: HeaderColumn, _width: number, _lineLeft: number, _e: MouseEvent | TouchEvent) => any) | undefined;
+    onCellResize?: ((_headerCol: HeaderColumn, _width: number, _lineLeft: number, _e: MouseEvent | TouchEvent) => any) | undefined;
+    onCellResizeEnd?: ((_headerCol: HeaderColumn, _width: number, _e: MouseEvent | TouchEvent) => any) | undefined;
 }>, {
     headerEllipsis: boolean;
     isCheckAll: boolean;

package/es/ele-virtual-table/components/header-row.js

@@ -42,7 +42,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 单元格右键事件 */
     cellContextmenu: (_col, _e) => true,
     /** 单元格鼠标移入事件 */
-    cellMouseenter: (_col, _e) => true
+    cellMouseenter: (_col, _e) => true,
+    /** 列宽开始拉伸事件 */
+    cellResizeStart: (_headerCol, _width, _lineLeft, _e) => true,
+    /** 列宽拉伸事件 */
+    cellResize: (_headerCol, _width, _lineLeft, _e) => true,
+    /** 列宽结束拉伸事件 */
+    cellResizeEnd: (_headerCol, _width, _e) => true
   },
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -68,6 +74,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleCellMouseenter = (col, e) => {
       emit("cellMouseenter", col, e);
     };
+    const handleCellResizeStart = (headerCol, width, lineLeft, e) => {
+      emit("cellResizeStart", headerCol, width, lineLeft, e);
+    };
+    const handleCellResize = (headerCol, width, lineLeft, e) => {
+      emit("cellResize", headerCol, width, lineLeft, e);
+    };
+    const handleCellResizeEnd = (headerCol, width, e) => {
+      emit("cellResizeEnd", headerCol, width, e);
+    };
     return (_ctx, _cache) => {
       return openBlock(true), createElementBlock(Fragment, null, renderList(__props.headerCols, (column, index) => {
         return openBlock(), createBlock(HeaderCell, {
@@ -90,7 +105,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onFilterChange: handleCellFilterChange,
           onClick: handleCellClick,
           onContextmenu: handleCellContextmenu,
-          onMouseenter: handleCellMouseenter
+          onMouseenter: handleCellMouseenter,
+          onResizeStart: handleCellResizeStart,
+          onResize: handleCellResize,
+          onResizeEnd: handleCellResizeEnd
         }, createSlots({ _: 2 }, [
           renderList(Object.keys(_ctx.$slots), (name) => {
             return {