element-pe 2.2.67 → 2.2.69

package/dist/index.full.js

@@ -23507,7 +23507,6 @@
       const currentPlaceholder = vue.computed(() => searchInputValue.value || presentTags.value.length > 0 || isOnComposition.value ? "" : inputPlaceholder.value);
       const isTableInput = vue.computed(() => table && props.tableInput);
       const realSize = vue.computed(() => {
-        console.log(isTableInput.value);
         if (isTableInput.value) {
           return table.props.size === "small" ? "small" : "";
         } else {
@@ -49652,6 +49651,8 @@
     setup(props, { emit }) {
       const ns = useNamespace("resizable-columns");
       const MIN_WIDTH = props.minWidth > 0 ? props.minWidth : 50;
+      const columnsContainer = vue.ref(null);
+      const parentWidth = vue.ref(0);
       const {
         children: columns,
         addChild: registerColumn,
@@ -49680,7 +49681,7 @@
           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;
+          const otherWidth = (parentWidth.value - rightColumn.left - rightColumn.width) / allOtherColumns.length;
           allOtherColumns.forEach((item, index) => {
             item.left = index * otherWidth + rightColumn.left + rightColumn.width;
             item.width = otherWidth;
@@ -49688,16 +49689,42 @@
           emit("expand", column.index);
         }
       };
+      const initColumnSize = () => {
+        let remainWidth = parentWidth.value;
+        columns.value.forEach((item, index) => {
+          if (item.props.maxWidth) {
+            if (item.props.maxWidth.endsWith("px")) {
+              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 = Number.parseInt(item.props.maxWidth.slice(0, Math.max(0, item.props.maxWidth.length - 1))) / 100 * parentWidth.value;
+            }
+          }
+          if (columns.value.length === 1) {
+            item.width = parentWidth.value;
+          } else {
+            if (item.props.width && item.props.width.endsWith("px")) {
+              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 = Number.parseInt(item.props.width.slice(0, Math.max(0, item.props.width.length - 1))) / 100 * parentWidth.value;
+            } else {
+              item.width = remainWidth / (columns.value.length - index);
+            }
+          }
+          item.left = parentWidth.value - remainWidth;
+          remainWidth -= item.width;
+          item.index = index;
+          item.collapsed = false;
+        });
+      };
       vue.provide(resizableColumnsRootContextKey, {
         props,
         columns,
         registerColumn,
         unregisterColumn,
         handleCollapse,
-        handleExpand
+        handleExpand,
+        initColumnSize
       });
-      const columnsContainer = vue.ref(null);
-      const parentWidth = vue.ref(0);
       const resizeConfig = vue.reactive({
         last: {
           pos: 0,
@@ -49705,41 +49732,17 @@
         }
       });
       vue.onMounted(() => {
-        if (columnsContainer.value && columns.value.length > 0) {
+        if (columnsContainer.value) {
           const resizeObserver = new ResizeObserver((entries) => {
             for (const entry of entries) {
               const width = entry.contentRect.width;
               parentWidth.value = width;
-              initColumnSize(width);
+              initColumnSize();
             }
           });
           resizeObserver.observe(columnsContainer.value);
         }
       });
-      const initColumnSize = (parentWidth2) => {
-        let remainWidth = parentWidth2;
-        columns.value.forEach((item, index) => {
-          if (item.props.maxWidth) {
-            if (item.props.maxWidth.endsWith("px")) {
-              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 = 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 = 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 = 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);
-          }
-          item.left = parentWidth2 - remainWidth;
-          remainWidth -= item.width;
-          item.parentWidth = parentWidth2, item.index = index;
-          item.collapsed = false;
-          item.length = columns.value.length;
-        });
-      };
       const handleMousedown = (e) => {
         const index = e.target.dataset.index;
         if (index !== null && index !== void 0) {
@@ -49817,35 +49820,39 @@
         document.removeEventListener("mousemove", handleMouseup);
       };
       const setColumnWidth = (columnIndex, width) => {
-        let remainWidth = parentWidth.value;
-        columns.value.forEach((item, index) => {
-          if (columnIndex === index) {
-            if (width.endsWith("px")) {
-              item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 2)));
-            } else if (width && width.endsWith("%")) {
-              item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) / 100 * parentWidth.value;
+        setTimeout(() => {
+          let remainWidth = parentWidth.value;
+          columns.value.forEach((item, index) => {
+            if (columnIndex === index) {
+              if (width.endsWith("px")) {
+                item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 2)));
+              } else if (width && width.endsWith("%")) {
+                item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) / 100 * parentWidth.value;
+              } else {
+                item.width = remainWidth / (columns.value.length - index);
+              }
             } else {
               item.width = remainWidth / (columns.value.length - index);
             }
-          } else {
-            item.width = remainWidth / (columns.value.length - index);
-          }
-          item.left = parentWidth.value - remainWidth;
-          remainWidth -= item.width;
+            item.left = parentWidth.value - remainWidth;
+            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);
+        setTimeout(() => {
+          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,
@@ -49894,7 +49901,6 @@
         maxWidth: 0,
         parentWidth: 0,
         index: 0,
-        length: 0,
         width: 0,
         left: 0,
         collapsable,
@@ -49902,10 +49908,13 @@
       });
       vue.onMounted(() => {
         columnsRoot.registerColumn(column);
+        columnsRoot.initColumnSize();
       });
       vue.onUnmounted(() => {
         columnsRoot.unregisterColumn(column.uid);
+        columnsRoot.initColumnSize();
       });
+      const columnsCount = vue.computed(() => columnsRoot.columns.value.length);
       const ns = useNamespace("resizable-column");
       const handleCollapse = () => {
         columnsRoot.handleCollapse(column);
@@ -49916,6 +49925,7 @@
       return {
         ns,
         column,
+        columnsCount,
         handleCollapse,
         handleExpand
       };
@@ -49936,7 +49946,7 @@
       }, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 14, _hoisted_1$a),
-      _ctx.column.index < _ctx.column.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+      _ctx.column.index < _ctx.columnsCount - 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` }),