vxe-table 4.7.71 → 4.7.73

package/lib/table/module/custom/panel.js

@@ -42,7 +42,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const refElem = (0, _vue.ref)();
     const bodyElemRef = (0, _vue.ref)();
     const dragHintElemRef = (0, _vue.ref)();
-    const dragColumn = (0, _vue.ref)();
+    const dragColumnRef = (0, _vue.ref)();
     let prevDropTrEl;
     const handleWrapperMouseenterEvent = evnt => {
       const {
@@ -101,6 +101,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
       $xeTable.emitCustomEvent('confirm', $event);
       $xeTable.saveCustomStore('confirm');
     };
+    const cancelCloseEvent = ({
+      $event
+    }) => {
+      $xeTable.closeCustom();
+      $xeTable.emitCustomEvent('close', $event);
+    };
     const cancelCustomEvent = ({
       $event
     }) => {
@@ -187,35 +193,48 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const changeCheckboxOption = column => {
       const isChecked = !column.renderVisible;
       const customOpts = computeCustomOpts.value;
-      _xeUtils.default.eachTree([column], item => {
-        item.renderVisible = isChecked;
-        item.halfVisible = false;
-      });
-      handleOptionCheck(column);
       if (customOpts.immediate) {
+        _xeUtils.default.eachTree([column], item => {
+          item.visible = isChecked;
+          item.renderVisible = isChecked;
+          item.halfVisible = false;
+        });
         $xeTable.handleCustom();
         $xeTable.saveCustomStore('update:visible');
+      } else {
+        _xeUtils.default.eachTree([column], item => {
+          item.renderVisible = isChecked;
+          item.halfVisible = false;
+        });
       }
+      handleOptionCheck(column);
       $xeTable.checkCustomStatus();
     };
     const changeFixedOption = (column, colFixed) => {
       const isMaxFixedColumn = computeIsMaxFixedColumn.value;
-      if (column.renderFixed === colFixed) {
-        column.renderFixed = '';
-        // $xeTable.clearColumnFixed(column)
+      const customOpts = computeCustomOpts.value;
+      if (customOpts.immediate) {
+        if (column.renderFixed === colFixed) {
+          column.fixed = '';
+          column.renderFixed = '';
+        } else {
+          if (!isMaxFixedColumn || column.renderFixed) {
+            column.fixed = colFixed;
+            column.renderFixed = colFixed;
+          }
+        }
+        $xeTable.handleCustom();
+        $xeTable.saveCustomStore('update:fixed');
       } else {
-        if (!isMaxFixedColumn || column.renderFixed) {
-          column.renderFixed = colFixed;
-          // $xeTable.setColumnFixed(column, colFixed)
+        if (column.renderFixed === colFixed) {
+          column.renderFixed = '';
+        } else {
+          if (!isMaxFixedColumn || column.renderFixed) {
+            column.renderFixed = colFixed;
+          }
         }
       }
     };
-    // const changePopupFixedOption = () => {
-    //   const isMaxFixedColumn = computeIsMaxFixedColumn.value
-    //   if (!isMaxFixedColumn) {
-    //     // $xeTable.setColumnFixed(column, column.fixed)
-    //   }
-    // }
     const allOptionEvent = () => {
       const {
         customStore
@@ -228,15 +247,30 @@ var _default = exports.default = (0, _vue.defineComponent)({
         checkMethod
       } = customOpts;
       const isAll = !customStore.isAll;
-      _xeUtils.default.eachTree(customColumnList, column => {
-        if (!checkMethod || checkMethod({
-          column
-        })) {
-          column.renderVisible = isAll;
-          column.halfVisible = false;
-        }
-      });
-      customStore.isAll = isAll;
+      if (customOpts.immediate) {
+        _xeUtils.default.eachTree(customColumnList, column => {
+          if (!checkMethod || checkMethod({
+            column
+          })) {
+            column.visible = isAll;
+            column.renderVisible = isAll;
+            column.halfVisible = false;
+          }
+        });
+        customStore.isAll = isAll;
+        $xeTable.handleCustom();
+        $xeTable.saveCustomStore('update:visible');
+      } else {
+        _xeUtils.default.eachTree(customColumnList, column => {
+          if (!checkMethod || checkMethod({
+            column
+          })) {
+            column.renderVisible = isAll;
+            column.halfVisible = false;
+          }
+        });
+        customStore.isAll = isAll;
+      }
       $xeTable.checkCustomStatus();
     };
     const sortMousedownEvent = evnt => {
@@ -246,7 +280,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const colid = trEl.getAttribute('colid');
       const column = $xeTable.getColumnById(colid);
       trEl.draggable = true;
-      dragColumn.value = column;
+      dragColumnRef.value = column;
       (0, _dom.addClass)(trEl, 'active--drag-origin');
     };
     const sortMouseupEvent = evnt => {
@@ -255,7 +289,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const trEl = tdEl.parentNode;
       const dragHintEl = dragHintElemRef.value;
       trEl.draggable = false;
-      dragColumn.value = null;
+      dragColumnRef.value = null;
       (0, _dom.removeClass)(trEl, 'active--drag-origin');
       if (dragHintEl) {
         dragHintEl.style.display = '';
@@ -271,6 +305,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         customColumnList
       } = reactData;
+      const customOpts = computeCustomOpts.value;
       const trEl = evnt.currentTarget;
       const dragHintEl = dragHintElemRef.value;
       if (prevDropTrEl) {
@@ -298,7 +333,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         prevDropTrEl.removeAttribute('drag-pos');
         (0, _dom.removeClass)(prevDropTrEl, 'active--drag-target');
       }
-      dragColumn.value = null;
+      dragColumnRef.value = null;
       trEl.draggable = false;
       trEl.removeAttribute('drag-pos');
       if (dragHintEl) {
@@ -306,6 +341,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       (0, _dom.removeClass)(trEl, 'active--drag-target');
       (0, _dom.removeClass)(trEl, 'active--drag-origin');
+      if (customOpts.immediate) {
+        _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parent) => {
+          if (!parent) {
+            const sortIndex = index + 1;
+            column.renderSortNumber = sortIndex;
+          }
+        });
+        $xeTable.handleCustom();
+        $xeTable.saveCustomStore('update:sort');
+      }
     };
     const sortDragoverEvent = evnt => {
       const trEl = evnt.currentTarget;
@@ -379,6 +424,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           const isDisabled = checkMethod ? !checkMethod({
             column
           }) : false;
+          const isHidden = !isChecked;
           colVNs.push((0, _vue.h)('li', {
             key: column.id,
             colid: column.id,
@@ -404,41 +450,49 @@ var _default = exports.default = (0, _vue.defineComponent)({
             class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
           })]) : (0, _vue.createCommentVNode)(), allowSort && column.level === 1 ? (0, _vue.h)('div', {
             class: 'vxe-table-custom--sort-option'
-          }, [(0, _vue.h)('span', {
-            class: 'vxe-table-custom--sort-btn',
-            title: getI18n('vxe.custom.setting.sortHelpTip'),
+          }, [(0, _vue.h)('span', Object.assign({
+            class: ['vxe-table-custom--sort-btn', {
+              'is--disabled': isHidden
+            }],
+            title: getI18n('vxe.custom.setting.sortHelpTip')
+          }, isHidden ? {} : {
             onMousedown: sortMousedownEvent,
             onMouseup: sortMouseupEvent
-          }, [(0, _vue.h)('i', {
+          }), [(0, _vue.h)('i', {
             class: getIcon().TABLE_CUSTOM_SORT
-          })])]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+          })])]) : (0, _vue.createCommentVNode)(), column.type === 'html' ? (0, _vue.h)('div', {
+            key: '1',
             class: 'vxe-table-custom--checkbox-label',
-            title: colTitle
+            innerHTML: colTitle
+          }) : (0, _vue.h)('div', {
+            key: '0',
+            class: 'vxe-table-custom--checkbox-label'
           }, colTitle), !parent && allowFixed ? (0, _vue.h)('div', {
             class: 'vxe-table-custom--fixed-option'
-          }, [(0, _vue.h)('span', {
-            class: ['vxe-table-custom--fixed-left-option', column.renderFixed === 'left' ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT, {
-              'is--checked': column.renderFixed === 'left',
-              'is--disabled': isMaxFixedColumn && !column.renderFixed
-            }],
+          }, [VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+            mode: 'text',
+            icon: column.renderFixed === 'left' ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT,
+            status: column.renderFixed === 'left' ? 'primary' : '',
+            disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
             title: getI18n(column.renderFixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft'),
             onClick: () => {
               changeFixedOption(column, 'left');
             }
-          }), (0, _vue.h)('span', {
-            class: ['vxe-table-custom--fixed-right-option', column.renderFixed === 'right' ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT, {
-              'is--checked': column.renderFixed === 'right',
-              'is--disabled': isMaxFixedColumn && !column.renderFixed
-            }],
+          }) : (0, _vue.createCommentVNode)(), VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+            mode: 'text',
+            icon: column.renderFixed === 'right' ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,
+            status: column.renderFixed === 'right' ? 'primary' : '',
+            disabled: isHidden || isMaxFixedColumn && !column.renderFixed,
             title: getI18n(column.renderFixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight'),
             onClick: () => {
               changeFixedOption(column, 'right');
             }
-          })]) : (0, _vue.createCommentVNode)()]));
+          }) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)()]));
         }
       });
       const isAllChecked = customStore.isAll;
       const isAllIndeterminate = customStore.isIndeterminate;
