vxe-table 3.8.8-beta.5 → 3.8.8-beta.7

package/lib/custom/src/mixin.js

@@ -20,6 +20,7 @@ var _default = exports.default = {
         var colid = column.getKey();
         column.renderFixed = column.fixed;
         column.renderVisible = column.visible;
+        column.renderResizeWidth = column.renderWidth;
         sortMaps[colid] = column.renderSortNumber;
         fixedMaps[colid] = column.fixed;
         visibleMaps[colid] = column.visible;
@@ -50,20 +51,14 @@ var _default = exports.default = {
       return this.$nextTick();
     },
     calcMaxHeight: function calcMaxHeight() {
-      var $refs = this.$refs,
+      var $el = this.$el,
         customStore = this.customStore;
-      var customWrapperElem = $refs.customWrapper ? $refs.customWrapper.$el : null;
-      var headElem = $refs.tableHeader ? $refs.tableHeader.$el : null;
-      var bodyElem = $refs.tableBody ? $refs.tableBody.$el : null;
       // 判断面板不能大于表格高度
       var tableHeight = 0;
-      if (headElem) {
-        tableHeight += headElem.clientHeight;
+      if ($el) {
+        tableHeight = $el.clientHeight - 30;
       }
-      if (bodyElem) {
-        tableHeight += bodyElem.clientHeight;
-      }
-      customStore.maxHeight = Math.max(0, customWrapperElem ? Math.min(customWrapperElem.clientHeight, tableHeight - 80) : 0);
+      customStore.maxHeight = Math.max(4, tableHeight);
     },
     checkCustomStatus: function checkCustomStatus() {
       var customStore = this.customStore,

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

@@ -1 +1 @@
-"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.renderVisible}),t.isIndeterminate=!t.isAll&&e.some(function(t){return(!i||i({column:t}))&&(t.renderVisible||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={},r={};return _xeUtils.default.eachTree(s,function(t){var e=t.getKey();t.renderFixed=t.fixed,t.renderVisible=t.visible,t.renderResizeWidth=t.renderWidth,o[e]=t.renderSortNumber,n[e]=t.fixed,r[e]=t.visible},{children:"children"}),i.oldSortMaps=o,i.oldFixedMaps=n,i.oldVisibleMaps=r,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.$el,e=this.customStore,i=0;t&&(i=t.clientHeight-30),e.maxHeight=Math.max(4,i)},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.renderVisible}),t.isIndeterminate=!t.isAll&&e.some(function(t){return(!i||i({column:t}))&&(t.renderVisible||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

@@ -38,9 +38,11 @@ var renderSimplePanel = function renderSimplePanel(h, _vm) {
   var maxHeight = customStore.maxHeight;
   var checkMethod = customOpts.checkMethod,
     visibleMethod = customOpts.visibleMethod,
+    allowVisible = customOpts.allowVisible,
     allowSort = customOpts.allowSort,
     allowFixed = customOpts.allowFixed,
-    trigger = customOpts.trigger;
+    trigger = customOpts.trigger,
+    placement = customOpts.placement;
   var colVNs = [];
   var customWrapperOns = {};
   // hover 触发
@@ -73,7 +75,7 @@ var renderSimplePanel = function renderSimplePanel(h, _vm) {
           dragend: _vm.sortDragendEvent,
           dragover: _vm.sortDragoverEvent
         }
-      }, [h('div', {
+      }, [allowVisible ? h('div', {
         class: ['vxe-table-custom--checkbox-option', {
           'is--checked': isChecked,
           'is--indeterminate': isIndeterminate,
@@ -91,7 +93,7 @@ var renderSimplePanel = 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]
-      })]), allowSort && column.level === 1 ? h('div', {
+      })]) : _e(), allowSort && column.level === 1 ? h('div', {
         class: 'vxe-table-custom--sort-option'
       }, [h('span', {
         class: 'vxe-table-custom--sort-btn',
@@ -144,14 +146,17 @@ var renderSimplePanel = function renderSimplePanel(h, _vm) {
   var isAllIndeterminate = customStore.isIndeterminate;
   return h('div', {
     key: 'simple',
-    class: ['vxe-table-custom-wrapper', {
+    class: ['vxe-table-custom-wrapper', "placement--".concat(placement), {
       'is--active': customStore.visible
-    }]
+    }],
+    style: maxHeight && !['left', 'right'].includes(placement) ? {
+      maxHeight: "".concat(maxHeight, "px")
+    } : {}
   }, customStore.visible ? [h('ul', {
     class: 'vxe-table-custom--header'
   }, [h('li', {
     class: 'vxe-table-custom--option'
-  }, [h('div', {
+  }, [allowVisible ? h('div', {
     class: ['vxe-table-custom--checkbox-option', {
       'is--checked': isAllChecked,
       'is--indeterminate': isAllIndeterminate
@@ -166,7 +171,9 @@ var renderSimplePanel = 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('div', {
+  }, _conf.default.i18n('vxe.toolbar.customAll'))]) : h('span', {
+    class: 'vxe-checkbox--label'
+  }, _conf.default.i18n('vxe.table.customTitle'))])]), h('div', {
     ref: 'bodyElemRef',
     class: 'vxe-table-custom--list-wrapper'
   }, [h('transition-group', {
@@ -175,9 +182,6 @@ var renderSimplePanel = function renderSimplePanel(h, _vm) {
       name: 'vxe-table-custom--list',
       tag: 'ul'
     },
-    style: maxHeight ? {
-      maxHeight: "".concat(maxHeight, "px")
-    } : {},
     on: customWrapperOns
   }, colVNs), h('div', {
     ref: 'dragHintElemRef',
@@ -209,10 +213,14 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
     customColumnList = $xetable.customColumnList,
     columnOpts = $xetable.columnOpts,
     isMaxFixedColumn = $xetable.isMaxFixedColumn;
-  var allowSort = customOpts.allowSort,
+  var modalOptions = customOpts.modalOptions,
+    allowVisible = customOpts.allowVisible,
+    allowSort = customOpts.allowSort,
     allowFixed = customOpts.allowFixed,
+    allowResizable = customOpts.allowResizable,
     checkMethod = customOpts.checkMethod,
     visibleMethod = customOpts.visibleMethod;
+  var modalOpts = Object.assign({}, modalOptions);
   var trVNs = [];
   _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
     var isVisible = visibleMethod ? visibleMethod({
@@ -239,7 +247,7 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           dragend: _vm.sortDragendEvent,
           dragover: _vm.sortDragoverEvent
         }
-      }, [h('td', {
+      }, [allowVisible ? h('td', {
         class: 'vxe-table-custom-popup--column-item col--visible'
       }, [h('div', {
         class: ['vxe-table-custom--checkbox-option', {
@@ -259,7 +267,7 @@ var renderPopupPanel = 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]
-      })])]), allowSort ? h('td', {
+      })])]) : _e(), 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',
@@ -272,16 +280,29 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
         }
       }, [h('i', {
         class: _conf.default.icon.TABLE_CUSTOM_SORT
-      })]) : null]) : _e(), h('td', {
+      })]) : h('span', '-')]) : _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', {
+      }, colTitle)]), allowResizable ? h('td', {
+        class: 'vxe-table-custom-popup--column-item col--resizable'
+      }, [!isChecked || column.children && column.children.length ? h('span', '-') : h('vxe-input', {
+        props: {
+          type: 'integer',
+          min: 40,
+          value: column.renderResizeWidth
+        },
+        on: {
+          modelValue: function modelValue(value) {
+            column.renderResizeWidth = Math.max(40, Number(value));
+          }
+        }
+      })]) : _e(), allowFixed ? h('td', {
         class: 'vxe-table-custom-popup--column-item col--fixed'
-      }, [!parent ? h('vxe-radio-group', {
+      }, [parent ? h('span', '-') : h('vxe-radio-group', {
         props: {
           value: column.renderFixed || '',
           type: 'button',
@@ -306,7 +327,7 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           //   changePopupFixedOption(column)
           // }
         }
-      }) : null]) : _e()]));
+      })]) : _e()]));
     }
   });
   var isAllChecked = customStore.isAll;
