element-pe 2.2.66 → 2.2.67

package/lib/components/resizable-columns/src/resizable-column.js

@@ -2,15 +2,119 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('../../../hooks/index.js');
+var resizableColumn = require('./resizable-column2.js');
+var vue = require('vue');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var constants = require('./constants.js');
+var iconsVue = require('@element-plus/icons-vue');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var error = require('../../../utils/error.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const resizableColumnProps = runtime.buildProps({
-  collapsable: Boolean,
-  widget: String,
-  maxWidth: String,
-  width: String
+const _sfc_main = vue.defineComponent({
+  name: "ElResizableColumn",
+  components: { ArrowLeft: iconsVue.ArrowLeft, ArrowRight: iconsVue.ArrowRight },
+  props: resizableColumn.resizableColumnProps,
+  setup(props, { slots }) {
+    const instance = vue.getCurrentInstance();
+    const columnsRoot = vue.inject(constants.resizableColumnsRootContextKey);
+    if (!columnsRoot)
+      error.throwError("ElResizableColumn", "usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>");
+    const collapsable = vue.computed(() => props.collapsable || columnsRoot.props.collapsable);
+    const collapsed = vue.ref(false);
+    const column = vue.reactive({
+      uid: instance.uid,
+      slots,
+      props,
+      maxWidth: 0,
+      parentWidth: 0,
+      index: 0,
+      length: 0,
+      width: 0,
+      left: 0,
+      collapsable,
+      collapsed
+    });
+    vue.onMounted(() => {
+      columnsRoot.registerColumn(column);
+    });
+    vue.onUnmounted(() => {
+      columnsRoot.unregisterColumn(column.uid);
+    });
+    const ns = index.useNamespace("resizable-column");
+    const handleCollapse = () => {
+      columnsRoot.handleCollapse(column);
+    };
+    const handleExpand = () => {
+      columnsRoot.handleExpand(column);
+    };
+    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 = vue.resolveComponent("ArrowLeft");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_button = vue.resolveComponent("el-button");
+  const _component_ArrowRight = vue.resolveComponent("ArrowRight");
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.ns.b()),
+      widget: _ctx.widget,
+      style: vue.normalizeStyle({ width: `${_ctx.column.width}px`, left: `${_ctx.column.left}px`, display: _ctx.column.collapsed ? "none" : "unset" })
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 14, _hoisted_1),
+    _ctx.column.index < _ctx.column.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: vue.normalizeClass(["resizer", { "collapsed": _ctx.column.collapsed }]),
+      style: vue.normalizeStyle({ left: `${_ctx.column.left + (_ctx.column.collapsed ? 0 : _ctx.column.width)}px` }),
+      "data-index": _ctx.column.index
+    }, [
+      !_ctx.column.collapsed ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+        key: 0,
+        class: "left",
+        size: "small",
+        onClick: _ctx.handleCollapse,
+        disabled: !_ctx.column.collapsable
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_icon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ArrowLeft)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onClick", "disabled"])) : (vue.openBlock(), vue.createBlock(_component_el_button, {
+        key: 1,
+        class: "right",
+        size: "small",
+        onClick: _ctx.handleExpand,
+        disabled: !_ctx.column.collapsable
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_icon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ArrowRight)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onClick", "disabled"]))
+    ], 14, _hoisted_2)) : vue.createCommentVNode("v-if", true)
+  ], 64);
+}
+var ResizableColumn = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\resizable-columns\\src\\resizable-column.vue"]]);
 
-exports.resizableColumnProps = resizableColumnProps;
+exports["default"] = ResizableColumn;
 //# sourceMappingURL=resizable-column.js.map

package/lib/components/resizable-columns/src/resizable-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-column.js","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":["buildProps"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE,MAAM;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,CAAC;;;;"}
+{"version":3,"file":"resizable-column.js","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  setup(props, { slots }) {\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 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      columnsRoot.handleCollapse(column)\n    }\n    const handleExpand = () => {\n      columnsRoot.handleExpand(column)\n    }\n\n    return {\n      ns,\n      column,\n\n      handleCollapse,\n      handleExpand\n    }\n  }\n})\n</script>\n"],"names":["defineComponent","ArrowLeft","ArrowRight","resizableColumnProps","getCurrentInstance","inject","resizableColumnsRootContextKey","throwError","computed","ref","reactive","onMounted","onUnmounted","useNamespace","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot","_openBlock","_createElementBlock","_createBlock","_createVNode","_withCtx"],"mappings":"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"}

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

