beyond-webui 1.0.6 → 1.0.7

package/attributes.json

@@ -3818,6 +3818,10 @@
     "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)"
@@ -4040,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

@@ -43268,6 +43268,7 @@
       this.columns = [];
       this.fit = true;
       this.isPercentageWidth = false;
+      this.percentageWidth = 0;
       this.showHeader = true;
       this.height = vue.ref(null);
       this.scrollX = vue.ref(false);
@@ -43400,7 +43401,7 @@
           if (!column.width && !column.minWidth) {
             column.realWidth = 80;
           } else {
-            column.realWidth = this.isPercentageWidth && width ? Number.parseInt(width * Number(column.width || column.minWidth) / 100) : 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;
         });
@@ -45292,6 +45293,10 @@
       type: Boolean,
       default: false
     },
+    percentageWidth: {
+      type: Number,
+      default: 0
+    },
     stripe: Boolean,
     border: Boolean,
     rowKey: [String, Function],
@@ -45427,6 +45432,7 @@
         table,
         fit: props.fit,
         isPercentageWidth: props.isPercentageWidth,
+        percentageWidth: props.percentageWidth,
         showHeader: props.showHeader
       });
       table.layout = layout;
@@ -45923,6 +45929,7 @@
     };
     const registerNormalWatchers = () => {
       const props = [
+        "isCalPercentage",
         "label",
         "filters",
         "filterMultiple",
@@ -46112,6 +46119,10 @@
       type: String,
       default: "default"
     },
+    isCalPercentage: {
+      type: Boolean,
+      default: false
+    },
     label: String,
     className: String,
     labelClassName: String,
@@ -46213,6 +46224,7 @@
           filteredValue: [],
           filterPlacement: "",
           isColumnGroup: false,
+          isCalPercentage: false,
           isSubColumn: false,
           filterOpened: false,
           sortable,
@@ -46221,6 +46233,7 @@
         };
         const basicProps = [
           "columnKey",
+          "isCalPercentage",
           "label",
           "className",
           "labelClassName",