mali-ui-plus 1.0.56 → 1.0.58

package/lib/mali-ui-plus.common.js

@@ -19164,6 +19164,9 @@ var GlobalConfig = {
     // rowConfig: {
     //   keyField: '_X_ROW_KEY' // 行数据的唯一主键字段名
     // },
+    resizeConfig: {
+      refreshDelay: 250
+    },
     radioConfig: {
       // trigger: 'default'
       strict: true
@@ -19492,7 +19495,7 @@ var GlobalConfig = {
 ;// CONCATENATED MODULE: ./node_modules/vxe-table/es/tools/log.js
 
 function getLog(message, params) {
-  return "[vxe-table v".concat("4.3.11-beta.2", "] ").concat(conf.i18n(message, params));
+  return "[vxe-table v".concat("4.3.13", "] ").concat(conf.i18n(message, params));
 }
 function outLog(type) {
   return function (message, params) {
@@ -19805,7 +19808,7 @@ function updateCellTitle(overflowElem, column) {
  */
 function getEventTargetNode(evnt, container, queryCls, queryMethod) {
   var targetElem;
-  var target = evnt.target;
+  var target = evnt.target.shadowRoot && evnt.composed ? evnt.composedPath()[0] || evnt.target : evnt.target;
   while (target && target.nodeType && target !== document) {
     if (queryCls && hasClass(target, queryCls) && (!queryMethod || queryMethod(target))) {
       targetElem = target;
@@ -21092,7 +21095,7 @@ var config = new VXETableConfig();
 var v = 'v4';
 var VXETable = {
   v: v,
-  version: "4.3.11-beta.2",
+  version: "4.3.13",
   setup: setup,
   interceptor: interceptor,
   renderer: renderer,
@@ -22418,7 +22421,6 @@ var editHook = {
        * @param {Row} row 指定行
        */
       insertAt: function (records, row) {
-        var _a;
         var treeConfig = props.treeConfig;
         var mergeList = reactData.mergeList,
           editStore = reactData.editStore;
@@ -22434,9 +22436,9 @@ var editHook = {
         if (!xe_utils_default().isArray(records)) {
           records = [records];
         }
-        var newRecords = records.map(function (record) {
-          return $xetable.defineField(Object.assign({}, record));
-        });
+        var newRecords = $xetable.defineField(records.map(function (record) {
+          return Object.assign({}, record);
+        }));
         if (!row) {
           // 如果为虚拟树
           if (treeConfig && transform) {
@@ -22538,13 +22540,20 @@ var editHook = {
             }
           }
         }
-        (_a = editStore.insertList).unshift.apply(_a, newRecords);
-        $xetable.updateFooter();
+        var insertList = editStore.insertList,
+          insertMaps = editStore.insertMaps;
+        newRecords.forEach(function (newRow) {
+          var rowid = getRowid($xetable, newRow);
+          insertMaps[rowid] = newRow;
+        });
+        insertList.unshift.apply(insertList, newRecords);
         $xetable.cacheRowMap();
+        $xetable.updateScrollYStatus();
         $xetable.handleTableData(treeConfig && transform);
         if (!(treeConfig && transform)) {
           $xetable.updateAfterDataIndex();
         }
+        $xetable.updateFooter();
         $xetable.checkSelectionStatus();
         if (reactData.scrollYLoad) {
           $xetable.updateScrollYSpace();
@@ -22578,7 +22587,8 @@ var editHook = {
         var transform = treeOpts.transform;
         var actived = editStore.actived,
           removeList = editStore.removeList,
-          insertList = editStore.insertList;
+          insertList = editStore.insertList,
+          insertMaps = editStore.insertMaps;
         var checkField = checkboxOpts.checkField;
         var rest = [];
         if (!rows) {
@@ -22654,10 +22664,12 @@ var editHook = {
         }
         // 从新增中移除已删除的数据
         rows.forEach(function (row) {
+          var rowid = getRowid($xetable, row);
           var iIndex = $xetable.findRowIndexOf(insertList, row);
           if (iIndex > -1) {
             insertList.splice(iIndex, 1);
           }
+          delete insertMaps[rowid];
         });
         $xetable.updateFooter();
         $xetable.cacheRowMap();
@@ -22722,33 +22734,16 @@ var editHook = {
        * 获取新增的临时数据
        */
       getInsertRecords: function () {
-        var treeConfig = props.treeConfig;
         var editStore = reactData.editStore;
-        var tableFullTreeData = internalData.tableFullTreeData,
-          tableFullData = internalData.tableFullData;
-        var treeOpts = computeTreeOpts.value;
+        var fullAllDataRowIdData = internalData.fullAllDataRowIdData;
         var insertList = editStore.insertList;
         var insertRecords = [];
-        if (insertList.length) {
-          // 如果为虚拟树
-          if (treeConfig && treeOpts.transform) {
-            insertList.forEach(function (row) {
-              var rowid = getRowid($xetable, row);
-              var matchObj = xe_utils_default().findTree(tableFullTreeData, function (item) {
-                return rowid === getRowid($xetable, item);
-              }, treeOpts);
-              if (matchObj) {
-                insertRecords.push(row);
-              }
-            });
-          } else {
-            insertList.forEach(function (row) {
-              if ($xetable.findRowIndexOf(tableFullData, row) > -1) {
-                insertRecords.push(row);
-              }
-            });
+        insertList.forEach(function (row) {
+          var rowid = getRowid($xetable, row);
+          if (fullAllDataRowIdData[rowid]) {
+            insertRecords.push(row);
           }
-        }
+        });
         return insertRecords;
       },
       /**
@@ -30292,11 +30287,9 @@ var tableExportHook = {
         visible: true
       });
       // 默认参数
-      if (!initStore.export) {
-        Object.assign(exportParams, {
-          mode: selectRecords.length ? 'selected' : 'current'
-        }, defOpts);
-      }
+      Object.assign(exportParams, {
+        mode: selectRecords.length ? 'selected' : 'current'
+      }, defOpts);
       if (modes.indexOf(exportParams.mode) === -1) {
         exportParams.mode = modes[0];
       }
@@ -30832,7 +30825,7 @@ var tableKeyboardHook = {
               });
             } else {
               $xetable.setAllCheckboxRow(false);
-              $xetable.setCheckboxRow(rangeRows, true);
+              $xetable.handleCheckedCheckboxRow(rangeRows, true, false);
             }
             triggerEvent_1('change', evnt);
           }
@@ -32855,6 +32848,8 @@ dynamicApp.component('VxeTableColgroup', src_group);
   },
   // 是否自动根据状态属性去更新响应式表格宽高
   syncResize: [Boolean, String, Number],
+  // 响应式布局配置项
+  resizeConfig: Object,
   // 列配置信息
   columnConfig: Object,
   // 行配置信息
@@ -32929,7 +32924,7 @@ dynamicApp.component('VxeTableColgroup', src_group);
   params: Object
 });
 ;// CONCATENATED MODULE: ./node_modules/vxe-table/es/table/src/emits.js
-/* harmony default export */ var emits = (['update:data', 'keydown-start', 'keydown', 'keydown-end', 'paste', 'copy', 'cut', 'current-change', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'cell-selected', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'filter-change', 'filter-visible', 'clear-filter', 'resizable-change', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'edit-actived', 'edit-disabled', 'valid-error', 'scroll', 'custom', 'change-fnr', 'open-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-start', 'cell-area-selection-drag', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-drag', 'cell-area-extension-end', 'cell-area-arrows-start', 'cell-area-arrows-end', 'active-cell-change-start', 'active-cell-change-end']);
+/* harmony default export */ var emits = (['update:data', 'keydown-start', 'keydown', 'keydown-end', 'paste', 'copy', 'cut', 'current-change', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'cell-selected', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'filter-change', 'filter-visible', 'clear-filter', 'resizable-change', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'edit-actived', 'edit-disabled', 'valid-error', 'scroll', 'custom', 'change-fnr', 'open-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-start', 'cell-area-selection-drag', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-drag', 'cell-area-extension-end', 'cell-area-selection-all-start', 'cell-area-selection-all-end', 'cell-area-arrows-start', 'cell-area-arrows-end', 'active-cell-change-start', 'active-cell-change-end']);
 ;// CONCATENATED MODULE: ./node_modules/vxe-table/es/grid/src/grid.js
 
 var grid_assign = undefined && undefined.__assign || function () {
@@ -33798,6 +33793,7 @@ var gridComponentEmits = grid_spreadArray(grid_spreadArray([], emits, true), ['p
                     status: true
                   };
                 }).catch(function () {
+                  reactData.tableLoading = false;
                   return {
                     status: false
                   };
@@ -34534,7 +34530,7 @@ var toolbar_assign = undefined && undefined.__assign || function () {
             code: code,
             button: item,
             $table: $xetable,
-            $grid: $xetable.xegrid,
+            $grid: $xegrid,
             $event: evnt
           };
           if (commandMethod) {
@@ -34555,7 +34551,7 @@ var toolbar_assign = undefined && undefined.__assign || function () {
             code: code,
             tool: item,
             $table: $xetable,
-            $grid: $xetable.xegrid,
+            $grid: $xegrid,
             $event: evnt
           };
           if (commandMethod) {
@@ -39470,7 +39466,6 @@ var lineOffsetSizes = {
       var hasFixedColumn = tableReactData.hasFixedColumn,
         treeExpandeds = tableReactData.treeExpandeds,
         scrollYLoad = tableReactData.scrollYLoad,
-        editStore = tableReactData.editStore,
         rowExpandeds = tableReactData.rowExpandeds,
         expandColumn = tableReactData.expandColumn,
         selectRow = tableReactData.selectRow;
@@ -39535,7 +39530,7 @@ var lineOffsetSizes = {
         // 处理新增状态
         var isNewRow = false;
         if (editConfig) {
-          isNewRow = $xetable.findRowIndexOf(editStore.insertList, row) > -1;
+          isNewRow = $xetable.isInsertByRow(row);
         }
         if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
           rowChildren = row[treeOpts.children];
@@ -39900,7 +39895,8 @@ var lineOffsetSizes = {
       // const isMergeRightFixedExceeded = computeIsMergeRightFixedExceeded.value
       // 如果是使用优化模式
       if (fixedType) {
-        if (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
+        // 如果存在展开行使用全量渲染
+        if (!tableReactData.expandColumn && (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow))) {
           if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
             tableColumn = fixedColumn;
           } else {
@@ -40592,7 +40588,8 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
       var columnOpts = computeColumnOpts.value;
       // 如果是使用优化模式
       if (fixedType) {
-        if (scrollXLoad || allColumnFooterOverflow) {
+        // 如果存在展开行使用全量渲染
+        if (!tableReactData.expandColumn && (scrollXLoad || allColumnFooterOverflow)) {
           if (!mergeFooterList.length || !footerSpanMethod) {
             tableColumn = fixedColumn;
           } else {
@@ -40963,7 +40960,9 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           column: null
         },
         insertList: [],
-        removeList: []
+        insertMaps: {},
+        removeList: [],
+        removeMaps: {}
       },
       // 存放 tooltip 相关信息
       tooltipStore: {
@@ -41139,6 +41138,9 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
     var computeRowOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
       return Object.assign({}, conf.table.rowConfig, props.rowConfig);
     });
+    var computeResizeleOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
+      return Object.assign({}, conf.table.resizeConfig, props.resizeConfig);
+    });
     var computeResizableOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
       return Object.assign({}, conf.table.resizableConfig, props.resizableConfig);
     });
@@ -41318,6 +41320,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       computeSYOpts: computeSYOpts,
       computeColumnOpts: computeColumnOpts,
       computeRowOpts: computeRowOpts,
+      computeResizeleOpts: computeResizeleOpts,
       computeResizableOpts: computeResizableOpts,
       computeSeqOpts: computeSeqOpts,
       computeRadioOpts: computeRadioOpts,
@@ -42345,7 +42348,8 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
             var renderColumnList = tableColumn;
             // 如果是使用优化模式
             if (fixedType) {
-              if (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
+              // 如果存在展开行使用全量渲染
+              if (!reactData.expandColumn && (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow))) {
                 if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
                   renderColumnList = fixedColumn;
                 } else {
@@ -42371,7 +42375,8 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
             var renderColumnList = tableColumn;
             // 如果是使用优化模式
             if (fixedType) {
-              if (scrollXLoad || allColumnFooterOverflow) {
+              // 如果存在展开行使用全量渲染
+              if (!reactData.expandColumn && (scrollXLoad || allColumnFooterOverflow)) {
                 if (!mergeFooterList.length || !footerSpanMethod) {
                   renderColumnList = fixedColumn;
                 } else {
@@ -43012,7 +43017,9 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       scrollXStore.startIndex = 0;
       scrollXStore.endIndex = 1;
       editStore.insertList = [];
+      editStore.insertMaps = {};
       editStore.removeList = [];
+      editStore.removeMaps = {};
       var sYLoad = updateScrollYStatus(fullData);
       reactData.scrollYLoad = sYLoad;
       // 全量数据
@@ -43283,8 +43290,9 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       var sYOpts = computeSYOpts.value;
       var treeOpts = computeTreeOpts.value;
       var transform = treeOpts.transform;
+      var allList = fullData || internalData.tableFullData;
       // 如果gt为0，则总是启用
-      var scrollYLoad = (transform || !treeConfig) && !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt < fullData.length);
+      var scrollYLoad = (transform || !treeConfig) && !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt < allList.length);
       reactData.scrollYLoad = scrollYLoad;
       return scrollYLoad;
     };
@@ -43820,7 +43828,8 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
        */
       isInsertByRow: function (row) {
         var editStore = reactData.editStore;
-        return $xetable.findRowIndexOf(editStore.insertList, row) > -1;
+        var rowid = getRowid($xetable, row);
+        return editStore.insertList.length && editStore.insertMaps[rowid];
       },
       /**
        * 删除所有新增的临时数据
@@ -44038,6 +44047,28 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         }
         return tablePrivateMethods.handleCustom();
       },
+      setColumnWidth: function (fieldOrColumn, width) {
+        var column = handleFieldOrColumn($xetable, fieldOrColumn);
+        if (column) {
+          var colWidth = xe_utils_default().toInteger(width);
+          var rdWidth = colWidth;
+          if (isScale(width)) {
+            var tableBody = refTableBody.value;
+            var bodyElem = tableBody ? tableBody.$el : null;
+            var bodyWidth = bodyElem ? bodyElem.clientWidth - 1 : 0;
+            rdWidth = Math.floor(colWidth * bodyWidth);
+          }
+          column.renderWidth = rdWidth;
+        }
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      },
+      getColumnWidth: function (fieldOrColumn) {
+        var column = handleFieldOrColumn($xetable, fieldOrColumn);
+        if (column) {
+          return column.renderWidth;
+        }
+        return 0;
+      },
       /**
        * 手动重置列的显示隐藏、列宽拖动的状态；
        * 如果为 true 则重置所有状态
@@ -45743,47 +45774,52 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       },
       /**
        * 定义行数据中的列属性，如果不存在则定义
-       * @param {Row} record 行数据
+       * @param {Row} records 行数据
        */
-      defineField: function (record) {
+      defineField: function (records) {
         var treeConfig = props.treeConfig;
         var expandOpts = computeExpandOpts.value;
         var treeOpts = computeTreeOpts.value;
         var radioOpts = computeRadioOpts.value;
         var checkboxOpts = computeCheckboxOpts.value;
         var rowkey = getRowkey($xetable);
-        internalData.tableFullColumn.forEach(function (column) {
-          var field = column.field,
-            editRender = column.editRender;
-          if (field && !xe_utils_default().has(record, field) && !record[field]) {
-            var cellValue = null;
-            if (editRender) {
-              var defaultValue = editRender.defaultValue;
-              if (xe_utils_default().isFunction(defaultValue)) {
-                cellValue = defaultValue({
-                  column: column
-                });
-              } else if (!xe_utils_default().isUndefined(defaultValue)) {
-                cellValue = defaultValue;
+        if (!xe_utils_default().isArray(records)) {
+          records = [records];
+        }
+        return records.map(function (record) {
+          internalData.tableFullColumn.forEach(function (column) {
+            var field = column.field,
+              editRender = column.editRender;
+            if (field && !xe_utils_default().has(record, field) && !record[field]) {
+              var cellValue = null;
+              if (editRender) {
+                var defaultValue = editRender.defaultValue;
+                if (xe_utils_default().isFunction(defaultValue)) {
+                  cellValue = defaultValue({
+                    column: column
+                  });
+                } else if (!xe_utils_default().isUndefined(defaultValue)) {
+                  cellValue = defaultValue;
+                }
               }
+              xe_utils_default().set(record, field, cellValue);
+            }
+          });
+          var otherFields = [radioOpts.labelField, checkboxOpts.checkField, checkboxOpts.labelField, expandOpts.labelField];
+          otherFields.forEach(function (key) {
+            if (key && eqEmptyValue(xe_utils_default().get(record, key))) {
+              xe_utils_default().set(record, key, null);
             }
-            xe_utils_default().set(record, field, cellValue);
+          });
+          if (treeConfig && treeOpts.lazy && xe_utils_default().isUndefined(record[treeOpts.children])) {
+            record[treeOpts.children] = null;
           }
-        });
-        var otherFields = [radioOpts.labelField, checkboxOpts.checkField, checkboxOpts.labelField, expandOpts.labelField];
-        otherFields.forEach(function (key) {
-          if (key && eqEmptyValue(xe_utils_default().get(record, key))) {
-            xe_utils_default().set(record, key, null);
+          // 必须有行数据的唯一主键，可以自行设置；也可以默认生成一个随机数
+          if (eqEmptyValue(xe_utils_default().get(record, rowkey))) {
+            xe_utils_default().set(record, rowkey, getRowUniqueId());
           }
+          return record;
         });
-        if (treeConfig && treeOpts.lazy && xe_utils_default().isUndefined(record[treeOpts.children])) {
-          record[treeOpts.children] = null;
-        }
-        // 必须有行数据的唯一主键，可以自行设置；也可以默认生成一个随机数
-        if (eqEmptyValue(xe_utils_default().get(record, rowkey))) {
-          xe_utils_default().set(record, rowkey, getRowUniqueId());
-        }
-        return record;
       },
       handleTableData: function (force) {
         var scrollYLoad = reactData.scrollYLoad;
@@ -46670,6 +46706,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           return rowToVisible($xetable, row);
         });
       },
+      updateScrollYStatus: updateScrollYStatus,
       // 更新横向 X 可视渲染上下剩余空间大小
       updateScrollXSpace: function () {
         var isGroup = reactData.isGroup,
@@ -46797,6 +46834,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           internalData.tZindex = nextZIndex();
         }
       },
+      handleCheckedCheckboxRow: handleCheckedCheckboxRow,
       /**
        * 行 hover 事件
        */
@@ -47182,9 +47220,15 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           updateStyle();
         });
         if (props.autoResize) {
+          var resizeOpts = computeResizeleOpts.value;
           var el = refElem.value;
           var parentEl = tablePrivateMethods.getParentElem();
-          resizeObserver = createResizeEvent(function () {
+          resizeObserver = createResizeEvent(resizeOpts.refreshDelay ? xe_utils_default().throttle(function () {
+            tableMethods.recalculate(true);
+          }, resizeOpts.refreshDelay, {
+            leading: true,
+            trailing: true
+          }) : function () {
             if (props.autoResize) {
               tableMethods.recalculate(true);
             }
@@ -48186,17 +48230,10 @@ const MlCol_exports_ = MlColvue_type_script_lang_ts_setup_true;
 }));
 ;// CONCATENATED MODULE: ./components/ml-button/MlButton.vue?vue&type=script&lang=ts&setup=true
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-button/MlButton.vue?vue&type=style&index=0&id=6e8e30aa&lang=scss
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ./components/ml-button/MlButton.vue?vue&type=style&index=0&id=6e8e30aa&lang=scss
-
 ;// CONCATENATED MODULE: ./components/ml-button/MlButton.vue
 
 
 
-;
-
 const MlButton_exports_ = MlButtonvue_type_script_lang_ts_setup_true;
 
 /* harmony default export */ var MlButton = (MlButton_exports_);
@@ -48483,7 +48520,7 @@ const MlTextareavue_type_script_lang_ts_setup_true_hoisted_1 = {
     },
     maxLength: {
       type: Number,
-      default: 250
+      default: 200
     },
     placeholder: {
       type: String,
@@ -48577,10 +48614,10 @@ const MlTextareavue_type_script_lang_ts_setup_true_hoisted_1 = {
 }));
 ;// CONCATENATED MODULE: ./components/ml-textarea/MlTextarea.vue?vue&type=script&lang=ts&setup=true
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-textarea/MlTextarea.vue?vue&type=style&index=0&id=52c8f281&lang=scss
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-textarea/MlTextarea.vue?vue&type=style&index=0&id=40b46ee6&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/ml-textarea/MlTextarea.vue?vue&type=style&index=0&id=52c8f281&lang=scss
+;// CONCATENATED MODULE: ./components/ml-textarea/MlTextarea.vue?vue&type=style&index=0&id=40b46ee6&lang=scss
 
 ;// CONCATENATED MODULE: ./components/ml-textarea/MlTextarea.vue
 
@@ -58824,9 +58861,9 @@ function normalizeProps(props) {
 
 // These tag configs are shared between compiler-dom and runtime-dom, so they
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
-const HTML_TAGS = (/* unused pure expression or super */ null && ('html,body,base,head,link,meta,style,title,address,article,aside,footer,' + 'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' + 'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' + 'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' + 'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' + 'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' + 'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' + 'option,output,progress,select,textarea,details,dialog,menu,' + 'summary,template,blockquote,iframe,tfoot'));
+const HTML_TAGS = (/* unused pure expression or super */ null && ('html,body,base,head,link,meta,style,title,address,article,aside,footer,' + 'header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' + 'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' + 'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' + 'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' + 'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' + 'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' + 'option,output,progress,select,textarea,details,dialog,menu,' + 'summary,template,blockquote,iframe,tfoot'));
 // https://developer.mozilla.org/en-US/docs/Web/SVG/Element
-const SVG_TAGS = (/* unused pure expression or super */ null && ('svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' + 'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' + 'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' + 'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' + 'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' + 'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' + 'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' + 'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' + 'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' + 'text,textPath,title,tspan,unknown,use,view'));
+const SVG_TAGS = (/* unused pure expression or super */ null && ('svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' + 'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' + 'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' + 'feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' + 'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' + 'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' + 'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' + 'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' + 'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' + 'text,textPath,title,tspan,unknown,use,view'));
 const VOID_TAGS = 'area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr';
 /**
  * Compiler only.
@@ -59047,6 +59084,7 @@ const shared_esm_bundler_isArray = Array.isArray;
 const isMap = val => toTypeString(val) === '[object Map]';
 const isSet = val => toTypeString(val) === '[object Set]';
 const isDate = val => toTypeString(val) === '[object Date]';
+const isRegExp = val => toTypeString(val) === '[object RegExp]';
 const shared_esm_bundler_isFunction = val => typeof val === 'function';
 const shared_esm_bundler_isString = val => typeof val === 'string';
 const isSymbol = val => typeof val === 'symbol';
@@ -59107,10 +59145,22 @@ const def = (obj, key, value) => {
     value
   });
 };
-const toNumber = val => {
+/**
+ * "123-foo" will be parsed to 123
+ * This is used for the .number modifier in v-model
+ */
+const looseToNumber = val => {
   const n = parseFloat(val);
   return isNaN(n) ? val : n;
 };
+/**
+ * Only conerces number-like strings
+ * "123-foo" will be returned as-is
+ */
+const toNumber = val => {
+  const n = shared_esm_bundler_isString(val) ? Number(val) : NaN;
+  return isNaN(n) ? val : n;
+};
 let _globalThis;
 const getGlobalThis = () => {
   return _globalThis || (_globalThis = typeof globalThis !== 'undefined' ? globalThis : typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : typeof __webpack_require__.g !== 'undefined' ? __webpack_require__.g : {});
@@ -67589,9 +67639,7 @@ const MlTablevue_type_script_lang_ts_setup_true_hoisted_4 = {
         };
         if (props.showTool) {
           opts.zoom = true;
-          if (props.id) {
-            opts.custom = true;
-          }
+          opts.custom = true;
         }
         return {
           ...opts,
@@ -67845,10 +67893,10 @@ const MlTablevue_type_script_lang_ts_setup_true_hoisted_4 = {
 }));
 ;// CONCATENATED MODULE: ./components/ml-table/MlTable.vue?vue&type=script&lang=ts&setup=true
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-table/MlTable.vue?vue&type=style&index=0&id=3a8894df&lang=scss
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-table/MlTable.vue?vue&type=style&index=0&id=752722b6&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/ml-table/MlTable.vue?vue&type=style&index=0&id=3a8894df&lang=scss
+;// CONCATENATED MODULE: ./components/ml-table/MlTable.vue?vue&type=style&index=0&id=752722b6&lang=scss
 
 ;// CONCATENATED MODULE: ./components/ml-table/MlTable.vue
 
@@ -68212,9 +68260,7 @@ const MlGridvue_type_script_lang_ts_setup_true_hoisted_26 = {
         };
         if (props.showTool) {
           opts.zoom = true;
-          if (props.id) {
-            opts.custom = true;
-          }
+          opts.custom = true;
         }
         return {
           ...opts,
@@ -68888,10 +68934,10 @@ const MlGridvue_type_script_lang_ts_setup_true_hoisted_26 = {
 }));
 ;// CONCATENATED MODULE: ./components/ml-table/MlGrid.vue?vue&type=script&lang=ts&setup=true
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-table/MlGrid.vue?vue&type=style&index=0&id=063e2b29&lang=scss
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-table/MlGrid.vue?vue&type=style&index=0&id=dbca7880&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/ml-table/MlGrid.vue?vue&type=style&index=0&id=063e2b29&lang=scss
+;// CONCATENATED MODULE: ./components/ml-table/MlGrid.vue?vue&type=style&index=0&id=dbca7880&lang=scss
 
 ;// CONCATENATED MODULE: ./components/ml-table/MlGrid.vue
 
@@ -72878,7 +72924,6 @@ VXETable.setup({
 
 
 
-
 // import MlPasswordInput from './components/ml-input/MlPasswordInput.vue'
 // import MlAutoInput from './components/ml-input/MlAutoInput.vue'
 
@@ -73052,7 +73097,7 @@ function index_config(options) {
   return config_0;
 }
 const MaliUI = {
-  version: "1.0.55",
+  version: "1.0.57",
   install: index_install,
   config: index_config,
   renderer: index_esm.renderer,