element-pe 2.2.65 → 2.2.66

package/dist/index.full.js

@@ -49663,6 +49663,7 @@
         unregisterColumn
       });
       const columnsContainer = vue.ref(null);
+      const parentWidth = vue.ref(0);
       const resizeConfig = vue.reactive({
         last: {
           pos: 0,
@@ -49674,32 +49675,33 @@
           const resizeObserver = new ResizeObserver((entries) => {
             for (const entry of entries) {
               const width = entry.contentRect.width;
+              parentWidth.value = width;
               initColumnSize(width);
             }
           });
           resizeObserver.observe(columnsContainer.value);
         }
       });
-      const initColumnSize = (parentWidth) => {
-        let remainWidth = parentWidth;
+      const initColumnSize = (parentWidth2) => {
+        let remainWidth = parentWidth2;
         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));
             } else if (item.props.maxWidth.endsWith("%")) {
-              item.maxWidth = parseInt(item.props.maxWidth.substring(0, item.props.maxWidth.length - 1)) / 100 * parentWidth;
+              item.maxWidth = parseInt(item.props.maxWidth.substring(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));
           } else if (item.props.width && item.props.width.endsWith("%")) {
-            item.width = parseInt(item.props.width.substring(0, item.props.width.length - 1)) / 100 * parentWidth;
+            item.width = parseInt(item.props.width.substring(0, item.props.width.length - 1)) / 100 * parentWidth2;
           } else {
             item.width = remainWidth / (columns.value.length - index);
           }
-          item.left = parentWidth - remainWidth;
+          item.left = parentWidth2 - remainWidth;
           remainWidth -= item.width;
-          item.parentWidth = parentWidth, item.index = index;
+          item.parentWidth = parentWidth2, item.index = index;
           item.collapsed = false;
           item.length = columns.value.length;
         });
@@ -49780,10 +49782,29 @@
         document.removeEventListener("mousemove", handleMousemove);
         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 = parseInt(width.substring(0, width.length - 2));
+            } else if (width && width.endsWith("%")) {
+              item.width = parseInt(width.substring(0, width.length - 1)) / 100 * parentWidth.value;
+            } else {
+              item.width = remainWidth / (columns.value.length - index);
+            }
+          } else {
+            item.width = remainWidth / (columns.value.length - index);
+          }
+          item.left = parentWidth.value - remainWidth;
+          remainWidth -= item.width;
+        });
+      };
       return {
         ns,
         columnsContainer,
-        handleMousedown
+        handleMousedown,
+        setColumnWidth
       };
     }
   });