element-pe 2.2.64 → 2.2.65

package/es/components/resizable-column/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/resizable-columns/index.d.ts

@@ -0,0 +1,156 @@
+export declare const ElResizableColumns: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly collapsable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly widget: StringConstructor;
+    readonly minWidth: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    columnsContainer: import("vue").Ref<null>;
+    handleMousedown: (e: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly collapsable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly widget: StringConstructor;
+    readonly minWidth: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
+}>>, {
+    readonly minWidth: number;
+    readonly collapsable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}>> & {
+    ResizableColumn: import("vue").DefineComponent<{
+        readonly collapsable: BooleanConstructor;
+        readonly widget: StringConstructor;
+        readonly maxWidth: StringConstructor;
+        readonly width: StringConstructor;
+    }, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        column: {
+            uid: number;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot | undefined;
+            }>;
+            props: {
+                readonly width: string | undefined;
+                readonly widget: string | undefined;
+                readonly maxWidth: string | undefined;
+                readonly onExpand: ((...args: any[]) => any) | undefined;
+                readonly collapsable: boolean;
+                readonly onCollapse: ((...args: any[]) => any) | undefined;
+            };
+            maxWidth: number;
+            parentWidth: number;
+            index: number;
+            length: number;
+            width: number;
+            left: number;
+            collapsable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            collapsed: boolean;
+        };
+        handleCollapse: () => void;
+        handleExpand: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "expand")[], "collapse" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly collapsable: BooleanConstructor;
+        readonly widget: StringConstructor;
+        readonly maxWidth: StringConstructor;
+        readonly width: StringConstructor;
+    }>> & {
+        onExpand?: ((...args: any[]) => any) | undefined;
+        onCollapse?: ((...args: any[]) => any) | undefined;
+    }, {
+        readonly collapsable: boolean;
+    }>;
+};
+export declare const ElResizableColumn: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly collapsable: BooleanConstructor;
+    readonly widget: StringConstructor;
+    readonly maxWidth: StringConstructor;
+    readonly width: StringConstructor;
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    column: {
+        uid: number;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        props: {
+            readonly width: string | undefined;
+            readonly widget: string | undefined;
+            readonly maxWidth: string | undefined;
+            readonly onExpand: ((...args: any[]) => any) | undefined;
+            readonly collapsable: boolean;
+            readonly onCollapse: ((...args: any[]) => any) | undefined;
+        };
+        maxWidth: number;
+        parentWidth: number;
+        index: number;
+        length: number;
+        width: number;
+        left: number;
+        collapsable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        collapsed: boolean;
+    };
+    handleCollapse: () => void;
+    handleExpand: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "expand")[], "collapse" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly collapsable: BooleanConstructor;
+    readonly widget: StringConstructor;
+    readonly maxWidth: StringConstructor;
+    readonly width: StringConstructor;
+}>> & {
+    onExpand?: ((...args: any[]) => any) | undefined;
+    onCollapse?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly collapsable: boolean;
+}>>;
+export default ElResizableColumns;
+export * from './src/resizable-columns';
+export * from './src/constants';
+export * from './src/resizable-column';

package/es/components/resizable-columns/index.mjs

