beyond-webui 1.0.5 → 1.0.7

package/attributes.json

@@ -3814,6 +3814,14 @@
     ],
     "description": "size of Table\n\n[Docs](https://element-plus.org/en-US/component/table.html#table-attributes)"
   },
+  "el-table/isPercentageWidth": {
+    "type": "boolean",
+    "description": "isPercentageWidth"
+  },
+  "el-table/percentageWidth": {
+    "type": "number",
+    "description": "percentageWidth"
+  },
   "el-table/fit": {
     "type": "boolean",
     "description": "whether width of column automatically fits its container, default: true.\n\n[Docs](https://element-plus.org/en-US/component/table.html#table-attributes)"
@@ -4036,6 +4044,10 @@
     ],
     "description": "type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon.\n\n[Docs](https://element-plus.org/en-US/component/table.html#table-column-attributes)"
   },
+  "el-table-column/isCalPercentage": {
+    "type": "boolean",
+    "description": "isCalPercentage"
+  },
   "el-table-column/index": {
     "type": "number | Function",
     "description": "customize indices for each row, works on columns with `type=index`\n\n[Docs](https://element-plus.org/en-US/component/table.html#table-column-attributes)"

package/dist/index.full.js

@@ -43267,6 +43267,8 @@
       this.store = null;
       this.columns = [];
       this.fit = true;
+      this.isPercentageWidth = false;
+      this.percentageWidth = 0;
       this.showHeader = true;
       this.height = vue.ref(null);
       this.scrollX = vue.ref(false);
@@ -43352,7 +43354,7 @@
       }
       return false;
     }
-    updateColumnsWidth() {
+    updateColumnsWidth(width) {
       if (!isClient)
         return;
       const fit = this.fit;
@@ -43399,7 +43401,7 @@
           if (!column.width && !column.minWidth) {
             column.realWidth = 80;
           } else {
-            column.realWidth = Number(column.width || column.minWidth);
+            column.realWidth = this.isPercentageWidth && width && column.isCalPercentage ? Number.parseInt((width - this.percentageWidth) * Number(column.width || column.minWidth) / 100) : Number(column.width || column.minWidth);
           }
           bodyMinWidth += column.realWidth;
         });
@@ -45026,10 +45028,11 @@
       };
     });
     const doLayout = () => {
+      const el = table.vnode.el;
       if (shouldUpdateHeight.value) {
         layout.updateElsHeight();
       }
-      layout.updateColumnsWidth();
+      layout.updateColumnsWidth(el.offsetWidth);
       requestAnimationFrame(syncPosition);
     };
     vue.onMounted(async () => {
@@ -45286,6 +45289,14 @@
       type: Boolean,
       default: true
     },
+    isPercentageWidth: {
+      type: Boolean,
+      default: false
+    },
+    percentageWidth: {
+      type: Number,
+      default: 0
+    },
     stripe: Boolean,
     border: Boolean,
     rowKey: [String, Function],
@@ -45420,6 +45431,8 @@
         store: table.store,
         table,
         fit: props.fit,
+        isPercentageWidth: props.isPercentageWidth,
+        percentageWidth: props.percentageWidth,
         showHeader: props.showHeader
       });
       table.layout = layout;
@@ -45916,6 +45929,7 @@
     };
     const registerNormalWatchers = () => {
       const props = [
+        "isCalPercentage",
         "label",
         "filters",
         "filterMultiple",
@@ -46105,6 +46119,10 @@
       type: String,
       default: "default"
     },
+    isCalPercentage: {
+      type: Boolean,
+      default: false
+    },
     label: String,
     className: String,
     labelClassName: String,
@@ -46206,6 +46224,7 @@
           filteredValue: [],
           filterPlacement: "",
           isColumnGroup: false,
+          isCalPercentage: false,
           isSubColumn: false,
           filterOpened: false,
           sortable,
@@ -46214,6 +46233,7 @@
         };
         const basicProps = [
           "columnKey",
+          "isCalPercentage",
           "label",
           "className",
           "labelClassName",