vxe-table 3.8.2 → 3.8.3-beta.0

package/lib/checkbox/src/group.js

@@ -55,13 +55,17 @@ var _default2 = exports.default = {
     },
     valueField: function valueField() {
       return this.propsOpts.value || 'value';
+    },
+    disabledField: function disabledField() {
+      return this.propsOpts.disabled || 'disabled';
     }
   },
   render: function render(h) {
     var $scopedSlots = this.$scopedSlots,
       options = this.options,
       valueField = this.valueField,
-      labelField = this.labelField;
+      labelField = this.labelField,
+      disabledField = this.disabledField;
     var defaultSlot = $scopedSlots.default;
     return h('div', {
       class: 'vxe-checkbox-group'
@@ -69,7 +73,8 @@ var _default2 = exports.default = {
       return h('vxe-checkbox', {
         props: {
           label: item[valueField],
-          content: item[labelField]
+          content: item[labelField],
+          disabled: item[disabledField]
         }
       });
     }) : []);

package/lib/checkbox/src/group.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default={name:"VxeCheckboxGroup",props:{value:Array,options:Array,optionProps:Object,disabled:Boolean,max:[String,Number],size:{type:String,default:function(){return _conf.default.checkboxGroup.size||_conf.default.size}}},inject:{$xeform:{default:null},$xeformiteminfo:{default:null}},provide:function(){return{$xecheckboxgroup:this}},computed:{vSize:function(){return this.size||this.$parent.size||this.$parent.vSize},isMaximize:function(){var e=this.value,t=this.max;return!!t&&e.length>=_xeUtils.default.toNumber(t)},propsOpts:function(){return this.optionProps||{}},labelField:function(){return this.propsOpts.label||"label"},valueField:function(){return this.propsOpts.value||"value"}},render:function(t){var e=this.$scopedSlots,i=this.options,r=this.valueField,o=this.labelField,e=e.default;return t("div",{class:"vxe-checkbox-group"},e?e.call(this,{}):i?i.map(function(e){return t("vxe-checkbox",{props:{label:e[r],content:e[o]}})}):[])},methods:{handleChecked:function(e,t){var i=e.checked,r=e.label,o=this.value||[],n=o.indexOf(r);i?-1===n&&o.push(r):o.splice(n,1),this.$emit("input",o),this.$emit("change",Object.assign({checklist:o},e)),this.$xeform&&this.$xeformiteminfo&&this.$xeform.triggerItemEvent(t,this.$xeformiteminfo.itemConfig.field,o)}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default={name:"VxeCheckboxGroup",props:{value:Array,options:Array,optionProps:Object,disabled:Boolean,max:[String,Number],size:{type:String,default:function(){return _conf.default.checkboxGroup.size||_conf.default.size}}},inject:{$xeform:{default:null},$xeformiteminfo:{default:null}},provide:function(){return{$xecheckboxgroup:this}},computed:{vSize:function(){return this.size||this.$parent.size||this.$parent.vSize},isMaximize:function(){var e=this.value,t=this.max;return!!t&&e.length>=_xeUtils.default.toNumber(t)},propsOpts:function(){return this.optionProps||{}},labelField:function(){return this.propsOpts.label||"label"},valueField:function(){return this.propsOpts.value||"value"},disabledField:function(){return this.propsOpts.disabled||"disabled"}},render:function(t){var e=this.$scopedSlots,i=this.options,r=this.valueField,n=this.labelField,o=this.disabledField,e=e.default;return t("div",{class:"vxe-checkbox-group"},e?e.call(this,{}):i?i.map(function(e){return t("vxe-checkbox",{props:{label:e[r],content:e[n],disabled:e[o]}})}):[])},methods:{handleChecked:function(e,t){var i=e.checked,r=e.label,n=this.value||[],o=n.indexOf(r);i?-1===o&&n.push(r):n.splice(o,1),this.$emit("input",n),this.$emit("change",Object.assign({checklist:n},e)),this.$xeform&&this.$xeformiteminfo&&this.$xeform.triggerItemEvent(t,this.$xeformiteminfo.itemConfig.field,n)}}};

package/lib/custom/src/mixin.js

@@ -9,9 +9,11 @@ var _default = exports.default = {
     _openCustom: function _openCustom() {
       var _this = this;
       var initStore = this.initStore,
-        customStore = this.customStore;
+        customStore = this.customStore,
+        collectColumn = this.collectColumn;
       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;return this.customStore.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))}}};
+"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))}}};

package/lib/custom/src/panel.js