+      const dragColumn = dragColumnRef.value;
       return (0, _vue.h)('div', {
         ref: refElem,
         key: 'simple',
@@ -477,18 +531,26 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }), (0, _vue.h)('div', {
         ref: dragHintElemRef,
         class: 'vxe-table-custom-popup--drag-hint'
-      }, getI18n('vxe.custom.cstmDragTarget', [dragColumn.value ? dragColumn.value.getTitle() : '']))]), customOpts.showFooter ? (0, _vue.h)('div', {
+      }, getI18n('vxe.custom.cstmDragTarget', [dragColumn && dragColumn.type !== 'html' ? dragColumn.getTitle() : '']))]), customOpts.showFooter ? (0, _vue.h)('div', {
         class: 'vxe-table-custom--footer'
-      }, [(0, _vue.h)('button', {
-        class: 'btn--reset',
+      }, [VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+        mode: 'text',
+        content: customOpts.resetButtonText || getI18n('vxe.table.customRestore'),
         onClick: resetCustomEvent
-      }, customOpts.resetButtonText || getI18n('vxe.table.customRestore')), customOpts.immediate ? (0, _vue.createCommentVNode)() : (0, _vue.h)('button', {
-        class: 'btn--cancel',
+      }) : (0, _vue.createCommentVNode)(), customOpts.immediate ? VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+        mode: 'text',
+        content: customOpts.closeButtonText || getI18n('vxe.table.customClose'),
+        onClick: cancelCloseEvent
+      }) : (0, _vue.createCommentVNode)() : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+        mode: 'text',
+        content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
         onClick: cancelCustomEvent
-      }, customOpts.resetButtonText || getI18n('vxe.table.customCancel')), (0, _vue.h)('button', {
-        class: 'btn--confirm',
+      }) : (0, _vue.createCommentVNode)(), customOpts.immediate ? (0, _vue.createCommentVNode)() : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+        mode: 'text',
+        status: 'primary',
+        content: customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'),
         onClick: confirmCustomEvent
