vxe-table 4.6.5 → 4.6.6

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue");const tableCustomMethodKeys=["openCustom","closeCustom"],customHook={setupTable(o){const{reactData:l,internalData:s}=o,u=o.getComputeMaps()["computeCustomOpts"],{refTableHeader:a,refTableBody:i,refTableCustom:r}=o.getRefMaps(),m=o.xegrid,n=()=>{var e=l["customStore"],t=a.value,o=i.value,s=r.value,s=s?s.$el:null,t=t.$el,o=o.$el;let u=0;t&&(u+=t.clientHeight),o&&(u+=o.clientHeight),e.maxHeight=Math.max(0,s?Math.min(s.clientHeight,u-80):0)},c=()=>{var{initStore:e,customStore:t}=l;return t.visible=!0,e.custom=!0,b(),n(),(0,_vue.nextTick)().then(()=>n())},v=()=>{var e=l["customStore"],t=u.value;return e.visible&&(e.visible=!1,t.immediate||o.handleCustom()),(0,_vue.nextTick)()};var e={openCustom:c,closeCustom:v};const b=()=>{var e=l["customStore"],t=s["collectColumn"];const o=u.value["checkMethod"];e.isAll=t.every(e=>!!o&&!o({column:e})||e.visible),e.isIndeterminate=!e.isAll&&t.some(e=>(!o||o({column:e}))&&(e.visible||e.halfVisible))},d=(e,t)=>{(m||o).dispatchEvent("custom",{type:e},t)};var t={checkCustomStatus:b,emitCustomEvent:d,triggerCustomEvent(e){var t=o.reactData["customStore"];t.visible?(v(),d("close",e)):(t.btnEl=e.target,c(),d("open",e))},customOpenEvent(e){var t=l["customStore"];t.visible||(t.activeBtn=!0,t.btnEl=e.target,o.openCustom(),o.emitCustomEvent("open",e))},customColseEvent(e){var t=l["customStore"];t.visible&&(t.activeBtn=!1,o.closeCustom(),o.emitCustomEvent("close",e))}};return{...e,...t}},setupGrid(e){return e.extendTableMethods(tableCustomMethodKeys)}};var _default=exports.default=customHook;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue");const tableCustomMethodKeys=["openCustom","closeCustom"],customHook={setupTable(o){const{reactData:l,internalData:s}=o,u=o.getComputeMaps()["computeCustomOpts"],{refTableHeader:a,refTableBody:i,refTableCustom:r}=o.getRefMaps(),c=o.xegrid,m=()=>{var e=l["customStore"],t=a.value,o=i.value,s=r.value,s=s?s.$el:null,t=t.$el,o=o.$el;let u=0;t&&(u+=t.clientHeight),o&&(u+=o.clientHeight),e.maxHeight=Math.max(0,s?Math.min(s.clientHeight,u-80):0)},n=()=>{var{initStore:e,customStore:t}=l;return t.visible=!0,e.custom=!0,l.customColumnList=s.collectColumn.slice(0),C(),m(),(0,_vue.nextTick)().then(()=>m())},v=()=>{var e=l["customStore"],t=u.value;return e.visible&&(e.visible=!1,t.immediate||o.handleCustom()),(0,_vue.nextTick)()};var e={openCustom:n,closeCustom:v};const C=()=>{var e=l["customStore"],t=s["collectColumn"];const o=u.value["checkMethod"];e.isAll=t.every(e=>!!o&&!o({column:e})||e.visible),e.isIndeterminate=!e.isAll&&t.some(e=>(!o||o({column:e}))&&(e.visible||e.halfVisible))},b=(e,t)=>{(c||o).dispatchEvent("custom",{type:e},t)};var t={checkCustomStatus:C,emitCustomEvent:b,triggerCustomEvent(e){var t=o.reactData["customStore"];t.visible?(v(),b("close",e)):(t.btnEl=e.target,n(),b("open",e))},customOpenEvent(e){var t=l["customStore"];t.visible||(t.activeBtn=!0,t.btnEl=e.target,o.openCustom(),o.emitCustomEvent("open",e))},customColseEvent(e){var t=l["customStore"];t.visible&&(t.activeBtn=!1,o.closeCustom(),o.emitCustomEvent("close",e))}};return{...e,...t}},setupGrid(e){return e.extendTableMethods(tableCustomMethodKeys)}};var _default=exports.default=customHook;

package/lib/custom/src/panel.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _vXETable = require("../../v-x-e-table");
 var _utils = require("../../tools/utils");
