vxe-table 3.8.8-beta.2 → 3.8.8-beta.3

package/lib/custom/src/mixin.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
   methods: {
     _openCustom: function _openCustom() {
@@ -11,9 +13,25 @@ var _default = exports.default = {
       var initStore = this.initStore,
         customStore = this.customStore,
         collectColumn = this.collectColumn;
+      var sortMaps = {};
+      var fixedMaps = {};
+      var visibleMaps = {};
+      _xeUtils.default.eachTree(collectColumn, function (column) {
+        var colid = column.getKey();
+        column.renderFixed = column.fixed;
+        column.renderVisible = column.visible;
+        sortMaps[colid] = column.renderSortNumber;
+        fixedMaps[colid] = column.fixed;
+        visibleMaps[colid] = column.visible;
+      }, {
+        children: 'children'
+      });
+      customStore.oldSortMaps = sortMaps;
+      customStore.oldFixedMaps = fixedMaps;
+      customStore.oldVisibleMaps = visibleMaps;
+      this.customColumnList = collectColumn.slice(0);
       customStore.visible = true;
       initStore.custom = true;
-      this.customColumnList = collectColumn.slice(0);
       this.checkCustomStatus();
       this.calcMaxHeight();
       return this.$nextTick().then(function () {

package/lib/custom/src/mixin.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=exports.default={methods:{_openCustom:function(){var t=this,e=this.initStore,i=this.customStore,s=this.collectColumn;return i.visible=!0,e.custom=!0,this.customColumnList=s.slice(0),this.checkCustomStatus(),this.calcMaxHeight(),this.$nextTick().then(function(){return t.calcMaxHeight()})},_closeCustom:function(){var t=this.customStore,e=this.customOpts;return t.visible&&(t.visible=!1,e.immediate||this.handleCustom()),this.$nextTick()},calcMaxHeight:function(){var t=this.$refs,e=this.customStore,i=t.customWrapper?t.customWrapper.$el:null,s=t.tableHeader?t.tableHeader.$el:null,t=t.tableBody?t.tableBody.$el:null,o=0;s&&(o+=s.clientHeight),t&&(o+=t.clientHeight),e.maxHeight=Math.max(0,i?Math.min(i.clientHeight,o-80):0)},checkCustomStatus:function(){var t=this.customStore,e=this.collectColumn,i=this.customOpts.checkMethod;t.isAll=e.every(function(t){return!!i&&!i({column:t})||t.visible}),t.isIndeterminate=!t.isAll&&e.some(function(t){return(!i||i({column:t}))&&(t.visible||t.halfVisible)})},emitCustomEvent:function(t,e){(this.$xegrid||this).$emit("custom",{type:t,$table:this,$grid:this.$xegrid,$event:e})},triggerCustomEvent:function(t){var e=this.customStore;e.visible?(this.closeCustom(),this.emitCustomEvent("close",t)):(e.btnEl=t.target,this.openCustom(),this.emitCustomEvent("open",t))},customOpenEvent:function(t){var e=this.customStore;e.visible||(e.activeBtn=!0,e.btnEl=t.target,this.openCustom(),this.emitCustomEvent("open",t))},customColseEvent:function(t){var e=this.customStore;e.visible&&(e.activeBtn=!1,this.closeCustom(),this.emitCustomEvent("close",t))}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default=exports.default={methods:{_openCustom:function(){var t=this,e=this.initStore,i=this.customStore,s=this.collectColumn,o={},n={},u={};return _xeUtils.default.eachTree(s,function(t){var e=t.getKey();t.renderFixed=t.fixed,t.renderVisible=t.visible,o[e]=t.renderSortNumber,n[e]=t.fixed,u[e]=t.visible},{children:"children"}),i.oldSortMaps=o,i.oldFixedMaps=n,i.oldVisibleMaps=u,this.customColumnList=s.slice(0),i.visible=!0,e.custom=!0,this.checkCustomStatus(),this.calcMaxHeight(),this.$nextTick().then(function(){return t.calcMaxHeight()})},_closeCustom:function(){var t=this.customStore,e=this.customOpts;return t.visible&&(t.visible=!1,e.immediate||this.handleCustom()),this.$nextTick()},calcMaxHeight:function(){var t=this.$refs,e=this.customStore,i=t.customWrapper?t.customWrapper.$el:null,s=t.tableHeader?t.tableHeader.$el:null,t=t.tableBody?t.tableBody.$el:null,o=0;s&&(o+=s.clientHeight),t&&(o+=t.clientHeight),e.maxHeight=Math.max(0,i?Math.min(i.clientHeight,o-80):0)},checkCustomStatus:function(){var t=this.customStore,e=this.collectColumn,i=this.customOpts.checkMethod;t.isAll=e.every(function(t){return!!i&&!i({column:t})||t.visible}),t.isIndeterminate=!t.isAll&&e.some(function(t){return(!i||i({column:t}))&&(t.visible||t.halfVisible)})},emitCustomEvent:function(t,e){(this.$xegrid||this).$emit("custom",{type:t,$table:this,$grid:this.$xegrid,$event:e})},triggerCustomEvent:function(t){var e=this.customStore;e.visible?(this.closeCustom(),this.emitCustomEvent("close",t)):(e.btnEl=t.target,this.openCustom(),this.emitCustomEvent("open",t))},customOpenEvent:function(t){var e=this.customStore;e.visible||(e.activeBtn=!0,e.btnEl=t.target,this.openCustom(),this.emitCustomEvent("open",t))},customColseEvent:function(t){var e=this.customStore;e.visible&&(e.activeBtn=!1,this.closeCustom(),this.emitCustomEvent("close",t))}}};

package/lib/custom/src/panel.js

@@ -28,15 +28,18 @@ function updateDropHint(_vm, evnt) {
     dragHintEl.style.left = "".concat(Math.min(wrapperEl.clientWidth - wrapperEl.scrollLeft - dragHintEl.clientWidth - 16, evnt.clientX - wrapperRect.x), "px");
   }
 }
-function renderSimplePanel(h, _vm) {
-  var $xetable = _vm.$xetable,
+var renderSimplePanel = function renderSimplePanel(h, _vm) {
+  var _e = _vm._e,
+    $xetable = _vm.$xetable,
     customStore = _vm.customStore;
-  var customOpts = $xetable.customOpts,
-    customColumnList = $xetable.customColumnList,
+  var customColumnList = $xetable.customColumnList,
+    customOpts = $xetable.customOpts,
     isMaxFixedColumn = $xetable.isMaxFixedColumn;
   var maxHeight = customStore.maxHeight;
   var checkMethod = customOpts.checkMethod,
     visibleMethod = customOpts.visibleMethod,
+    allowSort = customOpts.allowSort,
+    allowFixed = customOpts.allowFixed,
     trigger = customOpts.trigger;
   var colVNs = [];
   var customWrapperOns = {};
@@ -50,7 +53,7 @@ function renderSimplePanel(h, _vm) {
       column: column
     }) : true;
     if (isVisible) {
-      var isChecked = column.visible;
+      var isChecked = column.renderVisible;
       var isIndeterminate = column.halfVisible;
       var isColGroup = column.children && column.children.length;
       var colTitle = formatText(column.getTitle(), 1);
@@ -59,16 +62,26 @@ function renderSimplePanel(h, _vm) {
       }) : false;
       colVNs.push(h('li', {
         key: column.id,
+        attrs: {
+          colid: column.id
+        },
         class: ['vxe-table-custom--option', "level--".concat(column.level), {
           'is--group': isColGroup
-        }]
+        }],
+        on: {
+          dragstart: _vm.sortDragstartEvent,
+          dragend: _vm.sortDragendEvent,
+          dragover: _vm.sortDragoverEvent
+        }
       }, [h('div', {
-        title: colTitle,
         class: ['vxe-table-custom--checkbox-option', {
           'is--checked': isChecked,
           'is--indeterminate': isIndeterminate,
           'is--disabled': isDisabled
         }],
+        attrs: {
+          title: _conf.default.i18n('vxe.custom.setting.colVisible')
+        },
         on: {
           click: function click() {
             if (!isDisabled) {
@@ -78,17 +91,33 @@ function renderSimplePanel(h, _vm) {
         }
       }, [h('span', {
         class: ['vxe-checkbox--icon', isIndeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
-      }), h('span', {
-        class: 'vxe-checkbox--label'
-      }, colTitle)]), !parent && customOpts.allowFixed ? h('div', {
+      })]), allowSort && column.level === 1 ? h('div', {
+        class: 'vxe-table-custom--sort-option'
+      }, [h('span', {
+        class: 'vxe-table-custom--sort-btn',
+        attrs: {
+          title: _conf.default.i18n('vxe.custom.setting.sortHelpTip')
+        },
+        on: {
+          mousedown: _vm.sortMousedownEvent,
+          mouseup: _vm.sortMouseupEvent
+        }
+      }, [h('i', {
+        class: _conf.default.icon.TABLE_CUSTOM_SORT
+      })])]) : _e(), h('div', {
+        class: 'vxe-table-custom--checkbox-label',
+        attrs: {
+          title: colTitle
+        }
+      }, colTitle), !parent && allowFixed ? h('div', {
         class: 'vxe-table-custom--fixed-option'
       }, [h('span', {
-        class: ['vxe-table-custom--fixed-left-option', column.fixed === 'left' ? _conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT_ACTIVED : _conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT, {
-          'is--checked': column.fixed === 'left',
-          'is--disabled': isMaxFixedColumn && !column.fixed
+        class: ['vxe-table-custom--fixed-left-option', column.renderFixed === 'left' ? _conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : _conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT, {
+          'is--checked': column.renderFixed === 'left',
+          'is--disabled': isMaxFixedColumn && !column.renderFixed
         }],
         attrs: {
-          title: _conf.default.i18n(column.fixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft')
+          title: _conf.default.i18n(column.renderFixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft')
         },
         on: {
           click: function click() {
@@ -96,19 +125,19 @@ function renderSimplePanel(h, _vm) {
           }
         }
       }), h('span', {
-        class: ['vxe-table-custom--fixed-right-option', column.fixed === 'right' ? _conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVED : _conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT, {
-          'is--checked': column.fixed === 'right',
-          'is--disabled': isMaxFixedColumn && !column.fixed
+        class: ['vxe-table-custom--fixed-right-option', column.renderFixed === 'right' ? _conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : _conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT, {
+          'is--checked': column.renderFixed === 'right',
+          'is--disabled': isMaxFixedColumn && !column.renderFixed
         }],
         attrs: {
-          title: _conf.default.i18n(column.fixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight')
+          title: _conf.default.i18n(column.renderFixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight')
         },
         on: {
           click: function click() {
             _vm.changeFixedOption(column, 'right');
           }
         }
-      })]) : null]));
+      })]) : _e()]));
     }
   });
   var isAllChecked = customStore.isAll;
@@ -118,7 +147,7 @@ function renderSimplePanel(h, _vm) {
     class: ['vxe-table-custom-wrapper', {
       'is--active': customStore.visible
     }]
-  }, [h('ul', {
+  }, customStore.visible ? [h('ul', {
     class: 'vxe-table-custom--header'
   }, [h('li', {
     class: 'vxe-table-custom--option'
@@ -137,34 +166,52 @@ function renderSimplePanel(h, _vm) {
     class: ['vxe-checkbox--icon', isAllIndeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
   }), h('span', {
     class: 'vxe-checkbox--label'
-  }, _conf.default.i18n('vxe.toolbar.customAll'))])])]), h('ul', {
+  }, _conf.default.i18n('vxe.toolbar.customAll'))])])]), h('div', {
+    ref: 'bodyElemRef',
+    class: 'vxe-table-custom--list-wrapper'
+  }, [h('transition-group', {
     class: 'vxe-table-custom--body',
+    props: {
+      name: 'vxe-table-custom--list',
+      tag: 'ul'
+    },
     style: maxHeight ? {
       maxHeight: "".concat(maxHeight, "px")
     } : {},
     on: customWrapperOns
-  }, colVNs), customOpts.showFooter ? h('div', {
+  }, colVNs), h('div', {
+    ref: 'dragHintElemRef',
+    class: 'vxe-table-custom-popup--drag-hint'
+  }, _conf.default.i18n('vxe.custom.cstmDragTarget', [_vm.dragColumn ? _vm.dragColumn.getTitle() : '']))]), customOpts.showFooter ? h('div', {
     class: 'vxe-table-custom--footer'
   }, [h('button', {
     class: 'btn--reset',
     on: {
       click: _vm.resetCustomEvent
     }
-  }, customOpts.resetButtonText || _conf.default.i18n('vxe.toolbar.customRestore')), h('button', {
+  }, customOpts.resetButtonText || _conf.default.i18n('vxe.table.customRestore')), customOpts.immediate ? _e() : h('button', {
+    class: 'btn--cancel',
+    on: {
+      click: _vm.cancelCustomEvent
+    }
+  }, customOpts.resetButtonText || _conf.default.i18n('vxe.table.customCancel')), h('button', {
     class: 'btn--confirm',
     on: {
       click: _vm.confirmCustomEvent
     }
-  }, customOpts.confirmButtonText || _conf.default.i18n('vxe.toolbar.customConfirm'))]) : null]);
-}
-function renderPopupPanel(h, _vm) {
-  var $xetable = _vm.$xetable,
+  }, customOpts.confirmButtonText || _conf.default.i18n('vxe.table.customConfirm'))]) : null] : []);
+};
+var renderPopupPanel = function renderPopupPanel(h, _vm) {
+  var _e = _vm._e,
+    $xetable = _vm.$xetable,
     customStore = _vm.customStore;
   var customOpts = $xetable.customOpts,
     customColumnList = $xetable.customColumnList,
     columnOpts = $xetable.columnOpts,
     isMaxFixedColumn = $xetable.isMaxFixedColumn;
-  var checkMethod = customOpts.checkMethod,
+  var allowSort = customOpts.allowSort,
+    allowFixed = customOpts.allowFixed,
+    checkMethod = customOpts.checkMethod,
     visibleMethod = customOpts.visibleMethod;
   var trVNs = [];
   _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
@@ -172,7 +219,7 @@ function renderPopupPanel(h, _vm) {
       column: column
     }) : true;
     if (isVisible) {
-      var isChecked = column.visible;
+      var isChecked = column.renderVisible;
       var isIndeterminate = column.halfVisible;
       var colTitle = formatText(column.getTitle(), 1);
       var isColGroup = column.children && column.children.length;
@@ -181,35 +228,18 @@ function renderPopupPanel(h, _vm) {
       }) : false;
       trVNs.push(h('tr', {
         key: column.id,
-        class: ["vxe-table-custom-popup--row level--".concat(column.level), {
-          'is--group': isColGroup
-        }],
         attrs: {
           colid: column.id
         },
+        class: ["vxe-table-custom-popup--row level--".concat(column.level), {
+          'is--group': isColGroup
+        }],
         on: {
           dragstart: _vm.sortDragstartEvent,
           dragend: _vm.sortDragendEvent,
           dragover: _vm.sortDragoverEvent
         }
       }, [h('td', {
-        class: 'vxe-table-custom-popup--column-item col--sort'
-      }, [column.level === 1 ? h('span', {
-        class: 'vxe-table-custom-popup--column-sort-btn',
-        on: {
-          mousedown: _vm.sortMousedownEvent,
-          mouseup: _vm.sortMouseupEvent
-        }
-      }, [h('i', {
-        class: 'vxe-icon-sort'
-      })]) : null]), h('td', {
-        class: 'vxe-table-custom-popup--column-item col--name'
-      }, [h('div', {
-        class: 'vxe-table-custom-popup--name',
-        attrs: {
-          title: colTitle
-        }
-      }, colTitle)]), h('td', {
         class: 'vxe-table-custom-popup--column-item col--visible'
       }, [h('div', {
         class: ['vxe-table-custom--checkbox-option', {
@@ -217,6 +247,9 @@ function renderPopupPanel(h, _vm) {
           'is--indeterminate': isIndeterminate,
           'is--disabled': isDisabled
         }],
+        attrs: {
+          title: _conf.default.i18n('vxe.custom.setting.colVisible')
+        },
         on: {
           click: function click() {
             if (!isDisabled) {
@@ -226,11 +259,31 @@ function renderPopupPanel(h, _vm) {
         }
       }, [h('span', {
         class: ['vxe-checkbox--icon', isIndeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
-      })])]), h('td', {
+      })])]), allowSort ? h('td', {
+        class: 'vxe-table-custom-popup--column-item col--sort'
+      }, [column.level === 1 ? h('span', {
+        class: 'vxe-table-custom-popup--column-sort-btn',
+        attrs: {
+          title: _conf.default.i18n('vxe.custom.setting.sortHelpTip')
+        },
+        on: {
+          mousedown: _vm.sortMousedownEvent,
+          mouseup: _vm.sortMouseupEvent
+        }
+      }, [h('i', {
+        class: _conf.default.icon.TABLE_CUSTOM_SORT
+      })]) : null]) : _e(), h('td', {
+        class: 'vxe-table-custom-popup--column-item col--name'
+      }, [h('div', {
+        class: 'vxe-table-custom-popup--name',
+        attrs: {
+          title: colTitle
+        }
+      }, colTitle)]), allowFixed ? h('td', {
         class: 'vxe-table-custom-popup--column-item col--fixed'
-      }, [!parent && customOpts.allowFixed ? h('vxe-radio-group', {
+      }, [!parent ? h('vxe-radio-group', {
         props: {
-          value: column.fixed || '',
+          value: column.renderFixed || '',
           type: 'button',
           size: 'mini',
           options: [{
@@ -248,21 +301,22 @@ function renderPopupPanel(h, _vm) {
         },
         on: {
           input: function input(value) {
-            column.fixed = value;
-          },
-          change: function change() {
-            _vm.changePopupFixedOption(column);
-          }
+            column.renderFixed = value;
+          } // onChange () {
+          //   changePopupFixedOption(column)
+          // }
         }
-      }) : null])]));
+      }) : null]) : _e()]));
     }
   });