-      }, customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'))]) : null] : []);
+      }) : (0, _vue.createCommentVNode)()]) : null] : []);
     };
     const renderPopupPanel = () => {
       const {
@@ -531,6 +593,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           const isDisabled = checkMethod ? !checkMethod({
             column
           }) : false;
+          const isHidden = !isChecked;
           trVNs.push((0, _vue.h)('tr', {
             key: column.id,
             colid: column.id,
@@ -558,22 +621,31 @@ var _default = exports.default = (0, _vue.defineComponent)({
             class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
           })])]) : (0, _vue.createCommentVNode)(), allowSort ? (0, _vue.h)('td', {
             class: 'vxe-table-custom-popup--column-item col--sort'
-          }, [column.level === 1 ? (0, _vue.h)('span', {
-            class: 'vxe-table-custom-popup--column-sort-btn',
-            title: getI18n('vxe.custom.setting.sortHelpTip'),
+          }, [column.level === 1 ? (0, _vue.h)('span', Object.assign({
+            class: ['vxe-table-custom-popup--column-sort-btn', {
+              'is--disabled': isHidden
+            }],
+            title: getI18n('vxe.custom.setting.sortHelpTip')
+          }, isHidden ? {} : {
             onMousedown: sortMousedownEvent,
             onMouseup: sortMouseupEvent
-          }, [(0, _vue.h)('i', {
+          }), [(0, _vue.h)('i', {
             class: getIcon().TABLE_CUSTOM_SORT
           })]) : (0, _vue.h)('span', '-')]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('td', {
             class: 'vxe-table-custom-popup--column-item col--name'
-          }, [(0, _vue.h)('div', {
+          }, [column.type === 'html' ? (0, _vue.h)('div', {
+            key: '1',
+            class: 'vxe-table-custom-popup--name',
+            innerHTML: colTitle
+          }) : (0, _vue.h)('div', {
+            key: '0',
             class: 'vxe-table-custom-popup--name',
             title: colTitle
           }, colTitle)]), allowResizable ? (0, _vue.h)('td', {
             class: 'vxe-table-custom-popup--column-item col--resizable'
-          }, [!isChecked || column.children && column.children.length ? (0, _vue.h)('span', '-') : VxeUIInputComponent ? (0, _vue.h)(VxeUIInputComponent, {
+          }, [column.children && column.children.length ? (0, _vue.h)('span', '-') : VxeUIInputComponent ? (0, _vue.h)(VxeUIInputComponent, {
             type: 'integer',
+            disabled: isHidden,
             modelValue: column.renderResizeWidth,
             'onUpdate:modelValue'(value) {
               column.renderResizeWidth = Math.max(0, Number(value));
@@ -584,29 +656,29 @@ var _default = exports.default = (0, _vue.defineComponent)({
             modelValue: column.renderFixed || '',
             type: 'button',
             size: 'mini',
+            disabled: isHidden,
             options: [{
               label: getI18n('vxe.custom.setting.fixedLeft'),
               value: 'left',
-              disabled: isMaxFixedColumn
+              disabled: isHidden || isMaxFixedColumn
             }, {
               label: getI18n('vxe.custom.setting.fixedUnset'),
-              value: ''
+              value: '',
+              disabled: isHidden
             }, {
               label: getI18n('vxe.custom.setting.fixedRight'),
               value: 'right',
-              disabled: isMaxFixedColumn
+              disabled: isHidden || isMaxFixedColumn
             }],
             'onUpdate:modelValue'(value) {
               column.renderFixed = value;
             }
-            // onChange () {
-            //   changePopupFixedOption(column)
-            // }
           }) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)()]));
         }
       });
       const isAllChecked = customStore.isAll;
       const isAllIndeterminate = customStore.isIndeterminate;
+      const dragColumn = dragColumnRef.value;
       const scopedSlots = {
         default: () => {
           return (0, _vue.h)('div', {
@@ -666,7 +738,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           })])]), (0, _vue.h)('div', {
             ref: dragHintElemRef,
             class: 'vxe-table-custom-popup--drag-hint'
-          }, getI18n('vxe.custom.cstmDragTarget', [dragColumn.value ? dragColumn.value.getTitle() : '']))]);
+          }, getI18n('vxe.custom.cstmDragTarget', [dragColumn ? dragColumn.getTitle() : '']))]);
         },
         footer: () => {
           return (0, _vue.h)('div', {

package/lib/table/module/custom/panel.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_dom=require("../../../ui/src/dom"),_log=require("../../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{getI18n,getIcon}=_ui.VxeUI;var _default=exports.default=(0,_vue.defineComponent)({name:"TableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},setup(B){const L=_ui.VxeUI.getComponent("VxeModal"),y=_ui.VxeUI.getComponent("VxeDrawer"),A=_ui.VxeUI.getComponent("VxeButton"),F=_ui.VxeUI.getComponent("VxeInput"),M=_ui.VxeUI.getComponent("VxeTooltip"),H=_ui.VxeUI.getComponent("VxeRadioGroup"),d=(0,_vue.inject)("$xeTable",{}),R=d["reactData"],{computeCustomOpts:D,computeColumnOpts:U,computeIsMaxFixedColumn:S}=d.getComputeMaps(),K=(0,_vue.ref)(),z=(0,_vue.ref)(),W=(0,_vue.ref)(),X=(0,_vue.ref)();let r;const q=e=>{var t=B["customStore"];t.activeWrapper=!0,d.customOpenEvent(e)},j=e=>{const t=B["customStore"];t.activeWrapper=!1,setTimeout(()=>{t.activeBtn||t.activeWrapper||d.customCloseEvent(e)},300)},G=({$event:e})=>{var t=R["customColumnList"];const{allowVisible:s,allowSort:a,allowFixed:n,allowResizable:r}=D.value;_xeUtils.default.eachTree(t,(e,t,o,l,i)=>{i||(a&&(e.renderSortNumber=t+1),n&&(e.fixed=e.renderFixed)),r&&e.renderVisible&&(!e.children||e.children.length)&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth),s&&(e.visible=e.renderVisible)}),d.closeCustom(),d.emitCustomEvent("confirm",e),d.saveCustomStore("confirm")},$=({$event:e})=>{var t=B["customStore"],o=R["customColumnList"];const{oldSortMaps:i,oldFixedMaps:s,oldVisibleMaps:a}=t,{allowVisible:n,allowSort:r,allowFixed:c,allowResizable:u}=D.value;_xeUtils.default.eachTree(o,e=>{var t=e.getKey(),o=!!a[t],l=s[t]||"";n&&(e.renderVisible=o,e.visible=o),c&&(e.renderFixed=l,e.fixed=l),r&&(e.renderSortNumber=i[t]||0),u&&(e.renderResizeWidth=e.renderWidth)},{children:"children"}),d.closeCustom(),d.emitCustomEvent("cancel",e)},o=e=>{d.resetColumn(!0),d.closeCustom(),d.emitCustomEvent("reset",e)},P=({$event:t})=>{_ui.VxeUI.modal?_ui.VxeUI.modal.confirm({content:getI18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&o(t)}):o(t)},l=t=>{var e=R["customColumnList"],e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.renderVisible=e.children.every(e=>e.renderVisible),e.halfVisible=!e.renderVisible&&e.children.some(e=>e.renderVisible||e.halfVisible),l(e))},Y=e=>{const t=!e.renderVisible;var o=D.value;_xeUtils.default.eachTree([e],e=>{e.renderVisible=t,e.halfVisible=!1}),l(e),o.immediate&&(d.handleCustom(),d.saveCustomStore("update:visible")),d.checkCustomStatus()},Z=(e,t)=>{var o=S.value;e.renderFixed===t?e.renderFixed="":o&&!e.renderFixed||(e.renderFixed=t)},J=()=>{var e=B["customStore"],t=R["customColumnList"];const o=D.value["checkMethod"],l=!e.isAll;_xeUtils.default.eachTree(t,e=>{o&&!o({column:e})||(e.renderVisible=l,e.halfVisible=!1)}),e.isAll=l,d.checkCustomStatus()},Q=e=>{var e=e.currentTarget.parentNode.parentNode,t=e.getAttribute("colid"),t=d.getColumnById(t);e.draggable=!0,X.value=t,(0,_dom.addClass)(e,"active--drag-origin")},ee=e=>{var e=e.currentTarget.parentNode.parentNode,t=W.value;e.draggable=!1,(X.value=null,_dom.removeClass)(e,"active--drag-origin"),t&&(t.style.display="")},te=e=>{var t=new Image;e.dataTransfer&&e.dataTransfer.setDragImage(t,0,0)},oe=e=>{var t=R["customColumnList"],e=e.currentTarget,o=W.value;if(r){if(r!==e){var l=r.getAttribute("drag-pos"),i=e.getAttribute("colid");const a=d.getColumnById(i);if(!a)return;var i=_xeUtils.default.findIndexOf(t,e=>e.id===a.id),s=r.getAttribute("colid");const n=d.getColumnById(s);if(!n)return;t.splice(i,1);s=_xeUtils.default.findIndexOf(t,e=>e.id===n.id);t.splice(s+("bottom"===l?1:0),0,a)}r.draggable=!1,r.removeAttribute("drag-pos"),(0,_dom.removeClass)(r,"active--drag-target")}X.value=null,e.draggable=!1,e.removeAttribute("drag-pos"),o&&(o.style.display=""),(0,_dom.removeClass)(e,"active--drag-target"),(0,_dom.removeClass)(e,"active--drag-origin")},le=e=>{var t=e.currentTarget,o=(r!==t&&(0,_dom.removeClass)(r,"active--drag-target"),t.getAttribute("colid")),o=d.getColumnById(o);o&&1===o.level&&(e.preventDefault(),o=e.clientY-t.getBoundingClientRect().y<t.clientHeight/2?"top":"bottom",(0,_dom.addClass)(t,"active--drag-target"),t.setAttribute("drag-pos",o),r=t);{o=e;var l=W.value,i=z.value;i&&l&&(e=(t=i.parentNode).getBoundingClientRect(),l.style.display="block",l.style.top=Math.min(t.clientHeight-t.scrollTop-l.clientHeight,o.clientY-e.y)+"px",l.style.left=Math.min(t.clientWidth-t.scrollLeft-l.clientWidth-16,o.clientX-e.x)+"px")}};return"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{L||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),A||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),F||(0,_log.errLog)("vxe.error.reqComp",["vxe-input"]),M||(0,_log.errLog)("vxe.error.reqComp",["vxe-tooltip"]),H||(0,_log.errLog)("vxe.error.reqComp",["vxe-radio-group"])}),()=>{var e=D.value;if(["modal","drawer","popup"].includes(""+e.mode)){const a=B["customStore"];e=R["customColumnList"];const n=D.value,{modalOptions:r,drawerOptions:c,allowVisible:u,allowSort:d,allowFixed:v,allowResizable:m,checkMethod:h,visibleMethod:x}=n,p=U.value["maxFixedSize"];var t=n["mode"],o=Object.assign({},r),l=Object.assign({},c);const _=S.value,g=[],b=(_xeUtils.default.eachTree(e,(t,e,o,l,i)=>{if(!x||x({column:t})){var s=t.renderVisible,a=t.halfVisible,n=(0,_utils.formatText)(t.getTitle(),1),r=t.children&&t.children.length;const c=!!h&&!h({column:t});g.push((0,_vue.h)("tr",{key:t.id,colid:t.id,class:["vxe-table-custom-popup--row level--"+t.level,{"is--group":r}],onDragstart:te,onDragend:oe,onDragover:le},[u?(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":s,"is--indeterminate":a,"is--disabled":c}],title:getI18n("vxe.custom.setting.colVisible"),onClick:()=>{c||Y(t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",a?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])]):(0,_vue.createCommentVNode)(),d?(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",title:getI18n("vxe.custom.setting.sortHelpTip"),onMousedown:Q,onMouseup:ee},[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})]):(0,_vue.h)("span","-")]):(0,_vue.createCommentVNode)(),(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--name"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--name",title:n},n)]),m?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--resizable"},[!s||t.children&&t.children.length?(0,_vue.h)("span","-"):F?(0,_vue.h)(F,{type:"integer",modelValue:t.renderResizeWidth,"onUpdate:modelValue"(e){t.renderResizeWidth=Math.max(0,Number(e))}}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),v?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[i?(0,_vue.h)("span","-"):H?(0,_vue.h)(H,{modelValue:t.renderFixed||"",type:"button",size:"mini",options:[{label:getI18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:_},{label:getI18n("vxe.custom.setting.fixedUnset"),value:""},{label:getI18n("vxe.custom.setting.fixedRight"),value:"right",disabled:_}],"onUpdate:modelValue"(e){t.renderFixed=e}}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()]))}}),a.isAll),C=a.isIndeterminate;e={default:()=>(0,_vue.h)("div",{ref:z,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",{},[u?(0,_vue.h)("col",{style:{width:"80px"}}):(0,_vue.createCommentVNode)(),d?(0,_vue.h)("col",{style:{width:"80px"}}):(0,_vue.createCommentVNode)(),(0,_vue.h)("col",{style:{minWidth:"120px"}}),m?(0,_vue.h)("col",{style:{width:"140px"}}):(0,_vue.createCommentVNode)(),v?(0,_vue.h)("col",{style:{width:"200px"}}):(0,_vue.createCommentVNode)()]),(0,_vue.h)("thead",{},[(0,_vue.h)("tr",{},[u?(0,_vue.h)("th",{},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":b,"is--indeterminate":C}],title:getI18n("vxe.table.allTitle"),onClick:J},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",C?getIcon().TABLE_CHECKBOX_INDETERMINATE:b?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))])]):(0,_vue.createCommentVNode)(),d?(0,_vue.h)("th",{},[(0,_vue.h)("span",{class:"vxe-table-custom-popup--table-sort-help-title"},getI18n("vxe.custom.setting.colSort")),M?(0,_vue.h)(M,{enterable:!0,content:getI18n("vxe.custom.setting.sortHelpTip"),popupClassName:"vxe-table--ignore-clear"},{default:()=>(0,_vue.h)("i",{class:"vxe-table-custom-popup--table-sort-help-icon vxe-icon-question-circle-fill"})}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),(0,_vue.h)("th",{},getI18n("vxe.custom.setting.colTitle")),m?(0,_vue.h)("th",{},getI18n("vxe.custom.setting.colResizable")):(0,_vue.createCommentVNode)(),v?(0,_vue.h)("th",{},getI18n("vxe.custom.setting."+(p?"colFixedMax":"colFixed"),[p])):(0,_vue.createCommentVNode)()])]),(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-table-custom--body",tag:"tbody",name:"vxe-table-custom--list"},{default:()=>g})])]),(0,_vue.h)("div",{ref:W,class:"vxe-table-custom-popup--drag-hint"},getI18n("vxe.custom.cstmDragTarget",[X.value?X.value.getTitle():""]))]),footer:()=>(0,_vue.h)("div",{class:"vxe-table-custom-popup--footer"},[A?(0,_vue.h)(A,{content:n.resetButtonText||getI18n("vxe.custom.cstmRestore"),onClick:P}):(0,_vue.createCommentVNode)(),A?(0,_vue.h)(A,{content:n.resetButtonText||getI18n("vxe.custom.cstmCancel"),onClick:$}):(0,_vue.createCommentVNode)(),A?(0,_vue.h)(A,{status:"primary",content:n.confirmButtonText||getI18n("vxe.custom.cstmConfirm"),onClick:G}):(0,_vue.createCommentVNode)()])};return"drawer"===t?y?(0,_vue.h)(y,{key:"drawer",className:["vxe-table-custom-drawer-wrapper","vxe-table--ignore-clear",l.className||""].join(" "),modelValue:a.visible,title:l.title||getI18n("vxe.custom.cstmTitle"),width:l.width||Math.min(880,document.documentElement.clientWidth),position:l.position,escClosable:!!l.escClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){a.visible=e}},e):(0,_vue.createCommentVNode)():L?(0,_vue.h)(L,{key:"modal",className:["vxe-table-custom-modal-wrapper","vxe-table--ignore-clear",o.className||""].join(" "),modelValue:a.visible,title:o.title||getI18n("vxe.custom.cstmTitle"),width:o.width||Math.min(880,document.documentElement.clientWidth),minWidth:o.minWidth||700,height:o.height||Math.min(680,document.documentElement.clientHeight),minHeight:o.minHeight||400,showZoom:o.showZoom,showMaximize:o.showMaximize,showMinimize:o.showMinimize,mask:o.mask,lockView:o.lockView,resize:o.resize,escClosable:!!o.escClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){a.visible=e}},e):(0,_vue.createCommentVNode)()}{t=B["customStore"],l=R["customColumnList"],o=D.value,e=t["maxHeight"];const{checkMethod:f,visibleMethod:I,allowVisible:T,allowSort:V,allowFixed:E,trigger:N,placement:w}=o,O=S.value,k=[];var i={},l=("hover"===N&&(i.onMouseenter=q,i.onMouseleave=j),_xeUtils.default.eachTree(l,(e,t,o,l,i)=>{if(!I||I({column:e})){var s=e.renderVisible,a=e.halfVisible,n=e.children&&e.children.length,r=(0,_utils.formatText)(e.getTitle(),1);const c=!!f&&!f({column:e});k.push((0,_vue.h)("li",{key:e.id,colid:e.id,class:["vxe-table-custom--option","level--"+e.level,{"is--group":n}],onDragstart:te,onDragend:oe,onDragover:le},[T?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":s,"is--indeterminate":a,"is--disabled":c}],title:getI18n("vxe.custom.setting.colVisible"),onClick:()=>{c||Y(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",a?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]):(0,_vue.createCommentVNode)(),V&&1===e.level?(0,_vue.h)("div",{class:"vxe-table-custom--sort-option"},[(0,_vue.h)("span",{class:"vxe-table-custom--sort-btn",title:getI18n("vxe.custom.setting.sortHelpTip"),onMousedown:Q,onMouseup:ee},[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})])]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-table-custom--checkbox-label",title:r},r),!i&&E?(0,_vue.h)("div",{class:"vxe-table-custom--fixed-option"},[(0,_vue.h)("span",{class:["vxe-table-custom--fixed-left-option","left"===e.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,{"is--checked":"left"===e.renderFixed,"is--disabled":O&&!e.renderFixed}],title:getI18n("left"===e.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft"),onClick:()=>{Z(e,"left")}}),(0,_vue.h)("span",{class:["vxe-table-custom--fixed-right-option","right"===e.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,{"is--checked":"right"===e.renderFixed,"is--disabled":O&&!e.renderFixed}],title:getI18n("right"===e.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight"),onClick:()=>{Z(e,"right")}})]):(0,_vue.createCommentVNode)()]))}}),t.isAll),s=t.isIndeterminate;return(0,_vue.h)("div",{ref:K,key:"simple",class:["vxe-table-custom-wrapper","placement--"+w,{"is--active":t.visible}],style:e&&!["left","right"].includes(w)?{maxHeight:e+"px"}:{}},t.visible?[(0,_vue.h)("ul",{class:"vxe-table-custom--header"},[(0,_vue.h)("li",{class:"vxe-table-custom--option"},[T?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":s}],title:getI18n("vxe.table.allTitle"),onClick:J},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",s?getIcon().TABLE_CHECKBOX_INDETERMINATE:l?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))]):(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.table.customTitle"))])]),(0,_vue.h)("div",{ref:z,class:"vxe-table-custom--list-wrapper"},[(0,_vue.h)(_vue.TransitionGroup,Object.assign({class:"vxe-table-custom--body",name:"vxe-table-custom--list",tag:"ul"},i),{default:()=>k}),(0,_vue.h)("div",{ref:W,class:"vxe-table-custom-popup--drag-hint"},getI18n("vxe.custom.cstmDragTarget",[X.value?X.value.getTitle():""]))]),o.showFooter?(0,_vue.h)("div",{class:"vxe-table-custom--footer"},[(0,_vue.h)("button",{class:"btn--reset",onClick:P},o.resetButtonText||getI18n("vxe.table.customRestore")),o.immediate?(0,_vue.createCommentVNode)():(0,_vue.h)("button",{class:"btn--cancel",onClick:$},o.resetButtonText||getI18n("vxe.table.customCancel")),(0,_vue.h)("button",{class:"btn--confirm",onClick:G},o.confirmButtonText||getI18n("vxe.table.customConfirm"))]):null]:[]);return}}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_dom=require("../../../ui/src/dom"),_log=require("../../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{getI18n,getIcon}=_ui.VxeUI;var _default=exports.default=(0,_vue.defineComponent)({name:"TableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},setup(L){const F=_ui.VxeUI.getComponent("VxeModal"),A=_ui.VxeUI.getComponent("VxeDrawer"),M=_ui.VxeUI.getComponent("VxeButton"),H=_ui.VxeUI.getComponent("VxeInput"),U=_ui.VxeUI.getComponent("VxeTooltip"),R=_ui.VxeUI.getComponent("VxeRadioGroup"),d=(0,_vue.inject)("$xeTable",{}),S=d["reactData"],{computeCustomOpts:D,computeColumnOpts:K,computeIsMaxFixedColumn:z}=d.getComputeMaps(),W=(0,_vue.ref)(),X=(0,_vue.ref)(),q=(0,_vue.ref)(),j=(0,_vue.ref)();let u;const G=e=>{var t=L["customStore"];t.activeWrapper=!0,d.customOpenEvent(e)},$=e=>{const t=L["customStore"];t.activeWrapper=!1,setTimeout(()=>{t.activeBtn||t.activeWrapper||d.customCloseEvent(e)},300)},P=({$event:e})=>{var t=S["customColumnList"];const{allowVisible:s,allowSort:a,allowFixed:r,allowResizable:n}=D.value;_xeUtils.default.eachTree(t,(e,t,o,l,i)=>{i||(a&&(e.renderSortNumber=t+1),r&&(e.fixed=e.renderFixed)),n&&e.renderVisible&&(!e.children||e.children.length)&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth),s&&(e.visible=e.renderVisible)}),d.closeCustom(),d.emitCustomEvent("confirm",e),d.saveCustomStore("confirm")},Y=({$event:e})=>{d.closeCustom(),d.emitCustomEvent("close",e)},Z=({$event:e})=>{var t=L["customStore"],o=S["customColumnList"];const{oldSortMaps:i,oldFixedMaps:s,oldVisibleMaps:a}=t,{allowVisible:r,allowSort:n,allowFixed:u,allowResizable:c}=D.value;_xeUtils.default.eachTree(o,e=>{var t=e.getKey(),o=!!a[t],l=s[t]||"";r&&(e.renderVisible=o,e.visible=o),u&&(e.renderFixed=l,e.fixed=l),n&&(e.renderSortNumber=i[t]||0),c&&(e.renderResizeWidth=e.renderWidth)},{children:"children"}),d.closeCustom(),d.emitCustomEvent("cancel",e)},o=e=>{d.resetColumn(!0),d.closeCustom(),d.emitCustomEvent("reset",e)},J=({$event:t})=>{_ui.VxeUI.modal?_ui.VxeUI.modal.confirm({content:getI18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&o(t)}):o(t)},l=t=>{var e=S["customColumnList"],e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.renderVisible=e.children.every(e=>e.renderVisible),e.halfVisible=!e.renderVisible&&e.children.some(e=>e.renderVisible||e.halfVisible),l(e))},Q=e=>{const t=!e.renderVisible;D.value.immediate?(_xeUtils.default.eachTree([e],e=>{e.visible=t,e.renderVisible=t,e.halfVisible=!1}),d.handleCustom(),d.saveCustomStore("update:visible")):_xeUtils.default.eachTree([e],e=>{e.renderVisible=t,e.halfVisible=!1}),l(e),d.checkCustomStatus()},ee=(e,t)=>{var o=z.value;D.value.immediate?(e.renderFixed===t?(e.fixed="",e.renderFixed=""):o&&!e.renderFixed||(e.fixed=t,e.renderFixed=t),d.handleCustom(),d.saveCustomStore("update:fixed")):e.renderFixed===t?e.renderFixed="":o&&!e.renderFixed||(e.renderFixed=t)},te=()=>{var e=L["customStore"],t=S["customColumnList"],o=D.value;const l=o["checkMethod"],i=!e.isAll;o.immediate?(_xeUtils.default.eachTree(t,e=>{l&&!l({column:e})||(e.visible=i,e.renderVisible=i,e.halfVisible=!1)}),e.isAll=i,d.handleCustom(),d.saveCustomStore("update:visible")):(_xeUtils.default.eachTree(t,e=>{l&&!l({column:e})||(e.renderVisible=i,e.halfVisible=!1)}),e.isAll=i),d.checkCustomStatus()},oe=e=>{var e=e.currentTarget.parentNode.parentNode,t=e.getAttribute("colid"),t=d.getColumnById(t);e.draggable=!0,j.value=t,(0,_dom.addClass)(e,"active--drag-origin")},le=e=>{var e=e.currentTarget.parentNode.parentNode,t=q.value;e.draggable=!1,(j.value=null,_dom.removeClass)(e,"active--drag-origin"),t&&(t.style.display="")},ie=e=>{var t=new Image;e.dataTransfer&&e.dataTransfer.setDragImage(t,0,0)},se=e=>{var t=S["customColumnList"],o=D.value,e=e.currentTarget,l=q.value;if(u){if(u!==e){var i=u.getAttribute("drag-pos"),s=e.getAttribute("colid");const r=d.getColumnById(s);if(!r)return;var s=_xeUtils.default.findIndexOf(t,e=>e.id===r.id),a=u.getAttribute("colid");const n=d.getColumnById(a);if(!n)return;t.splice(s,1);a=_xeUtils.default.findIndexOf(t,e=>e.id===n.id);t.splice(a+("bottom"===i?1:0),0,r)}u.draggable=!1,u.removeAttribute("drag-pos"),(0,_dom.removeClass)(u,"active--drag-target")}j.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"),o.immediate&&(_xeUtils.default.eachTree(t,(e,t,o,l,i)=>{i||(e.renderSortNumber=t+1)}),d.handleCustom(),d.saveCustomStore("update:sort"))},ae=e=>{var t=e.currentTarget,o=(u!==t&&(0,_dom.removeClass)(u,"active--drag-target"),t.getAttribute("colid")),o=d.getColumnById(o);o&&1===o.level&&(e.preventDefault(),o=e.clientY-t.getBoundingClientRect().y<t.clientHeight/2?"top":"bottom",(0,_dom.addClass)(t,"active--drag-target"),t.setAttribute("drag-pos",o),u=t);{o=e;var l=q.value,i=X.value;i&&l&&(e=(t=i.parentNode).getBoundingClientRect(),l.style.display="block",l.style.top=Math.min(t.clientHeight-t.scrollTop-l.clientHeight,o.clientY-e.y)+"px",l.style.left=Math.min(t.clientWidth-t.scrollLeft-l.clientWidth-16,o.clientX-e.x)+"px")}};return"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{F||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),M||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),H||(0,_log.errLog)("vxe.error.reqComp",["vxe-input"]),U||(0,_log.errLog)("vxe.error.reqComp",["vxe-tooltip"]),R||(0,_log.errLog)("vxe.error.reqComp",["vxe-radio-group"])}),()=>{var e=D.value;if(["modal","drawer","popup"].includes(""+e.mode)){const r=L["customStore"];e=S["customColumnList"];const n=D.value,{modalOptions:u,drawerOptions:c,allowVisible:d,allowSort:m,allowFixed:v,allowResizable:h,checkMethod:x,visibleMethod:p}=n,_=K.value["maxFixedSize"];var t=n["mode"],o=Object.assign({},u),l=Object.assign({},c);const g=z.value,b=[],C=(_xeUtils.default.eachTree(e,(t,e,o,l,i)=>{if(!p||p({column:t})){var s=t.renderVisible,a=t.halfVisible,r=(0,_utils.formatText)(t.getTitle(),1),n=t.children&&t.children.length;const c=!!x&&!x({column:t});var u=!s;b.push((0,_vue.h)("tr",{key:t.id,colid:t.id,class:["vxe-table-custom-popup--row level--"+t.level,{"is--group":n}],onDragstart:ie,onDragend:se,onDragover:ae},[d?(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":s,"is--indeterminate":a,"is--disabled":c}],title:getI18n("vxe.custom.setting.colVisible"),onClick:()=>{c||Q(t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",a?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])]):(0,_vue.createCommentVNode)(),m?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--sort"},[1===t.level?(0,_vue.h)("span",Object.assign({class:["vxe-table-custom-popup--column-sort-btn",{"is--disabled":u}],title:getI18n("vxe.custom.setting.sortHelpTip")},u?{}:{onMousedown:oe,onMouseup:le}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})]):(0,_vue.h)("span","-")]):(0,_vue.createCommentVNode)(),(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--name"},["html"===t.type?(0,_vue.h)("div",{key:"1",class:"vxe-table-custom-popup--name",innerHTML:r}):(0,_vue.h)("div",{key:"0",class:"vxe-table-custom-popup--name",title:r},r)]),h?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--resizable"},[t.children&&t.children.length?(0,_vue.h)("span","-"):H?(0,_vue.h)(H,{type:"integer",disabled:u,modelValue:t.renderResizeWidth,"onUpdate:modelValue"(e){t.renderResizeWidth=Math.max(0,Number(e))}}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),v?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[i?(0,_vue.h)("span","-"):R?(0,_vue.h)(R,{modelValue:t.renderFixed||"",type:"button",size:"mini",disabled:u,options:[{label:getI18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:u||g},{label:getI18n("vxe.custom.setting.fixedUnset"),value:"",disabled:u},{label:getI18n("vxe.custom.setting.fixedRight"),value:"right",disabled:u||g}],"onUpdate:modelValue"(e){t.renderFixed=e}}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()]))}}),r.isAll),f=r.isIndeterminate,T=j.value;e={default:()=>(0,_vue.h)("div",{ref:X,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",{},[d?(0,_vue.h)("col",{style:{width:"80px"}}):(0,_vue.createCommentVNode)(),m?(0,_vue.h)("col",{style:{width:"80px"}}):(0,_vue.createCommentVNode)(),(0,_vue.h)("col",{style:{minWidth:"120px"}}),h?(0,_vue.h)("col",{style:{width:"140px"}}):(0,_vue.createCommentVNode)(),v?(0,_vue.h)("col",{style:{width:"200px"}}):(0,_vue.createCommentVNode)()]),(0,_vue.h)("thead",{},[(0,_vue.h)("tr",{},[d?(0,_vue.h)("th",{},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":C,"is--indeterminate":f}],title:getI18n("vxe.table.allTitle"),onClick:te},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",f?getIcon().TABLE_CHECKBOX_INDETERMINATE:C?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))])]):(0,_vue.createCommentVNode)(),m?(0,_vue.h)("th",{},[(0,_vue.h)("span",{class:"vxe-table-custom-popup--table-sort-help-title"},getI18n("vxe.custom.setting.colSort")),U?(0,_vue.h)(U,{enterable:!0,content:getI18n("vxe.custom.setting.sortHelpTip"),popupClassName:"vxe-table--ignore-clear"},{default:()=>(0,_vue.h)("i",{class:"vxe-table-custom-popup--table-sort-help-icon vxe-icon-question-circle-fill"})}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),(0,_vue.h)("th",{},getI18n("vxe.custom.setting.colTitle")),h?(0,_vue.h)("th",{},getI18n("vxe.custom.setting.colResizable")):(0,_vue.createCommentVNode)(),v?(0,_vue.h)("th",{},getI18n("vxe.custom.setting."+(_?"colFixedMax":"colFixed"),[_])):(0,_vue.createCommentVNode)()])]),(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-table-custom--body",tag:"tbody",name:"vxe-table-custom--list"},{default:()=>b})])]),(0,_vue.h)("div",{ref:q,class:"vxe-table-custom-popup--drag-hint"},getI18n("vxe.custom.cstmDragTarget",[T?T.getTitle():""]))]),footer:()=>(0,_vue.h)("div",{class:"vxe-table-custom-popup--footer"},[M?(0,_vue.h)(M,{content:n.resetButtonText||getI18n("vxe.custom.cstmRestore"),onClick:J}):(0,_vue.createCommentVNode)(),M?(0,_vue.h)(M,{content:n.resetButtonText||getI18n("vxe.custom.cstmCancel"),onClick:Z}):(0,_vue.createCommentVNode)(),M?(0,_vue.h)(M,{status:"primary",content:n.confirmButtonText||getI18n("vxe.custom.cstmConfirm"),onClick:P}):(0,_vue.createCommentVNode)()])};return"drawer"===t?A?(0,_vue.h)(A,{key:"drawer",className:["vxe-table-custom-drawer-wrapper","vxe-table--ignore-clear",l.className||""].join(" "),modelValue:r.visible,title:l.title||getI18n("vxe.custom.cstmTitle"),width:l.width||Math.min(880,document.documentElement.clientWidth),position:l.position,escClosable:!!l.escClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){r.visible=e}},e):(0,_vue.createCommentVNode)():F?(0,_vue.h)(F,{key:"modal",className:["vxe-table-custom-modal-wrapper","vxe-table--ignore-clear",o.className||""].join(" "),modelValue:r.visible,title:o.title||getI18n("vxe.custom.cstmTitle"),width:o.width||Math.min(880,document.documentElement.clientWidth),minWidth:o.minWidth||700,height:o.height||Math.min(680,document.documentElement.clientHeight),minHeight:o.minHeight||400,showZoom:o.showZoom,showMaximize:o.showMaximize,showMinimize:o.showMinimize,mask:o.mask,lockView:o.lockView,resize:o.resize,escClosable:!!o.escClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){r.visible=e}},e):(0,_vue.createCommentVNode)()}{t=L["customStore"],l=S["customColumnList"],o=D.value,e=t["maxHeight"];const{checkMethod:I,visibleMethod:V,allowVisible:E,allowSort:N,allowFixed:k,trigger:w,placement:O}=o,y=z.value,B=[];var i={},l=("hover"===w&&(i.onMouseenter=G,i.onMouseleave=$),_xeUtils.default.eachTree(l,(e,t,o,l,i)=>{if(!V||V({column:e})){var s=e.renderVisible,a=e.halfVisible,r=e.children&&e.children.length,n=(0,_utils.formatText)(e.getTitle(),1);const c=!!I&&!I({column:e});var u=!s;B.push((0,_vue.h)("li",{key:e.id,colid:e.id,class:["vxe-table-custom--option","level--"+e.level,{"is--group":r}],onDragstart:ie,onDragend:se,onDragover:ae},[E?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":s,"is--indeterminate":a,"is--disabled":c}],title:getI18n("vxe.custom.setting.colVisible"),onClick:()=>{c||Q(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",a?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]):(0,_vue.createCommentVNode)(),N&&1===e.level?(0,_vue.h)("div",{class:"vxe-table-custom--sort-option"},[(0,_vue.h)("span",Object.assign({class:["vxe-table-custom--sort-btn",{"is--disabled":u}],title:getI18n("vxe.custom.setting.sortHelpTip")},u?{}:{onMousedown:oe,onMouseup:le}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})])]):(0,_vue.createCommentVNode)(),"html"===e.type?(0,_vue.h)("div",{key:"1",class:"vxe-table-custom--checkbox-label",innerHTML:n}):(0,_vue.h)("div",{key:"0",class:"vxe-table-custom--checkbox-label"},n),!i&&k?(0,_vue.h)("div",{class:"vxe-table-custom--fixed-option"},[M?(0,_vue.h)(M,{mode:"text",icon:"left"===e.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===e.renderFixed?"primary":"",disabled:u||y&&!e.renderFixed,title:getI18n("left"===e.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft"),onClick:()=>{ee(e,"left")}}):(0,_vue.createCommentVNode)(),M?(0,_vue.h)(M,{mode:"text",icon:"right"===e.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===e.renderFixed?"primary":"",disabled:u||y&&!e.renderFixed,title:getI18n("right"===e.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight"),onClick:()=>{ee(e,"right")}}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()]))}}),t.isAll),s=t.isIndeterminate,a=j.value;return(0,_vue.h)("div",{ref:W,key:"simple",class:["vxe-table-custom-wrapper","placement--"+O,{"is--active":t.visible}],style:e&&!["left","right"].includes(O)?{maxHeight:e+"px"}:{}},t.visible?[(0,_vue.h)("ul",{class:"vxe-table-custom--header"},[(0,_vue.h)("li",{class:"vxe-table-custom--option"},[E?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":l,"is--indeterminate":s}],title:getI18n("vxe.table.allTitle"),onClick:te},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",s?getIcon().TABLE_CHECKBOX_INDETERMINATE:l?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))]):(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.table.customTitle"))])]),(0,_vue.h)("div",{ref:X,class:"vxe-table-custom--list-wrapper"},[(0,_vue.h)(_vue.TransitionGroup,Object.assign({class:"vxe-table-custom--body",name:"vxe-table-custom--list",tag:"ul"},i),{default:()=>B}),(0,_vue.h)("div",{ref:q,class:"vxe-table-custom-popup--drag-hint"},getI18n("vxe.custom.cstmDragTarget",[a&&"html"!==a.type?a.getTitle():""]))]),o.showFooter?(0,_vue.h)("div",{class:"vxe-table-custom--footer"},[M?(0,_vue.h)(M,{mode:"text",content:o.resetButtonText||getI18n("vxe.table.customRestore"),onClick:J}):(0,_vue.createCommentVNode)(),o.immediate?M?(0,_vue.h)(M,{mode:"text",content:o.closeButtonText||getI18n("vxe.table.customClose"),onClick:Y}):(0,_vue.createCommentVNode)():M?(0,_vue.h)(M,{mode:"text",content:o.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:Z}):(0,_vue.createCommentVNode)(),!o.immediate&&M?(0,_vue.h)(M,{mode:"text",status:"primary",content:o.confirmButtonText||getI18n("vxe.table.customConfirm"),onClick:P}):(0,_vue.createCommentVNode)()]):null]:[]);return}}}});

package/lib/table/module/export/export-panel.js

@@ -209,14 +209,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const isColGroup = column.children && column.children.length;
         const isChecked = column.checked;
         const indeterminate = column.halfChecked;
+        const isHtml = column.type === 'html';
         cols.push((0, _vue.h)('li', {
+          key: column.id,
           class: ['vxe-export--panel-column-option', `level--${column.level}`, {
             'is--group': isColGroup,
             'is--checked': isChecked,
             'is--indeterminate': indeterminate,
             'is--disabled': column.disabled
           }],
-          title: colTitle,
+          title: isHtml ? '' : colTitle,
           onClick: () => {
             if (!column.disabled) {
               changeOption(column);
@@ -224,7 +226,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         }, [(0, _vue.h)('span', {
           class: ['vxe-checkbox--icon', indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-        }), (0, _vue.h)('span', {
+        }), isHtml ? (0, _vue.h)('span', {
+          key: '1',
+          class: 'vxe-checkbox--label',
+          innerHTML: colTitle
+        }) : (0, _vue.h)('span', {
+          key: '0',
           class: 'vxe-checkbox--label'
         }, colTitle)]));
       });

package/lib/table/module/export/export-panel.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_log=require("../../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{getI18n,getIcon}=_ui.VxeUI;var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableExportPanel",props:{defaultOptions:Object,storeData:Object},setup(c){const m=_ui.VxeUI.getComponent("VxeModal"),_=_ui.VxeUI.getComponent("VxeButton"),h=_ui.VxeUI.getComponent("VxeSelect"),g=_ui.VxeUI.getComponent("VxeInput"),C=_ui.VxeUI.getComponent("VxeCheckbox"),o=(0,_vue.inject)("$xeTable",{}),{computeExportOpts:l,computePrintOpts:a}=o.getComputeMaps(),V=(0,_vue.reactive)({isAll:!1,isIndeterminate:!1,loading:!1}),I=(0,_vue.ref)(),b=(0,_vue.ref)(),f=(0,_vue.ref)(),k=(0,_vue.computed)(()=>{var e=c["storeData"];return e.columns.every(e=>e.checked)}),E=(0,_vue.computed)(()=>{var e=c["defaultOptions"];return-1<["html","xml","xlsx","pdf"].indexOf(e.type)}),O=(0,_vue.computed)(()=>{var{storeData:e,defaultOptions:t}=c;return!t.original&&"current"===t.mode&&(e.isPrint||-1<["html","xlsx"].indexOf(t.type))}),N=(0,_vue.computed)(()=>{var e=c["defaultOptions"];return!e.original&&-1<["xlsx"].indexOf(e.type)}),T=t=>{var e=c["storeData"],e=_xeUtils.default.findTree(e.columns,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.checked=e.children.every(e=>e.checked),e.halfChecked=!e.checked&&e.children.some(e=>e.checked||e.halfChecked),T(e))},U=()=>{var e=c["storeData"],e=e.columns;V.isAll=e.every(e=>e.disabled||e.checked),V.isIndeterminate=!V.isAll&&e.some(e=>!e.disabled&&(e.checked||e.halfChecked))},D=()=>{var e=c["storeData"];const t=!V.isAll;_xeUtils.default.eachTree(e.columns,e=>{e.disabled||(e.checked=t,e.halfChecked=!1)}),V.isAll=t,U()},y=()=>{(0,_vue.nextTick)(()=>{var e=b.value,t=f.value,o=I.value,e=e||t||o;e&&e.focus()}),U()},r=()=>{var{storeData:e,defaultOptions:t}=c,{hasMerge:e,columns:o}=e,l=k.value,a=O.value,o=_xeUtils.default.searchTree(o,e=>e.checked,{children:"children",mapChildren:"childNodes",original:!0});return Object.assign({},t,{columns:o,isMerge:!!(e&&a&&l)&&t.isMerge})},t=()=>{var e=c["storeData"],t=a.value;e.visible=!1,o.print(Object.assign({},t,r()))},n=()=>{const e=c["storeData"];var t=l.value;V.loading=!0,o.exportData(Object.assign({},t,r())).then(()=>{V.loading=!1,e.visible=!1}).catch(()=>{V.loading=!1})},A=()=>{var e=c["storeData"];e.visible=!1},H=()=>{var e=c["storeData"];(e.isPrint?t:n)()};return"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{m||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),_||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),h||(0,_log.errLog)("vxe.error.reqComp",["vxe-select"]),g||(0,_log.errLog)("vxe.error.reqComp",["vxe-input"]),C||(0,_log.errLog)("vxe.error.reqComp",["vxe-checkbox"])}),()=>{const{defaultOptions:t,storeData:o}=c,{isAll:e,isIndeterminate:l}=V,{hasTree:a,hasMerge:r,isPrint:n,hasColgroup:u}=o,i=t["isHeader"],d=[],p=k.value,v=E.value,s=O.value,x=N.value;return _xeUtils.default.eachTree(o.columns,o=>{var e=(0,_utils.formatText)(o.getTitle(),1),t=o.children&&o.children.length,l=o.checked,a=o.halfChecked;d.push((0,_vue.h)("li",{class:["vxe-export--panel-column-option","level--"+o.level,{"is--group":t,"is--checked":l,"is--indeterminate":a,"is--disabled":o.disabled}],title:e,onClick:()=>{if(!o.disabled){var e=o;const t=!e.checked;_xeUtils.default.eachTree([e],e=>{e.checked=t,e.halfChecked=!1}),T(e),U()}}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",a?getIcon().TABLE_CHECKBOX_INDETERMINATE:l?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},e)]))}),m?(0,_vue.h)(m,{modelValue:o.visible,title:getI18n(n?"vxe.export.printTitle":"vxe.export.expTitle"),className:"vxe-table-export-popup-wrapper",width:660,mask:!0,lockView:!0,showFooter:!1,escClosable:!0,maskClosable:!0,loading:V.loading,"onUpdate:modelValue"(e){o.visible=e},onShow:y},{default:()=>(0,_vue.h)("div",{class:"vxe-export--panel"},[(0,_vue.h)("table",{cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",[[n?(0,_vue.createCommentVNode)():(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expName")),(0,_vue.h)("td",[g?(0,_vue.h)(g,{ref:b,modelValue:t.filename,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expNamePlaceholder"),"onUpdate:modelValue"(e){t.filename=e}}):(0,_vue.createCommentVNode)()])]),n?(0,_vue.createCommentVNode)():(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expType")),(0,_vue.h)("td",[h?(0,_vue.h)(h,{modelValue:t.type,options:o.typeList,"onUpdate:modelValue"(e){t.type=e}}):(0,_vue.createCommentVNode)()])]),n||v?(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expSheetName")),(0,_vue.h)("td",[g?(0,_vue.h)(g,{ref:f,modelValue:t.sheetName,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expSheetNamePlaceholder"),"onUpdate:modelValue"(e){t.sheetName=e}}):(0,_vue.createCommentVNode)()])]):(0,_vue.createCommentVNode)(),(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expMode")),(0,_vue.h)("td",[h?(0,_vue.h)(h,{modelValue:t.mode,options:o.modeList.map(e=>({value:e.value,label:getI18n(e.label)})),"onUpdate:modelValue"(e){t.mode=e}}):(0,_vue.createCommentVNode)()])]),(0,_vue.h)("tr",[(0,_vue.h)("td",[getI18n("vxe.export.expColumn")]),(0,_vue.h)("td",[(0,_vue.h)("div",{class:"vxe-export--panel-column"},[(0,_vue.h)("ul",{class:"vxe-export--panel-column-header"},[(0,_vue.h)("li",{class:["vxe-export--panel-column-option",{"is--checked":e,"is--indeterminate":l}],title:getI18n("vxe.table.allTitle"),onClick:D},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?getIcon().TABLE_CHECKBOX_INDETERMINATE:e?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.export.expCurrentColumn"))])]),(0,_vue.h)("ul",{class:"vxe-export--panel-column-body"},d)])])]),(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expOpts")),(0,_vue.h)("td",[(0,_vue.h)("div",{class:"vxe-export--panel-option-row"},[C?(0,_vue.h)(C,{modelValue:t.isHeader,title:getI18n("vxe.export.expHeaderTitle"),content:getI18n("vxe.export.expOptHeader"),"onUpdate:modelValue"(e){t.isHeader=e}}):(0,_vue.createCommentVNode)(),C?(0,_vue.h)(C,{modelValue:t.isFooter,disabled:!o.hasFooter,title:getI18n("vxe.export.expFooterTitle"),content:getI18n("vxe.export.expOptFooter"),"onUpdate:modelValue"(e){t.isFooter=e}}):(0,_vue.createCommentVNode)(),C?(0,_vue.h)(C,{modelValue:t.original,title:getI18n("vxe.export.expOriginalTitle"),content:getI18n("vxe.export.expOptOriginal"),"onUpdate:modelValue"(e){t.original=e}}):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{class:"vxe-export--panel-option-row"},[C?(0,_vue.h)(C,{modelValue:!!(i&&u&&s)&&t.isColgroup,title:getI18n("vxe.export.expColgroupTitle"),disabled:!i||!u||!s,content:getI18n("vxe.export.expOptColgroup"),"onUpdate:modelValue"(e){t.isColgroup=e}}):(0,_vue.createCommentVNode)(),C?(0,_vue.h)(C,{modelValue:!!(r&&s&&p)&&t.isMerge,title:getI18n("vxe.export.expMergeTitle"),disabled:!r||!s||!p,content:getI18n("vxe.export.expOptMerge"),"onUpdate:modelValue"(e){t.isMerge=e}}):(0,_vue.createCommentVNode)(),n||!C?(0,_vue.createCommentVNode)():(0,_vue.h)(C,{modelValue:!!x&&t.useStyle,disabled:!x,title:getI18n("vxe.export.expUseStyleTitle"),content:getI18n("vxe.export.expOptUseStyle"),"onUpdate:modelValue"(e){t.useStyle=e}}),C?(0,_vue.h)(C,{modelValue:!!a&&t.isAllExpand,disabled:!a,title:getI18n("vxe.export.expAllExpandTitle"),content:getI18n("vxe.export.expOptAllExpand"),"onUpdate:modelValue"(e){t.isAllExpand=e}}):(0,_vue.createCommentVNode)()])])])]])]),(0,_vue.h)("div",{class:"vxe-export--panel-btns"},[_?(0,_vue.h)(_,{content:getI18n("vxe.export.expCancel"),onClick:A}):(0,_vue.createCommentVNode)(),_?(0,_vue.h)(_,{ref:I,status:"primary",content:getI18n(n?"vxe.export.expPrint":"vxe.export.expConfirm"),onClick:H}):(0,_vue.createCommentVNode)()])])}):(0,_vue.createCommentVNode)()}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_log=require("../../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{getI18n,getIcon}=_ui.VxeUI;var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableExportPanel",props:{defaultOptions:Object,storeData:Object},setup(x){const m=_ui.VxeUI.getComponent("VxeModal"),h=_ui.VxeUI.getComponent("VxeButton"),_=_ui.VxeUI.getComponent("VxeSelect"),g=_ui.VxeUI.getComponent("VxeInput"),C=_ui.VxeUI.getComponent("VxeCheckbox"),o=(0,_vue.inject)("$xeTable",{}),{computeExportOpts:l,computePrintOpts:a}=o.getComputeMaps(),V=(0,_vue.reactive)({isAll:!1,isIndeterminate:!1,loading:!1}),I=(0,_vue.ref)(),b=(0,_vue.ref)(),f=(0,_vue.ref)(),k=(0,_vue.computed)(()=>{var e=x["storeData"];return e.columns.every(e=>e.checked)}),E=(0,_vue.computed)(()=>{var e=x["defaultOptions"];return-1<["html","xml","xlsx","pdf"].indexOf(e.type)}),O=(0,_vue.computed)(()=>{var{storeData:e,defaultOptions:t}=x;return!t.original&&"current"===t.mode&&(e.isPrint||-1<["html","xlsx"].indexOf(t.type))}),T=(0,_vue.computed)(()=>{var e=x["defaultOptions"];return!e.original&&-1<["xlsx"].indexOf(e.type)}),N=t=>{var e=x["storeData"],e=_xeUtils.default.findTree(e.columns,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.checked=e.children.every(e=>e.checked),e.halfChecked=!e.checked&&e.children.some(e=>e.checked||e.halfChecked),N(e))},U=()=>{var e=x["storeData"],e=e.columns;V.isAll=e.every(e=>e.disabled||e.checked),V.isIndeterminate=!V.isAll&&e.some(e=>!e.disabled&&(e.checked||e.halfChecked))},y=()=>{var e=x["storeData"];const t=!V.isAll;_xeUtils.default.eachTree(e.columns,e=>{e.disabled||(e.checked=t,e.halfChecked=!1)}),V.isAll=t,U()},D=()=>{(0,_vue.nextTick)(()=>{var e=b.value,t=f.value,o=I.value,e=e||t||o;e&&e.focus()}),U()},r=()=>{var{storeData:e,defaultOptions:t}=x,{hasMerge:e,columns:o}=e,l=k.value,a=O.value,o=_xeUtils.default.searchTree(o,e=>e.checked,{children:"children",mapChildren:"childNodes",original:!0});return Object.assign({},t,{columns:o,isMerge:!!(e&&a&&l)&&t.isMerge})},t=()=>{var e=x["storeData"],t=a.value;e.visible=!1,o.print(Object.assign({},t,r()))},n=()=>{const e=x["storeData"];var t=l.value;V.loading=!0,o.exportData(Object.assign({},t,r())).then(()=>{V.loading=!1,e.visible=!1}).catch(()=>{V.loading=!1})},A=()=>{var e=x["storeData"];e.visible=!1},H=()=>{var e=x["storeData"];(e.isPrint?t:n)()};return"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{m||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),h||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),_||(0,_log.errLog)("vxe.error.reqComp",["vxe-select"]),g||(0,_log.errLog)("vxe.error.reqComp",["vxe-input"]),C||(0,_log.errLog)("vxe.error.reqComp",["vxe-checkbox"])}),()=>{const{defaultOptions:t,storeData:o}=x,{isAll:e,isIndeterminate:l}=V,{hasTree:a,hasMerge:r,isPrint:n,hasColgroup:u}=o,i=t["isHeader"],d=[],p=k.value,v=E.value,s=O.value,c=T.value;return _xeUtils.default.eachTree(o.columns,o=>{var e=(0,_utils.formatText)(o.getTitle(),1),t=o.children&&o.children.length,l=o.checked,a=o.halfChecked,r="html"===o.type;d.push((0,_vue.h)("li",{key:o.id,class:["vxe-export--panel-column-option","level--"+o.level,{"is--group":t,"is--checked":l,"is--indeterminate":a,"is--disabled":o.disabled}],title:r?"":e,onClick:()=>{if(!o.disabled){var e=o;const t=!e.checked;_xeUtils.default.eachTree([e],e=>{e.checked=t,e.halfChecked=!1}),N(e),U()}}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",a?getIcon().TABLE_CHECKBOX_INDETERMINATE:l?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),r?(0,_vue.h)("span",{key:"1",class:"vxe-checkbox--label",innerHTML:e}):(0,_vue.h)("span",{key:"0",class:"vxe-checkbox--label"},e)]))}),m?(0,_vue.h)(m,{modelValue:o.visible,title:getI18n(n?"vxe.export.printTitle":"vxe.export.expTitle"),className:"vxe-table-export-popup-wrapper",width:660,mask:!0,lockView:!0,showFooter:!1,escClosable:!0,maskClosable:!0,loading:V.loading,"onUpdate:modelValue"(e){o.visible=e},onShow:D},{default:()=>(0,_vue.h)("div",{class:"vxe-export--panel"},[(0,_vue.h)("table",{cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",[[n?(0,_vue.createCommentVNode)():(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expName")),(0,_vue.h)("td",[g?(0,_vue.h)(g,{ref:b,modelValue:t.filename,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expNamePlaceholder"),"onUpdate:modelValue"(e){t.filename=e}}):(0,_vue.createCommentVNode)()])]),n?(0,_vue.createCommentVNode)():(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expType")),(0,_vue.h)("td",[_?(0,_vue.h)(_,{modelValue:t.type,options:o.typeList,"onUpdate:modelValue"(e){t.type=e}}):(0,_vue.createCommentVNode)()])]),n||v?(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expSheetName")),(0,_vue.h)("td",[g?(0,_vue.h)(g,{ref:f,modelValue:t.sheetName,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expSheetNamePlaceholder"),"onUpdate:modelValue"(e){t.sheetName=e}}):(0,_vue.createCommentVNode)()])]):(0,_vue.createCommentVNode)(),(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expMode")),(0,_vue.h)("td",[_?(0,_vue.h)(_,{modelValue:t.mode,options:o.modeList.map(e=>({value:e.value,label:getI18n(e.label)})),"onUpdate:modelValue"(e){t.mode=e}}):(0,_vue.createCommentVNode)()])]),(0,_vue.h)("tr",[(0,_vue.h)("td",[getI18n("vxe.export.expColumn")]),(0,_vue.h)("td",[(0,_vue.h)("div",{class:"vxe-export--panel-column"},[(0,_vue.h)("ul",{class:"vxe-export--panel-column-header"},[(0,_vue.h)("li",{class:["vxe-export--panel-column-option",{"is--checked":e,"is--indeterminate":l}],title:getI18n("vxe.table.allTitle"),onClick:y},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?getIcon().TABLE_CHECKBOX_INDETERMINATE:e?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.export.expCurrentColumn"))])]),(0,_vue.h)("ul",{class:"vxe-export--panel-column-body"},d)])])]),(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.export.expOpts")),(0,_vue.h)("td",[(0,_vue.h)("div",{class:"vxe-export--panel-option-row"},[C?(0,_vue.h)(C,{modelValue:t.isHeader,title:getI18n("vxe.export.expHeaderTitle"),content:getI18n("vxe.export.expOptHeader"),"onUpdate:modelValue"(e){t.isHeader=e}}):(0,_vue.createCommentVNode)(),C?(0,_vue.h)(C,{modelValue:t.isFooter,disabled:!o.hasFooter,title:getI18n("vxe.export.expFooterTitle"),content:getI18n("vxe.export.expOptFooter"),"onUpdate:modelValue"(e){t.isFooter=e}}):(0,_vue.createCommentVNode)(),C?(0,_vue.h)(C,{modelValue:t.original,title:getI18n("vxe.export.expOriginalTitle"),content:getI18n("vxe.export.expOptOriginal"),"onUpdate:modelValue"(e){t.original=e}}):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{class:"vxe-export--panel-option-row"},[C?(0,_vue.h)(C,{modelValue:!!(i&&u&&s)&&t.isColgroup,title:getI18n("vxe.export.expColgroupTitle"),disabled:!i||!u||!s,content:getI18n("vxe.export.expOptColgroup"),"onUpdate:modelValue"(e){t.isColgroup=e}}):(0,_vue.createCommentVNode)(),C?(0,_vue.h)(C,{modelValue:!!(r&&s&&p)&&t.isMerge,title:getI18n("vxe.export.expMergeTitle"),disabled:!r||!s||!p,content:getI18n("vxe.export.expOptMerge"),"onUpdate:modelValue"(e){t.isMerge=e}}):(0,_vue.createCommentVNode)(),n||!C?(0,_vue.createCommentVNode)():(0,_vue.h)(C,{modelValue:!!c&&t.useStyle,disabled:!c,title:getI18n("vxe.export.expUseStyleTitle"),content:getI18n("vxe.export.expOptUseStyle"),"onUpdate:modelValue"(e){t.useStyle=e}}),C?(0,_vue.h)(C,{modelValue:!!a&&t.isAllExpand,disabled:!a,title:getI18n("vxe.export.expAllExpandTitle"),content:getI18n("vxe.export.expOptAllExpand"),"onUpdate:modelValue"(e){t.isAllExpand=e}}):(0,_vue.createCommentVNode)()])])])]])]),(0,_vue.h)("div",{class:"vxe-export--panel-btns"},[h?(0,_vue.h)(h,{content:getI18n("vxe.export.expCancel"),onClick:A}):(0,_vue.createCommentVNode)(),h?(0,_vue.h)(h,{ref:I,status:"primary",content:getI18n(n?"vxe.export.expPrint":"vxe.export.expConfirm"),onClick:H}):(0,_vue.createCommentVNode)()])])}):(0,_vue.createCommentVNode)()}}});