@@ -0,0 +1,15 @@
+import '../../utils/index.mjs';
+import ResizableColumns from './src/resizable-columns2.mjs';
+import ResizableColumn from './src/resizable-column.mjs';
+export { resizableColumnsProps } from './src/resizable-columns.mjs';
+export { resizableColumnsRootContextKey } from './src/constants.mjs';
+export { resizableColumnProps } from './src/resizable-column2.mjs';
+import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
+
+const ElResizableColumns = withInstall(ResizableColumns, {
+  ResizableColumn
+});
+const ElResizableColumn = withNoopInstall(ResizableColumn);
+
+export { ElResizableColumn, ElResizableColumns, ElResizableColumns as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/resizable-columns/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/resizable-columns/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\n\nimport ResizableColumns from './src/resizable-columns.vue'\nimport ResizableColumn from './src/resizable-column.vue'\n\nexport const ElResizableColumns = withInstall(ResizableColumns, {\n  ResizableColumn\n})\nexport const ElResizableColumn = withNoopInstall(ResizableColumn)\nexport default ElResizableColumns\n\nexport * from './src/resizable-columns'\nexport * from './src/constants'\nexport * from './src/resizable-column'\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,kBAAkB,GAAG,WAAW,CAAC,gBAAgB,EAAE;AAChE,EAAE,eAAe;AACjB,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG,eAAe,CAAC,eAAe;;;;"}

package/es/components/resizable-columns/src/constants.d.ts

@@ -0,0 +1,24 @@
+import type { ComputedRef, Ref, Slots, UnwrapRef } from 'vue';
+import type { ResizableColumnProps } from './resizable-column';
+import type { ResizableColumnsProps } from './resizable-columns';
+import { InjectionKey } from 'vue';
+export declare type ResizableColumnContext = UnwrapRef<{
+    uid: number;
+    slots: Slots;
+    props: ResizableColumnProps;
+    maxWidth: Ref<number>;
+    parentWidth: Ref<number | undefined>;
+    index: Ref<number | undefined>;
+    length: Ref<number | undefined>;
+    width: Ref<number | undefined>;
+    left: Ref<number | undefined>;
+    collapsed: ComputedRef<boolean>;
+    collapsable: ComputedRef<boolean>;
+}>;
+export interface ResizableColumnsRootContext {
+    props: ResizableColumnsProps;
+    columns: any;
+    registerColumn: (pane: ResizableColumnContext) => void;
+    unregisterColumn: (uid: number) => void;
+}
+export declare const resizableColumnsRootContextKey: InjectionKey<ResizableColumnsRootContext>;

package/es/components/resizable-columns/src/constants.mjs

@@ -0,0 +1,4 @@
+const resizableColumnsRootContextKey = Symbol("resizableColumnsRootContextKey");
+
+export { resizableColumnsRootContextKey };
+//# sourceMappingURL=constants.mjs.map

package/es/components/resizable-columns/src/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../../../packages/components/resizable-columns/src/constants.ts"],"sourcesContent":["import type { ComputedRef, Ref, Slots, UnwrapRef } from 'vue'\nimport type { ResizableColumnProps } from './resizable-column'\nimport type { ResizableColumnsProps } from './resizable-columns'\nimport { InjectionKey } from 'vue'\n\nexport type ResizableColumnContext = UnwrapRef<{\n  uid: number\n  slots: Slots\n  props: ResizableColumnProps\n  maxWidth: Ref<number>\n  parentWidth: Ref<number | undefined>\n  index: Ref<number | undefined>\n  length: Ref<number | undefined>\n  width: Ref<number | undefined>\n  left: Ref<number | undefined>\n  collapsed: ComputedRef<boolean>\n  collapsable: ComputedRef<boolean>\n}>\n\nexport interface ResizableColumnsRootContext {\n  props: ResizableColumnsProps\n  columns: any\n  registerColumn: (pane: ResizableColumnContext) => void\n  unregisterColumn: (uid: number) => void\n}\n\nexport const resizableColumnsRootContextKey: InjectionKey<ResizableColumnsRootContext> =\n  Symbol('resizableColumnsRootContextKey')\n"],"names":[],"mappings":"AAAY,MAAC,8BAA8B,GAAG,MAAM,CAAC,gCAAgC;;;;"}

package/es/components/resizable-columns/src/resizable-column.d.ts

@@ -0,0 +1,10 @@
+import type { ExtractPropTypes } from 'vue';
+import type ResizableColumn from './resizable-column.vue';
+export declare const resizableColumnProps: {
+    readonly collapsable: BooleanConstructor;
+    readonly widget: StringConstructor;
+    readonly maxWidth: StringConstructor;
+    readonly width: StringConstructor;
+};
+export declare type ResizableColumnProps = ExtractPropTypes<typeof resizableColumnProps>;
+export declare type ResizableColumnInstance = InstanceType<typeof ResizableColumn>;

package/es/components/resizable-columns/src/resizable-column.mjs

@@ -0,0 +1,143 @@
+import '../../../hooks/index.mjs';
+import { resizableColumnProps } from './resizable-column2.mjs';
+import { defineComponent, getCurrentInstance, inject, computed, ref, reactive, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
+import '../../../utils/index.mjs';
+import { resizableColumnsRootContextKey } from './constants.mjs';
+import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const _sfc_main = defineComponent({
+  name: "ElResizableColumn",
+  components: { ArrowLeft, ArrowRight },
+  props: resizableColumnProps,
+  emits: ["collapse", "expand"],
+  setup(props, { emit, slots, expose }) {
+    const instance = getCurrentInstance();
+    const columnsRoot = inject(resizableColumnsRootContextKey);
+    if (!columnsRoot)
+      throwError("ElResizableColumn", "usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>");
+    const MIN_WIDTH = columnsRoot.props.minWidth > 0 ? columnsRoot.props.minWidth : 50;
+    const collapsable = computed(() => props.collapsable || columnsRoot.props.collapsable);
+    const collapsed = ref(false);
+    const column = reactive({
+      uid: instance.uid,
+      slots,
+      props,
+      maxWidth: 0,
+      parentWidth: 0,
+      index: 0,
+      length: 0,
+      width: 0,
+      left: 0,
+      collapsable,
+      collapsed
+    });
+    onMounted(() => {
+      columnsRoot.registerColumn(column);
+    });
+    onUnmounted(() => {
+      columnsRoot.unregisterColumn(column.uid);
+    });
+    const ns = useNamespace("resizable-column");
+    const handleCollapse = () => {
+      if (!collapsed.value) {
+        for (let rIndex = column.index + 1; rIndex < columnsRoot.columns.value.length; rIndex++) {
+          const rColumn = columnsRoot.columns.value[rIndex];
+          if (!rColumn.collapsed) {
+            rColumn.left = rColumn.left - column.width;
+            rColumn.width = rColumn.width + column.width;
+            break;
+          } else {
+            rColumn.left = rColumn.left - column.width;
+          }
+        }
+        collapsed.value = true;
+        emit("collapse", column.index);
+      }
+    };
+    const handleExpand = () => {
+      if (collapsed.value) {
+        collapsed.value = false;
+        const rightColumn = columnsRoot.columns.value[column.index + 1];
+        rightColumn.left = rightColumn.left + column.width;
+        rightColumn.width = rightColumn.width > column.width + MIN_WIDTH ? rightColumn.width - column.width : MIN_WIDTH;
+        const allOtherColumns = columnsRoot.columns.value.slice(column.index + 2);
+        const otherWidth = (column.parentWidth - rightColumn.left - rightColumn.width) / allOtherColumns.length;
+        allOtherColumns.forEach((item, index) => {
+          item.left = index * otherWidth + rightColumn.left + rightColumn.width;
+          item.width = otherWidth;
+        });
+        emit("expand", column.index);
+      }
+    };
+    return {
+      ns,
+      column,
+      handleCollapse,
+      handleExpand
+    };
+  }
+});
+const _hoisted_1 = ["widget"];
+const _hoisted_2 = ["data-index"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ArrowLeft = resolveComponent("ArrowLeft");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_ArrowRight = resolveComponent("ArrowRight");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.b()),
+      widget: _ctx.widget,
+      style: normalizeStyle({ width: `${_ctx.column.width}px`, left: `${_ctx.column.left}px`, display: _ctx.column.collapsed ? "none" : "unset" })
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 14, _hoisted_1),
+    _ctx.column.index < _ctx.column.length - 1 ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(["resizer", { "collapsed": _ctx.column.collapsed }]),
+      style: normalizeStyle({ left: `${_ctx.column.left + (_ctx.column.collapsed ? 0 : _ctx.column.width)}px` }),
+      "data-index": _ctx.column.index
+    }, [
+      !_ctx.column.collapsed ? (openBlock(), createBlock(_component_el_button, {
+        key: 0,
+        class: "left",
+        size: "small",
+        onClick: _ctx.handleCollapse,
+        disabled: !_ctx.column.collapsable
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_icon, null, {
+            default: withCtx(() => [
+              createVNode(_component_ArrowLeft)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onClick", "disabled"])) : (openBlock(), createBlock(_component_el_button, {
+        key: 1,
+        class: "right",
+        size: "small",
+        onClick: _ctx.handleExpand,
+        disabled: !_ctx.column.collapsable
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_icon, null, {
+            default: withCtx(() => [
+              createVNode(_component_ArrowRight)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onClick", "disabled"]))
+    ], 14, _hoisted_2)) : createCommentVNode("v-if", true)
+  ], 64);
+}
+var ResizableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\resizable-columns\\src\\resizable-column.vue"]]);
+
+export { ResizableColumn as default };
+//# sourceMappingURL=resizable-column.mjs.map

package/es/components/resizable-columns/src/resizable-column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-column.mjs","sources":["../../../../../../packages/components/resizable-columns/src/resizable-column.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"ns.b()\"\n    :widget=\"widget\"\n    :style=\"{ width: `${column.width}px`, left: `${column.left}px`, display: column.collapsed ? 'none' : 'unset' }\"\n  >\n    <slot />\n  </div>\n  <div v-if=\"column.index < column.length - 1\"\n       class=\"resizer\"\n       :class=\"{ 'collapsed': column.collapsed }\"\n       :style=\"{ left: `${column.left + (column.collapsed ? 0 : column.width)}px` }\"\n       :data-index=\"column.index\">\n    <el-button v-if=\"!column.collapsed\"\n               class=\"left\" size=\"small\"\n               @click=\"handleCollapse\"\n               :disabled=\"!column.collapsable\"\n    ><el-icon><ArrowLeft /></el-icon></el-button>\n    <el-button v-else\n               class=\"right\" size=\"small\"\n               @click=\"handleExpand\"\n               :disabled=\"!column.collapsable\"\n    ><el-icon><ArrowRight /></el-icon></el-button>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useNamespace } from '@element-plus/hooks'\nimport { resizableColumnProps } from './resizable-column'\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref\n} from 'vue'\nimport { throwError } from '../../../utils'\nimport { resizableColumnsRootContextKey } from './constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\n\n\nexport default defineComponent({\n  name: 'ElResizableColumn',\n  components: { ArrowLeft, ArrowRight },\n  props: resizableColumnProps,\n  emits: ['collapse', 'expand'],\n  setup(props, { emit, slots, expose }) {\n    const instance = getCurrentInstance()!\n\n    const columnsRoot = inject(resizableColumnsRootContextKey)\n    if (!columnsRoot)\n      throwError('ElResizableColumn', 'usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>')\n\n    const MIN_WIDTH = columnsRoot.props.minWidth > 0 ? columnsRoot.props.minWidth : 50\n\n    const collapsable = computed(() => props.collapsable || columnsRoot.props.collapsable)\n    const collapsed = ref(false)\n\n    const column = reactive({\n      uid: instance.uid,\n      slots,\n      props,\n      maxWidth: 0,\n      parentWidth: 0,\n      index: 0,\n      length: 0,\n      width: 0,\n      left: 0,\n      collapsable,\n      collapsed\n    })\n\n    onMounted(() => {\n      columnsRoot.registerColumn(column)\n    })\n\n    onUnmounted(() => {\n      columnsRoot.unregisterColumn(column.uid)\n    })\n\n    const ns = useNamespace('resizable-column')\n\n    const handleCollapse = () => {\n      if (!collapsed.value) {\n        for (let rIndex = column.index + 1; rIndex < columnsRoot.columns.value.length; rIndex++) {\n          const rColumn = columnsRoot.columns.value[rIndex]\n          if (!rColumn.collapsed) {\n            rColumn.left = rColumn.left - column.width\n            rColumn.width = rColumn.width + column.width\n            break\n          } else {\n            rColumn.left = rColumn.left - column.width\n          }\n        }\n\n        collapsed.value = true\n        emit('collapse', column.index)\n      }\n    }\n    const handleExpand = () => {\n      if (collapsed.value) {\n        collapsed.value = false\n        const rightColumn = columnsRoot.columns.value[column.index + 1]\n        rightColumn.left = rightColumn.left + column.width\n        rightColumn.width = rightColumn.width > column.width + MIN_WIDTH ? rightColumn.width - column.width : MIN_WIDTH\n\n        const allOtherColumns = columnsRoot.columns.value.slice(column.index + 2)\n        const otherWidth = (column.parentWidth - rightColumn.left - rightColumn.width) / allOtherColumns.length\n        allOtherColumns.forEach((item, index) => {\n          item.left = index * otherWidth + rightColumn.left + rightColumn.width\n          item.width = otherWidth\n        })\n\n        emit('expand', column.index)\n      }\n    }\n\n    return {\n      ns,\n      column,\n\n      handleCollapse,\n      handleExpand\n    }\n  }\n})\n</script>\n"],"names":["_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot","_openBlock","_createElementBlock","_createBlock","_createVNode","_withCtx"],"mappings":"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"}

package/es/components/resizable-columns/src/resizable-column.vue.d.ts

@@ -0,0 +1,60 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly collapsable: BooleanConstructor;
+    readonly widget: StringConstructor;
+    readonly maxWidth: StringConstructor;
+    readonly width: StringConstructor;
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    column: {
+        uid: number;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        props: {
+            readonly width: string | undefined;
+            readonly widget: string | undefined;
+            readonly maxWidth: string | undefined;
+            readonly onExpand: ((...args: any[]) => any) | undefined;
+            readonly collapsable: boolean;
+            readonly onCollapse: ((...args: any[]) => any) | undefined;
+        };
+        maxWidth: number;
+        parentWidth: number;
+        index: number;
+        length: number;
+        width: number;
+        left: number;
+        collapsable: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        collapsed: boolean;
+    };
+    handleCollapse: () => void;
+    handleExpand: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "expand")[], "collapse" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly collapsable: BooleanConstructor;
+    readonly widget: StringConstructor;
+    readonly maxWidth: StringConstructor;
+    readonly width: StringConstructor;
+}>> & {
+    onExpand?: ((...args: any[]) => any) | undefined;
+    onCollapse?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly collapsable: boolean;
+}>;
+export default _default;

