iov-pro-components 0.0.58 → 0.0.59

package/lib/iov-pro-components.min.js

@@ -19385,6 +19385,16 @@ var script$b = {
         checked: _toConsumableArray$1(this.checkedColumns)
       };
     },
+    /**
+     * 重新布局
+     * @time 2025-08-20 16:38:29
+     */
+    doLayout: function doLayout() {
+      var _this = this;
+      this.$nextTick(function () {
+        return _this.initTableColumns();
+      });
+    },
     /**
      * 当复选框选中了
      * @param  {Array} val 当前所有值
@@ -19442,7 +19452,7 @@ var script$b = {
      * @time 2024-11-27 18:47:11
      */
     onConfirm: function onConfirm() {
-      var _this = this;
+      var _this2 = this;
       // 需要默认选中的列
       var defaultCheckedColumns = this.tableColumns.filter(function (column) {
         return column.disabled;
@@ -19458,7 +19468,7 @@ var script$b = {
       // 遍历数据
       this.tableColumnsForRender.forEach(function (column) {
         // 如果当前是选中的数据
-        if (_this.checkedColumns.includes(column.value)) {
+        if (_this2.checkedColumns.includes(column.value)) {
           displayColumns.push(column.target);
         }
       });
@@ -19489,20 +19499,20 @@ var script$b = {
      * @time 2024-11-27 18:49:10
      */
     onCancel: function onCancel() {
-      var _this2 = this;
+      var _this3 = this;
       // 关闭弹框
       this.settingVisible = false;
       // 等弹框关闭了再恢复之前的数据
       this.$nextTick(function () {
         // 还原胡乱排序的表头
-        _this2.tableColumns = _toConsumableArray$1(_this2.prevState.columns);
+        _this3.tableColumns = _toConsumableArray$1(_this3.prevState.columns);
         // 设置当前选中的值
-        _this2.onCheckboxSelected(_toConsumableArray$1(_this2.prevState.checked));
+        _this3.onCheckboxSelected(_toConsumableArray$1(_this3.prevState.checked));
       });
     }
   },
   render: function render() {
-    var _this3 = this;
+    var _this4 = this;
     var h = arguments[0];
     var _getComponentNames = getComponentNames(['tooltip', 'popover', 'checkbox', 'link', 'button', 'checkbox-group']),
       _getComponentNames2 = _slicedToArray(_getComponentNames, 6),
@@ -19526,7 +19536,7 @@ var script$b = {
       },
       "on": {
         "input": function input(val) {
-          return _this3.settingVisible = val;
+          return _this4.settingVisible = val;
         }
       }
     }, [h(Tooltip, {
@@ -19856,6 +19866,19 @@ var script$8 = {
     };
   },
   methods: {
+    /**
+     * 重新布局
+     * @time 2025-08-20 16:39:12
+     */
+    doLayout: function doLayout() {
+      var _this = this;
+      // 如果有设置，则需要重新布局
+      if (this.$refs.setting) {
+        this.$nextTick(function () {
+          return _this.$refs.setting.doLayout();
+        });
+      }
+    },
     /**
      * 点击工具栏
      * @param  {String} type 当前配置类型
@@ -19878,7 +19901,7 @@ var script$8 = {
   },
   render: function render() {
     var _this$config,
-      _this = this;
+      _this2 = this;
     var h = arguments[0];
     var _getComponentNames = getComponentNames(['tooltip']),
       _getComponentNames2 = _slicedToArray(_getComponentNames, 1),
@@ -19895,8 +19918,8 @@ var script$8 = {
       if (['style'].includes(item)) {
         return h(__vue_component__$9, {
           "attrs": {
-            "placement": _this.placement,
-            "table": _this.table
+            "placement": _this2.placement,
+            "table": _this2.table
           }
         });
       }
@@ -19906,12 +19929,12 @@ var script$8 = {
           "attrs": {
             "effect": 'dark',
             "content": CONFIG_NAME[item],
-            "placement": _this.placement
+            "placement": _this2.placement
           }
         }, [h("i", {
           "class": 'iov-pro-toolbar__icon iov-icon-refresh',
           "on": {
-            "click": _this.reloadTableData
+            "click": _this2.reloadTableData
           }
         })]);
       }
@@ -19919,16 +19942,17 @@ var script$8 = {
       if (['zoom'].includes(item)) {
         return h(__vue_component__$a, {
           "attrs": {
-            "placement": _this.placement,
-            "table": _this.table
+            "placement": _this2.placement,
+            "table": _this2.table
           }
         });
       } // 如果当前是设置表头字段
       if (['setting'].includes(item)) {
         return h(__vue_component__$b, {
+          "ref": 'setting',
           "attrs": {
-            "placement": _this.placement,
-            "table": _this.table
+            "placement": _this2.placement,
+            "table": _this2.table
           }
         });
       }
@@ -19940,12 +19964,12 @@ var script$8 = {
             "effect": 'dark',
             "disabled": !item.name,
             "content": item.name,
-            "placement": _this.placement
+            "placement": _this2.placement
           }
         }, [h("i", {
           "class": ['iov-pro-toolbar__icon', item.icon].join(' '),
           "on": {
-            "click": _this.onClickToolbar.bind(_this, item)
+            "click": _this2.onClickToolbar.bind(_this2, item)
           }
         })]);
       }
@@ -19954,12 +19978,12 @@ var script$8 = {
           "effect": 'dark',
           "disabled": !item.name,
           "content": item.name,
-          "placement": _this.placement
+          "placement": _this2.placement
         }
       }, [h("i", {
         "class": 'iov-pro-toolbar__icon',
         "on": {
-          "click": _this.onClickToolbar.bind(_this, item)
+          "click": _this2.onClickToolbar.bind(_this2, item)
         }
       }, [h("img", {
         "attrs": {
@@ -20081,7 +20105,9 @@ var script$7 = {
   },
   created: function created() {
     // 初始化
-    this.init();
+    this.doLayout();
+    // 标准化表格事件
+    this.normalizeTableEvent();
   },
   mounted: function mounted() {
     var _this = this;
@@ -20103,19 +20129,32 @@ var script$7 = {
   methods: {
     /**
      * 初始化操作
+     * @params  {String|Array} layoutKey 需要重新布局的key集合
      * @time 2025-08-13 16:24:11
      */
-    init: function init() {
-      // 标准化表单配置
-      this.normalizeFormItems();
-      // 标准化表单配置
-      this.normalizeTableColumns();
-      // 标准化配置
-      this.normalizeConfig();
-      // 标准化表格事件
-      this.normalizeTableEvent();
-      // 标准化表格请求对象
-      this.normalizeTableRequest();
+    doLayout: function doLayout(layoutKey) {
+      var _this2 = this;
+      // 当前需要重新布局的key集合
+      var layoutKeys = [null, undefined, ''].includes(layoutKey) ? ['form-items', 'table-columns', 'config', 'request'] : typeof layoutKey === 'string' ? [layoutKey] : layoutKey;
+      // 等数据传入后在处理
+      this.$nextTick(function () {
+        // 标准化表单配置
+        if (layoutKeys.includes('form-items')) {
+          _this2.normalizeFormItems();
+        }
+        // 标准化表单配置
+        if (layoutKeys.includes('table-columns')) {
+          _this2.normalizeTableColumns();
+        }
+        // 标准化配置
+        if (layoutKeys.includes('config')) {
+          _this2.normalizeConfig();
+        }
+        // 标准化表格请求对象
+        if (layoutKeys.includes('request')) {
+          _this2.normalizeTableRequest();
+        }
+      });
     },
     /**
      * 搜索表单
@@ -20145,7 +20184,7 @@ var script$7 = {
      * @time 2024-11-18 09:49:31
      */
     onReset: function onReset() {
-      var _this2 = this;
+      var _this3 = this;
       // 重置表单数据
       this.$refs.form.resetFields();
       // 清空表格高级搜索的内容
@@ -20153,11 +20192,11 @@ var script$7 = {
       // 接口重新加载数据
       this.$nextTick(function () {
         // 抛出reset事件
-        _this2.$emit('reset');
+        _this3.$emit('reset');
         // 追加请求参数
-        _this2.appendRequestParams(_this2.formData);
+        _this3.appendRequestParams(_this3.formData);
         // 重置表格分页数据
-        _this2.$refs.table.onReset();
+        _this3.$refs.table.onReset();
       });
     },
     /**
@@ -20165,7 +20204,7 @@ var script$7 = {
      * @time 2024-11-26 20:10:08
      */
     normalizeFormItems: function normalizeFormItems() {
-      var _this3 = this;
+      var _this4 = this;
       // 是否使用外部label
       var _this$config = this.config,
         outerLabel = _this$config.outerLabel,
@@ -20201,8 +20240,8 @@ var script$7 = {
           // 当值发生改变时触发校验
           var onSearchByValueChange = function onSearchByValueChange() {
             // 等数据更新后再执行搜索
-            _this3.$nextTick(function () {
-              return _this3.onSearch();
+            _this4.$nextTick(function () {
+              return _this4.onSearch();
             });
           };
           // 输入内容被清空后，重新搜索
@@ -20260,6 +20299,16 @@ var script$7 = {
       });
       // 开始双向绑定
       this.normalizedTableColumns = normalizedTableColumns;
+      // 如果table已经渲染了，则进行重新布局
+      if (this.$refs.table) {
+        this.$refs.table.doLayout(normalizedTableColumns.filter(function (column) {
+          return !column.hidden;
+        }));
+      }
+      // 如果toolbar已经渲染了，则进行重新布局
+      if (this.$refs.toolbar) {
+        this.$refs.toolbar.doLayout();
+      }
     },
     /**
      * 标准化配置信息
@@ -20295,7 +20344,7 @@ var script$7 = {
      * @time 2025-08-13 16:25:25
      */
     normalizeTableEvent: function normalizeTableEvent() {
-      var _this4 = this;
+      var _this5 = this;
       // 当前事件
       var EVENTS = [].concat(_toConsumableArray$1(PAGINATION_EVENTS), _toConsumableArray$1(TABLE_EVENTS));
       // 标准化后的表格事件
@@ -20307,10 +20356,10 @@ var script$7 = {
           }
           // 如果当前是过滤数据
           if (eventKey === 'filter-change') {
-            _this4.onFilterChange.apply(_this4, args);
+            _this5.onFilterChange.apply(_this5, args);
           }
           // 抛出事件
-          _this4.$emit.apply(_this4, [eventKey].concat(args));
+          _this5.$emit.apply(_this5, [eventKey].concat(args));
         };
         // 返回事件
         return memo;
@@ -20323,7 +20372,7 @@ var script$7 = {
      * @time 2025-08-13 16:31:24
      */
     normalizeTableRequest: function normalizeTableRequest() {
-      var _this5 = this;
+      var _this6 = this;
       // 序列化后的表格请求对象
       var normalizedTableRequest = _objectSpread2(_objectSpread2({
         reloadOnParamsChange: true,
@@ -20336,14 +20385,14 @@ var script$7 = {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   // 触发请求前事件
-                  _this5.$emit('before-request', params);
+                  _this6.$emit('before-request', params);
                   // 获取接口请求接口
                   _context.next = 3;
-                  return _this5.request.api(params);
+                  return _this6.request.api(params);
                 case 3:
                   respData = _context.sent;
                   // 触发请求后事件
-                  _this5.$emit('after-request', respData);
+                  _this6.$emit('after-request', respData);
                   return _context.abrupt("return", respData);
                 case 6:
                 case "end":
@@ -20421,7 +20470,7 @@ var script$7 = {
     }
   },
   render: function render() {
-    var _this6 = this;
+    var _this7 = this;
     var h = arguments[0];
     var _getComponentNames = getComponentNames(['col', 'button']),
       _getComponentNames2 = _slicedToArray(_getComponentNames, 2),
@@ -20434,11 +20483,11 @@ var script$7 = {
         toggleStatus = _ref.toggleStatus,
         needCollapse = _ref.needCollapse;
       // 插槽
-      var scopedSlots = _this6.config.simple ? {} : {
+      var scopedSlots = _this7.config.simple ? {} : {
         append: function append() {
           return h(Col, {
             "attrs": {
-              "span": _this6.normalizedFormConfig.span
+              "span": _this7.normalizedFormConfig.span
             }
           }, [h(__vue_component__$w, {
             "class": 'search-table__append',
@@ -20453,7 +20502,7 @@ var script$7 = {
               "round": true
             },
             "on": {
-              "click": _this6.onSearch
+              "click": _this7.onSearch
             }
           }, ["\u67E5\u8BE2"]), h(Button, {
             "attrs": {
@@ -20461,7 +20510,7 @@ var script$7 = {
               "round": true
             },
             "on": {
-              "click": _this6.onReset
+              "click": _this7.onReset
             }
           }, ["\u91CD\u7F6E"]), status && needCollapse && h("span", {
             "class": ['search-table__toggle-status', status].join(' '),
@@ -20474,7 +20523,7 @@ var script$7 = {
         }
       };
       // 遍历所有的prefixLabel
-      _this6.normalizedFormItems.filter(function (item) {
+      _this7.normalizedFormItems.filter(function (item) {
         return item.slots && item.slots.component && item.slots.component.prefixLabel;
       }).forEach(function (item) {
         // 塞入插槽
@@ -20485,16 +20534,16 @@ var script$7 = {
       return h(__vue_component__$m, {
         "ref": 'form',
         "attrs": {
-          "data-source": _this6.dataSource,
-          "value": _this6.formData,
-          "items": _this6.normalizedFormItems,
-          "config": _this6.normalizedFormConfig
+          "data-source": _this7.dataSource,
+          "value": _this7.formData,
+          "items": _this7.normalizedFormItems,
+          "config": _this7.normalizedFormConfig
         },
         "on": {
           "input": function input(val) {
-            return _this6.formData = val;
+            return _this7.formData = val;
           },
-          "change": _this6.onFormChange
+          "change": _this7.onFormChange
         },
         "scopedSlots": scopedSlots
       });
@@ -20505,29 +20554,29 @@ var script$7 = {
       return h(__vue_component__$c, _mergeJSXProps([{
         "ref": 'table',
         "attrs": {
-          "columns": _this6.normalizedTableColumns,
-          "request": _this6.normalizedTableRequest,
-          "config": _this6.normalizedTableConfig
+          "columns": _this7.normalizedTableColumns,
+          "request": _this7.normalizedTableRequest,
+          "config": _this7.normalizedTableConfig
         },
-        "scopedSlots": _this6.$scopedSlots
+        "scopedSlots": _this7.$scopedSlots
       }, {
-        "on": _this6.normalizedTableEvent
+        "on": _this7.normalizedTableEvent
       }]));
     };
 
     // 生成actionbar
     var renderActionBar = function renderActionBar() {
-      return _this6.$scopedSlots['action-bar'] ? _this6.$scopedSlots['action-bar']({
-        data: cloneDeep(_objectSpread2(_objectSpread2({}, _this6.queryData), _this6.tableAdvanceData)),
+      return _this7.$scopedSlots['action-bar'] ? _this7.$scopedSlots['action-bar']({
+        data: cloneDeep(_objectSpread2(_objectSpread2({}, _this7.queryData), _this7.tableAdvanceData)),
         ref: {
           form: function form() {
-            return lodashGet(_this6.$refs.form, '$refs.form');
+            return lodashGet(_this7.$refs.form, '$refs.form');
           },
           table: function table() {
-            return lodashGet(_this6.$refs.table, '$refs.table');
+            return lodashGet(_this7.$refs.table, '$refs.table');
           }
         }
-      }) : _this6.$slots['action-bar'];
+      }) : _this7.$slots['action-bar'];
     };
 
     // 如果内嵌到inner-tabs组件中
@@ -20617,10 +20666,11 @@ var script$7 = {
     }, [renderActionBar()]), h("div", {
       "class": 'search-table__toolbar'
     }, [h(__vue_component__$8, {
+      "ref": 'toolbar',
       "attrs": {
         "config": this.config.toolbar,
         "table": function table() {
-          return _this6.$refs.table;
+          return _this7.$refs.table;
         }
       }
     })])]), renderProTable()])]);
@@ -22062,7 +22112,7 @@ var install = function install(Vue, componentConfig) {
 };
 var index = {
   install: install,
-  version: '0.0.58',
+  version: '0.0.59',
   ColumnTooltip: __vue_component__$x,
   Description: __vue_component__$u,
   DialogItemsSelect: __vue_component__$t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iov-pro-components",
-  "version": "0.0.58",
+  "version": "0.0.59",
   "description": "IOV Pro Components for Vue.js",
   "main": "lib/iov-pro-components.min.js",
   "files": [