@@ -5,20 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _utils = _interopRequireDefault(require("../../tools/utils"));
+var _dom = _interopRequireDefault(require("../../tools/dom"));
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var formatText = _utils.default.formatText;
+var addClass = _dom.default.addClass,
+  removeClass = _dom.default.removeClass;
+function updateDropHint(_vm, evnt) {
+  var $refs = _vm.$refs;
+  var dragHintEl = $refs.dragHintElemRef;
+  var bodyEl = $refs.bodyElemRef;
+  if (!bodyEl) {
+    return;
+  }
+  if (dragHintEl) {
+    var warpperEl = bodyEl.parentNode;
+    var warpperRect = warpperEl.getBoundingClientRect();
+    dragHintEl.style.display = 'block';
+    dragHintEl.style.top = "".concat(Math.min(warpperEl.clientHeight - warpperEl.scrollTop - dragHintEl.clientHeight, evnt.clientY - warpperRect.y), "px");
+    dragHintEl.style.left = "".concat(Math.min(warpperEl.clientWidth - warpperEl.scrollLeft - dragHintEl.clientWidth - 16, evnt.clientX - warpperRect.x), "px");
+  }
+}
 function renderSimplePanel(h, _vm) {
   var $xetable = _vm.$xetable,
     customStore = _vm.customStore;
   var customOpts = $xetable.customOpts,
-    collectColumn = $xetable.collectColumn,
+    customColumnList = $xetable.customColumnList,
     isMaxFixedColumn = $xetable.isMaxFixedColumn;
   var maxHeight = customStore.maxHeight;
   var checkMethod = customOpts.checkMethod,
@@ -28,18 +41,18 @@ function renderSimplePanel(h, _vm) {
   var customWrapperOns = {};
   // hover 触发
   if (trigger === 'hover') {
-    customWrapperOns.onMouseenter = _vm.handleWrapperMouseenterEvent;
-    customWrapperOns.onMouseleave = _vm.handleWrapperMouseleaveEvent;
+    customWrapperOns.mouseenter = _vm.handleWrapperMouseenterEvent;
+    customWrapperOns.mouseleave = _vm.handleWrapperMouseleaveEvent;
   }
-  _xeUtils.default.eachTree(collectColumn, function (column, index, items, path, parent) {
+  _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
     var isVisible = visibleMethod ? visibleMethod({
       column: column
     }) : true;
     if (isVisible) {
       var isChecked = column.visible;
       var isIndeterminate = column.halfVisible;
-      var colTitle = _utils.default.formatText(column.getTitle(), 1);
       var isColGroup = column.children && column.children.length;
+      var colTitle = formatText(column.getTitle(), 1);
       var isDisabled = checkMethod ? !checkMethod({
         column: column
       }) : false;
@@ -49,14 +62,12 @@ function renderSimplePanel(h, _vm) {
           'is--group': isColGroup
         }]
       }, [h('div', {
+        title: colTitle,
         class: ['vxe-table-custom--checkbox-option', {
           'is--checked': isChecked,
           'is--indeterminate': isIndeterminate,
           'is--disabled': isDisabled
         }],
-        attrs: {
-          title: colTitle
-        },
         on: {
           click: function click() {
             if (!isDisabled) {
@@ -125,12 +136,13 @@ 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', _objectSpread({
+  }, _conf.default.i18n('vxe.toolbar.customAll'))])])]), h('ul', {
     class: 'vxe-table-custom--body',
     style: maxHeight ? {
       maxHeight: "".concat(maxHeight, "px")
-    } : {}
-  }, customWrapperOns), colVNs), customOpts.showFooter ? h('div', {
+    } : {},
+    on: customWrapperOns
+  }, colVNs), customOpts.showFooter ? h('div', {
     class: 'vxe-table-custom--footer'
   }, [h('button', {
     class: 'btn--reset',
@@ -144,41 +156,59 @@ function renderSimplePanel(h, _vm) {
     }
   }, customOpts.confirmButtonText || _conf.default.i18n('vxe.toolbar.customConfirm'))]) : null]);
 }