package/lib/table/style/style.css

@@ -879,25 +879,10 @@
   flex-direction: row;
   flex-shrink: 0;
   border-top: 1px solid var(--vxe-ui-base-popup-border-color);
-  text-align: right;
 }
 .vxe-table-custom--footer button {
-  background-color: transparent;
-  width: 50%;
+  flex-grow: 1;
   height: 2.8em;
-  border: 0;
-  color: var(--vxe-ui-font-color);
-  text-align: center;
-  cursor: pointer;
-}
-.vxe-table-custom--footer button:focus {
-  outline: none;
-}
-.vxe-table-custom--footer button:hover {
-  color: var(--vxe-ui-font-primary-lighten-color);
-}
-.vxe-table-custom--footer .btn--confirm {
-  color: var(--vxe-ui-font-primary-color);
 }
 
 .vxe-table-custom--checkbox-option .vxe-checkbox--icon {
@@ -957,11 +942,17 @@
 .vxe-table-custom--sort-btn {
   padding-left: 0.2em;
   padding-right: 0.4em;
+}
+.vxe-table-custom--sort-btn:not(.is--disabled) {
   cursor: grabbing;
 }
-.vxe-table-custom--sort-btn:hover {
+.vxe-table-custom--sort-btn:not(.is--disabled):hover {
   color: var(--vxe-ui-font-primary-color);
 }
+.vxe-table-custom--sort-btn.is--disabled {
+  color: var(--vxe-ui-input-disabled-color);
+  cursor: not-allowed;
+}
 
 .vxe-table-custom--checkbox-label {
   flex-grow: 1;
@@ -981,24 +972,6 @@
           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 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: var(--vxe-ui-font-primary-color);
-}
-.vxe-table-custom--fixed-left-option.is--disabled,
-.vxe-table-custom--fixed-right-option.is--disabled {
-  cursor: no-drop;
-  color: var(--vxe-ui-input-disabled-color);
-}
-
 .vxe-table-custom-popup--body {
   overflow: auto;
   height: 100%;
@@ -1150,14 +1123,20 @@
 .vxe-table-custom-popup--column-sort-btn {
   font-size: 1.2em;
   padding: 0.2em 0.5em;
+}
+.vxe-table-custom-popup--column-sort-btn:not(.is--disabled) {
   cursor: grab;
 }
-.vxe-table-custom-popup--column-sort-btn:hover {
+.vxe-table-custom-popup--column-sort-btn:not(.is--disabled):hover {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-table-custom-popup--column-sort-btn:active {
+.vxe-table-custom-popup--column-sort-btn:not(.is--disabled):active {
   cursor: grabbing;
 }
+.vxe-table-custom-popup--column-sort-btn.is--disabled {
+  color: var(--vxe-ui-input-disabled-color);
+  cursor: not-allowed;
+}
 
 .vxe-table-custom-popup--table-sort-help-title,
 .vxe-table-custom-popup--table-sort-help-icon {