+  var isAllChecked = customStore.isAll;
+  var isAllIndeterminate = customStore.isIndeterminate;
   return h('vxe-modal', {
     key: 'popup',
     props: {
+      className: 'vxe-table-custom-popup-wrapper vxe-table--ignore-clear',
       value: customStore.visible,
       title: _conf.default.i18n('vxe.custom.cstmTitle'),
-      className: 'vxe-table-custom-popup-wrapper vxe-table--ignore-clear',
       width: '40vw',
       minWidth: 520,
       height: '50vh',
@@ -290,20 +344,39 @@ function renderPopupPanel(h, _vm) {
           style: {
             width: '80px'
           }
-        }), h('col'), h('col', {
+        }), allowSort ? h('col', {
           style: {
             width: '80px'
           }
-        }), h('col', {
+        }) : _e(), h('col', {
+          style: {
+            minWidth: '120px'
+          }
+        }), allowFixed ? h('col', {
           style: {
             width: '200px'
           }
-        })]), h('thead', {}, [h('tr', {}, [h('th', {}, [h('span', {
+        }) : _e()]), h('thead', {}, [h('tr', {}, [h('th', {}, [h('div', {
+          class: ['vxe-table-custom--checkbox-option', {
+            'is--checked': isAllChecked,
+            'is--indeterminate': isAllIndeterminate
+          }],
+          attrs: {
+            title: _conf.default.i18n('vxe.table.allTitle')
+          },
+          on: {
+            click: _vm.allCustomEvent
+          }
+        }, [h('span', {
+          class: ['vxe-checkbox--icon', isAllIndeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
+        }), h('span', {
+          class: 'vxe-checkbox--label'
+        }, _conf.default.i18n('vxe.toolbar.customAll'))])]), allowSort ? h('th', {}, [h('span', {
           class: 'vxe-table-custom-popup--table-sort-help-title'
         }, _conf.default.i18n('vxe.custom.setting.colSort')), h('vxe-tooltip', {
           props: {
             enterable: true,
-            content: '点击并拖动图标可以调整列的排序'
+            content: _conf.default.i18n('vxe.custom.setting.sortHelpTip')
           },
           scopedSlots: {
             default: function _default() {
@@ -312,7 +385,7 @@ function renderPopupPanel(h, _vm) {
               });
             }
           }
-        })]), h('th', {}, _conf.default.i18n('vxe.custom.setting.colTitle')), h('th', {}, _conf.default.i18n('vxe.custom.setting.colVisible')), h('th', {}, _conf.default.i18n('vxe.custom.setting.colFixed', [columnOpts.maxFixedSize || 0]))])]), h('transition-group', {
+        })]) : _e(), h('th', {}, _conf.default.i18n('vxe.custom.setting.colTitle')), allowFixed ? h('th', {}, _conf.default.i18n('vxe.custom.setting.colFixed', [columnOpts.maxFixedSize || 0])) : _e()])]), h('transition-group', {
           class: 'vxe-table-custom--body',
           props: {
             tag: 'tbody',
@@ -331,7 +404,7 @@ function renderPopupPanel(h, _vm) {
             content: customOpts.resetButtonText || _conf.default.i18n('vxe.custom.cstmRestore')
           },
           on: {
-            click: _vm.resetPopupCustomEvent
+            click: _vm.resetCustomEvent
           }
         }), h('vxe-button', {
           props: {
@@ -352,7 +425,7 @@ function renderPopupPanel(h, _vm) {
       }
     }
   });
-}
+};
 var _default2 = exports.default = {
   name: 'VxeTableCustomPanel',
   props: {
@@ -399,23 +472,66 @@ var _default2 = exports.default = {
         }
       }, 300);
     },