@@ -314,13 +335,13 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
   return h('vxe-modal', {
     key: 'popup',
     props: {
-      className: 'vxe-table-custom-popup-wrapper vxe-table--ignore-clear',
+      className: ['vxe-table-custom-popup-wrapper', 'vxe-table--ignore-clear', modalOpts.className || ''].join(' '),
       value: customStore.visible,
-      title: _conf.default.i18n('vxe.custom.cstmTitle'),
-      width: '40vw',
-      minWidth: 520,
-      height: '50vh',
-      minHeight: 300,
+      title: modalOpts.title || _conf.default.i18n('vxe.custom.cstmTitle'),
+      width: modalOpts.width || '50vw',
+      minWidth: modalOpts.minWidth || 700,
+      height: modalOpts.height || '50vh',
+      minHeight: modalOpts.minHeight || 400,
       mask: true,
       lockView: true,
       showFooter: true,
@@ -340,11 +361,11 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           class: 'vxe-table-custom-popup--body'
         }, [h('div', {
           class: 'vxe-table-custom-popup--table-wrapper'
-        }, [h('table', {}, [h('colgroup', {}, [h('col', {
+        }, [h('table', {}, [h('colgroup', {}, [allowVisible ? h('col', {
           style: {
             width: '80px'
           }
-        }), allowSort ? h('col', {
+        }) : _e(), allowSort ? h('col', {
           style: {
             width: '80px'
           }
@@ -352,11 +373,15 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           style: {
             minWidth: '120px'
           }
-        }), allowFixed ? h('col', {
+        }), allowResizable ? h('col', {
+          style: {
+            width: '140px'
+          }
+        }) : _e(), allowFixed ? h('col', {
           style: {
             width: '200px'
           }
-        }) : _e()]), h('thead', {}, [h('tr', {}, [h('th', {}, [h('div', {
+        }) : _e()]), h('thead', {}, [h('tr', {}, [allowVisible ? h('th', {}, [h('div', {
           class: ['vxe-table-custom--checkbox-option', {
             'is--checked': isAllChecked,
             'is--indeterminate': isAllIndeterminate
@@ -371,7 +396,7 @@ var renderPopupPanel = function renderPopupPanel(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'))])]), allowSort ? h('th', {}, [h('span', {
+        }, _conf.default.i18n('vxe.toolbar.customAll'))])]) : _e(), 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: {
@@ -385,7 +410,7 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
               });
             }
           }
-        })]) : _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', {
+        })]) : _e(), h('th', {}, _conf.default.i18n('vxe.custom.setting.colTitle')), allowResizable ? h('th', {}, _conf.default.i18n('vxe.custom.setting.colResizable')) : _e(), 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',
@@ -485,18 +510,39 @@ var _default2 = exports.default = {
         updateStore({
           id: id,
           type: type,
-          storeData: this.getStoreData()
+          storeData: $xetable.getCustomStoreData()
         });
       }
     },
     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;
+      var customOpts = $xetable.customOpts,
+        customColumnList = $xetable.customColumnList;
+      var allowVisible = customOpts.allowVisible,
+        allowSort = customOpts.allowSort,
+        allowFixed = customOpts.allowFixed,
+        allowResizable = customOpts.allowResizable;
+      _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
+        if (!parent) {
+          if (allowSort) {
+            var sortIndex = index + 1;
+            column.renderSortNumber = sortIndex;
+          }
+          if (allowFixed) {
+            column.fixed = column.renderFixed;
+          }
+        }
+        if (allowResizable) {
+          if (column.renderVisible && (!column.children || column.children.length)) {
+            if (column.renderResizeWidth !== column.renderWidth) {
+              column.resizeWidth = column.renderResizeWidth;
+              column.renderWidth = column.renderResizeWidth;
+            }
+          }
+        }
+        if (allowVisible) {
+          column.visible = column.renderVisible;
+        }
       });
       $xetable.closeCustom();
       $xetable.emitCustomEvent('confirm', evnt);
@@ -505,19 +551,33 @@ var _default2 = exports.default = {
     cancelCustomEvent: function cancelCustomEvent(evnt) {
       var $xetable = this.$xetable;
       var customStore = $xetable.customStore,
+        customOpts = $xetable.customOpts,
         customColumnList = $xetable.customColumnList;
       var oldSortMaps = customStore.oldSortMaps,
         oldFixedMaps = customStore.oldFixedMaps,
         oldVisibleMaps = customStore.oldVisibleMaps;
+      var allowVisible = customOpts.allowVisible,
+        allowSort = customOpts.allowSort,
+        allowFixed = customOpts.allowFixed,
+        allowResizable = customOpts.allowResizable;
       _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;
+        if (allowVisible) {
+          column.renderVisible = visible;
+          column.visible = visible;
+        }
+        if (allowFixed) {
+          column.renderFixed = fixed;
+          column.fixed = fixed;
+        }
+        if (allowSort) {
+          column.renderSortNumber = oldSortMaps[colid] || 0;
+        }
+        if (allowResizable) {
+          column.renderResizeWidth = column.renderWidth;
+        }
       }, {
         children: 'children'
       });
@@ -529,7 +589,7 @@ var _default2 = exports.default = {
       $xetable.resetColumn(true);
       $xetable.closeCustom();
       $xetable.emitCustomEvent('reset', evnt);
-      this.handleSaveStore('confirm');
+      this.handleSaveStore('reset');
     },
     resetCustomEvent: function resetCustomEvent(evnt) {
       var _this = this;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vXETable=_interopRequireDefault(require("../../v-x-e-table")),_utils=_interopRequireDefault(require("../../tools/utils")),_dom=_interopRequireDefault(require("../../tools/dom")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var formatText=_utils.default.formatText,addClass=_dom.default.addClass,removeClass=_dom.default.removeClass;function updateDropHint(e,t){var o,e=e.$refs,n=e.dragHintElemRef,e=e.bodyElemRef;e&&n&&(o=(e=e.parentNode).getBoundingClientRect(),n.style.display="block",n.style.top="".concat(Math.min(e.clientHeight-e.scrollTop-n.clientHeight,t.clientY-o.y),"px"),n.style.left="".concat(Math.min(e.clientWidth-e.scrollLeft-n.clientWidth-16,t.clientX-o.x),"px"))}var renderSimplePanel=function(u,d){var m=d._e,e=d.$xetable,t=d.customStore,o=e.customColumnList,n=e.customOpts,f=e.isMaxFixedColumn,e=t.maxHeight,v=n.checkMethod,p=n.visibleMethod,x=n.allowSort,b=n.allowFixed,i=n.trigger,h=[],l={},i=("hover"===i&&(l.mouseenter=d.handleWrapperMouseenterEvent,l.mouseleave=d.handleWrapperMouseleaveEvent),_xeUtils.default.eachTree(o,function(e,t,o,n,i){var l,s,a,r,c;p&&!p({column:e})||(l=e.renderVisible,s=e.halfVisible,a=e.children&&e.children.length,r=formatText(e.getTitle(),1),c=!!v&&!v({column:e}),h.push(u("li",{key:e.id,attrs:{colid:e.id},class:["vxe-table-custom--option","level--".concat(e.level),{"is--group":a}],on:{dragstart:d.sortDragstartEvent,dragend:d.sortDragendEvent,dragover:d.sortDragoverEvent}},[u("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":s,"is--disabled":c}],attrs:{title:_conf.default.i18n("vxe.custom.setting.colVisible")},on:{click:function(){c||d.changeCheckboxOption(e)}}},[u("span",{class:["vxe-checkbox--icon",s?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:l?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})]),x&&1===e.level?u("div",{class:"vxe-table-custom--sort-option"},[u("span",{class:"vxe-table-custom--sort-btn",attrs:{title:_conf.default.i18n("vxe.custom.setting.sortHelpTip")},on:{mousedown:d.sortMousedownEvent,mouseup:d.sortMouseupEvent}},[u("i",{class:_conf.default.icon.TABLE_CUSTOM_SORT})])]):m(),u("div",{class:"vxe-table-custom--checkbox-label",attrs:{title:r}},r),!i&&b?u("div",{class:"vxe-table-custom--fixed-option"},[u("span",{class:["vxe-table-custom--fixed-left-option","left"===e.renderFixed?_conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:_conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT,{"is--checked":"left"===e.renderFixed,"is--disabled":f&&!e.renderFixed}],attrs:{title:_conf.default.i18n("left"===e.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft")},on:{click:function(){d.changeFixedOption(e,"left")}}}),u("span",{class:["vxe-table-custom--fixed-right-option","right"===e.renderFixed?_conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:_conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT,{"is--checked":"right"===e.renderFixed,"is--disabled":f&&!e.renderFixed}],attrs:{title:_conf.default.i18n("right"===e.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight")},on:{click:function(){d.changeFixedOption(e,"right")}}})]):m()])))}),t.isAll),o=t.isIndeterminate;return u("div",{key:"simple",class:["vxe-table-custom-wrapper",{"is--active":t.visible}]},t.visible?[u("ul",{class:"vxe-table-custom--header"},[u("li",{class:"vxe-table-custom--option"},[u("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":i,"is--indeterminate":o}],attrs:{title:_conf.default.i18n("vxe.table.allTitle")},on:{click:d.allCustomEvent}},[u("span",{class:["vxe-checkbox--icon",o?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:i?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),u("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.toolbar.customAll"))])])]),u("div",{ref:"bodyElemRef",class:"vxe-table-custom--list-wrapper"},[u("transition-group",{class:"vxe-table-custom--body",props:{name:"vxe-table-custom--list",tag:"ul"},style:e?{maxHeight:"".concat(e,"px")}:{},on:l},h),u("div",{ref:"dragHintElemRef",class:"vxe-table-custom-popup--drag-hint"},_conf.default.i18n("vxe.custom.cstmDragTarget",[d.dragColumn?d.dragColumn.getTitle():""]))]),n.showFooter?u("div",{class:"vxe-table-custom--footer"},[u("button",{class:"btn--reset",on:{click:d.resetCustomEvent}},n.resetButtonText||_conf.default.i18n("vxe.table.customRestore")),n.immediate?m():u("button",{class:"btn--cancel",on:{click:d.cancelCustomEvent}},n.resetButtonText||_conf.default.i18n("vxe.table.customCancel")),u("button",{class:"btn--confirm",on:{click:d.confirmCustomEvent}},n.confirmButtonText||_conf.default.i18n("vxe.table.customConfirm"))]):null]:[])},renderPopupPanel=function(u,d){var m=d._e,e=d.$xetable,t=d.customStore,o=e.customOpts,n=e.customColumnList,i=e.columnOpts,f=e.isMaxFixedColumn,v=o.allowSort,p=o.allowFixed,x=o.checkMethod,b=o.visibleMethod,h=[],l=(_xeUtils.default.eachTree(n,function(t,e,o,n,i){var l,s,a,r,c;b&&!b({column:t})||(l=t.renderVisible,s=t.halfVisible,a=formatText(t.getTitle(),1),r=t.children&&t.children.length,c=!!x&&!x({column:t}),h.push(u("tr",{key:t.id,attrs:{colid:t.id},class:["vxe-table-custom-popup--row level--".concat(t.level),{"is--group":r}],on:{dragstart:d.sortDragstartEvent,dragend:d.sortDragendEvent,dragover:d.sortDragoverEvent}},[u("td",{class:"vxe-table-custom-popup--column-item col--visible"},[u("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":s,"is--disabled":c}],attrs:{title:_conf.default.i18n("vxe.custom.setting.colVisible")},on:{click:function(){c||d.changeCheckboxOption(t)}}},[u("span",{class:["vxe-checkbox--icon",s?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:l?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})])]),v?u("td",{class:"vxe-table-custom-popup--column-item col--sort"},[1===t.level?u("span",{class:"vxe-table-custom-popup--column-sort-btn",attrs:{title:_conf.default.i18n("vxe.custom.setting.sortHelpTip")},on:{mousedown:d.sortMousedownEvent,mouseup:d.sortMouseupEvent}},[u("i",{class:_conf.default.icon.TABLE_CUSTOM_SORT})]):null]):m(),u("td",{class:"vxe-table-custom-popup--column-item col--name"},[u("div",{class:"vxe-table-custom-popup--name",attrs:{title:a}},a)]),p?u("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[i?null:u("vxe-radio-group",{props:{value:t.renderFixed||"",type:"button",size:"mini",options:[{label:_conf.default.i18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:f},{label:_conf.default.i18n("vxe.custom.setting.fixedUnset"),value:""},{label:_conf.default.i18n("vxe.custom.setting.fixedRight"),value:"right",disabled:f}]},on:{input:function(e){t.renderFixed=e}}})]):m()])))}),t.isAll),s=t.isIndeterminate;return u("vxe-modal",{key:"popup",props:{className:"vxe-table-custom-popup-wrapper vxe-table--ignore-clear",value:t.visible,title:_conf.default.i18n("vxe.custom.cstmTitle"),width:"40vw",minWidth:520,height:"50vh",minHeight:300,mask:!0,lockView:!0,showFooter:!0,resize:!0,escClosable:!0,destroyOnClose:!0},on:{input:function(e){t.visible=e}},scopedSlots:{default:function(){return u("div",{ref:"bodyElemRef",class:"vxe-table-custom-popup--body"},[u("div",{class:"vxe-table-custom-popup--table-wrapper"},[u("table",{},[u("colgroup",{},[u("col",{style:{width:"80px"}}),v?u("col",{style:{width:"80px"}}):m(),u("col",{style:{minWidth:"120px"}}),p?u("col",{style:{width:"200px"}}):m()]),u("thead",{},[u("tr",{},[u("th",{},[u("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":s}],attrs:{title:_conf.default.i18n("vxe.table.allTitle")},on:{click:d.allCustomEvent}},[u("span",{class:["vxe-checkbox--icon",s?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:l?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),u("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.toolbar.customAll"))])]),v?u("th",{},[u("span",{class:"vxe-table-custom-popup--table-sort-help-title"},_conf.default.i18n("vxe.custom.setting.colSort")),u("vxe-tooltip",{props:{enterable:!0,content:_conf.default.i18n("vxe.custom.setting.sortHelpTip")},scopedSlots:{default:function(){return u("i",{class:"vxe-table-custom-popup--table-sort-help-icon vxe-icon-question-circle-fill"})}}})]):m(),u("th",{},_conf.default.i18n("vxe.custom.setting.colTitle")),p?u("th",{},_conf.default.i18n("vxe.custom.setting.colFixed",[i.maxFixedSize||0])):m()])]),u("transition-group",{class:"vxe-table-custom--body",props:{tag:"tbody",name:"vxe-table-custom--list"}},h)])]),u("div",{ref:"dragHintElemRef",class:"vxe-table-custom-popup--drag-hint"},_conf.default.i18n("vxe.custom.cstmDragTarget",[d.dragColumn?d.dragColumn.getTitle():""]))])},footer:function(){return u("div",{class:"vxe-table-custom-popup--footer"},[u("vxe-button",{props:{content:o.resetButtonText||_conf.default.i18n("vxe.custom.cstmRestore")},on:{click:d.resetCustomEvent}}),u("vxe-button",{props:{content:o.resetButtonText||_conf.default.i18n("vxe.custom.cstmCancel")},on:{click:d.cancelCustomEvent}}),u("vxe-button",{props:{status:"primary",content:o.confirmButtonText||_conf.default.i18n("vxe.custom.cstmConfirm")},on:{click:d.confirmCustomEvent}})])}}})},_default2=exports.default={name:"VxeTableCustomPanel",props:{customStore:{type:Object,default:function(){return{}}}},inject:{$xetable:{default:null}},data:function(){return{dragColumn:null}},computed:{},render:function(e){return("popup"===this.$xetable.customOpts.mode?renderPopupPanel:renderSimplePanel)(e,this)},methods:{handleWrapperMouseenterEvent:function(e){var t=this.$xetable;this.customStore.activeWrapper=!0,t.customOpenEvent(e)},handleWrapperMouseleaveEvent:function(e){var t=this.$xetable,o=this.customStore;o.activeWrapper=!1,setTimeout(function(){o.activeBtn||o.activeWrapper||t.customColseEvent(e)},300)},getStoreData:function(){return{}},handleSaveStore:function(e){var t=this.$xetable,o=t.id,t=t.customOpts,n=t.storage,t=t.updateStore;n&&o&&t&&t({id:o,type:e,storeData:this.getStoreData()})},confirmCustomEvent:function(e){var t=this.$xetable;t.customColumnList.forEach(function(e,t){e.renderSortNumber=t+1,e.fixed=e.renderFixed,e.visible=e.renderVisible}),t.closeCustom(),t.emitCustomEvent("confirm",e),this.handleSaveStore("confirm")},cancelCustomEvent:function(e){var t=this.$xetable,o=t.customStore,n=t.customColumnList,i=o.oldSortMaps,l=o.oldFixedMaps,s=o.oldVisibleMaps;_xeUtils.default.eachTree(n,function(e){var t=e.getKey(),o=!!s[t],n=l[t]||"";e.renderVisible=o,e.visible=o,e.renderFixed=n,e.fixed=n,e.renderSortNumber=i[t]||0},{children:"children"}),t.closeCustom(),t.emitCustomEvent("cancel",e)},handleResetCustomEvent:function(e){var t=this.$xetable;t.resetColumn(!0),t.closeCustom(),t.emitCustomEvent("reset",e),this.handleSaveStore("confirm")},resetCustomEvent:function(t){var o=this;_vXETable.default.modal?_vXETable.default.modal.confirm({content:_conf.default.i18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(function(e){"confirm"===e&&o.handleResetCustomEvent(t)}):this.handleResetCustomEvent(t)},resetPopupCustomEvent:function(t){var o=this;_vXETable.default.modal?_vXETable.default.modal.confirm({content:_conf.default.i18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(function(e){"confirm"===e&&o.resetCustomEvent(t)}):this.resetCustomEvent(t)},handleOptionCheck:function(t){var e=this.$xetable.customColumnList,e=_xeUtils.default.findTree(e,function(e){return e===t});e&&e.parent&&(e=e.parent).children&&e.children.length&&(e.visible=e.children.every(function(e){return e.visible}),e.halfVisible=!e.visible&&e.children.some(function(e){return e.visible||e.halfVisible}),this.handleOptionCheck(e))},changeCheckboxOption:function(e){var t=this.$xetable,o=t.customOpts,n=!e.renderVisible;_xeUtils.default.eachTree([e],function(e){e.renderVisible=n,e.halfVisible=!1}),this.handleOptionCheck(e),o.immediate&&t.handleCustom(),t.checkCustomStatus()},changeFixedOption:function(e,t){var o=this.$xetable.isMaxFixedColumn;e.renderFixed===t?e.renderFixed="":o&&!e.renderFixed||(e.renderFixed=t)},allCustomEvent:function(){var e=this.$xetable,t=this.customStore,o=e.customOpts,n=e.customColumnList,i=o.checkMethod,l=!t.isAll;_xeUtils.default.eachTree(n,function(e){i&&!i({column:e})||(e.renderVisible=l,e.halfVisible=!1)}),t.isAll=l,e.checkCustomStatus()},sortMousedownEvent:function(e){var t=this.$xetable,e=e.currentTarget.parentNode.parentNode,o=e.getAttribute("colid"),t=t.getColumnById(o);e.draggable=!0,this.dragColumn=t,addClass(e,"active--drag-origin")},sortMouseupEvent:function(e){var e=e.currentTarget.parentNode.parentNode,t=this.$refs.dragHintElemRef;e.draggable=!1,this.dragColumn=null,removeClass(e,"active--drag-origin"),t&&(t.style.display="")},sortDragstartEvent:function(e){var t=new Image;e.dataTransfer&&e.dataTransfer.setDragImage(t,0,0)},sortDragendEvent:function(e){var t=this.$xetable,o=this.prevDropTrEl,n=t.customColumnList,e=e.currentTarget,i=this.$refs.dragHintElemRef;if(o){if(o!==e){var l=o.getAttribute("drag-pos"),s=e.getAttribute("colid"),a=t.getColumnById(s);if(!a)return;var s=_xeUtils.default.findIndexOf(n,function(e){return e.id===a.id}),r=o.getAttribute("colid"),c=t.getColumnById(r);if(!c)return;n.splice(s,1);t=_xeUtils.default.findIndexOf(n,function(e){return e.id===c.id});n.splice(t+("bottom"===l?1:0),0,a)}o.draggable=!1,o.removeAttribute("drag-pos"),removeClass(o,"active--drag-target")}this.dragColumn=null,e.draggable=!1,e.removeAttribute("drag-pos"),i&&(i.style.display=""),removeClass(e,"active--drag-target"),removeClass(e,"active--drag-origin")},sortDragoverEvent:function(e){var t=this.$xetable,o=this.prevDropTrEl,n=e.currentTarget,o=(o!==n&&removeClass(o,"active--drag-target"),n.getAttribute("colid")),t=t.getColumnById(o);t&&1===t.level&&(e.preventDefault(),o=e.clientY-n.getBoundingClientRect().y<n.clientHeight/2?"top":"bottom",addClass(n,"active--drag-target"),n.setAttribute("drag-pos",o),this.prevDropTrEl=n),updateDropHint(this,e)}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vXETable=_interopRequireDefault(require("../../v-x-e-table")),_utils=_interopRequireDefault(require("../../tools/utils")),_dom=_interopRequireDefault(require("../../tools/dom")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var formatText=_utils.default.formatText,addClass=_dom.default.addClass,removeClass=_dom.default.removeClass;function updateDropHint(e,t){var o,e=e.$refs,i=e.dragHintElemRef,e=e.bodyElemRef;e&&i&&(o=(e=e.parentNode).getBoundingClientRect(),i.style.display="block",i.style.top="".concat(Math.min(e.clientHeight-e.scrollTop-i.clientHeight,t.clientY-o.y),"px"),i.style.left="".concat(Math.min(e.clientWidth-e.scrollLeft-i.clientWidth-16,t.clientX-o.x),"px"))}var renderSimplePanel=function(u,d){var m=d._e,e=d.$xetable,t=d.customStore,o=e.customColumnList,i=e.customOpts,f=e.isMaxFixedColumn,e=t.maxHeight,v=i.checkMethod,p=i.visibleMethod,x=i.allowVisible,b=i.allowSort,h=i.allowFixed,l=i.trigger,n=i.placement,g=[],s={},l=("hover"===l&&(s.mouseenter=d.handleWrapperMouseenterEvent,s.mouseleave=d.handleWrapperMouseleaveEvent),_xeUtils.default.eachTree(o,function(e,t,o,i,l){var n,s,a,r,c;p&&!p({column:e})||(n=e.renderVisible,s=e.halfVisible,a=e.children&&e.children.length,r=formatText(e.getTitle(),1),c=!!v&&!v({column:e}),g.push(u("li",{key:e.id,attrs:{colid:e.id},class:["vxe-table-custom--option","level--".concat(e.level),{"is--group":a}],on:{dragstart:d.sortDragstartEvent,dragend:d.sortDragendEvent,dragover:d.sortDragoverEvent}},[x?u("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":n,"is--indeterminate":s,"is--disabled":c}],attrs:{title:_conf.default.i18n("vxe.custom.setting.colVisible")},on:{click:function(){c||d.changeCheckboxOption(e)}}},[u("span",{class:["vxe-checkbox--icon",s?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:n?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})]):m(),b&&1===e.level?u("div",{class:"vxe-table-custom--sort-option"},[u("span",{class:"vxe-table-custom--sort-btn",attrs:{title:_conf.default.i18n("vxe.custom.setting.sortHelpTip")},on:{mousedown:d.sortMousedownEvent,mouseup:d.sortMouseupEvent}},[u("i",{class:_conf.default.icon.TABLE_CUSTOM_SORT})])]):m(),u("div",{class:"vxe-table-custom--checkbox-label",attrs:{title:r}},r),!l&&h?u("div",{class:"vxe-table-custom--fixed-option"},[u("span",{class:["vxe-table-custom--fixed-left-option","left"===e.renderFixed?_conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:_conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT,{"is--checked":"left"===e.renderFixed,"is--disabled":f&&!e.renderFixed}],attrs:{title:_conf.default.i18n("left"===e.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft")},on:{click:function(){d.changeFixedOption(e,"left")}}}),u("span",{class:["vxe-table-custom--fixed-right-option","right"===e.renderFixed?_conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:_conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT,{"is--checked":"right"===e.renderFixed,"is--disabled":f&&!e.renderFixed}],attrs:{title:_conf.default.i18n("right"===e.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight")},on:{click:function(){d.changeFixedOption(e,"right")}}})]):m()])))}),t.isAll),o=t.isIndeterminate;return u("div",{key:"simple",class:["vxe-table-custom-wrapper","placement--".concat(n),{"is--active":t.visible}],style:e&&!["left","right"].includes(n)?{maxHeight:"".concat(e,"px")}:{}},t.visible?[u("ul",{class:"vxe-table-custom--header"},[u("li",{class:"vxe-table-custom--option"},[x?u("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":o}],attrs:{title:_conf.default.i18n("vxe.table.allTitle")},on:{click:d.allCustomEvent}},[u("span",{class:["vxe-checkbox--icon",o?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:l?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),u("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.toolbar.customAll"))]):u("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.table.customTitle"))])]),u("div",{ref:"bodyElemRef",class:"vxe-table-custom--list-wrapper"},[u("transition-group",{class:"vxe-table-custom--body",props:{name:"vxe-table-custom--list",tag:"ul"},on:s},g),u("div",{ref:"dragHintElemRef",class:"vxe-table-custom-popup--drag-hint"},_conf.default.i18n("vxe.custom.cstmDragTarget",[d.dragColumn?d.dragColumn.getTitle():""]))]),i.showFooter?u("div",{class:"vxe-table-custom--footer"},[u("button",{class:"btn--reset",on:{click:d.resetCustomEvent}},i.resetButtonText||_conf.default.i18n("vxe.table.customRestore")),i.immediate?m():u("button",{class:"btn--cancel",on:{click:d.cancelCustomEvent}},i.resetButtonText||_conf.default.i18n("vxe.table.customCancel")),u("button",{class:"btn--confirm",on:{click:d.confirmCustomEvent}},i.confirmButtonText||_conf.default.i18n("vxe.table.customConfirm"))]):null]:[])},renderPopupPanel=function(u,d){var m=d._e,e=d.$xetable,t=d.customStore,o=e.customOpts,i=e.customColumnList,l=e.columnOpts,f=e.isMaxFixedColumn,e=o.modalOptions,v=o.allowVisible,p=o.allowSort,x=o.allowFixed,b=o.allowResizable,h=o.checkMethod,g=o.visibleMethod,e=Object.assign({},e),C=[],n=(_xeUtils.default.eachTree(i,function(t,e,o,i,l){var n,s,a,r,c;g&&!g({column:t})||(n=t.renderVisible,s=t.halfVisible,a=formatText(t.getTitle(),1),r=t.children&&t.children.length,c=!!h&&!h({column:t}),C.push(u("tr",{key:t.id,attrs:{colid:t.id},class:["vxe-table-custom-popup--row level--".concat(t.level),{"is--group":r}],on:{dragstart:d.sortDragstartEvent,dragend:d.sortDragendEvent,dragover:d.sortDragoverEvent}},[v?u("td",{class:"vxe-table-custom-popup--column-item col--visible"},[u("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":n,"is--indeterminate":s,"is--disabled":c}],attrs:{title:_conf.default.i18n("vxe.custom.setting.colVisible")},on:{click:function(){c||d.changeCheckboxOption(t)}}},[u("span",{class:["vxe-checkbox--icon",s?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:n?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})])]):m(),p?u("td",{class:"vxe-table-custom-popup--column-item col--sort"},[1===t.level?u("span",{class:"vxe-table-custom-popup--column-sort-btn",attrs:{title:_conf.default.i18n("vxe.custom.setting.sortHelpTip")},on:{mousedown:d.sortMousedownEvent,mouseup:d.sortMouseupEvent}},[u("i",{class:_conf.default.icon.TABLE_CUSTOM_SORT})]):u("span","-")]):m(),u("td",{class:"vxe-table-custom-popup--column-item col--name"},[u("div",{class:"vxe-table-custom-popup--name",attrs:{title:a}},a)]),b?u("td",{class:"vxe-table-custom-popup--column-item col--resizable"},[!n||t.children&&t.children.length?u("span","-"):u("vxe-input",{props:{type:"integer",min:40,value:t.renderResizeWidth},on:{modelValue:function(e){t.renderResizeWidth=Math.max(40,Number(e))}}})]):m(),x?u("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[l?u("span","-"):u("vxe-radio-group",{props:{value:t.renderFixed||"",type:"button",size:"mini",options:[{label:_conf.default.i18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:f},{label:_conf.default.i18n("vxe.custom.setting.fixedUnset"),value:""},{label:_conf.default.i18n("vxe.custom.setting.fixedRight"),value:"right",disabled:f}]},on:{input:function(e){t.renderFixed=e}}})]):m()])))}),t.isAll),s=t.isIndeterminate;return u("vxe-modal",{key:"popup",props:{className:["vxe-table-custom-popup-wrapper","vxe-table--ignore-clear",e.className||""].join(" "),value:t.visible,title:e.title||_conf.default.i18n("vxe.custom.cstmTitle"),width:e.width||"50vw",minWidth:e.minWidth||700,height:e.height||"50vh",minHeight:e.minHeight||400,mask:!0,lockView:!0,showFooter:!0,resize:!0,escClosable:!0,destroyOnClose:!0},on:{input:function(e){t.visible=e}},scopedSlots:{default:function(){return u("div",{ref:"bodyElemRef",class:"vxe-table-custom-popup--body"},[u("div",{class:"vxe-table-custom-popup--table-wrapper"},[u("table",{},[u("colgroup",{},[v?u("col",{style:{width:"80px"}}):m(),p?u("col",{style:{width:"80px"}}):m(),u("col",{style:{minWidth:"120px"}}),b?u("col",{style:{width:"140px"}}):m(),x?u("col",{style:{width:"200px"}}):m()]),u("thead",{},[u("tr",{},[v?u("th",{},[u("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":n,"is--indeterminate":s}],attrs:{title:_conf.default.i18n("vxe.table.allTitle")},on:{click:d.allCustomEvent}},[u("span",{class:["vxe-checkbox--icon",s?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:n?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),u("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.toolbar.customAll"))])]):m(),p?u("th",{},[u("span",{class:"vxe-table-custom-popup--table-sort-help-title"},_conf.default.i18n("vxe.custom.setting.colSort")),u("vxe-tooltip",{props:{enterable:!0,content:_conf.default.i18n("vxe.custom.setting.sortHelpTip")},scopedSlots:{default:function(){return u("i",{class:"vxe-table-custom-popup--table-sort-help-icon vxe-icon-question-circle-fill"})}}})]):m(),u("th",{},_conf.default.i18n("vxe.custom.setting.colTitle")),b?u("th",{},_conf.default.i18n("vxe.custom.setting.colResizable")):m(),x?u("th",{},_conf.default.i18n("vxe.custom.setting.colFixed",[l.maxFixedSize||0])):m()])]),u("transition-group",{class:"vxe-table-custom--body",props:{tag:"tbody",name:"vxe-table-custom--list"}},C)])]),u("div",{ref:"dragHintElemRef",class:"vxe-table-custom-popup--drag-hint"},_conf.default.i18n("vxe.custom.cstmDragTarget",[d.dragColumn?d.dragColumn.getTitle():""]))])},footer:function(){return u("div",{class:"vxe-table-custom-popup--footer"},[u("vxe-button",{props:{content:o.resetButtonText||_conf.default.i18n("vxe.custom.cstmRestore")},on:{click:d.resetCustomEvent}}),u("vxe-button",{props:{content:o.resetButtonText||_conf.default.i18n("vxe.custom.cstmCancel")},on:{click:d.cancelCustomEvent}}),u("vxe-button",{props:{status:"primary",content:o.confirmButtonText||_conf.default.i18n("vxe.custom.cstmConfirm")},on:{click:d.confirmCustomEvent}})])}}})},_default2=exports.default={name:"VxeTableCustomPanel",props:{customStore:{type:Object,default:function(){return{}}}},inject:{$xetable:{default:null}},data:function(){return{dragColumn:null}},computed:{},render:function(e){return("popup"===this.$xetable.customOpts.mode?renderPopupPanel:renderSimplePanel)(e,this)},methods:{handleWrapperMouseenterEvent:function(e){var t=this.$xetable;this.customStore.activeWrapper=!0,t.customOpenEvent(e)},handleWrapperMouseleaveEvent:function(e){var t=this.$xetable,o=this.customStore;o.activeWrapper=!1,setTimeout(function(){o.activeBtn||o.activeWrapper||t.customColseEvent(e)},300)},getStoreData:function(){return{}},handleSaveStore:function(e){var t=this.$xetable,o=t.id,i=t.customOpts,l=i.storage,i=i.updateStore;l&&o&&i&&i({id:o,type:e,storeData:t.getCustomStoreData()})},confirmCustomEvent:function(e){var t=this.$xetable,o=t.customOpts,i=t.customColumnList,n=o.allowVisible,s=o.allowSort,a=o.allowFixed,r=o.allowResizable;_xeUtils.default.eachTree(i,function(e,t,o,i,l){l||(s&&(e.renderSortNumber=t+1),a&&(e.fixed=e.renderFixed)),r&&e.renderVisible&&(!e.children||e.children.length)&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth),n&&(e.visible=e.renderVisible)}),t.closeCustom(),t.emitCustomEvent("confirm",e),this.handleSaveStore("confirm")},cancelCustomEvent:function(e){var t=this.$xetable,o=t.customStore,i=t.customOpts,l=t.customColumnList,n=o.oldSortMaps,s=o.oldFixedMaps,a=o.oldVisibleMaps,r=i.allowVisible,c=i.allowSort,u=i.allowFixed,d=i.allowResizable;_xeUtils.default.eachTree(l,function(e){var t=e.getKey(),o=!!a[t],i=s[t]||"";r&&(e.renderVisible=o,e.visible=o),u&&(e.renderFixed=i,e.fixed=i),c&&(e.renderSortNumber=n[t]||0),d&&(e.renderResizeWidth=e.renderWidth)},{children:"children"}),t.closeCustom(),t.emitCustomEvent("cancel",e)},handleResetCustomEvent:function(e){var t=this.$xetable;t.resetColumn(!0),t.closeCustom(),t.emitCustomEvent("reset",e),this.handleSaveStore("reset")},resetCustomEvent:function(t){var o=this;_vXETable.default.modal?_vXETable.default.modal.confirm({content:_conf.default.i18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(function(e){"confirm"===e&&o.handleResetCustomEvent(t)}):this.handleResetCustomEvent(t)},resetPopupCustomEvent:function(t){var o=this;_vXETable.default.modal?_vXETable.default.modal.confirm({content:_conf.default.i18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(function(e){"confirm"===e&&o.resetCustomEvent(t)}):this.resetCustomEvent(t)},handleOptionCheck:function(t){var e=this.$xetable.customColumnList,e=_xeUtils.default.findTree(e,function(e){return e===t});e&&e.parent&&(e=e.parent).children&&e.children.length&&(e.visible=e.children.every(function(e){return e.visible}),e.halfVisible=!e.visible&&e.children.some(function(e){return e.visible||e.halfVisible}),this.handleOptionCheck(e))},changeCheckboxOption:function(e){var t=this.$xetable,o=t.customOpts,i=!e.renderVisible;_xeUtils.default.eachTree([e],function(e){e.renderVisible=i,e.halfVisible=!1}),this.handleOptionCheck(e),o.immediate&&t.handleCustom(),t.checkCustomStatus()},changeFixedOption:function(e,t){var o=this.$xetable.isMaxFixedColumn;e.renderFixed===t?e.renderFixed="":o&&!e.renderFixed||(e.renderFixed=t)},allCustomEvent:function(){var e=this.$xetable,t=this.customStore,o=e.customOpts,i=e.customColumnList,l=o.checkMethod,n=!t.isAll;_xeUtils.default.eachTree(i,function(e){l&&!l({column:e})||(e.renderVisible=n,e.halfVisible=!1)}),t.isAll=n,e.checkCustomStatus()},sortMousedownEvent:function(e){var t=this.$xetable,e=e.currentTarget.parentNode.parentNode,o=e.getAttribute("colid"),t=t.getColumnById(o);e.draggable=!0,this.dragColumn=t,addClass(e,"active--drag-origin")},sortMouseupEvent:function(e){var e=e.currentTarget.parentNode.parentNode,t=this.$refs.dragHintElemRef;e.draggable=!1,this.dragColumn=null,removeClass(e,"active--drag-origin"),t&&(t.style.display="")},sortDragstartEvent:function(e){var t=new Image;e.dataTransfer&&e.dataTransfer.setDragImage(t,0,0)},sortDragendEvent:function(e){var t=this.$xetable,o=this.prevDropTrEl,i=t.customColumnList,e=e.currentTarget,l=this.$refs.dragHintElemRef;if(o){if(o!==e){var n=o.getAttribute("drag-pos"),s=e.getAttribute("colid"),a=t.getColumnById(s);if(!a)return;var s=_xeUtils.default.findIndexOf(i,function(e){return e.id===a.id}),r=o.getAttribute("colid"),c=t.getColumnById(r);if(!c)return;i.splice(s,1);t=_xeUtils.default.findIndexOf(i,function(e){return e.id===c.id});i.splice(t+("bottom"===n?1:0),0,a)}o.draggable=!1,o.removeAttribute("drag-pos"),removeClass(o,"active--drag-target")}this.dragColumn=null,e.draggable=!1,e.removeAttribute("drag-pos"),l&&(l.style.display=""),removeClass(e,"active--drag-target"),removeClass(e,"active--drag-origin")},sortDragoverEvent:function(e){var t=this.$xetable,o=this.prevDropTrEl,i=e.currentTarget,o=(o!==i&&removeClass(o,"active--drag-target"),i.getAttribute("colid")),t=t.getColumnById(o);t&&1===t.level&&(e.preventDefault(),o=e.clientY-i.getBoundingClientRect().y<i.clientHeight/2?"top":"bottom",addClass(i,"active--drag-target"),i.setAttribute("drag-pos",o),this.prevDropTrEl=i),updateDropHint(this,e)}}};

package/lib/custom/style/style.css

@@ -216,6 +216,7 @@
 
 .vxe-table-custom-wrapper {
   display: none;
+  flex-direction: column;
   position: absolute;
   top: 1px;
   right: 2px;
@@ -226,26 +227,53 @@
   border-radius: 4px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
 }
+.vxe-table-custom-wrapper.placement--top-left {
+  top: 2px;
+  left: 2px;
+}
+.vxe-table-custom-wrapper.placement--top-right {
+  top: 2px;
+  right: 2px;
+}
+.vxe-table-custom-wrapper.placement--bottom-left {
+  bottom: 2px;
+  left: 2px;
+}
+.vxe-table-custom-wrapper.placement--bottom-right {
+  bottom: 2px;
+  right: 2px;
+}
+.vxe-table-custom-wrapper.placement--left {
+  left: 2px;
+}
+.vxe-table-custom-wrapper.placement--right {
+  right: 2px;
+}
+.vxe-table-custom-wrapper.placement--left, .vxe-table-custom-wrapper.placement--right {
+  top: 2px;
+  height: calc(100% - 4px);
+}
 .vxe-table-custom-wrapper.is--active {
-  display: block;
+  display: flex;
 }
 
 .vxe-table-custom--list-wrapper {
   display: block;
+  flex-grow: 1;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 .vxe-table-custom--header,
 .vxe-table-custom--body {
   list-style-type: none;
-  overflow-x: hidden;
-  overflow-y: auto;
   margin: 0;
   padding: 0;
 }
 .vxe-table-custom--header > li,
 .vxe-table-custom--body > li {
   max-width: 26em;
-  min-width: 18em;
+  min-width: 17em;
   padding: 0.2em 1em 0.2em 1em;
 }
 .vxe-table-custom--header > li.level--2,
@@ -306,6 +334,7 @@
 }
 
 .vxe-table-custom--header {
+  flex-shrink: 0;
   padding: 0.28em 0;
   font-weight: 700;
   border-bottom: 1px solid #DADCE0;
@@ -317,7 +346,6 @@
 
 .vxe-table-custom--body {
   padding: 0.2em 0;
-  max-height: 20em;
 }
 .vxe-table-custom--body .vxe-table-custom--checkbox-option:hover {
   background-color: #f5f7fa;
@@ -326,6 +354,7 @@
 .vxe-table-custom--footer {
   display: flex;
   flex-direction: row;
+  flex-shrink: 0;
   border-top: 1px solid #DADCE0;
   text-align: right;
 }
@@ -552,9 +581,12 @@
 .vxe-table-custom-popup--column-item {
   position: relative;
 }
-.vxe-table-custom-popup--column-item.col--sort, .vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--fixed {
+.vxe-table-custom-popup--column-item.col--sort, .vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--resizable, .vxe-table-custom-popup--column-item.col--fixed {
   text-align: center;
 }
+.vxe-table-custom-popup--column-item.col--resizable > .vxe-input {
+  width: 100%;
+}
 
 .vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after {
   display: block;

package/lib/custom/style/style.min.css

@@ -1 +1 @@
-[class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:#409eff}.vxe-success-color{color:#67c23a}.vxe-info-color{color:#909399}.vxe-warning-color{color:#e6a23c}.vxe-danger-color{color:#f56c6c}.vxe-perfect-color{color:#f8f8f9}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-table-custom--option{position:relative;display:flex;flex-direction:row}.vxe-table-custom--option.active--drag-target[drag-pos=top]::after{display:block;top:-2px}.vxe-table-custom--option.active--drag-target[drag-pos=bottom]::after{display:block;bottom:-2px}.vxe-table-custom--option:first-child[drag-pos=top]::after{top:0}.vxe-table-custom--option:last-child[drag-pos=bottom]::after{bottom:0}.vxe-table-custom--option::after{display:none;content:"";position:absolute;left:-1px;width:calc(100% + 1px);height:3px;background-color:#409eff;z-index:12}.vxe-table-custom--option:last-child::after{width:100%}.vxe-table-custom-wrapper{display:none;position:absolute;top:1px;right:2px;text-align:left;background-color:#fff;z-index:19;border:1px solid #e8eaec;border-radius:4px;box-shadow:0 0 10px 0 rgba(0,0,0,.16)}.vxe-table-custom-wrapper.is--active{display:block}.vxe-table-custom--list-wrapper{display:block}.vxe-table-custom--body,.vxe-table-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0}.vxe-table-custom--body>li,.vxe-table-custom--header>li{max-width:26em;min-width:18em;padding:.2em 1em .2em 1em}.vxe-table-custom--body>li.level--2,.vxe-table-custom--header>li.level--2{padding-left:3.5em}.vxe-table-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-table-custom--body>li.level--3,.vxe-table-custom--header>li.level--3{padding-left:4.5em}.vxe-table-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-table-custom--body>li.level--4,.vxe-table-custom--header>li.level--4{padding-left:5.5em}.vxe-table-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-table-custom--body>li.level--5,.vxe-table-custom--header>li.level--5{padding-left:6.5em}.vxe-table-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-table-custom--body>li.level--6,.vxe-table-custom--header>li.level--6{padding-left:7.5em}.vxe-table-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-table-custom--body>li.level--7,.vxe-table-custom--header>li.level--7{padding-left:8.5em}.vxe-table-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-table-custom--body>li.level--8,.vxe-table-custom--header>li.level--8{padding-left:9.5em}.vxe-table-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-table-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid #dadce0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table-custom--body{padding:.2em 0;max-height:20em}.vxe-table-custom--body .vxe-table-custom--checkbox-option:hover{background-color:#f5f7fa}.vxe-table-custom--footer{display:flex;flex-direction:row;border-top:1px solid #dadce0;text-align:right}.vxe-table-custom--footer button{background-color:transparent;width:50%;height:2.8em;border:0;color:#606266;text-align:center;cursor:pointer}.vxe-table-custom--footer button:focus{outline:0}.vxe-table-custom--footer button:hover{color:#409eff}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{font-size:1.34em}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table-custom--checkbox-option.is--checked,.vxe-table-custom--checkbox-option.is--indeterminate{color:#409eff}.vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:#409eff}.vxe-table-custom--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-table-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.vxe-table-custom--checkbox-option.is--disabled{color:#bfbfbf;cursor:not-allowed}.vxe-table-custom--checkbox-option.is--disabled .vxe-checkbox--icon{color:#dcdfe6}.vxe-table-custom--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-table-custom--checkbox-option,.vxe-table-custom--sort-option{padding-right:.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table-custom--sort-option{display:flex;flex-direction:row;align-items:center;justify-content:center}.vxe-table-custom--sort-btn{padding-left:.2em;padding-right:.4em;cursor:grabbing}.vxe-table-custom--sort-btn:hover{color:#409eff}.vxe-table-custom--checkbox-label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table-custom--fixed-left-option,.vxe-table-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-table-custom--fixed-left-option.is--checked,.vxe-table-custom--fixed-left-option:hover,.vxe-table-custom--fixed-right-option.is--checked,.vxe-table-custom--fixed-right-option:hover{color:#409eff}.vxe-table-custom--fixed-left-option.is--disabled,.vxe-table-custom--fixed-right-option.is--disabled{cursor:no-drop;color:#dcdfe6}.vxe-table-custom-popup--body{overflow:auto;height:100%}.vxe-table-custom-popup--table-wrapper{border-bottom:1px solid #e8eaec}.vxe-table-custom-popup--table-wrapper table{width:100%;border:0;table-layout:fixed;word-break:break-all;border-spacing:0;border-collapse:separate}.vxe-table-custom-popup--table-wrapper table th{position:sticky;top:0;text-align:left;border-top:1px solid #e8eaec;border-bottom:1px solid #e8eaec;border-left:1px solid #e8eaec;background-color:#f8f8f9;z-index:7}.vxe-table-custom-popup--table-wrapper table td{border-top:1px solid #e8eaec;border-left:1px solid #e8eaec}.vxe-table-custom-popup--table-wrapper table tr:first-child td{border-top:0}.vxe-table-custom-popup--table-wrapper table tr:hover{background-color:#f5f7fa}.vxe-table-custom-popup--table-wrapper table td,.vxe-table-custom-popup--table-wrapper table th{height:44px;padding:0 .6em}.vxe-table-custom-popup--table-wrapper table td:last-child,.vxe-table-custom-popup--table-wrapper table th:last-child{border-right:1px solid #e8eaec}.vxe-table-custom-popup--drag-hint{display:none;position:absolute;top:0;left:0;padding:.6em 1em .6em 1.8em;max-width:300px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-table-custom-popup--name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name{padding-left:24px}.vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name{padding-left:48px}.vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name{padding-left:72px}.vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name{padding-left:96px}.vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name{padding-left:120px}.vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name{padding-left:144px}.vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name{padding-left:168px}.vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name{padding-left:192px}.vxe-table-custom-popup--column-item{position:relative}.vxe-table-custom-popup--column-item.col--fixed,.vxe-table-custom-popup--column-item.col--sort,.vxe-table-custom-popup--column-item.col--visible{text-align:center}.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after{display:block;top:-2px}.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{display:block;bottom:-2px}.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after{top:0}.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{bottom:0}.vxe-table-custom-popup--column-item::after{display:none;content:"";position:absolute;left:-1px;width:calc(100% + 1px);height:3px;background-color:#409eff;z-index:12}.vxe-table-custom-popup--column-item:last-child::after{width:100%}.vxe-table-custom--list-move{transition:transform .35s}.vxe-table-custom-popup--column-sort-btn{font-size:1.2em;padding:.2em .5em;cursor:grab}.vxe-table-custom-popup--column-sort-btn:hover{color:#409eff}.vxe-table-custom-popup--column-sort-btn:active{cursor:grabbing}.vxe-table-custom-popup--table-sort-help-icon,.vxe-table-custom-popup--table-sort-help-title{vertical-align:middle}.vxe-table-custom-popup--table-sort-help-icon{margin-left:5px;cursor:help}
+[class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:#409eff}.vxe-success-color{color:#67c23a}.vxe-info-color{color:#909399}.vxe-warning-color{color:#e6a23c}.vxe-danger-color{color:#f56c6c}.vxe-perfect-color{color:#f8f8f9}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-table-custom--option{position:relative;display:flex;flex-direction:row}.vxe-table-custom--option.active--drag-target[drag-pos=top]::after{display:block;top:-2px}.vxe-table-custom--option.active--drag-target[drag-pos=bottom]::after{display:block;bottom:-2px}.vxe-table-custom--option:first-child[drag-pos=top]::after{top:0}.vxe-table-custom--option:last-child[drag-pos=bottom]::after{bottom:0}.vxe-table-custom--option::after{display:none;content:"";position:absolute;left:-1px;width:calc(100% + 1px);height:3px;background-color:#409eff;z-index:12}.vxe-table-custom--option:last-child::after{width:100%}.vxe-table-custom-wrapper{display:none;flex-direction:column;position:absolute;top:1px;right:2px;text-align:left;background-color:#fff;z-index:19;border:1px solid #e8eaec;border-radius:4px;box-shadow:0 0 10px 0 rgba(0,0,0,.16)}.vxe-table-custom-wrapper.placement--top-left{top:2px;left:2px}.vxe-table-custom-wrapper.placement--top-right{top:2px;right:2px}.vxe-table-custom-wrapper.placement--bottom-left{bottom:2px;left:2px}.vxe-table-custom-wrapper.placement--bottom-right{bottom:2px;right:2px}.vxe-table-custom-wrapper.placement--left{left:2px}.vxe-table-custom-wrapper.placement--right{right:2px}.vxe-table-custom-wrapper.placement--left,.vxe-table-custom-wrapper.placement--right{top:2px;height:calc(100% - 4px)}.vxe-table-custom-wrapper.is--active{display:flex}.vxe-table-custom--list-wrapper{display:block;flex-grow:1;overflow-x:hidden;overflow-y:auto}.vxe-table-custom--body,.vxe-table-custom--header{list-style-type:none;margin:0;padding:0}.vxe-table-custom--body>li,.vxe-table-custom--header>li{max-width:26em;min-width:17em;padding:.2em 1em .2em 1em}.vxe-table-custom--body>li.level--2,.vxe-table-custom--header>li.level--2{padding-left:3.5em}.vxe-table-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-table-custom--body>li.level--3,.vxe-table-custom--header>li.level--3{padding-left:4.5em}.vxe-table-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-table-custom--body>li.level--4,.vxe-table-custom--header>li.level--4{padding-left:5.5em}.vxe-table-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-table-custom--body>li.level--5,.vxe-table-custom--header>li.level--5{padding-left:6.5em}.vxe-table-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-table-custom--body>li.level--6,.vxe-table-custom--header>li.level--6{padding-left:7.5em}.vxe-table-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-table-custom--body>li.level--7,.vxe-table-custom--header>li.level--7{padding-left:8.5em}.vxe-table-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-table-custom--body>li.level--8,.vxe-table-custom--header>li.level--8{padding-left:9.5em}.vxe-table-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-table-custom--header{flex-shrink:0;padding:.28em 0;font-weight:700;border-bottom:1px solid #dadce0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table-custom--body{padding:.2em 0}.vxe-table-custom--body .vxe-table-custom--checkbox-option:hover{background-color:#f5f7fa}.vxe-table-custom--footer{display:flex;flex-direction:row;flex-shrink:0;border-top:1px solid #dadce0;text-align:right}.vxe-table-custom--footer button{background-color:transparent;width:50%;height:2.8em;border:0;color:#606266;text-align:center;cursor:pointer}.vxe-table-custom--footer button:focus{outline:0}.vxe-table-custom--footer button:hover{color:#409eff}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{font-size:1.34em}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table-custom--checkbox-option.is--checked,.vxe-table-custom--checkbox-option.is--indeterminate{color:#409eff}.vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:#409eff}.vxe-table-custom--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-table-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.vxe-table-custom--checkbox-option.is--disabled{color:#bfbfbf;cursor:not-allowed}.vxe-table-custom--checkbox-option.is--disabled .vxe-checkbox--icon{color:#dcdfe6}.vxe-table-custom--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-table-custom--checkbox-option,.vxe-table-custom--sort-option{padding-right:.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table-custom--sort-option{display:flex;flex-direction:row;align-items:center;justify-content:center}.vxe-table-custom--sort-btn{padding-left:.2em;padding-right:.4em;cursor:grabbing}.vxe-table-custom--sort-btn:hover{color:#409eff}.vxe-table-custom--checkbox-label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table-custom--fixed-left-option,.vxe-table-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-table-custom--fixed-left-option.is--checked,.vxe-table-custom--fixed-left-option:hover,.vxe-table-custom--fixed-right-option.is--checked,.vxe-table-custom--fixed-right-option:hover{color:#409eff}.vxe-table-custom--fixed-left-option.is--disabled,.vxe-table-custom--fixed-right-option.is--disabled{cursor:no-drop;color:#dcdfe6}.vxe-table-custom-popup--body{overflow:auto;height:100%}.vxe-table-custom-popup--table-wrapper{border-bottom:1px solid #e8eaec}.vxe-table-custom-popup--table-wrapper table{width:100%;border:0;table-layout:fixed;word-break:break-all;border-spacing:0;border-collapse:separate}.vxe-table-custom-popup--table-wrapper table th{position:sticky;top:0;text-align:left;border-top:1px solid #e8eaec;border-bottom:1px solid #e8eaec;border-left:1px solid #e8eaec;background-color:#f8f8f9;z-index:7}.vxe-table-custom-popup--table-wrapper table td{border-top:1px solid #e8eaec;border-left:1px solid #e8eaec}.vxe-table-custom-popup--table-wrapper table tr:first-child td{border-top:0}.vxe-table-custom-popup--table-wrapper table tr:hover{background-color:#f5f7fa}.vxe-table-custom-popup--table-wrapper table td,.vxe-table-custom-popup--table-wrapper table th{height:44px;padding:0 .6em}.vxe-table-custom-popup--table-wrapper table td:last-child,.vxe-table-custom-popup--table-wrapper table th:last-child{border-right:1px solid #e8eaec}.vxe-table-custom-popup--drag-hint{display:none;position:absolute;top:0;left:0;padding:.6em 1em .6em 1.8em;max-width:300px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-table-custom-popup--name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name{padding-left:24px}.vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name{padding-left:48px}.vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name{padding-left:72px}.vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name{padding-left:96px}.vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name{padding-left:120px}.vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name{padding-left:144px}.vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name{padding-left:168px}.vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name{padding-left:192px}.vxe-table-custom-popup--column-item{position:relative}.vxe-table-custom-popup--column-item.col--fixed,.vxe-table-custom-popup--column-item.col--resizable,.vxe-table-custom-popup--column-item.col--sort,.vxe-table-custom-popup--column-item.col--visible{text-align:center}.vxe-table-custom-popup--column-item.col--resizable>.vxe-input{width:100%}.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after{display:block;top:-2px}.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{display:block;bottom:-2px}.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after{top:0}.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{bottom:0}.vxe-table-custom-popup--column-item::after{display:none;content:"";position:absolute;left:-1px;width:calc(100% + 1px);height:3px;background-color:#409eff;z-index:12}.vxe-table-custom-popup--column-item:last-child::after{width:100%}.vxe-table-custom--list-move{transition:transform .35s}.vxe-table-custom-popup--column-sort-btn{font-size:1.2em;padding:.2em .5em;cursor:grab}.vxe-table-custom-popup--column-sort-btn:hover{color:#409eff}.vxe-table-custom-popup--column-sort-btn:active{cursor:grabbing}.vxe-table-custom-popup--table-sort-help-icon,.vxe-table-custom-popup--table-sort-help-title{vertical-align:middle}.vxe-table-custom-popup--table-sort-help-icon{margin-left:5px;cursor:help}

package/lib/edit/src/mixin.js

@@ -767,10 +767,10 @@ var _default = exports.default = {
           autoselect = editRender.autoselect;
         var inputElem;
         if (!autofocus && compRender) {
-          autofocus = compRender.autofocus;
+          autofocus = compRender.tableAutofocus || compRender.autofocus;
         }
         if (!autoselect && compRender) {
-          autoselect = compRender.autoselect;
+          autoselect = compRender.tableAutoSelect || compRender.autoselect;
         }
         // 如果指定了聚焦 class
         if (_xeUtils.default.isFunction(autofocus)) {