@@ -28,12 +28,11 @@ declare const _default: import("vue").DefineComponent<{
             [name: string]: import("vue").Slot | undefined;
         }>;
         props: {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             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;
@@ -46,15 +45,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     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<{
+}, 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: 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/lib/components/resizable-columns/src/resizable-column2.js

@@ -2,146 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../hooks/index.js');
-var resizableColumn = require('./resizable-column.js');
-var vue = require('vue');
 require('../../../utils/index.js');
-var constants = require('./constants.js');
-var iconsVue = require('@element-plus/icons-vue');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var error = require('../../../utils/error.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElResizableColumn",
-  components: { ArrowLeft: iconsVue.ArrowLeft, ArrowRight: iconsVue.ArrowRight },
-  props: resizableColumn.resizableColumnProps,
-  emits: ["collapse", "expand"],
-  setup(props, { emit, slots, expose }) {
-    const instance = vue.getCurrentInstance();
-    const columnsRoot = vue.inject(constants.resizableColumnsRootContextKey);
-    if (!columnsRoot)
-      error.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 = vue.computed(() => props.collapsable || columnsRoot.props.collapsable);
-    const collapsed = vue.ref(false);
-    const column = vue.reactive({
-      uid: instance.uid,
-      slots,
-      props,
-      maxWidth: 0,
-      parentWidth: 0,
-      index: 0,
-      length: 0,
-      width: 0,
-      left: 0,
-      collapsable,
-      collapsed
-    });
-    vue.onMounted(() => {
-      columnsRoot.registerColumn(column);
-    });
-    vue.onUnmounted(() => {
-      columnsRoot.unregisterColumn(column.uid);
-    });
-    const ns = index.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 resizableColumnProps = runtime.buildProps({
+  collapsable: Boolean,
+  widget: String,
+  maxWidth: String,
+  width: String
 });
-const _hoisted_1 = ["widget"];
-const _hoisted_2 = ["data-index"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_button = vue.resolveComponent("el-button");
-  const _component_ArrowRight = vue.resolveComponent("ArrowRight");
-  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(_ctx.ns.b()),
-      widget: _ctx.widget,
-      style: vue.normalizeStyle({ width: `${_ctx.column.width}px`, left: `${_ctx.column.left}px`, display: _ctx.column.collapsed ? "none" : "unset" })
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 14, _hoisted_1),
-    _ctx.column.index < _ctx.column.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: vue.normalizeClass(["resizer", { "collapsed": _ctx.column.collapsed }]),
-      style: vue.normalizeStyle({ left: `${_ctx.column.left + (_ctx.column.collapsed ? 0 : _ctx.column.width)}px` }),
-      "data-index": _ctx.column.index
-    }, [
-      !_ctx.column.collapsed ? (vue.openBlock(), vue.createBlock(_component_el_button, {
-        key: 0,
-        class: "left",
-        size: "small",
-        onClick: _ctx.handleCollapse,
-        disabled: !_ctx.column.collapsable
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_icon, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_ArrowLeft)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["onClick", "disabled"])) : (vue.openBlock(), vue.createBlock(_component_el_button, {
-        key: 1,
-        class: "right",
-        size: "small",
-        onClick: _ctx.handleExpand,
-        disabled: !_ctx.column.collapsable
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_icon, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_ArrowRight)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["onClick", "disabled"]))
-    ], 14, _hoisted_2)) : vue.createCommentVNode("v-if", true)
-  ], 64);
-}
-var ResizableColumn = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\resizable-columns\\src\\resizable-column.vue"]]);
 
-exports["default"] = ResizableColumn;
+exports.resizableColumnProps = resizableColumnProps;
 //# sourceMappingURL=resizable-column2.js.map