+    getStoreData: function getStoreData() {
+      return {};
+    },
+    handleSaveStore: function handleSaveStore(type) {
+      var $xetable = this.$xetable;
+      var id = $xetable.id,
+        customOpts = $xetable.customOpts;
+      var storage = customOpts.storage,
+        updateStore = customOpts.updateStore;
+      if (storage && id && updateStore) {
+        updateStore({
+          id: id,
+          type: type,
+          storeData: this.getStoreData()
+        });
+      }
+    },
     confirmCustomEvent: function confirmCustomEvent(evnt) {
       var $xetable = this.$xetable;
+      var customColumnList = $xetable.customColumnList;
+      customColumnList.forEach(function (column, index) {
+        var sortIndex = index + 1;
+        column.renderSortNumber = sortIndex;
+        column.fixed = column.renderFixed;
+        column.visible = column.renderVisible;
+      });
       $xetable.closeCustom();
       $xetable.emitCustomEvent('confirm', evnt);
+      this.handleSaveStore('confirm');
     },
     cancelCustomEvent: function cancelCustomEvent(evnt) {
       var $xetable = this.$xetable;
+      var customStore = $xetable.customStore,
+        customColumnList = $xetable.customColumnList;
+      var oldSortMaps = customStore.oldSortMaps,
+        oldFixedMaps = customStore.oldFixedMaps,
+        oldVisibleMaps = customStore.oldVisibleMaps;
+      _xeUtils.default.eachTree(customColumnList, function (column) {
+        var colid = column.getKey();
+        var visible = !!oldVisibleMaps[colid];
+        var fixed = oldFixedMaps[colid] || '';
+        column.renderVisible = visible;
+        column.visible = visible;
+        column.renderFixed = fixed;
+        column.fixed = fixed;
+        column.renderSortNumber = oldSortMaps[colid] || 0;
+      }, {
+        children: 'children'
+      });
       $xetable.closeCustom();
       $xetable.emitCustomEvent('cancel', evnt);
     },