package/es/components/resizable-columns/src/resizable-column2.mjs

@@ -0,0 +1,12 @@
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+
+const resizableColumnProps = buildProps({
+  collapsable: Boolean,
+  widget: String,
+  maxWidth: String,
+  width: String
+});
+
+export { resizableColumnProps };
+//# sourceMappingURL=resizable-column2.mjs.map

package/es/components/resizable-columns/src/resizable-column2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-column2.mjs","sources":["../../../../../../packages/components/resizable-columns/src/resizable-column.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type ResizableColumn from './resizable-column.vue'\n\nexport const resizableColumnProps = buildProps({\n  collapsable: Boolean,\n  widget: String,\n  maxWidth: String,\n  width: String\n} as const)\n\nexport type ResizableColumnProps = ExtractPropTypes<typeof resizableColumnProps>\n\nexport type ResizableColumnInstance = InstanceType<typeof ResizableColumn>\n"],"names":[],"mappings":";;;AACY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE,MAAM;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,CAAC;;;;"}

package/es/components/resizable-columns/src/resizable-columns.d.ts

@@ -0,0 +1,9 @@
+import type ResizableColumns from './resizable-columns.vue';
+import type { ExtractPropTypes } from 'vue';
+export declare const resizableColumnsProps: {
+    readonly collapsable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly widget: StringConstructor;
+    readonly minWidth: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
+};
+export declare type ResizableColumnsProps = ExtractPropTypes<typeof resizableColumnsProps>;
+export declare type ResizableColumnsInstance = InstanceType<typeof ResizableColumns>;