package/lib/components/resizable-columns/src/resizable-column2.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-column2.js","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":["defineComponent","ArrowLeft","ArrowRight","resizableColumnProps","getCurrentInstance","inject","resizableColumnsRootContextKey","throwError","computed","ref","reactive","onMounted","onUnmounted","useNamespace","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot","_openBlock","_createElementBlock","_createBlock","_createVNode","_withCtx"],"mappings":"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"}
+{"version":3,"file":"resizable-column2.js","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":["buildProps"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,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/lib/components/resizable-columns/src/resizable-columns.vue.d.ts

@@ -24,11 +24,15 @@ declare const _default: import("vue").DefineComponent<{
     columnsContainer: import("vue").Ref<null>;
     handleMousedown: (e: any) => void;
     setColumnWidth: (columnIndex: number, width: string) => 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<{
+    toggleColumnCollapse: (columnIndex: number, collapse?: boolean | undefined) => 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: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly widget: StringConstructor;
     readonly minWidth: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
-}>>, {
+}>> & {
+    onExpand?: ((...args: any[]) => any) | undefined;
+    onCollapse?: ((...args: any[]) => any) | undefined;
+}, {
     readonly minWidth: number;
     readonly collapsable: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>;

package/lib/components/resizable-columns/src/resizable-columns2.js

@@ -13,7 +13,8 @@ var index$1 = require('../../../hooks/use-ordered-children/index.js');
 const _sfc_main = vue.defineComponent({
   name: "ElResizableColumns",
   props: resizableColumns.resizableColumnsProps,
-  setup(props) {
+  emits: ["collapse", "expand"],
+  setup(props, { emit }) {
     const ns = index.useNamespace("resizable-columns");
     const MIN_WIDTH = props.minWidth > 0 ? props.minWidth : 50;
     const {
@@ -21,11 +22,44 @@ const _sfc_main = vue.defineComponent({
       addChild: registerColumn,
       removeChild: unregisterColumn
     } = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElResizableColumn");
+    const handleCollapse = (column) => {
+      if (!column.collapsed) {
+        for (let rIndex = column.index + 1; rIndex < columns.value.length; rIndex++) {
+          const rColumn = 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;
+          }
+        }
+        column.collapsed = true;
+        emit("collapse", column.index);
+      }
+    };
+    const handleExpand = (column) => {
+      if (column.collapsed) {
+        column.collapsed = false;
+        const rightColumn = 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 = 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);
+      }
+    };
     vue.provide(constants.resizableColumnsRootContextKey, {
       props,
       columns,
       registerColumn,
-      unregisterColumn
+      unregisterColumn,
+      handleCollapse,
+      handleExpand
     });
     const columnsContainer = vue.ref(null);
     const parentWidth = vue.ref(0);
@@ -52,15 +86,15 @@ const _sfc_main = vue.defineComponent({
       columns.value.forEach((item, index) => {
         if (item.props.maxWidth) {
           if (item.props.maxWidth.endsWith("px")) {
-            item.maxWidth = parseInt(item.props.maxWidth.substring(0, item.props.maxWidth.length - 2));
+            item.maxWidth = Number.parseInt(item.props.maxWidth.slice(0, Math.max(0, item.props.maxWidth.length - 2)));
           } else if (item.props.maxWidth.endsWith("%")) {
-            item.maxWidth = parseInt(item.props.maxWidth.substring(0, item.props.maxWidth.length - 1)) / 100 * parentWidth2;
+            item.maxWidth = Number.parseInt(item.props.maxWidth.slice(0, Math.max(0, item.props.maxWidth.length - 1))) / 100 * parentWidth2;
           }
         }
         if (item.props.width && item.props.width.endsWith("px")) {
-          item.width = parseInt(item.props.width.substring(0, item.props.width.length - 2));
+          item.width = Number.parseInt(item.props.width.slice(0, Math.max(0, item.props.width.length - 2)));
         } else if (item.props.width && item.props.width.endsWith("%")) {
-          item.width = parseInt(item.props.width.substring(0, item.props.width.length - 1)) / 100 * parentWidth2;
+          item.width = Number.parseInt(item.props.width.slice(0, Math.max(0, item.props.width.length - 1))) / 100 * parentWidth2;
         } else {
           item.width = remainWidth / (columns.value.length - index);
         }
@@ -72,15 +106,15 @@ const _sfc_main = vue.defineComponent({
       });
     };
     const handleMousedown = (e) => {
-      const index = e.target.getAttribute("data-index");
-      if (index !== null) {
+      const index = e.target.dataset.index;
+      if (index !== null && index !== void 0) {
         if (columns.value[index].collapsed) {
           return;
         }
         document.onselectstart = () => false;
         document.ondragstart = () => false;
         resizeConfig.last.pos = e.clientX;
-        resizeConfig.last.index = parseInt(index);
+        resizeConfig.last.index = Number.parseInt(index);
         document.addEventListener("mousemove", handleMousemove);
         document.addEventListener("mouseup", handleMouseup);
       }
@@ -152,9 +186,9 @@ const _sfc_main = vue.defineComponent({
       columns.value.forEach((item, index) => {
         if (columnIndex === index) {
           if (width.endsWith("px")) {
-            item.width = parseInt(width.substring(0, width.length - 2));
+            item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 2)));
           } else if (width && width.endsWith("%")) {
-            item.width = parseInt(width.substring(0, width.length - 1)) / 100 * parentWidth.value;
+            item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) / 100 * parentWidth.value;
           } else {
             item.width = remainWidth / (columns.value.length - index);
           }
@@ -165,20 +199,34 @@ const _sfc_main = vue.defineComponent({
         remainWidth -= item.width;
       });
     };
+    const toggleColumnCollapse = (columnIndex, collapse) => {
+      if (columnIndex >= 0 && columnIndex < columns.value.length - 1) {
+        const column = columns.value[columnIndex];
+        if (column) {
+          const toCol = collapse !== void 0 ? collapse : !column.collapsed;
+          if (toCol) {
+            handleCollapse(column);
+          } else {
+            handleExpand(column);
+          }
+        }
+      }
+    };
     return {
       ns,
       columnsContainer,
       handleMousedown,
-      setColumnWidth
+      setColumnWidth,
+      toggleColumnCollapse
     };
   }
 });
 const _hoisted_1 = ["widget"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
+    ref: "columnsContainer",
     class: vue.normalizeClass(_ctx.ns.b()),
     widget: _ctx.widget,
-    ref: "columnsContainer",
     onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args))
   }, [
     vue.renderSlot(_ctx.$slots, "default")

package/lib/components/resizable-columns/src/resizable-columns2.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-columns2.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"ns.b()\"\n    :widget=\"widget\"\n    ref=\"columnsContainer\"\n    @mousedown=\"handleMousedown\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang='ts'>\nimport { defineComponent, getCurrentInstance, onMounted, provide, ref, reactive } from 'vue'\nimport { useNamespace, useOrderedChildren } from '../../../hooks'\nimport { ResizableColumnContext, resizableColumnsRootContextKey } from './constants'\nimport { resizableColumnsProps } from './resizable-columns'\n\n\nexport default defineComponent({\n  name: 'ElResizableColumns',\n  props: resizableColumnsProps,\n  setup(props) {\n    const ns = useNamespace('resizable-columns')\n    const MIN_WIDTH = props.minWidth > 0 ? props.minWidth : 50\n\n    const {\n      children: columns,\n      addChild: registerColumn,\n      removeChild: unregisterColumn\n    } = useOrderedChildren<ResizableColumnContext>(getCurrentInstance()!, 'ElResizableColumn')\n\n    provide(resizableColumnsRootContextKey, {\n      props,\n      columns,\n      registerColumn,\n      unregisterColumn\n    })\n\n    const columnsContainer = ref(null)\n    const parentWidth = ref(0)\n\n    const resizeConfig = reactive({\n      last: {\n        pos: 0, // 上一次鼠标位置\n        index: 0 // 上一个调整宽度的resizer的序号\n      }\n    })\n\n\n    onMounted(() => {\n      // 初始化layout参数\n      if (columnsContainer.value && columns.value.length > 0) {\n        // 监听外层容器 dom resize，更新layout中每个panel的width和left\n        const resizeObserver = new ResizeObserver((entries) => {\n          for (const entry of entries) {\n            const width = entry.contentRect.width\n            parentWidth.value = width\n            initColumnSize(width)\n          }\n        })\n        resizeObserver.observe(columnsContainer.value)\n      }\n    })\n\n\n    const initColumnSize = (parentWidth) => {\n      let remainWidth = parentWidth\n      columns.value.forEach((item, index) => {\n        if (item.props.maxWidth) {\n          if (item.props.maxWidth.endsWith('px')) {\n            item.maxWidth = parseInt(item.props.maxWidth.substring(0, item.props.maxWidth.length - 2))\n          } else if (item.props.maxWidth.endsWith('%')) {\n            item.maxWidth = parseInt(item.props.maxWidth.substring(0, item.props.maxWidth.length - 1)) / 100 * parentWidth\n          }\n        }\n        if (item.props.width && item.props.width.endsWith('px')) {\n          item.width = parseInt(item.props.width.substring(0, item.props.width.length - 2))\n        } else if (item.props.width && item.props.width.endsWith('%')) {\n          item.width = parseInt(item.props.width.substring(0, item.props.width.length - 1)) / 100 * parentWidth\n        } else {\n          item.width = remainWidth / (columns.value.length - index)\n        }\n        item.left = parentWidth - remainWidth\n        remainWidth -= item.width\n\n        item.parentWidth = parentWidth,\n        item.index = index\n        item.collapsed = false\n        item.length = columns.value.length\n      })\n    }\n\n\n    const handleMousedown = (e) => {\n      const index = e.target.getAttribute('data-index')\n      if (index !== null) {\n        if (columns.value[index].collapsed) {\n          return\n        }\n\n        // 禁止文字选择\n        document.onselectstart = () => false\n        // 禁止元素拖拽\n        document.ondragstart = () => false\n        resizeConfig.last.pos = e.clientX\n        resizeConfig.last.index = parseInt(index)\n        document.addEventListener('mousemove', handleMousemove)\n        document.addEventListener('mouseup', handleMouseup)\n      }\n    }\n\n    const handleMousemove = (e) => {\n      // 当前resizer的序号\n      const index = resizeConfig.last.index\n      let offsetX = e.clientX - resizeConfig.last.pos\n      // 找到左边可以调整宽度的panel\n      let leftIndex = index\n      while (leftIndex >= 0 && columns.value[leftIndex].width! <= MIN_WIDTH) {\n        leftIndex--\n      }\n      let rightIndex = index + 1\n      while (rightIndex < columns.value.length && columns.value[rightIndex].width! <= MIN_WIDTH) {\n        rightIndex++\n      }\n      // 当左侧panel全部已经最小化则暂停\n      if (leftIndex < 0 && offsetX < 0) {\n        return\n      }\n      // 当右侧panel全部已经最小化则暂停\n      if (rightIndex >= columns.value.length && offsetX > 0) {\n        return\n      }\n      if (offsetX < 0) {\n        // resizer左侧panel宽度\n        const newLeftWidth = columns.value[leftIndex].width! + offsetX\n        const newRightWidth = columns.value[leftIndex + 1].width! - offsetX\n        const rightMaxWidth = columns.value[leftIndex + 1].maxWidth\n\n        if (newLeftWidth <= MIN_WIDTH) {\n          offsetX = MIN_WIDTH - columns.value[leftIndex].width!\n          columns.value[leftIndex].width = MIN_WIDTH\n        } else if (rightMaxWidth > 0 && newRightWidth > rightMaxWidth) {\n          offsetX = rightMaxWidth - columns.value[leftIndex + 1].width!\n          columns.value[leftIndex].width = columns.value[leftIndex].width! + offsetX\n        } else {\n          columns.value[leftIndex].width = newLeftWidth\n        }\n\n        // 修改被折叠的中间panel（最小宽度）的位置，要放在修改offset的语句后面\n        for (let i = index; i > leftIndex; i--) {\n          columns.value[i].left = columns.value[i].left! + offsetX\n        }\n        columns.value[index + 1].width = columns.value[index + 1].width! - offsetX\n        columns.value[index + 1].left = columns.value[index + 1].left! + offsetX\n        resizeConfig.last.pos = e.clientX\n      } else if (offsetX > 0) {\n        // resizer右侧panel宽度\n        const newRightWidth = columns.value[rightIndex].width! - offsetX\n        const newLeftWidth = columns.value[rightIndex - 1].width! + offsetX\n        const leftMaxWidth = columns.value[rightIndex - 1].maxWidth\n\n        if (newRightWidth <= MIN_WIDTH) {\n          // 要和上面反过来，因为这边的offset要是>0的\n          offsetX = columns.value[rightIndex].width! - MIN_WIDTH\n          columns.value[rightIndex].width = MIN_WIDTH\n        } else if (leftMaxWidth > 0 && newLeftWidth > leftMaxWidth) {\n          offsetX = leftMaxWidth - columns.value[rightIndex - 1].width!\n          columns.value[rightIndex].width = columns.value[rightIndex].width! - offsetX\n        }  else {\n          columns.value[rightIndex].width = newRightWidth\n        }\n        // 修改被折叠的中间panel（最小宽度）的位置\n        for (let i = index + 1; i <= rightIndex; i++) {\n          columns.value[i].left = columns.value[i].left! + offsetX\n        }\n        columns.value[index].width = columns.value[index].width! + offsetX\n        resizeConfig.last.pos = e.clientX\n      }\n    }\n\n    const handleMouseup = () => {\n      // 允许文字选择\n      document.onselectstart = null\n      // 允许元素拖拽\n      document.ondragstart = null\n      document.removeEventListener('mousemove', handleMousemove)\n      document.removeEventListener('mousemove', handleMouseup)\n    }\n\n    const setColumnWidth = (columnIndex: number, width: string) => {\n      let remainWidth = parentWidth.value\n      columns.value.forEach((item, index) => {\n        if (columnIndex === index) {\n          if (width.endsWith('px')) {\n            item.width = parseInt(width.substring(0, width.length - 2))\n          } else if (width && width.endsWith('%')) {\n            item.width = parseInt(width.substring(0, width.length - 1)) / 100 * parentWidth.value\n          } else {\n            item.width = remainWidth / (columns.value.length - index)\n          }\n        } else {\n          item.width = remainWidth / (columns.value.length - index)\n        }\n\n        item.left = parentWidth.value - remainWidth\n        remainWidth -= item.width\n      })\n    }\n\n    return {\n      ns,\n      columnsContainer,\n      handleMousedown,\n      setColumnWidth\n    }\n  }\n})\n</script>\n"],"names":["defineComponent","resizableColumnsProps","useNamespace","useOrderedChildren","getCurrentInstance","provide","resizableColumnsRootContextKey","ref","reactive","onMounted","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"resizable-columns2.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"columnsContainer\"\n    :class=\"ns.b()\"\n    :widget=\"widget\"\n    @mousedown=\"handleMousedown\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n} from 'vue'\nimport { useNamespace, useOrderedChildren } from '../../../hooks'\nimport { resizableColumnsRootContextKey } from './constants'\nimport { resizableColumnsProps } from './resizable-columns'\nimport type { ResizableColumnContext } from './constants'\n\nexport default defineComponent({\n  name: 'ElResizableColumns',\n  props: resizableColumnsProps,\n  emits: ['collapse', 'expand'],\n  setup(props, { emit }) {\n    const ns = useNamespace('resizable-columns')\n    const MIN_WIDTH = props.minWidth > 0 ? props.minWidth : 50\n\n    const {\n      children: columns,\n      addChild: registerColumn,\n      removeChild: unregisterColumn,\n    } = useOrderedChildren<ResizableColumnContext>(\n      getCurrentInstance()!,\n      'ElResizableColumn'\n    )\n\n    const handleCollapse = (column: ResizableColumnContext) => {\n      if (!column.collapsed) {\n        for (let rIndex = column.index! + 1; rIndex < columns.value.length; rIndex++) {\n          const rColumn = 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        column.collapsed = true\n        emit('collapse', column.index)\n      }\n    }\n    const handleExpand = (column: ResizableColumnContext) => {\n      if (column.collapsed) {\n        column.collapsed = false\n        const rightColumn = 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 = 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    provide(resizableColumnsRootContextKey, {\n      props,\n      columns,\n      registerColumn,\n      unregisterColumn,\n      handleCollapse,\n      handleExpand\n    })\n\n    const columnsContainer = ref(null)\n    const parentWidth = ref(0)\n\n    const resizeConfig = reactive({\n      last: {\n        pos: 0, // 上一次鼠标位置\n        index: 0, // 上一个调整宽度的resizer的序号\n      },\n    })\n\n    onMounted(() => {\n      // 初始化layout参数\n      if (columnsContainer.value && columns.value.length > 0) {\n        // 监听外层容器 dom resize，更新layout中每个panel的width和left\n        const resizeObserver = new ResizeObserver((entries) => {\n          for (const entry of entries) {\n            const width = entry.contentRect.width\n            parentWidth.value = width\n            initColumnSize(width)\n          }\n        })\n        resizeObserver.observe(columnsContainer.value)\n      }\n    })\n\n    const initColumnSize = (parentWidth) => {\n      let remainWidth = parentWidth\n      columns.value.forEach((item, index) => {\n        if (item.props.maxWidth) {\n          if (item.props.maxWidth.endsWith('px')) {\n            item.maxWidth = Number.parseInt(\n              item.props.maxWidth.slice(\n                0,\n                Math.max(0, item.props.maxWidth.length - 2)\n              )\n            )\n          } else if (item.props.maxWidth.endsWith('%')) {\n            item.maxWidth =\n              (Number.parseInt(\n                item.props.maxWidth.slice(\n                  0,\n                  Math.max(0, item.props.maxWidth.length - 1)\n                )\n              ) /\n                100) *\n              parentWidth\n          }\n        }\n        if (item.props.width && item.props.width.endsWith('px')) {\n          item.width = Number.parseInt(\n            item.props.width.slice(0, Math.max(0, item.props.width.length - 2))\n          )\n        } else if (item.props.width && item.props.width.endsWith('%')) {\n          item.width =\n            (Number.parseInt(\n              item.props.width.slice(\n                0,\n                Math.max(0, item.props.width.length - 1)\n              )\n            ) /\n              100) *\n            parentWidth\n        } else {\n          item.width = remainWidth / (columns.value.length - index)\n        }\n        item.left = parentWidth - remainWidth\n        remainWidth -= item.width\n        ;(item.parentWidth = parentWidth), (item.index = index)\n        item.collapsed = false\n        item.length = columns.value.length\n      })\n    }\n\n    const handleMousedown = (e) => {\n      const index = e.target.dataset.index\n      if (index !== null && index !== undefined) {\n        if (columns.value[index].collapsed) {\n          return\n        }\n\n        // 禁止文字选择\n        document.onselectstart = () => false\n        // 禁止元素拖拽\n        document.ondragstart = () => false\n        resizeConfig.last.pos = e.clientX\n        resizeConfig.last.index = Number.parseInt(index)\n        document.addEventListener('mousemove', handleMousemove)\n        document.addEventListener('mouseup', handleMouseup)\n      }\n    }\n\n    const handleMousemove = (e) => {\n      // 当前resizer的序号\n      const index = resizeConfig.last.index\n      let offsetX = e.clientX - resizeConfig.last.pos\n      // 找到左边可以调整宽度的panel\n      let leftIndex = index\n      while (leftIndex >= 0 && columns.value[leftIndex].width! <= MIN_WIDTH) {\n        leftIndex--\n      }\n      let rightIndex = index + 1\n      while (\n        rightIndex < columns.value.length &&\n        columns.value[rightIndex].width! <= MIN_WIDTH\n      ) {\n        rightIndex++\n      }\n      // 当左侧panel全部已经最小化则暂停\n      if (leftIndex < 0 && offsetX < 0) {\n        return\n      }\n      // 当右侧panel全部已经最小化则暂停\n      if (rightIndex >= columns.value.length && offsetX > 0) {\n        return\n      }\n      if (offsetX < 0) {\n        // resizer左侧panel宽度\n        const newLeftWidth = columns.value[leftIndex].width! + offsetX\n        const newRightWidth = columns.value[leftIndex + 1].width! - offsetX\n        const rightMaxWidth = columns.value[leftIndex + 1].maxWidth\n\n        if (newLeftWidth <= MIN_WIDTH) {\n          offsetX = MIN_WIDTH - columns.value[leftIndex].width!\n          columns.value[leftIndex].width = MIN_WIDTH\n        } else if (rightMaxWidth > 0 && newRightWidth > rightMaxWidth) {\n          offsetX = rightMaxWidth - columns.value[leftIndex + 1].width!\n          columns.value[leftIndex].width =\n            columns.value[leftIndex].width! + offsetX\n        } else {\n          columns.value[leftIndex].width = newLeftWidth\n        }\n\n        // 修改被折叠的中间panel（最小宽度）的位置，要放在修改offset的语句后面\n        for (let i = index; i > leftIndex; i--) {\n          columns.value[i].left = columns.value[i].left! + offsetX\n        }\n        columns.value[index + 1].width =\n          columns.value[index + 1].width! - offsetX\n        columns.value[index + 1].left = columns.value[index + 1].left! + offsetX\n        resizeConfig.last.pos = e.clientX\n      } else if (offsetX > 0) {\n        // resizer右侧panel宽度\n        const newRightWidth = columns.value[rightIndex].width! - offsetX\n        const newLeftWidth = columns.value[rightIndex - 1].width! + offsetX\n        const leftMaxWidth = columns.value[rightIndex - 1].maxWidth\n\n        if (newRightWidth <= MIN_WIDTH) {\n          // 要和上面反过来，因为这边的offset要是>0的\n          offsetX = columns.value[rightIndex].width! - MIN_WIDTH\n          columns.value[rightIndex].width = MIN_WIDTH\n        } else if (leftMaxWidth > 0 && newLeftWidth > leftMaxWidth) {\n          offsetX = leftMaxWidth - columns.value[rightIndex - 1].width!\n          columns.value[rightIndex].width =\n            columns.value[rightIndex].width! - offsetX\n        } else {\n          columns.value[rightIndex].width = newRightWidth\n        }\n        // 修改被折叠的中间panel（最小宽度）的位置\n        for (let i = index + 1; i <= rightIndex; i++) {\n          columns.value[i].left = columns.value[i].left! + offsetX\n        }\n        columns.value[index].width = columns.value[index].width! + offsetX\n        resizeConfig.last.pos = e.clientX\n      }\n    }\n\n    const handleMouseup = () => {\n      // 允许文字选择\n      document.onselectstart = null\n      // 允许元素拖拽\n      document.ondragstart = null\n      document.removeEventListener('mousemove', handleMousemove)\n      document.removeEventListener('mousemove', handleMouseup)\n    }\n\n    const setColumnWidth = (columnIndex: number, width: string) => {\n      let remainWidth = parentWidth.value\n      columns.value.forEach((item, index) => {\n        if (columnIndex === index) {\n          if (width.endsWith('px')) {\n            item.width = Number.parseInt(\n              width.slice(0, Math.max(0, width.length - 2))\n            )\n          } else if (width && width.endsWith('%')) {\n            item.width =\n              (Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) /\n                100) *\n              parentWidth.value\n          } else {\n            item.width = remainWidth / (columns.value.length - index)\n          }\n        } else {\n          item.width = remainWidth / (columns.value.length - index)\n        }\n\n        item.left = parentWidth.value - remainWidth\n        remainWidth -= item.width\n      })\n    }\n\n    const toggleColumnCollapse = (columnIndex: number, collapse?: boolean) => {\n      if (columnIndex >= 0 && columnIndex < columns.value.length - 1) {\n        const column = columns.value[columnIndex]\n        if (column) {\n          const toCol = collapse !== undefined ? collapse : !column.collapsed\n          if (toCol) {\n            handleCollapse(column)\n          } else {\n            handleExpand(column)\n          }\n        }\n      }\n    }\n\n    return {\n      ns,\n      columnsContainer,\n      handleMousedown,\n      setColumnWidth,\n      toggleColumnCollapse,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","resizableColumnsProps","useNamespace","useOrderedChildren","getCurrentInstance","provide","resizableColumnsRootContextKey","ref","reactive","onMounted","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"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"}

package/lib/components/result/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var result$1 = require('./src/result2.js');
-var result = require('./src/result.js');
+var result$1 = require('./src/result.js');
+var result = require('./src/result2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElResult = install.withInstall(result$1["default"]);