-var renderPopupPanel = function renderPopupPanel(h, _vm) {
+function renderPopupPanel(h, _vm) {
   var $xetable = _vm.$xetable,
     customStore = _vm.customStore;
   var customOpts = $xetable.customOpts,
-    collectColumn = $xetable.collectColumn,
+    customColumnList = $xetable.customColumnList,
     isMaxFixedColumn = $xetable.isMaxFixedColumn;
   var checkMethod = customOpts.checkMethod,
     visibleMethod = customOpts.visibleMethod;
   var trVNs = [];
-  _xeUtils.default.eachTree(collectColumn, function (column, index, items, path, parent) {
+  _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
     var isVisible = visibleMethod ? visibleMethod({
       column: column
     }) : true;
     if (isVisible) {
       var isChecked = column.visible;
       var isIndeterminate = column.halfVisible;
-      var colTitle = _utils.default.formatText(column.getTitle(), 1);
+      var colTitle = formatText(column.getTitle(), 1);
       var isColGroup = column.children && column.children.length;
       var isDisabled = checkMethod ? !checkMethod({
         column: column
       }) : false;
       trVNs.push(h('tr', {
         key: column.id,
-        class: ["vxe-table-custom-popup--row-level".concat(column.level), {
+        class: ["vxe-table-custom-popup--row level--".concat(column.level), {
           'is--group': isColGroup
-        }]
+        }],
+        attrs: {
+          colid: column.id
+        },
+        on: {
+          dragstart: _vm.sortDragstartEvent,
+          dragend: _vm.sortDragendEvent,
+          dragover: _vm.sortDragoverEvent
+        }
       }, [h('td', {
-        class: 'vxe-table-custom-popup--column-name'
+        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-visiblw'
+        class: 'vxe-table-custom-popup--column-item col--visible'
       }, [h('div', {
         class: ['vxe-table-custom--checkbox-option', {
           'is--checked': isChecked,
@@ -195,22 +225,23 @@ 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]
       })])]), h('td', {
-        class: 'vxe-table-custom-popup--column-fixed'
+        class: 'vxe-table-custom-popup--column-item col--fixed'
       }, [!parent && customOpts.allowFixed ? h('vxe-radio-group', {
         props: {
           value: column.fixed || '',
-          disabled: isMaxFixedColumn,
           type: 'button',
           size: 'mini',
           options: [{
-            label: '左侧',
-            value: 'left'
+            label: _conf.default.i18n('vxe.custom.setting.fixedLeft'),
+            value: 'left',
+            disabled: isMaxFixedColumn
           }, {
-            label: '不固定',
+            label: _conf.default.i18n('vxe.custom.setting.fixedUnset'),
             value: ''
           }, {
-            label: '右侧',
-            value: 'right'
+            label: _conf.default.i18n('vxe.custom.setting.fixedRight'),
+            value: 'right',
+            disabled: isMaxFixedColumn
           }]
         },
         on: {
@@ -227,15 +258,19 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
   return h('vxe-modal', {
     key: 'popup',
     props: {
-      className: 'vxe-table-custom-popup-warpper vxe-table--ignore-clear',
       value: customStore.visible,
       title: _conf.default.i18n('vxe.custom.cstmTitle'),
-      width: 700,
-      maxHeight: 500,
+      className: 'vxe-table-custom-popup-warpper vxe-table--ignore-clear',
+      width: '40vw',
+      minWidth: 500,
+      height: '50vh',
+      minHeight: 300,
       mask: true,
       lockView: true,
       showFooter: true,
-      escClosable: true
+      resize: true,
+      escClosable: true,
+      destroyOnClose: true
     },
     on: {
       input: function input(value) {
@@ -245,8 +280,15 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
     scopedSlots: {
       default: function _default() {
         return h('div', {
+          ref: 'bodyElemRef',
           class: 'vxe-table-custom-popup--body'
-        }, [h('table', {}, [h('colgroup', {}, [h('col'), h('col', {
+        }, [h('div', {
+          class: 'vxe-table-custom-popup--table-warpper'
+        }, [h('table', {}, [h('colgroup', {}, [h('col', {
+          style: {
+            width: '60px'
+          }
+        }), h('col'), h('col', {
           style: {
             width: '80px'
           }
@@ -254,7 +296,16 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           style: {
             width: '200px'
           }
-        })]), h('thead', {}, [h('tr', {}, [h('th', {}, '标题'), h('th', {}, '是否显示'), h('th', {}, '是否固定')])]), h('tbody', {}, trVNs)])]);
+        })]), h('thead', {}, [h('tr', {}, [h('th', {}, _conf.default.i18n('vxe.custom.setting.colSort')), 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'))])]), h('transition-group', {
+          class: 'vxe-table-custom--body',
+          props: {
+            tag: 'tbody',
+            name: 'vxe-table-custom--flip'
+          }
+        }, trVNs)])]), h('div', {
+          ref: 'dragHintElemRef',
+          class: 'vxe-table-custom-popup--drag-hint'
+        }, _conf.default.i18n('vxe.custom.cstmDragTarget', [_vm.dragColumn ? _vm.dragColumn.getTitle() : '']))]);
       },
       footer: function footer() {
         return h('div', {
@@ -285,7 +336,7 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
       }
     }
   });
-};
+}
 var _default2 = exports.default = {
   name: 'VxeTableCustomPanel',
   props: {
@@ -301,6 +352,11 @@ var _default2 = exports.default = {
       default: null
     }
   },
+  data: function data() {
+    return {
+      dragColumn: null
+    };
+  },
   computed: {},
   render: function render(h) {
     var $xetable = this.$xetable;
@@ -348,8 +404,8 @@ var _default2 = exports.default = {
     },
     handleOptionCheck: function handleOptionCheck(column) {
       var $xetable = this.$xetable;
-      var collectColumn = $xetable.collectColumn;
-      var matchObj = _xeUtils.default.findTree(collectColumn, function (item) {
+      var customColumnList = $xetable.customColumnList;
+      var matchObj = _xeUtils.default.findTree(customColumnList, function (item) {
         return item === column;
       });
       if (matchObj && matchObj.parent) {
@@ -399,12 +455,12 @@ var _default2 = exports.default = {
     },
     allCustomEvent: function allCustomEvent() {
       var $xetable = this.$xetable,
-        customStore = this.customStore,
-        collectColumn = this.collectColumn,
-        customOpts = this.customOpts;
+        customStore = this.customStore;
+      var customOpts = $xetable.customOpts,
+        customColumnList = $xetable.customColumnList;
       var checkMethod = customOpts.checkMethod;
       var isAll = !customStore.isAll;
-      _xeUtils.default.eachTree(collectColumn, function (column) {
+      _xeUtils.default.eachTree(customColumnList, function (column) {
         if (!checkMethod || checkMethod({
           column: column
         })) {
@@ -414,6 +470,103 @@ var _default2 = exports.default = {
       });
       customStore.isAll = isAll;
       $xetable.checkCustomStatus();
+    },
+    sortMousedownEvent: function sortMousedownEvent(evnt) {
+      var $xetable = this.$xetable;
+      var btnEl = evnt.currentTarget;
+      var tdEl = btnEl.parentNode;
+      var trEl = tdEl.parentNode;
+      var colid = trEl.getAttribute('colid');
+      var column = $xetable.getColumnById(colid);
+      trEl.draggable = true;
+      this.dragColumn = column;
+      addClass(trEl, 'active--drag-origin');
+    },
+    sortMouseupEvent: function sortMouseupEvent(evnt) {
+      var btnEl = evnt.currentTarget;
+      var tdEl = btnEl.parentNode;
+      var trEl = tdEl.parentNode;
+      var dragHintEl = this.$refs.dragHintElemRef;
+      trEl.draggable = false;
+      this.dragColumn = null;
+      removeClass(trEl, 'active--drag-origin');
+      if (dragHintEl) {
+        dragHintEl.style.display = '';
+      }
+    },
+    sortDragstartEvent: function sortDragstartEvent(evnt) {
+      var img = new Image();
+      if (evnt.dataTransfer) {
+        evnt.dataTransfer.setDragImage(img, 0, 0);
+      }
+    },
+    sortDragendEvent: function sortDragendEvent(evnt) {
+      var $xetable = this.$xetable,
+        prevDropTrEl = this.prevDropTrEl;
+      var customColumnList = $xetable.customColumnList;
+      var trEl = evnt.currentTarget;
+      var dragHintEl = this.$refs.dragHintElemRef;
+      if (prevDropTrEl) {
+        // 判断是否有拖动
+        if (prevDropTrEl !== trEl) {
+          var dragOffset = prevDropTrEl.getAttribute('dragoffset');
+          var colid = trEl.getAttribute('colid');
+          var column = $xetable.getColumnById(colid);
+          if (!column) {
+            return;
+          }
+          var cIndex = _xeUtils.default.findIndexOf(customColumnList, function (item) {
+            return item.id === column.id;
+          });
+          var targetColid = prevDropTrEl.getAttribute('colid');
+          var targetColumn = $xetable.getColumnById(targetColid);
+          if (!targetColumn) {
+            return;
+          }
+          // 移出源位置
+          customColumnList.splice(cIndex, 1);
+          var tcIndex = _xeUtils.default.findIndexOf(customColumnList, function (item) {
+            return item.id === targetColumn.id;
+          });
+          // 插新位置
+          customColumnList.splice(tcIndex + (dragOffset === 'bottom' ? 1 : 0), 0, column);
+        }
+        prevDropTrEl.draggable = false;
+        prevDropTrEl.removeAttribute('dragoffset');
+        removeClass(prevDropTrEl, 'active--drag-target');
+      }
+      this.dragColumn = null;
+      trEl.draggable = false;
+      trEl.removeAttribute('dragoffset');
+      if (dragHintEl) {
+        dragHintEl.style.display = '';
+      }
+      removeClass(trEl, 'active--drag-target');
+      removeClass(trEl, 'active--drag-origin');
+      // 更新顺序
+      customColumnList.forEach(function (column, index) {
+        column.renderSortNumber = index;
+      });
+    },
+    sortDragoverEvent: function sortDragoverEvent(evnt) {
+      var $xetable = this.$xetable,
+        prevDropTrEl = this.prevDropTrEl;
+      var trEl = evnt.currentTarget;
+      if (prevDropTrEl !== trEl) {
+        removeClass(prevDropTrEl, 'active--drag-target');
+      }
+      var colid = trEl.getAttribute('colid');
+      var column = $xetable.getColumnById(colid);
+      // 是否移入有效元行
+      if (column && column.level === 1) {
+        evnt.preventDefault();
+        var offsetY = evnt.clientY - trEl.getBoundingClientRect().y;
+        var dragOffset = offsetY < trEl.clientHeight / 2 ? 'top' : 'bottom';
+        addClass(trEl, 'active--drag-target');
+        trEl.setAttribute('dragoffset', dragOffset);
+        this.prevDropTrEl = trEl;
+      }
+      updateDropHint(this, evnt);
     }
   }
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _utils=_interopRequireDefault(require("../../tools/utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ownKeys(t,e){var o,n=Object.keys(t);return Object.getOwnPropertySymbols&&(o=Object.getOwnPropertySymbols(t),e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,o)),n}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach(function(e){_defineProperty(t,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}function renderSimplePanel(a,f){var e=f.$xetable,t=f.customStore,p=e.customOpts,o=e.collectColumn,d=e.isMaxFixedColumn,e=t.maxHeight,m=p.checkMethod,v=p.visibleMethod,n=p.trigger,b=[],i={},n=("hover"===n&&(i.onMouseenter=f.handleWrapperMouseenterEvent,i.onMouseleave=f.handleWrapperMouseleaveEvent),_xeUtils.default.eachTree(o,function(e,t,o,n,i){var l,c,s,u,r;v&&!v({column:e})||(l=e.visible,c=e.halfVisible,s=_utils.default.formatText(e.getTitle(),1),u=e.children&&e.children.length,r=!!m&&!m({column:e}),b.push(a("li",{key:e.id,class:["vxe-table-custom--option","level--".concat(e.level),{"is--group":u}]},[a("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":c,"is--disabled":r}],attrs:{title:s},on:{click:function(){r||f.changeCheckboxOption(e)}}},[a("span",{class:["vxe-checkbox--icon",c?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:l?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),a("span",{class:"vxe-checkbox--label"},s)]),!i&&p.allowFixed?a("div",{class:"vxe-table-custom--fixed-option"},[a("span",{class:["vxe-table-custom--fixed-left-option","left"===e.fixed?_conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT_ACTIVED:_conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT,{"is--checked":"left"===e.fixed,"is--disabled":d&&!e.fixed}],attrs:{title:_conf.default.i18n("left"===e.fixed?"vxe.toolbar.cancelfixed":"vxe.toolbar.fixedLeft")},on:{click:function(){f.changeFixedOption(e,"left")}}}),a("span",{class:["vxe-table-custom--fixed-right-option","right"===e.fixed?_conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVED:_conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT,{"is--checked":"right"===e.fixed,"is--disabled":d&&!e.fixed}],attrs:{title:_conf.default.i18n("right"===e.fixed?"vxe.toolbar.cancelfixed":"vxe.toolbar.fixedRight")},on:{click:function(){f.changeFixedOption(e,"right")}}})]):null])))}),t.isAll),o=t.isIndeterminate;return a("div",{key:"simple",class:["vxe-table-custom-wrapper",{"is--active":t.visible}]},[a("ul",{class:"vxe-table-custom--header"},[a("li",{class:"vxe-table-custom--option"},[a("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":n,"is--indeterminate":o}],attrs:{title:_conf.default.i18n("vxe.table.allTitle")},on:{click:f.allCustomEvent}},[a("span",{class:["vxe-checkbox--icon",o?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:n?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),a("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.toolbar.customAll"))])])]),a("ul",_objectSpread({class:"vxe-table-custom--body",style:e?{maxHeight:"".concat(e,"px")}:{}},i),b),p.showFooter?a("div",{class:"vxe-table-custom--footer"},[a("button",{class:"btn--reset",on:{click:f.resetCustomEvent}},p.resetButtonText||_conf.default.i18n("vxe.toolbar.customRestore")),a("button",{class:"btn--confirm",on:{click:f.confirmCustomEvent}},p.confirmButtonText||_conf.default.i18n("vxe.toolbar.customConfirm"))]):null])}var renderPopupPanel=function(a,f){var e=f.$xetable,t=f.customStore,p=e.customOpts,o=e.collectColumn,d=e.isMaxFixedColumn,m=p.checkMethod,v=p.visibleMethod,b=[];return _xeUtils.default.eachTree(o,function(t,e,o,n,i){var l,c,s,u,r;v&&!v({column:t})||(l=t.visible,c=t.halfVisible,s=_utils.default.formatText(t.getTitle(),1),u=t.children&&t.children.length,r=!!m&&!m({column:t}),b.push(a("tr",{key:t.id,class:["vxe-table-custom-popup--row-level".concat(t.level),{"is--group":u}]},[a("td",{class:"vxe-table-custom-popup--column-name"},[a("div",{class:"vxe-table-custom-popup--name",attrs:{title:s}},s)]),a("td",{class:"vxe-table-custom-popup--column-visiblw"},[a("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":c,"is--disabled":r}],on:{click:function(){r||f.changeCheckboxOption(t)}}},[a("span",{class:["vxe-checkbox--icon",c?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:l?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})])]),a("td",{class:"vxe-table-custom-popup--column-fixed"},[!i&&p.allowFixed?a("vxe-radio-group",{props:{value:t.fixed||"",disabled:d,type:"button",size:"mini",options:[{label:"左侧",value:"left"},{label:"不固定",value:""},{label:"右侧",value:"right"}]},on:{input:function(e){t.fixed=e},change:function(){f.changePopupFixedOption(t)}}}):null])])))}),a("vxe-modal",{key:"popup",props:{className:"vxe-table-custom-popup-warpper vxe-table--ignore-clear",value:t.visible,title:_conf.default.i18n("vxe.custom.cstmTitle"),width:700,maxHeight:500,mask:!0,lockView:!0,showFooter:!0,escClosable:!0},on:{input:function(e){t.visible=e}},scopedSlots:{default:function(){return a("div",{class:"vxe-table-custom-popup--body"},[a("table",{},[a("colgroup",{},[a("col"),a("col",{style:{width:"80px"}}),a("col",{style:{width:"200px"}})]),a("thead",{},[a("tr",{},[a("th",{},"标题"),a("th",{},"是否显示"),a("th",{},"是否固定")])]),a("tbody",{},b)])])},footer:function(){return a("div",{class:"vxe-table-custom-popup--footer"},[a("vxe-button",{props:{content:p.resetButtonText||_conf.default.i18n("vxe.custom.cstmRestore")},on:{click:f.resetPopupCustomEvent}}),a("vxe-button",{props:{content:p.resetButtonText||_conf.default.i18n("vxe.custom.cstmCancel")},on:{click:f.cancelCustomEvent}}),a("vxe-button",{props:{status:"primary",content:p.confirmButtonText||_conf.default.i18n("vxe.custom.cstmConfirm")},on:{click:f.confirmCustomEvent}})])}}})},_default2=exports.default={name:"VxeTableCustomPanel",props:{customStore:{type:Object,default:function(){return{}}}},inject:{$xetable:{default: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)},confirmCustomEvent:function(e){var t=this.$xetable;t.closeCustom(),t.emitCustomEvent("confirm",e)},cancelCustomEvent:function(e){var t=this.$xetable;t.closeCustom(),t.emitCustomEvent("cancel",e)},resetCustomEvent:function(e){var t=this.$xetable;t.resetColumn(!0),t.closeCustom(),t.emitCustomEvent("reset",e)},resetPopupCustomEvent:function(e){this.resetCustomEvent(e)},handleOptionCheck:function(t){var e=this.$xetable.collectColumn,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.visible;_xeUtils.default.eachTree([e],function(e){e.visible=n,e.halfVisible=!1}),this.handleOptionCheck(e),o.immediate&&t.handleCustom(),t.checkCustomStatus()},changeFixedOption:function(e,t){var o=this.$xetable,n=o.isMaxFixedColumn;e.fixed===t?o.clearColumnFixed(e):n&&!e.fixed||o.setColumnFixed(e,t)},changePopupFixedOption:function(e){var t=this.$xetable;t.isMaxFixedColumn||t.setColumnFixed(e,e.fixed)},allCustomEvent:function(){var e=this.$xetable,t=this.customStore,o=this.collectColumn,n=this.customOpts.checkMethod,i=!t.isAll;_xeUtils.default.eachTree(o,function(e){n&&!n({column:e})||(e.visible=i,e.halfVisible=!1)}),t.isAll=i,e.checkCustomStatus()}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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"))}function renderSimplePanel(u,d){var e=d.$xetable,t=d.customStore,f=e.customOpts,o=e.customColumnList,m=e.isMaxFixedColumn,e=t.maxHeight,v=f.checkMethod,p=f.visibleMethod,i=f.trigger,x=[],n={},i=("hover"===i&&(n.mouseenter=d.handleWrapperMouseenterEvent,n.mouseleave=d.handleWrapperMouseleaveEvent),_xeUtils.default.eachTree(o,function(e,t,o,i,n){var l,s,a,c,r;p&&!p({column:e})||(l=e.visible,s=e.halfVisible,a=e.children&&e.children.length,c=formatText(e.getTitle(),1),r=!!v&&!v({column:e}),x.push(u("li",{key:e.id,class:["vxe-table-custom--option","level--".concat(e.level),{"is--group":a}]},[u("div",{title:c,class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":s,"is--disabled":r}],on:{click:function(){r||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]}),u("span",{class:"vxe-checkbox--label"},c)]),!n&&f.allowFixed?u("div",{class:"vxe-table-custom--fixed-option"},[u("span",{class:["vxe-table-custom--fixed-left-option","left"===e.fixed?_conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT_ACTIVED:_conf.default.icon.TOOLBAR_TOOLS_FIXED_LEFT,{"is--checked":"left"===e.fixed,"is--disabled":m&&!e.fixed}],attrs:{title:_conf.default.i18n("left"===e.fixed?"vxe.toolbar.cancelfixed":"vxe.toolbar.fixedLeft")},on:{click:function(){d.changeFixedOption(e,"left")}}}),u("span",{class:["vxe-table-custom--fixed-right-option","right"===e.fixed?_conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVED:_conf.default.icon.TOOLBAR_TOOLS_FIXED_RIGHT,{"is--checked":"right"===e.fixed,"is--disabled":m&&!e.fixed}],attrs:{title:_conf.default.i18n("right"===e.fixed?"vxe.toolbar.cancelfixed":"vxe.toolbar.fixedRight")},on:{click:function(){d.changeFixedOption(e,"right")}}})]):null])))}),t.isAll),o=t.isIndeterminate;return u("div",{key:"simple",class:["vxe-table-custom-wrapper",{"is--active":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("ul",{class:"vxe-table-custom--body",style:e?{maxHeight:"".concat(e,"px")}:{},on:n},x),f.showFooter?u("div",{class:"vxe-table-custom--footer"},[u("button",{class:"btn--reset",on:{click:d.resetCustomEvent}},f.resetButtonText||_conf.default.i18n("vxe.toolbar.customRestore")),u("button",{class:"btn--confirm",on:{click:d.confirmCustomEvent}},f.confirmButtonText||_conf.default.i18n("vxe.toolbar.customConfirm"))]):null])}function renderPopupPanel(u,d){var e=d.$xetable,t=d.customStore,f=e.customOpts,o=e.customColumnList,m=e.isMaxFixedColumn,v=f.checkMethod,p=f.visibleMethod,x=[];return _xeUtils.default.eachTree(o,function(t,e,o,i,n){var l,s,a,c,r;p&&!p({column:t})||(l=t.visible,s=t.halfVisible,a=formatText(t.getTitle(),1),c=t.children&&t.children.length,r=!!v&&!v({column:t}),x.push(u("tr",{key:t.id,class:["vxe-table-custom-popup--row level--".concat(t.level),{"is--group":c}],attrs:{colid:t.id},on:{dragstart:d.sortDragstartEvent,dragend:d.sortDragendEvent,dragover:d.sortDragoverEvent}},[u("td",{class:"vxe-table-custom-popup--column-item col--sort"},[1===t.level?u("span",{class:"vxe-table-custom-popup--column-sort-btn",on:{mousedown:d.sortMousedownEvent,mouseup:d.sortMouseupEvent}},[u("i",{class:"vxe-icon-sort"})]):null]),u("td",{class:"vxe-table-custom-popup--column-item col--name"},[u("div",{class:"vxe-table-custom-popup--name",attrs:{title:a}},a)]),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":r}],on:{click:function(){r||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]})])]),u("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[!n&&f.allowFixed?u("vxe-radio-group",{props:{value:t.fixed||"",type:"button",size:"mini",options:[{label:_conf.default.i18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:m},{label:_conf.default.i18n("vxe.custom.setting.fixedUnset"),value:""},{label:_conf.default.i18n("vxe.custom.setting.fixedRight"),value:"right",disabled:m}]},on:{input:function(e){t.fixed=e},change:function(){d.changePopupFixedOption(t)}}}):null])])))}),u("vxe-modal",{key:"popup",props:{value:t.visible,title:_conf.default.i18n("vxe.custom.cstmTitle"),className:"vxe-table-custom-popup-warpper vxe-table--ignore-clear",width:"40vw",minWidth:500,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-warpper"},[u("table",{},[u("colgroup",{},[u("col",{style:{width:"60px"}}),u("col"),u("col",{style:{width:"80px"}}),u("col",{style:{width:"200px"}})]),u("thead",{},[u("tr",{},[u("th",{},_conf.default.i18n("vxe.custom.setting.colSort")),u("th",{},_conf.default.i18n("vxe.custom.setting.colTitle")),u("th",{},_conf.default.i18n("vxe.custom.setting.colVisible")),u("th",{},_conf.default.i18n("vxe.custom.setting.colFixed"))])]),u("transition-group",{class:"vxe-table-custom--body",props:{tag:"tbody",name:"vxe-table-custom--flip"}},x)])]),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:f.resetButtonText||_conf.default.i18n("vxe.custom.cstmRestore")},on:{click:d.resetPopupCustomEvent}}),u("vxe-button",{props:{content:f.resetButtonText||_conf.default.i18n("vxe.custom.cstmCancel")},on:{click:d.cancelCustomEvent}}),u("vxe-button",{props:{status:"primary",content:f.confirmButtonText||_conf.default.i18n("vxe.custom.cstmConfirm")},on:{click:d.confirmCustomEvent}})])}}})}var _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)},confirmCustomEvent:function(e){var t=this.$xetable;t.closeCustom(),t.emitCustomEvent("confirm",e)},cancelCustomEvent:function(e){var t=this.$xetable;t.closeCustom(),t.emitCustomEvent("cancel",e)},resetCustomEvent:function(e){var t=this.$xetable;t.resetColumn(!0),t.closeCustom(),t.emitCustomEvent("reset",e)},resetPopupCustomEvent:function(e){this.resetCustomEvent(e)},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.visible;_xeUtils.default.eachTree([e],function(e){e.visible=i,e.halfVisible=!1}),this.handleOptionCheck(e),o.immediate&&t.handleCustom(),t.checkCustomStatus()},changeFixedOption:function(e,t){var o=this.$xetable,i=o.isMaxFixedColumn;e.fixed===t?o.clearColumnFixed(e):i&&!e.fixed||o.setColumnFixed(e,t)},changePopupFixedOption:function(e){var t=this.$xetable;t.isMaxFixedColumn||t.setColumnFixed(e,e.fixed)},allCustomEvent:function(){var e=this.$xetable,t=this.customStore,o=e.customOpts,i=e.customColumnList,n=o.checkMethod,l=!t.isAll;_xeUtils.default.eachTree(i,function(e){n&&!n({column:e})||(e.visible=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,i=t.customColumnList,e=e.currentTarget,n=this.$refs.dragHintElemRef;if(o){if(o!==e){var l=o.getAttribute("dragoffset"),s=e.getAttribute("colid"),a=t.getColumnById(s);if(!a)return;var s=_xeUtils.default.findIndexOf(i,function(e){return e.id===a.id}),c=o.getAttribute("colid"),r=t.getColumnById(c);if(!r)return;i.splice(s,1);t=_xeUtils.default.findIndexOf(i,function(e){return e.id===r.id});i.splice(t+("bottom"===l?1:0),0,a)}o.draggable=!1,o.removeAttribute("dragoffset"),removeClass(o,"active--drag-target")}this.dragColumn=null,e.draggable=!1,e.removeAttribute("dragoffset"),n&&(n.style.display=""),removeClass(e,"active--drag-target"),removeClass(e,"active--drag-origin"),i.forEach(function(e,t){e.renderSortNumber=t})},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("dragoffset",o),this.prevDropTrEl=i),updateDropHint(this,e)}}};