package/es/components/resizable-columns/src/resizable-columns.mjs

@@ -0,0 +1,17 @@
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+
+const resizableColumnsProps = buildProps({
+  collapsable: {
+    type: Boolean,
+    default: true
+  },
+  widget: String,
+  minWidth: {
+    type: Number,
+    default: 50
+  }
+});
+
+export { resizableColumnsProps };
+//# sourceMappingURL=resizable-columns.mjs.map

package/es/components/resizable-columns/src/resizable-columns.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-columns.mjs","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type ResizableColumns from './resizable-columns.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const resizableColumnsProps = buildProps({\n  collapsable: {\n    type: Boolean,\n    default: true\n  },\n  widget: String,\n  minWidth: {\n    type: Number,\n    default: 50\n  },\n} as const)\nexport type ResizableColumnsProps = ExtractPropTypes<typeof resizableColumnsProps>\nexport type ResizableColumnsInstance = InstanceType<typeof ResizableColumns>\n"],"names":[],"mappings":";;;AACY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/es/components/resizable-columns/src/resizable-columns.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly collapsable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly widget: StringConstructor;
+    readonly minWidth: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    columnsContainer: import("vue").Ref<null>;
+    handleMousedown: (e: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly collapsable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly widget: StringConstructor;
+    readonly minWidth: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
+}>>, {
+    readonly minWidth: number;
+    readonly collapsable: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}>;
+export default _default;