-    resetCustomEvent: function resetCustomEvent(evnt) {
+    handleResetCustomEvent: function handleResetCustomEvent(evnt) {
       var $xetable = this.$xetable;
       $xetable.resetColumn(true);
       $xetable.closeCustom();
       $xetable.emitCustomEvent('reset', evnt);
+      this.handleSaveStore('confirm');
     },
-    resetPopupCustomEvent: function resetPopupCustomEvent(evnt) {
+    resetCustomEvent: function resetCustomEvent(evnt) {
       var _this = this;
       if (_vXETable.default.modal) {
         _vXETable.default.modal.confirm({
@@ -424,7 +540,23 @@ var _default2 = exports.default = {
           escClosable: true
         }).then(function (type) {
           if (type === 'confirm') {
-            _this.resetCustomEvent(evnt);
+            _this.handleResetCustomEvent(evnt);
+          }
+        });
+      } else {
+        this.handleResetCustomEvent(evnt);
+      }
+    },
+    resetPopupCustomEvent: function resetPopupCustomEvent(evnt) {
+      var _this2 = this;
+      if (_vXETable.default.modal) {
+        _vXETable.default.modal.confirm({
+          content: _conf.default.i18n('vxe.custom.cstmConfirmRestore'),
+          className: 'vxe-table--ignore-clear',
+          escClosable: true
+        }).then(function (type) {
+          if (type === 'confirm') {
+            _this2.resetCustomEvent(evnt);
           }
         });
       } else {
@@ -453,9 +585,9 @@ var _default2 = exports.default = {
     changeCheckboxOption: function changeCheckboxOption(column) {
       var $xetable = this.$xetable;
       var customOpts = $xetable.customOpts;
-      var isChecked = !column.visible;
+      var isChecked = !column.renderVisible;
       _xeUtils.default.eachTree([column], function (item) {
-        item.visible = isChecked;
+        item.renderVisible = isChecked;
         item.halfVisible = false;
       });
       this.handleOptionCheck(column);
@@ -467,21 +599,23 @@ var _default2 = exports.default = {
     changeFixedOption: function changeFixedOption(column, colFixed) {
       var $xetable = this.$xetable;
       var isMaxFixedColumn = $xetable.isMaxFixedColumn;
-      if (column.fixed === colFixed) {
-        $xetable.clearColumnFixed(column);
+      if (column.renderFixed === colFixed) {
+        column.renderFixed = '';
+        // $xeTable.clearColumnFixed(column)
       } else {
-        if (!isMaxFixedColumn || column.fixed) {
-          $xetable.setColumnFixed(column, colFixed);
+        if (!isMaxFixedColumn || column.renderFixed) {
+          column.renderFixed = colFixed;
+          // $xeTable.setColumnFixed(column, colFixed)
         }
       }
     },
-    changePopupFixedOption: function changePopupFixedOption(column) {
-      var $xetable = this.$xetable;
-      var isMaxFixedColumn = $xetable.isMaxFixedColumn;
-      if (!isMaxFixedColumn) {
-        $xetable.setColumnFixed(column, column.fixed);
-      }
-    },
+    // changePopupFixedOption  (column) {
+    //   const { $xetable } = this
+    //   const { isMaxFixedColumn } = $xetable
+    //   if (!isMaxFixedColumn) {
+    //     $xetable.setColumnFixed(column, column.fixed)
+    //   }
+    // },
     allCustomEvent: function allCustomEvent() {
       var $xetable = this.$xetable,
         customStore = this.customStore;
@@ -493,7 +627,7 @@ var _default2 = exports.default = {
         if (!checkMethod || checkMethod({
           column: column
         })) {
-          column.visible = isAll;
+          column.renderVisible = isAll;
           column.halfVisible = false;
         }
       });
@@ -572,8 +706,6 @@ var _default2 = exports.default = {
       }
       removeClass(trEl, 'active--drag-target');
       removeClass(trEl, 'active--drag-origin');
-      // 更新顺序
-      this.updateColumnSort();
     },
     sortDragoverEvent: function sortDragoverEvent(evnt) {
       var $xetable = this.$xetable,
@@ -594,15 +726,6 @@ var _default2 = exports.default = {
         this.prevDropTrEl = trEl;
       }
       updateDropHint(this, evnt);
-    },
-    updateColumnSort: function updateColumnSort() {
-      var $xetable = this.$xetable;
-      var customColumnList = $xetable.customColumnList;
-      // 更新顺序
-      customColumnList.forEach(function (column, index) {
-        var sortIndex = index + 1;
-        column.renderSortNumber = sortIndex;
-      });
     }
   }
 };