+var _dom = require("../../tools/dom");
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
 var _modal = _interopRequireDefault(require("../../modal/src/modal"));
 var _button = _interopRequireDefault(require("../../button/src/button"));
@@ -23,13 +25,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
   setup(props) {
     const $xetable = (0, _vue.inject)('$xetable', {});
     const {
-      internalData
+      reactData
     } = $xetable;
     const {
       computeCustomOpts,
       computeIsMaxFixedColumn
     } = $xetable.getComputeMaps();
     const refElem = (0, _vue.ref)();
+    const bodyElemRef = (0, _vue.ref)();
+    const dragHintElemRef = (0, _vue.ref)();
+    const dragColumn = (0, _vue.ref)();
+    let prevDropTrEl;
     const handleWrapperMouseenterEvent = evnt => {
       const {
         customStore
@@ -62,13 +68,25 @@ var _default = exports.default = (0, _vue.defineComponent)({
       $xetable.emitCustomEvent('reset', evnt);
     };
     const resetPopupCustomEvent = evnt => {
-      resetCustomEvent(evnt);
+      if (_vXETable.VXETable.modal) {
+        _vXETable.VXETable.modal.confirm({
+          content: _conf.default.i18n('vxe.custom.cstmConfirmRestore'),
+          className: 'vxe-table--ignore-clear',
+          escClosable: true
+        }).then(type => {
+          if (type === 'confirm') {
+            resetCustomEvent(evnt);
+          }
+        });
+      } else {
+        resetCustomEvent(evnt);
+      }
     };
     const handleOptionCheck = column => {
       const {
-        collectColumn
-      } = internalData;
-      const matchObj = _xeUtils.default.findTree(collectColumn, item => item === column);
+        customColumnList
+      } = reactData;
+      const matchObj = _xeUtils.default.findTree(customColumnList, item => item === column);
       if (matchObj && matchObj.parent) {
         const {
           parent
@@ -114,14 +132,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
         customStore
       } = props;
       const {
-        collectColumn
-      } = internalData;
+        customColumnList
+      } = reactData;
       const customOpts = computeCustomOpts.value;
       const {
         checkMethod
       } = customOpts;
       const isAll = !customStore.isAll;
-      _xeUtils.default.eachTree(collectColumn, column => {
+      _xeUtils.default.eachTree(customColumnList, column => {
         if (!checkMethod || checkMethod({
           column
         })) {
@@ -132,13 +150,117 @@ var _default = exports.default = (0, _vue.defineComponent)({
       customStore.isAll = isAll;
       $xetable.checkCustomStatus();
     };
+    const sortMousedownEvent = evnt => {
+      const btnEl = evnt.currentTarget;
+      const tdEl = btnEl.parentNode;
+      const trEl = tdEl.parentNode;
+      const colid = trEl.getAttribute('colid');
+      const column = $xetable.getColumnById(colid);
+      trEl.draggable = true;
+      dragColumn.value = column;
+      (0, _dom.addClass)(trEl, 'active--drag-origin');
+    };
+    const sortMouseupEvent = evnt => {
+      const btnEl = evnt.currentTarget;
+      const tdEl = btnEl.parentNode;
+      const trEl = tdEl.parentNode;
+      const dragHintEl = dragHintElemRef.value;
+      trEl.draggable = false;
+      dragColumn.value = null;
+      (0, _dom.removeClass)(trEl, 'active--drag-origin');
+      if (dragHintEl) {
+        dragHintEl.style.display = '';
+      }
+    };
+    const sortDragstartEvent = evnt => {
+      const img = new Image();
+      if (evnt.dataTransfer) {
+        evnt.dataTransfer.setDragImage(img, 0, 0);
+      }
+    };
+    const sortDragendEvent = evnt => {
+      const {
+        customColumnList
+      } = reactData;
+      const trEl = evnt.currentTarget;
+      const dragHintEl = dragHintElemRef.value;
+      if (prevDropTrEl) {
+        // 判断是否有拖动
+        if (prevDropTrEl !== trEl) {
+          const dragOffset = prevDropTrEl.getAttribute('drag-pos');
+          const colid = trEl.getAttribute('colid');
+          const column = $xetable.getColumnById(colid);
+          if (!column) {
+            return;
+          }
+          const cIndex = _xeUtils.default.findIndexOf(customColumnList, item => item.id === column.id);
+          const targetColid = prevDropTrEl.getAttribute('colid');
+          const targetColumn = $xetable.getColumnById(targetColid);
+          if (!targetColumn) {
+            return;
+          }
+          // 移出源位置
+          customColumnList.splice(cIndex, 1);
+          const tcIndex = _xeUtils.default.findIndexOf(customColumnList, item => item.id === targetColumn.id);
+          // 插新位置
+          customColumnList.splice(tcIndex + (dragOffset === 'bottom' ? 1 : 0), 0, column);
+        }
+        prevDropTrEl.draggable = false;
+        prevDropTrEl.removeAttribute('drag-pos');
+        (0, _dom.removeClass)(prevDropTrEl, 'active--drag-target');
+      }
+      dragColumn.value = null;
+      trEl.draggable = false;
+      trEl.removeAttribute('drag-pos');
+      if (dragHintEl) {
+        dragHintEl.style.display = '';
+      }
+      (0, _dom.removeClass)(trEl, 'active--drag-target');
+      (0, _dom.removeClass)(trEl, 'active--drag-origin');
+      // 更新顺序
+      customColumnList.forEach((column, index) => {
+        column.renderSortNumber = index;
+      });
+    };
+    const sortDragoverEvent = evnt => {
+      const trEl = evnt.currentTarget;
+      if (prevDropTrEl !== trEl) {
+        (0, _dom.removeClass)(prevDropTrEl, 'active--drag-target');
+      }
+      const colid = trEl.getAttribute('colid');
+      const column = $xetable.getColumnById(colid);
+      // 是否移入有效元行
+      if (column && column.level === 1) {
+        evnt.preventDefault();
+        const offsetY = evnt.clientY - trEl.getBoundingClientRect().y;
+        const dragOffset = offsetY < trEl.clientHeight / 2 ? 'top' : 'bottom';
+        (0, _dom.addClass)(trEl, 'active--drag-target');
+        trEl.setAttribute('drag-pos', dragOffset);
+        prevDropTrEl = trEl;
+      }
+      updateDropHint(evnt);
+    };
+    const updateDropHint = evnt => {
+      const dragHintEl = dragHintElemRef.value;
+      const bodyEl = bodyElemRef.value;
+      if (!bodyEl) {
+        return;
+      }
+      if (dragHintEl) {
+        const warpperEl = bodyEl.parentNode;
+        const warpperRect = warpperEl.getBoundingClientRect();
+        dragHintEl.style.display = 'block';
+        dragHintEl.style.top = `${Math.min(warpperEl.clientHeight - warpperEl.scrollTop - dragHintEl.clientHeight, evnt.clientY - warpperRect.y)}px`;
+        dragHintEl.style.left = `${Math.min(warpperEl.clientWidth - warpperEl.scrollLeft - dragHintEl.clientWidth - 16, evnt.clientX - warpperRect.x)}px`;
+      }
+    };
     const renderSimplePanel = () => {
       const {
         customStore
       } = props;
       const {
-        collectColumn
-      } = internalData;
+        customColumnList
+      } = reactData;
       const customOpts = computeCustomOpts.value;
       const {
         maxHeight
@@ -156,7 +278,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         customWrapperOns.onMouseenter = handleWrapperMouseenterEvent;
         customWrapperOns.onMouseleave = handleWrapperMouseleaveEvent;
       }
-      _xeUtils.default.eachTree(collectColumn, (column, index, items, path, parent) => {
+      _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parent) => {
         const isVisible = visibleMethod ? visibleMethod({
           column
         }) : true;
@@ -256,8 +378,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         customStore
       } = props;
       const {
-        collectColumn
-      } = internalData;
+        customColumnList
+      } = reactData;
       const customOpts = computeCustomOpts.value;
       const {
         checkMethod,
@@ -265,7 +387,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = customOpts;
       const isMaxFixedColumn = computeIsMaxFixedColumn.value;
       const trVNs = [];
-      _xeUtils.default.eachTree(collectColumn, (column, index, items, path, parent) => {
+      _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parent) => {
         const isVisible = visibleMethod ? visibleMethod({
           column
         }) : true;
@@ -279,16 +401,28 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }) : false;
           trVNs.push((0, _vue.h)('tr', {
             key: column.id,
-            class: [`vxe-table-custom-popup--row-level${column.level}`, {
+            colid: column.id,
+            class: [`vxe-table-custom-popup--row level--${column.level}`, {
               'is--group': isColGroup
-            }]
+            }],
+            onDragstart: sortDragstartEvent,
+            onDragend: sortDragendEvent,
+            onDragover: sortDragoverEvent
           }, [(0, _vue.h)('td', {
-            class: 'vxe-table-custom-popup--column-name'
+            class: 'vxe-table-custom-popup--column-item col--sort'
+          }, [column.level === 1 ? (0, _vue.h)('span', {
+            class: 'vxe-table-custom-popup--column-sort-btn',
+            onMousedown: sortMousedownEvent,
+            onMouseup: sortMouseupEvent
+          }, [(0, _vue.h)('i', {
+            class: 'vxe-icon-sort'
+          })]) : null]), (0, _vue.h)('td', {
+            class: 'vxe-table-custom-popup--column-item col--name'
           }, [(0, _vue.h)('div', {
             class: 'vxe-table-custom-popup--name',
             title: colTitle
           }, colTitle)]), (0, _vue.h)('td', {
-            class: 'vxe-table-custom-popup--column-visiblw'
+            class: 'vxe-table-custom-popup--column-item col--visible'
           }, [(0, _vue.h)('div', {
             class: ['vxe-table-custom--checkbox-option', {
               'is--checked': isChecked,
@@ -303,21 +437,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }, [(0, _vue.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]
           })])]), (0, _vue.h)('td', {
-            class: 'vxe-table-custom-popup--column-fixed'
+            class: 'vxe-table-custom-popup--column-item col--fixed'
           }, [!parent && customOpts.allowFixed ? (0, _vue.h)(_group.default, {
             modelValue: 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
             }],
             'onUpdate:modelValue'(value) {
               column.fixed = value;
@@ -330,23 +465,34 @@ var _default = exports.default = (0, _vue.defineComponent)({
       });
       return (0, _vue.h)(_modal.default, {
         key: 'popup',
-        className: 'vxe-table-custom-popup-warpper vxe-table--ignore-clear',
+        className: 'vxe-table-custom-popup-wrapper vxe-table--ignore-clear',
         modelValue: customStore.visible,
         title: _conf.default.i18n('vxe.custom.cstmTitle'),
-        width: 700,
-        maxHeight: 500,
+        width: '40vw',
+        minWidth: 500,
+        height: '50vh',
+        minHeight: 300,
         mask: true,
         lockView: true,
         showFooter: true,
+        resize: true,
         escClosable: true,
+        destroyOnClose: true,
         'onUpdate:modelValue'(value) {
           customStore.visible = value;
         }
       }, {
         default: () => {
           return (0, _vue.h)('div', {
+            ref: bodyElemRef,
             class: 'vxe-table-custom-popup--body'
-          }, [(0, _vue.h)('table', {}, [(0, _vue.h)('colgroup', {}, [(0, _vue.h)('col'), (0, _vue.h)('col', {
+          }, [(0, _vue.h)('div', {
+            class: 'vxe-table-custom-popup--table-wrapper'
+          }, [(0, _vue.h)('table', {}, [(0, _vue.h)('colgroup', {}, [(0, _vue.h)('col', {
+            style: {
+              width: '60px'
+            }
+          }), (0, _vue.h)('col'), (0, _vue.h)('col', {
             style: {
               width: '80px'
             }
@@ -354,7 +500,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
             style: {
               width: '200px'
             }
-          })]), (0, _vue.h)('thead', {}, [(0, _vue.h)('tr', {}, [(0, _vue.h)('th', {}, '标题'), (0, _vue.h)('th', {}, '是否显示'), (0, _vue.h)('th', {}, '是否固定')])]), (0, _vue.h)('tbody', {}, trVNs)])]);
+          })]), (0, _vue.h)('thead', {}, [(0, _vue.h)('tr', {}, [(0, _vue.h)('th', {}, _conf.default.i18n('vxe.custom.setting.colSort')), (0, _vue.h)('th', {}, _conf.default.i18n('vxe.custom.setting.colTitle')), (0, _vue.h)('th', {}, _conf.default.i18n('vxe.custom.setting.colVisible')), (0, _vue.h)('th', {}, _conf.default.i18n('vxe.custom.setting.colFixed'))])]), (0, _vue.h)(_vue.TransitionGroup, {
+            class: 'vxe-table-custom--body',
+            tag: 'tbody',
+            name: 'vxe-table-custom--flip'
+          }, {
+            default: () => trVNs
+          })])]), (0, _vue.h)('div', {
+            ref: dragHintElemRef,
+            class: 'vxe-table-custom-popup--drag-hint'
+          }, _conf.default.i18n('vxe.custom.cstmDragTarget', [dragColumn.value ? dragColumn.value.getTitle() : '']))]);
         },
         footer: () => {
           return (0, _vue.h)('div', {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_utils=require("../../tools/utils"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_modal=_interopRequireDefault(require("../../modal/src/modal")),_button=_interopRequireDefault(require("../../button/src/button")),_group=_interopRequireDefault(require("../../radio/src/group")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},setup(s){const i=(0,_vue.inject)("$xetable",{}),a=i["internalData"],{computeCustomOpts:n,computeIsMaxFixedColumn:C}=i.getComputeMaps(),E=(0,_vue.ref)(),T=e=>{var t=s["customStore"];t.activeWrapper=!0,i.customOpenEvent(e)},k=e=>{const t=s["customStore"];t.activeWrapper=!1,setTimeout(()=>{t.activeBtn||t.activeWrapper||i.customColseEvent(e)},300)},O=e=>{i.closeCustom(),i.emitCustomEvent("confirm",e)},B=e=>{i.closeCustom(),i.emitCustomEvent("cancel",e)},g=e=>{i.resetColumn(!0),i.closeCustom(),i.emitCustomEvent("reset",e)},A=e=>{g(e)},o=t=>{var e=a["collectColumn"],e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.visible=e.children.every(e=>e.visible),e.halfVisible=!e.visible&&e.children.some(e=>e.visible||e.halfVisible),o(e))},D=e=>{const t=!e.visible;var l=n.value;_xeUtils.default.eachTree([e],e=>{e.visible=t,e.halfVisible=!1}),o(e),l.immediate&&i.handleCustom(),i.checkCustomStatus()},H=(e,t)=>{var l=C.value;e.fixed===t?i.clearColumnFixed(e):l&&!e.fixed||i.setColumnFixed(e,t)},L=e=>{C.value||i.setColumnFixed(e,e.fixed)},R=()=>{var e=s["customStore"],t=a["collectColumn"];const l=n.value["checkMethod"],o=!e.isAll;_xeUtils.default.eachTree(t,e=>{l&&!l({column:e})||(e.visible=o,e.halfVisible=!1)}),e.isAll=o,i.checkCustomStatus()};return()=>{if("popup"===n.value.mode){const u=s["customStore"];var e=a["collectColumn"];const v=n.value,{checkMethod:r,visibleMethod:d}=v,_=C.value,f=[];return _xeUtils.default.eachTree(e,(t,e,l,o,i)=>{if(!d||d({column:t})){var u=t.visible,c=t.halfVisible,s=(0,_utils.formatText)(t.getTitle(),1),a=t.children&&t.children.length;const n=!!r&&!r({column:t});f.push((0,_vue.h)("tr",{key:t.id,class:["vxe-table-custom-popup--row-level"+t.level,{"is--group":a}]},[(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-name"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--name",title:s},s)]),(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-visiblw"},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":u,"is--indeterminate":c,"is--disabled":n}],onClick:()=>{n||D(t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",c?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:u?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})])]),(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-fixed"},[!i&&v.allowFixed?(0,_vue.h)(_group.default,{modelValue:t.fixed||"",disabled:_,type:"button",size:"mini",options:[{label:"左侧",value:"left"},{label:"不固定",value:""},{label:"右侧",value:"right"}],"onUpdate:modelValue"(e){t.fixed=e},onChange(){L(t)}}):null])]))}}),(0,_vue.h)(_modal.default,{key:"popup",className:"vxe-table-custom-popup-warpper vxe-table--ignore-clear",modelValue:u.visible,title:_conf.default.i18n("vxe.custom.cstmTitle"),width:700,maxHeight:500,mask:!0,lockView:!0,showFooter:!0,escClosable:!0,"onUpdate:modelValue"(e){u.visible=e}},{default:()=>(0,_vue.h)("div",{class:"vxe-table-custom-popup--body"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},[(0,_vue.h)("col"),(0,_vue.h)("col",{style:{width:"80px"}}),(0,_vue.h)("col",{style:{width:"200px"}})]),(0,_vue.h)("thead",{},[(0,_vue.h)("tr",{},[(0,_vue.h)("th",{},"标题"),(0,_vue.h)("th",{},"是否显示"),(0,_vue.h)("th",{},"是否固定")])]),(0,_vue.h)("tbody",{},f)])]),footer:()=>(0,_vue.h)("div",{class:"vxe-table-custom-popup--footer"},[(0,_vue.h)(_button.default,{content:v.resetButtonText||_conf.default.i18n("vxe.custom.cstmRestore"),onClick:A}),(0,_vue.h)(_button.default,{content:v.resetButtonText||_conf.default.i18n("vxe.custom.cstmCancel"),onClick:B}),(0,_vue.h)(_button.default,{status:"primary",content:v.confirmButtonText||_conf.default.i18n("vxe.custom.cstmConfirm"),onClick:O})])})}{var e=s["customStore"],t=a["collectColumn"];const h=n.value;var l=e["maxHeight"];const{checkMethod:m,visibleMethod:x,trigger:c}=h,p=C.value,b=[];var o={},t=("hover"===c&&(o.onMouseenter=T,o.onMouseleave=k),_xeUtils.default.eachTree(t,(e,t,l,o,i)=>{if(!x||x({column:e})){var u=e.visible,c=e.halfVisible,s=e.children&&e.children.length,a=(0,_utils.formatText)(e.getTitle(),1);const n=!!m&&!m({column:e});b.push((0,_vue.h)("li",{key:e.id,class:["vxe-table-custom--option","level--"+e.level,{"is--group":s}]},[(0,_vue.h)("div",{title:a,class:["vxe-table-custom--checkbox-option",{"is--checked":u,"is--indeterminate":c,"is--disabled":n}],onClick:()=>{n||D(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",c?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:u?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},a)]),!i&&h.allowFixed?(0,_vue.h)("div",{class:"vxe-table-custom--fixed-option"},[(0,_vue.h)("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":p&&!e.fixed}],title:_conf.default.i18n("left"===e.fixed?"vxe.toolbar.cancelfixed":"vxe.toolbar.fixedLeft"),onClick:()=>{H(e,"left")}}),(0,_vue.h)("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":p&&!e.fixed}],title:_conf.default.i18n("right"===e.fixed?"vxe.toolbar.cancelfixed":"vxe.toolbar.fixedRight"),onClick:()=>{H(e,"right")}})]):null]))}}),e.isAll),i=e.isIndeterminate;return(0,_vue.h)("div",{ref:E,key:"simple",class:["vxe-table-custom-wrapper",{"is--active":e.visible}]},[(0,_vue.h)("ul",{class:"vxe-table-custom--header"},[(0,_vue.h)("li",{class:"vxe-table-custom--option"},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":t,"is--indeterminate":i}],title:_conf.default.i18n("vxe.table.allTitle"),onClick:R},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:t?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.toolbar.customAll"))])])]),(0,_vue.h)("ul",{class:"vxe-table-custom--body",style:l?{maxHeight:l+"px"}:{},...o},b),h.showFooter?(0,_vue.h)("div",{class:"vxe-table-custom--footer"},[(0,_vue.h)("button",{class:"btn--reset",onClick:g},h.resetButtonText||_conf.default.i18n("vxe.toolbar.customRestore")),(0,_vue.h)("button",{class:"btn--confirm",onClick:O},h.confirmButtonText||_conf.default.i18n("vxe.toolbar.customConfirm"))]):null]);return}}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_modal=_interopRequireDefault(require("../../modal/src/modal")),_button=_interopRequireDefault(require("../../button/src/button")),_group=_interopRequireDefault(require("../../radio/src/group")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},setup(s){const c=(0,_vue.inject)("$xetable",{}),n=c["reactData"],{computeCustomOpts:g,computeIsMaxFixedColumn:C}=c.getComputeMaps(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),k=(0,_vue.ref)(),B=(0,_vue.ref)();let r;const y=e=>{var t=s["customStore"];t.activeWrapper=!0,c.customOpenEvent(e)},O=e=>{const t=s["customStore"];t.activeWrapper=!1,setTimeout(()=>{t.activeBtn||t.activeWrapper||c.customColseEvent(e)},300)},A=e=>{c.closeCustom(),c.emitCustomEvent("confirm",e)},D=e=>{c.closeCustom(),c.emitCustomEvent("cancel",e)},L=e=>{c.resetColumn(!0),c.closeCustom(),c.emitCustomEvent("reset",e)},I=t=>{_vXETable.VXETable.modal?_vXETable.VXETable.modal.confirm({content:_conf.default.i18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&L(t)}):L(t)},o=t=>{var e=n["customColumnList"],e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.visible=e.children.every(e=>e.visible),e.halfVisible=!e.visible&&e.children.some(e=>e.visible||e.halfVisible),o(e))},H=e=>{const t=!e.visible;var l=g.value;_xeUtils.default.eachTree([e],e=>{e.visible=t,e.halfVisible=!1}),o(e),l.immediate&&c.handleCustom(),c.checkCustomStatus()},R=(e,t)=>{var l=C.value;e.fixed===t?c.clearColumnFixed(e):l&&!e.fixed||c.setColumnFixed(e,t)},X=e=>{C.value||c.setColumnFixed(e,e.fixed)},M=()=>{var e=s["customStore"],t=n["customColumnList"];const l=g.value["checkMethod"],o=!e.isAll;_xeUtils.default.eachTree(t,e=>{l&&!l({column:e})||(e.visible=o,e.halfVisible=!1)}),e.isAll=o,c.checkCustomStatus()},N=e=>{var e=e.currentTarget.parentNode.parentNode,t=e.getAttribute("colid"),t=c.getColumnById(t);e.draggable=!0,B.value=t,(0,_dom.addClass)(e,"active--drag-origin")},V=e=>{var e=e.currentTarget.parentNode.parentNode,t=k.value;e.draggable=!1,(B.value=null,_dom.removeClass)(e,"active--drag-origin"),t&&(t.style.display="")},w=e=>{var t=new Image;e.dataTransfer&&e.dataTransfer.setDragImage(t,0,0)},q=e=>{var t=n["customColumnList"],e=e.currentTarget,l=k.value;if(r){if(r!==e){var o=r.getAttribute("drag-pos"),i=e.getAttribute("colid");const u=c.getColumnById(i);if(!u)return;var i=_xeUtils.default.findIndexOf(t,e=>e.id===u.id),a=r.getAttribute("colid");const s=c.getColumnById(a);if(!s)return;t.splice(i,1);a=_xeUtils.default.findIndexOf(t,e=>e.id===s.id);t.splice(a+("bottom"===o?1:0),0,u)}r.draggable=!1,r.removeAttribute("drag-pos"),(0,_dom.removeClass)(r,"active--drag-target")}B.value=null,e.draggable=!1,e.removeAttribute("drag-pos"),l&&(l.style.display=""),(0,_dom.removeClass)(e,"active--drag-target"),(0,_dom.removeClass)(e,"active--drag-origin"),t.forEach((e,t)=>{e.renderSortNumber=t})},F=e=>{var t=e.currentTarget,l=(r!==t&&(0,_dom.removeClass)(r,"active--drag-target"),t.getAttribute("colid")),l=c.getColumnById(l);l&&1===l.level&&(e.preventDefault(),l=e.clientY-t.getBoundingClientRect().y<t.clientHeight/2?"top":"bottom",(0,_dom.addClass)(t,"active--drag-target"),t.setAttribute("drag-pos",l),r=t);{l=e;var o=k.value,i=E.value;i&&o&&(e=(t=i.parentNode).getBoundingClientRect(),o.style.display="block",o.style.top=Math.min(t.clientHeight-t.scrollTop-o.clientHeight,l.clientY-e.y)+"px",o.style.left=Math.min(t.clientWidth-t.scrollLeft-o.clientWidth-16,l.clientX-e.x)+"px")}};return()=>{if("popup"===g.value.mode){const a=s["customStore"];var e=n["customColumnList"];const r=g.value,{checkMethod:d,visibleMethod:v}=r,m=C.value,f=[];return _xeUtils.default.eachTree(e,(t,e,l,o,i)=>{if(!v||v({column:t})){var a=t.visible,u=t.halfVisible,s=(0,_utils.formatText)(t.getTitle(),1),c=t.children&&t.children.length;const n=!!d&&!d({column:t});f.push((0,_vue.h)("tr",{key:t.id,colid:t.id,class:["vxe-table-custom-popup--row level--"+t.level,{"is--group":c}],onDragstart:w,onDragend:q,onDragover:F},[(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--sort"},[1===t.level?(0,_vue.h)("span",{class:"vxe-table-custom-popup--column-sort-btn",onMousedown:N,onMouseup:V},[(0,_vue.h)("i",{class:"vxe-icon-sort"})]):null]),(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--name"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--name",title:s},s)]),(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--visible"},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":a,"is--indeterminate":u,"is--disabled":n}],onClick:()=>{n||H(t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",u?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:a?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})])]),(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[!i&&r.allowFixed?(0,_vue.h)(_group.default,{modelValue: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}],"onUpdate:modelValue"(e){t.fixed=e},onChange(){X(t)}}):null])]))}}),(0,_vue.h)(_modal.default,{key:"popup",className:"vxe-table-custom-popup-wrapper vxe-table--ignore-clear",modelValue:a.visible,title:_conf.default.i18n("vxe.custom.cstmTitle"),width:"40vw",minWidth:500,height:"50vh",minHeight:300,mask:!0,lockView:!0,showFooter:!0,resize:!0,escClosable:!0,destroyOnClose:!0,"onUpdate:modelValue"(e){a.visible=e}},{default:()=>(0,_vue.h)("div",{ref:E,class:"vxe-table-custom-popup--body"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-wrapper"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},[(0,_vue.h)("col",{style:{width:"60px"}}),(0,_vue.h)("col"),(0,_vue.h)("col",{style:{width:"80px"}}),(0,_vue.h)("col",{style:{width:"200px"}})]),(0,_vue.h)("thead",{},[(0,_vue.h)("tr",{},[(0,_vue.h)("th",{},_conf.default.i18n("vxe.custom.setting.colSort")),(0,_vue.h)("th",{},_conf.default.i18n("vxe.custom.setting.colTitle")),(0,_vue.h)("th",{},_conf.default.i18n("vxe.custom.setting.colVisible")),(0,_vue.h)("th",{},_conf.default.i18n("vxe.custom.setting.colFixed"))])]),(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-table-custom--body",tag:"tbody",name:"vxe-table-custom--flip"},{default:()=>f})])]),(0,_vue.h)("div",{ref:k,class:"vxe-table-custom-popup--drag-hint"},_conf.default.i18n("vxe.custom.cstmDragTarget",[B.value?B.value.getTitle():""]))]),footer:()=>(0,_vue.h)("div",{class:"vxe-table-custom-popup--footer"},[(0,_vue.h)(_button.default,{content:r.resetButtonText||_conf.default.i18n("vxe.custom.cstmRestore"),onClick:I}),(0,_vue.h)(_button.default,{content:r.resetButtonText||_conf.default.i18n("vxe.custom.cstmCancel"),onClick:D}),(0,_vue.h)(_button.default,{status:"primary",content:r.confirmButtonText||_conf.default.i18n("vxe.custom.cstmConfirm"),onClick:A})])})}{var e=s["customStore"],t=n["customColumnList"];const _=g.value;var l=e["maxHeight"];const{checkMethod:h,visibleMethod:p,trigger:u}=_,x=C.value,b=[];var o={},t=("hover"===u&&(o.onMouseenter=y,o.onMouseleave=O),_xeUtils.default.eachTree(t,(e,t,l,o,i)=>{if(!p||p({column:e})){var a=e.visible,u=e.halfVisible,s=e.children&&e.children.length,c=(0,_utils.formatText)(e.getTitle(),1);const n=!!h&&!h({column:e});b.push((0,_vue.h)("li",{key:e.id,class:["vxe-table-custom--option","level--"+e.level,{"is--group":s}]},[(0,_vue.h)("div",{title:c,class:["vxe-table-custom--checkbox-option",{"is--checked":a,"is--indeterminate":u,"is--disabled":n}],onClick:()=>{n||H(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",u?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:a?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},c)]),!i&&_.allowFixed?(0,_vue.h)("div",{class:"vxe-table-custom--fixed-option"},[(0,_vue.h)("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":x&&!e.fixed}],title:_conf.default.i18n("left"===e.fixed?"vxe.toolbar.cancelfixed":"vxe.toolbar.fixedLeft"),onClick:()=>{R(e,"left")}}),(0,_vue.h)("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":x&&!e.fixed}],title:_conf.default.i18n("right"===e.fixed?"vxe.toolbar.cancelfixed":"vxe.toolbar.fixedRight"),onClick:()=>{R(e,"right")}})]):null]))}}),e.isAll),i=e.isIndeterminate;return(0,_vue.h)("div",{ref:T,key:"simple",class:["vxe-table-custom-wrapper",{"is--active":e.visible}]},[(0,_vue.h)("ul",{class:"vxe-table-custom--header"},[(0,_vue.h)("li",{class:"vxe-table-custom--option"},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":t,"is--indeterminate":i}],title:_conf.default.i18n("vxe.table.allTitle"),onClick:M},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:t?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.toolbar.customAll"))])])]),(0,_vue.h)("ul",{class:"vxe-table-custom--body",style:l?{maxHeight:l+"px"}:{},...o},b),_.showFooter?(0,_vue.h)("div",{class:"vxe-table-custom--footer"},[(0,_vue.h)("button",{class:"btn--reset",onClick:L},_.resetButtonText||_conf.default.i18n("vxe.toolbar.customRestore")),(0,_vue.h)("button",{class:"btn--confirm",onClick:A},_.confirmButtonText||_conf.default.i18n("vxe.toolbar.customConfirm"))]):null]);return}}}});