vxe-table 4.17.0-beta.1 → 4.17.0-beta.10

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

@@ -523,7 +523,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                 $xeTable.clearCopyCellArea();
               }
             }
-            $xeTable.dispatchEvent('column-dragend', {
+            const csParams = {
               oldColumn: dragColumn,
               newColumn,
               dragColumn,
@@ -533,7 +533,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                 newIndex: nafIndex,
                 oldIndex: oafIndex
               }
-            }, evnt);
+            };
+            $xeTable.dispatchEvent('custom-sort-change', csParams, evnt);
+            $xeTable.dispatchEvent('column-dragend', csParams, evnt);
             if (immediate) {
               tableReactData.customColumnList = collectColumn.slice(0);
               $xeTable.handleColDragSwapColumn();
@@ -717,7 +719,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }
           }, [(0, _vue.h)('span', {
             class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-          })]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+          })]) : renderEmptyElement($xeTable), (0, _vue.h)('div', {
             class: 'vxe-table-custom--name-option'
           }, [allowSort && ((isCrossDrag ? immediate : false) || column.level === 1) ? (0, _vue.h)('div', {
             class: 'vxe-table-custom--sort-option'
@@ -731,7 +733,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             onMouseup: sortMouseupEvent
           }), [(0, _vue.h)('i', {
             class: getIcon().TABLE_CUSTOM_SORT
-          })])]) : (0, _vue.createCommentVNode)(), column.type === 'html' ? (0, _vue.h)('div', {
+          })])]) : renderEmptyElement($xeTable), column.type === 'html' ? (0, _vue.h)('div', {
             key: '1',
             class: 'vxe-table-custom--checkbox-label',
             innerHTML: colTitle
@@ -751,7 +753,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }) => {
               changeFixedOption(column, 'left', $event);
             }
-          }) : (0, _vue.createCommentVNode)(), VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+          }) : renderEmptyElement($xeTable), 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' : '',
@@ -762,7 +764,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }) => {
               changeFixedOption(column, 'right', $event);
             }
-          }) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)()]));
+          }) : renderEmptyElement($xeTable)]) : renderEmptyElement($xeTable)]));
         }
       });
       return (0, _vue.h)('div', {
@@ -824,20 +826,20 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         content: customOpts.resetButtonText || getI18n('vxe.table.customRestore'),
         disabled: !isCustomStatus,
         onClick: resetCustomEvent
-      }) : (0, _vue.createCommentVNode)(), immediate ? VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+      }) : renderEmptyElement($xeTable), 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, {
+      }) : renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
         mode: 'text',
         content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
         onClick: cancelCustomEvent
-      }) : (0, _vue.createCommentVNode)(), immediate ? (0, _vue.createCommentVNode)() : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+      }) : renderEmptyElement($xeTable), immediate ? renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
         mode: 'text',
         status: 'primary',
         content: customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'),
         onClick: confirmCustomEvent
-      }) : (0, _vue.createCommentVNode)()])]) : null]), renderDragTip()])] : []);
+      }) : renderEmptyElement($xeTable)])]) : null]), renderDragTip()])] : []);
     };
     const renderPopupPanel = () => {
       const $xeGrid = $xeTable.xeGrid;
@@ -962,7 +964,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }
           }, [(0, _vue.h)('span', {
             class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-          })])]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('td', {
+          })])]) : renderEmptyElement($xeTable), (0, _vue.h)('td', {
             class: 'vxe-table-custom-popup--column-item col--name'
           }, [(0, _vue.h)('div', {
             class: 'vxe-table-custom-popup--name'
@@ -978,7 +980,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             class: getIcon().TABLE_CUSTOM_SORT
           })]) : (0, _vue.h)('div', {
             class: 'vxe-table-custom-popup--column-sort-placeholder'
-          }) : (0, _vue.createCommentVNode)(), column.type === 'html' ? (0, _vue.h)('div', {
+          }) : renderEmptyElement($xeTable), column.type === 'html' ? (0, _vue.h)('div', {
             key: '1',
             class: 'vxe-table-custom-popup--title',
             innerHTML: colTitle
@@ -1002,7 +1004,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             onChange() {
               changeColumnWidth(column);
             }
-          }) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)(), allowFixed ? (0, _vue.h)('td', {
+          }) : renderEmptyElement($xeTable)]) : renderEmptyElement($xeTable), allowFixed ? (0, _vue.h)('td', {
             class: 'vxe-table-custom-popup--column-item col--fixed'
           }, [parent ? (0, _vue.h)('span', '-') : VxeUIRadioGroupComponent ? (0, _vue.h)(VxeUIRadioGroupComponent, {
             modelValue: column.renderFixed || '',
@@ -1028,7 +1030,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }) {
               changeFixedOption(column, label, $event);
             }
-          }) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)()]));
+          }) : renderEmptyElement($xeTable)]) : renderEmptyElement($xeTable)]));
         }
       });
       const scopedSlots = {
@@ -1045,13 +1047,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             class: 'vxe-table-custom-popup--table-wrapper'
           }, [(0, _vue.h)('table', {}, [(0, _vue.h)('colgroup', {}, [allowVisible ? (0, _vue.h)('col', {
             class: 'vxe-table-custom-popup--table-col-seq'
-          }) : (0, _vue.createCommentVNode)(), (0, _vue.h)('col', {
+          }) : renderEmptyElement($xeTable), (0, _vue.h)('col', {
             class: 'vxe-table-custom-popup--table-col-title'
           }), allowResizable ? (0, _vue.h)('col', {
             class: 'vxe-table-custom-popup--table-col-width'
-          }) : (0, _vue.createCommentVNode)(), allowFixed ? (0, _vue.h)('col', {
+          }) : renderEmptyElement($xeTable), allowFixed ? (0, _vue.h)('col', {
             class: 'vxe-table-custom-popup--table-col-fixed'
-          }) : (0, _vue.createCommentVNode)()]), (0, _vue.h)('thead', {}, [(0, _vue.h)('tr', {}, [allowVisible ? (0, _vue.h)('th', {}, [(0, _vue.h)('div', {
+          }) : renderEmptyElement($xeTable)]), (0, _vue.h)('thead', {}, [(0, _vue.h)('tr', {}, [allowVisible ? (0, _vue.h)('th', {}, [(0, _vue.h)('div', {
             class: ['vxe-table-custom--checkbox-option', {
               'is--checked': isAllChecked,
               'is--indeterminate': isAllIndeterminate
@@ -1062,7 +1064,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
           }), (0, _vue.h)('span', {
             class: 'vxe-checkbox--label'
-          }, getI18n('vxe.toolbar.customAll'))])]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('th', {}, getI18n('vxe.custom.setting.colTitle')), allowResizable ? (0, _vue.h)('th', {}, getI18n('vxe.custom.setting.colResizable')) : (0, _vue.createCommentVNode)(), allowFixed ? (0, _vue.h)('th', {}, getI18n(`vxe.custom.setting.${maxFixedSize ? 'colFixedMax' : 'colFixed'}`, [maxFixedSize])) : (0, _vue.createCommentVNode)()])]), (0, _vue.h)(_vue.TransitionGroup, {
+          }, getI18n('vxe.toolbar.customAll'))])]) : renderEmptyElement($xeTable), (0, _vue.h)('th', {}, getI18n('vxe.custom.setting.colTitle')), allowResizable ? (0, _vue.h)('th', {}, getI18n('vxe.custom.setting.colResizable')) : renderEmptyElement($xeTable), allowFixed ? (0, _vue.h)('th', {}, getI18n(`vxe.custom.setting.${maxFixedSize ? 'colFixedMax' : 'colFixed'}`, [maxFixedSize])) : renderEmptyElement($xeTable)])]), (0, _vue.h)(_vue.TransitionGroup, {
             class: 'vxe-table-custom--panel-list',
             tag: 'tbody',
             name: 'vxe-table-custom--list'
@@ -1084,17 +1086,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             content: customOpts.resetButtonText || getI18n('vxe.custom.cstmRestore'),
             disabled: !isCustomStatus,
             onClick: resetCustomEvent
-          }) : (0, _vue.createCommentVNode)(), immediate ? VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+          }) : renderEmptyElement($xeTable), immediate ? VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
             content: customOpts.closeButtonText || getI18n('vxe.table.customClose'),
             onClick: cancelCloseEvent
-          }) : (0, _vue.createCommentVNode)() : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+          }) : renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
             content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
             onClick: cancelCustomEvent
-          }) : (0, _vue.createCommentVNode)(), immediate ? (0, _vue.createCommentVNode)() : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+          }) : renderEmptyElement($xeTable), immediate ? renderEmptyElement($xeTable) : VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
             status: 'primary',
             content: customOpts.confirmButtonText || getI18n('vxe.custom.cstmConfirm'),
             onClick: confirmCustomEvent
-          }) : (0, _vue.createCommentVNode)()]);
+          }) : renderEmptyElement($xeTable)]);
         }
       };
       if (headerSlot) {
@@ -1116,7 +1118,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           'onUpdate:modelValue'(value) {
             customStore.visible = value;
           }
-        }, scopedSlots) : (0, _vue.createCommentVNode)();
+        }, scopedSlots) : renderEmptyElement($xeTable);
       }
       return VxeUIModalComponent ? (0, _vue.h)(VxeUIModalComponent, {
         key: 'modal',
@@ -1140,7 +1142,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         'onUpdate:modelValue'(value) {
           customStore.visible = value;
         }
-      }, scopedSlots) : (0, _vue.createCommentVNode)();
+      }, scopedSlots) : renderEmptyElement($xeTable);
     };
     const renderVN = () => {
       const customOpts = computeCustomOpts.value;

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.createInternalData=createInternalData,exports.default=void 0;var _vue=require("vue"),_comp=require("../../../ui/src/comp"),_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}}let{getI18n,getIcon,renderEmptyElement}=_ui.VxeUI;function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"TableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},setup(M,t){var e=_xeUtils.default.uniqueId();let R=_ui.VxeUI.getComponent("VxeModal"),H=_ui.VxeUI.getComponent("VxeDrawer"),G=_ui.VxeUI.getComponent("VxeButton"),z=_ui.VxeUI.getComponent("VxeNumberInput"),P=_ui.VxeUI.getComponent("VxeRadioGroup"),$=(0,_vue.inject)("$xeTable",{}),{props:W,reactData:K,internalData:r}=$,{computeCustomOpts:X,computeColumnDragOpts:q,computeColumnOpts:de,computeIsMaxFixedColumn:j,computeResizableOpts:ce}=$.getComputeMaps(),S=(0,_vue.ref)(),Y=(0,_vue.ref)(),Z=(0,_vue.ref)(),u=(0,_vue.ref)(),d=(0,_vue.ref)(),f=(0,_vue.reactive)({dragCol:null,dragGroupField:null,dragAggFnCol:null,dragTipText:""}),T=createInternalData(),a={refElem:S,refBodyWrapperElem:Y,refCustomBodyElem:Z,refDragLineElem:u,refDragTipElem:d},i={},k=e=>{var t=M.customStore;t.activeWrapper=!0,$.customOpenEvent(e)},B=e=>{let t=M.customStore;t.activeWrapper=!1,setTimeout(()=>{t.activeBtn||t.activeWrapper||$.customCloseEvent(e)},300)},J=({$event:e})=>{K.isCustomStatus=!0,$.saveCustom(),$.closeCustom(),$.emitCustomEvent("confirm",e)},Q=({$event:e})=>{$.closeCustom(),$.emitCustomEvent("close",e)},ee=({$event:e})=>{$.cancelCustom(),$.closeCustom(),$.emitCustomEvent("cancel",e)},l=e=>{$.resetCustom(!0),$.closeCustom(),$.emitCustomEvent("reset",e)},te=({$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&&l(t)}):l(t)},o=t=>{var e=K.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),o(e))},le=(e,t)=>{let l=!e.renderVisible;X.value.immediate?(_xeUtils.default.eachTree([e],e=>{e.visible=l,e.renderVisible=l,e.halfVisible=!1}),K.isCustomStatus=!0,$.handleCustom(),$.saveCustomStore("update:visible")):_xeUtils.default.eachTree([e],e=>{e.renderVisible=l,e.halfVisible=!1}),o(e),$.checkCustomStatus(),$.dispatchEvent("custom-visible-change",{column:e,checked:l},t)},me=e=>{X.value.immediate&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth,K.isCustomStatus=!0,$.handleCustom(),$.saveCustomStore("update:width"))},oe=(e,t,l)=>{var o=j.value;let a=null;X.value.immediate?(e.renderFixed===t?(a="",_xeUtils.default.eachTree([e],e=>{e.fixed="",e.renderFixed=""})):o&&!e.renderFixed||(a=t,_xeUtils.default.eachTree([e],e=>{e.fixed=t,e.renderFixed=t})),K.isCustomStatus=!0,$.handleCustom(),$.saveCustomStore("update:fixed")):e.renderFixed===t?(a="",_xeUtils.default.eachTree([e],e=>{e.renderFixed=""})):o&&!e.renderFixed||(a=t,_xeUtils.default.eachTree([e],e=>{e.renderFixed=t})),null!==a&&$.dispatchEvent("custom-fixed-change",{column:e,fixed:a},l)},ae=e=>{var t=K.customStore,t=!t.isAll;$.toggleCustomAllCheckbox(),$.dispatchEvent("custom-visible-all",{checked:t},e)},c=(e,t,l,o)=>{var a,i,s,r,n=Y.value;n&&(r=Z.value)&&(a=T.prevDragToChild,i=n.getBoundingClientRect(),r=r.getBoundingClientRect(),s=u.value,t?s&&(l?(t=t.getBoundingClientRect(),s.style.display="block",s.style.left=Math.max(0,r.x-i.x)+"px",s.style.top=Math.max(1,t.y+n.scrollTop-i.y)+"px",s.style.height=t.height+"px",s.style.width=t.width+"px",s.setAttribute("drag-pos",o),s.setAttribute("drag-to-child",a?"y":"n")):s.style.display=""):s&&(s.style.display="node"),r=d.value)&&(r.style.display="block",r.style.top=Math.min(n.clientHeight+n.scrollTop-r.clientHeight,e.clientY+n.scrollTop-i.y)+"px",r.style.left=Math.min(n.clientWidth+n.scrollLeft-r.clientWidth,e.clientX+n.scrollLeft-i.x)+"px",r.setAttribute("drag-status",l?a?"sub":"normal":"disabled"))},n=()=>{var e=f.dragCol,t=q.value.tooltipMethod;let l="";l=t?""+(t({$table:$,column:e})||""):getI18n("vxe.custom.cstmDragTarget",[e&&"html"!==e.type?e.getTitle():""]),f.dragTipText=l},s=()=>{var e=d.value,t=u.value;e&&(e.style.display=""),t&&(t.style.display="")},ie=e=>{var e=e.currentTarget.parentElement.parentElement.parentElement,t=e.getAttribute("colid"),t=$.getColumnById(t);e.draggable=!0,f.dragCol=t,f.dragGroupField=null,f.dragAggFnCol=null,n(),(0,_dom.addClass)(e,"active--drag-origin")},se=e=>{e=e.currentTarget.parentElement.parentElement.parentElement;s(),e.draggable=!1,f.dragCol=null,f.dragGroupField=null,(f.dragAggFnCol=null,_dom.removeClass)(e,"active--drag-origin")},re=e=>{e.dataTransfer&&e.dataTransfer.setDragImage((0,_dom.getTpImg)(),0,0),T.prevDragGroupField=null,T.prevDragAggFnColid=null},ne=d=>{let c=W.mouseConfig,m=K.customColumnList,v=r.collectColumn;let p=X.value.immediate;var e=d.currentTarget;let{isCrossDrag:g,isSelfToChildDrag:x,isToChildDrag:h,dragEndMethod:t}=q.value;var l=f.dragCol;let{prevDragCol:o,prevDragGroupField:a,prevDragAggFnColid:i,prevDragPos:_,prevDragToChild:b}=T,C="bottom"===_?1:0;if(a||i)$.handlePivotTableAggregatePanelDragendEvent&&$.handlePivotTableAggregatePanelDragendEvent(d);else if(o&&l&&o!==l){let n=l,u=o;Promise.resolve(!t||t({oldColumn:n,newColumn:u,dragColumn:n,dragPos:_,dragToChild:!!b,offsetIndex:C})).then(a=>{if(a){let e=-1,t=-1,l={},o=(_xeUtils.default.eachTree([n],e=>{l[e.id]=e}),!1);if(p){if(n.parentId&&u.parentId){if(!g)return;if(l[u.id]&&(o=!0,!g||!x))return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:getI18n("vxe.error.treeDragChild")}))}else if(n.parentId){if(!g)return}else if(u.parentId){if(!g)return;if(l[u.id]&&(o=!0,!g||!x))return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:getI18n("vxe.error.treeDragChild")}))}var i,s,r,a=_xeUtils.default.findTree(v,e=>e.id===n.id),a=(o&&g&&x?a&&({items:i,index:r}=a,(s=n.children||[]).forEach(e=>{e.parentId=n.parentId}),i.splice(r,1,...s),n.children=[]):a&&({items:i,index:r,parent:s}=a,i.splice(r,1),s||(e=r)),_xeUtils.default.findTree(v,e=>e.id===u.id));a&&({items:i,index:s,parent:r}=a,g&&h&&b?(n.parentId=u.id,u.children=(u.children||[]).concat([n])):(n.parentId=u.parentId,i.splice(s+C,0,n)),r||(t=s)),_xeUtils.default.eachTree(v,(e,t,l,o,a)=>{a||(e.renderSortNumber=t+1)})}else e=_xeUtils.default.findIndexOf(m,e=>e.id===n.id),m.splice(e,1),t=_xeUtils.default.findIndexOf(m,e=>e.id===u.id),m.splice(t+C,0,n);c&&($.clearSelected&&$.clearSelected(),$.clearCellAreas)&&($.clearCellAreas(),$.clearCopyCellArea()),$.dispatchEvent("column-dragend",{oldColumn:n,newColumn:u,dragColumn:n,dragPos:_,offsetIndex:C,_index:{newIndex:t,oldIndex:e}},d),p&&(K.customColumnList=v.slice(0),$.handleColDragSwapColumn())}}).catch(()=>{})}s(),f.dragCol=null,f.dragGroupField=null,f.dragAggFnCol=null,T.prevDragGroupField=null,T.prevDragAggFnColid=null,e.draggable=!1,e.removeAttribute("drag-pos"),(0,_dom.removeClass)(e,"active--drag-target"),(0,_dom.removeClass)(e,"active--drag-origin")},ue=e=>{var t,l=X.value.immediate,{isCrossDrag:o,isToChildDrag:a}=q.value,i=e.currentTarget,s=(0,_dom.hasControlKey)(e),r=i.getAttribute("colid"),r=$.getColumnById(r),n=f.dragCol;T.prevDragGroupField=null,T.prevDragAggFnColid=null,r&&(o||1===r.level)&&(e.preventDefault(),t=e.clientY-i.getBoundingClientRect().y<i.clientHeight/2?"top":"bottom",!n||n.id===r.id||!o&&1<r.level||!l&&1<r.level?c(e,i,!1,t):(T.prevDragToChild=!!(o&&a&&s&&l),T.prevDragCol=r,T.prevDragPos=t,c(e,i,!0,t)))},ve=()=>{var e=f.dragTipText,t=q.value;return(0,_vue.h)("div",{},[(0,_vue.h)("div",{ref:u,class:["vxe-table-custom-popup--drag-line",{"is--guides":t.showGuidesStatus}]}),(0,_vue.h)("div",{ref:d,class:"vxe-table-custom-popup--drag-tip"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-wrapper"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-status"},[(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-normal-status",getIcon().TABLE_DRAG_STATUS_ROW]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-sub-status",getIcon().TABLE_DRAG_STATUS_SUB_ROW]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-group-status",getIcon().TABLE_DRAG_STATUS_AGG_GROUP]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-values-status",getIcon().TABLE_DRAG_STATUS_AGG_VALUES]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-disabled-status",getIcon().TABLE_DRAG_DISABLED]})]),(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-content"},""+(e||""))])])])};(0,_vue.nextTick)(()=>{var e=X.value.mode;R||"modal"!==e||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),H||"drawer"!==e||(0,_log.errLog)("vxe.error.reqComp",["vxe-drawer"]),G||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),z||(0,_log.errLog)("vxe.error.reqComp",["vxe-number-input"]),P||(0,_log.errLog)("vxe.error.reqComp",["vxe-radio-group"])});e={xID:e,props:M,context:t,reactData:f,internalData:T,xeTable:$,getRefMaps:()=>a,getComputeMaps:()=>i,renderVN:()=>{var e=X.value;return(["modal","drawer","popup"].includes(""+e.mode)?()=>{var e=$.xeGrid,t=$.xeGantt;let l=M.customStore,{treeConfig:o,rowGroupConfig:a,aggregateConfig:i,resizable:d}=W,{isCustomStatus:s,customColumnList:r}=K,n=X.value,c=n.immediate;var u=q.value;let{mode:m,modalOptions:v,drawerOptions:p,allowVisible:g,allowSort:N,allowFixed:x,allowResizable:h,checkMethod:_,visibleMethod:b}=n,C=de.value,f=C.maxFixedSize,{minWidth:T,maxWidth:I}=ce.value;var E=Object.assign({},v),V=Object.assign({},p);let A=j.value,L=u.isCrossDrag;u=n.slots||{};let D=u.header,y=u.top,S=u.bottom,k=u.default,B=u.footer,w=[],O=l.isAll,F=l.isIndeterminate,U={$table:$,$grid:e,$gantt:t,columns:r,isAllChecked:O,isAllIndeterminate:F,isCustomStatus:s};_xeUtils.default.eachTree(r,(o,a,e,t,i)=>{if(!b||b({$table:$,column:o})){let e=0,t=0;h&&(a={$table:$,column:o,columnIndex:a,$columnIndex:a,$rowIndex:-1},T&&(e=_xeUtils.default.toNumber(_xeUtils.default.isFunction(T)?T(a):T)),I)&&(t=_xeUtils.default.toNumber(_xeUtils.default.isFunction(I)?I(a):I));var a=o.renderVisible,s=o.halfVisible,r=(0,_utils.formatText)(o.getTitle(),1),n=o.children&&o.children.length;let l=!!_&&!_({$table:$,column:o});var u=!a;w.push((0,_vue.h)("tr",{key:o.id,colid:o.id,class:["vxe-table-custom-popup--row level--"+o.level,{"is--group":n}],onDragstart:re,onDragend:ne,onDragover:ue},[g?(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":s,"is--disabled":l}],title:getI18n("vxe.custom.setting.colVisible"),onClick:e=>{l||le(o,e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",s?getIcon().TABLE_CHECKBOX_INDETERMINATE:a?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])]):(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"},[N?L&&c||1===o.level?(0,_vue.h)("div",Object.assign({class:["vxe-table-custom-popup--column-sort-btn",{"is--disabled":l||u}],title:getI18n("vxe.custom.setting.sortHelpTip")},l||u?{}:{onMousedown:ie,onMouseup:se}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})]):(0,_vue.h)("div",{class:"vxe-table-custom-popup--column-sort-placeholder"}):(0,_vue.createCommentVNode)(),"html"===o.type?(0,_vue.h)("div",{key:"1",class:"vxe-table-custom-popup--title",innerHTML:r}):(0,_vue.h)("div",{key:"0",class:"vxe-table-custom-popup--title",title:r},r)])]),h?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--resizable"},[o.children&&o.children.length||!(_xeUtils.default.isBoolean(o.resizable)?o.resizable:C.resizable||d)?(0,_vue.h)("span","-"):z?(0,_vue.h)(z,{type:"integer",immediate:!1,disabled:l||u,modelValue:o.renderResizeWidth,min:e||void 0,max:t||void 0,"onUpdate:modelValue"(e){e=Math.max(0,Number(e));o.renderResizeWidth=e},onChange(){me(o)}}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),x?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[i?(0,_vue.h)("span","-"):P?(0,_vue.h)(P,{modelValue:o.renderFixed||"",type:"button",size:"mini",disabled:l||u,options:[{label:getI18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:l||u||A},{label:getI18n("vxe.custom.setting.fixedUnset"),value:"",disabled:l||u},{label:getI18n("vxe.custom.setting.fixedRight"),value:"right",disabled:l||u||A}],onChange({label:e,$event:t}){oe(o,e,t)}}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()]))}});u={default:()=>(0,_vue.h)("div",{ref:Y,class:"vxe-table-custom-popup--body-wrapper"},k?$.callSlot(k,U):[(0,_vue.h)("div",{ref:Z,class:"vxe-table-custom-popup--handle-wrapper"},[y?(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-top"},$.callSlot(y,U)):renderEmptyElement($),(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-wrapper"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},[g?(0,_vue.h)("col",{class:"vxe-table-custom-popup--table-col-seq"}):(0,_vue.createCommentVNode)(),(0,_vue.h)("col",{class:"vxe-table-custom-popup--table-col-title"}),h?(0,_vue.h)("col",{class:"vxe-table-custom-popup--table-col-width"}):(0,_vue.createCommentVNode)(),x?(0,_vue.h)("col",{class:"vxe-table-custom-popup--table-col-fixed"}):(0,_vue.createCommentVNode)()]),(0,_vue.h)("thead",{},[(0,_vue.h)("tr",{},[g?(0,_vue.h)("th",{},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":O,"is--indeterminate":F}],title:getI18n("vxe.table.allTitle"),onClick:ae},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",F?getIcon().TABLE_CHECKBOX_INDETERMINATE:O?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))])]):(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)(),x?(0,_vue.h)("th",{},getI18n("vxe.custom.setting."+(f?"colFixedMax":"colFixed"),[f])):(0,_vue.createCommentVNode)()])]),(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-table-custom--panel-list",tag:"tbody",name:"vxe-table-custom--list"},{default:()=>w})])]),S?(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-bottom"},$.callSlot(S,U)):renderEmptyElement($),ve()]),!o&&(i||a)&&$.getPivotTableAggregatePopupPanel?(0,_vue.h)($.getPivotTableAggregatePopupPanel(),{customStore:l}):renderEmptyElement($)]),footer:()=>B?$.callSlot(B,U):(0,_vue.h)("div",{class:"vxe-table-custom-popup--footer"},[G?(0,_vue.h)(G,{content:n.resetButtonText||getI18n("vxe.custom.cstmRestore"),disabled:!s,onClick:te}):(0,_vue.createCommentVNode)(),c?G?(0,_vue.h)(G,{content:n.closeButtonText||getI18n("vxe.table.customClose"),onClick:Q}):(0,_vue.createCommentVNode)():G?(0,_vue.h)(G,{content:n.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:ee}):(0,_vue.createCommentVNode)(),!c&&G?(0,_vue.h)(G,{status:"primary",content:n.confirmButtonText||getI18n("vxe.custom.cstmConfirm"),onClick:J}):(0,_vue.createCommentVNode)()])};return D&&(u.header=()=>$.callSlot(D,U)),"drawer"===m?H?(0,_vue.h)(H,{key:"drawer",className:["vxe-table-custom-drawer-wrapper","vxe-table--ignore-clear",V.className||""].join(" "),modelValue:l.visible,title:V.title||getI18n("vxe.custom.cstmTitle"),width:V.width||Math.min(880,Math.floor(.6*document.documentElement.clientWidth)),position:V.position,resize:!!V.resize,escClosable:!!V.escClosable,maskClosable:!!V.maskClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){l.visible=e}},u):(0,_vue.createCommentVNode)():R?(0,_vue.h)(R,{key:"modal",className:["vxe-table-custom-modal-wrapper","vxe-table--ignore-clear",E.className||""].join(" "),modelValue:l.visible,title:E.title||getI18n("vxe.custom.cstmTitle"),width:E.width||Math.min(880,document.documentElement.clientWidth),minWidth:E.minWidth||700,height:E.height||Math.min(680,document.documentElement.clientHeight),minHeight:E.minHeight||400,showZoom:E.showZoom,showMaximize:E.showMaximize,showMinimize:E.showMinimize,mask:E.mask,lockView:E.lockView,resize:E.resize,escClosable:!!E.escClosable,maskClosable:!!E.maskClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){l.visible=e}},u):(0,_vue.createCommentVNode)()}:()=>{var e=$.xeGrid,t=$.xeGantt,l=$.props,o=M.customStore,{treeConfig:l,rowGroupConfig:a,aggregateConfig:i}=l,{isCustomStatus:s,customColumnList:r}=K,n=X.value;let d=n.immediate;var u=q.value,c=o.maxHeight;let{checkMethod:m,visibleMethod:v,allowVisible:p,allowSort:g,allowFixed:x,trigger:h,placement:_}=n,b=j.value,C=u.isCrossDrag;var u=n.slots||{},f=u.header,T=u.top,I=u.bottom,E=u.default,u=u.footer;let V=[];var A={},D=o.isAll,y=o.isIndeterminate,e=("hover"===h&&(A.onMouseenter=k,A.onMouseleave=B),{$table:$,$grid:e,$gantt:t,columns:r,isAllChecked:D,isAllIndeterminate:y,isCustomStatus:s});return _xeUtils.default.eachTree(r,(l,e,t,o,a)=>{if(!v||v({$table:$,column:l})){var i=l.renderVisible,s=l.halfVisible,r=l.children&&l.children.length,n=(0,_utils.formatText)(l.getTitle(),1);let t=!!m&&!m({$table:$,column:l});var u=!i;V.push((0,_vue.h)("li",{key:l.id,colid:l.id,class:["vxe-table-custom--option","level--"+l.level,{"is--hidden":t||u,"is--group":r}],onDragstart:re,onDragend:ne,onDragover:ue},[p?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":i,"is--indeterminate":s,"is--disabled":t}],title:getI18n("vxe.custom.setting.colVisible"),onClick:e=>{t||le(l,e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",s?getIcon().TABLE_CHECKBOX_INDETERMINATE:i?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-table-custom--name-option"},[g&&(C&&d||1===l.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":t||u}],title:getI18n("vxe.custom.setting.sortHelpTip")},t||u?{}:{onMousedown:ie,onMouseup:se}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})])]):(0,_vue.createCommentVNode)(),"html"===l.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)]),!a&&x?(0,_vue.h)("div",{class:"vxe-table-custom--fixed-option"},[G?(0,_vue.h)(G,{mode:"text",icon:"left"===l.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===l.renderFixed?"primary":"",disabled:t||u||b&&!l.renderFixed,title:getI18n("left"===l.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft"),onClick:({$event:e})=>{oe(l,"left",e)}}):(0,_vue.createCommentVNode)(),G?(0,_vue.h)(G,{mode:"text",icon:"right"===l.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===l.renderFixed?"primary":"",disabled:t||u||b&&!l.renderFixed,title:getI18n("right"===l.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight"),onClick:({$event:e})=>{oe(l,"right",e)}}):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()]))}}),(0,_vue.h)("div",{ref:S,key:"simple",class:["vxe-table-custom-wrapper","placement--"+_,{"is--active":o.visible}],style:c&&!["left","right"].includes(_||"")?{maxHeight:c+"px"}:{}},o.visible?[(0,_vue.h)("div",{ref:Y,class:"vxe-table-custom-simple--body-wrapper"},[!l&&(i||a)&&$.getPivotTableAggregateSimplePanel?(0,_vue.h)($.getPivotTableAggregateSimplePanel(),{customStore:o}):renderEmptyElement($),(0,_vue.h)("div",{ref:Z,class:"vxe-table-custom--handle-wrapper"},[(0,_vue.h)("div",{class:"vxe-table-custom--header"},f?$.callSlot(f,e):[(0,_vue.h)("ul",{class:"vxe-table-custom--panel-list"},[(0,_vue.h)("li",{class:"vxe-table-custom--option"},[p?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":D,"is--indeterminate":y}],title:getI18n("vxe.table.allTitle"),onClick:ae},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",y?getIcon().TABLE_CHECKBOX_INDETERMINATE:D?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",{class:"vxe-table-custom--body"},[T?(0,_vue.h)("div",{class:"vxe-table-custom--panel-top"},$.callSlot(T,e)):renderEmptyElement($),E?(0,_vue.h)("div",{class:"vxe-table-custom--panel-body"},$.callSlot(E,e)):(0,_vue.h)(_vue.TransitionGroup,Object.assign({class:"vxe-table-custom--panel-list",name:"vxe-table-custom--list",tag:"ul"},A),{default:()=>V}),I?(0,_vue.h)("div",{class:"vxe-table-custom--panel-bottom"},$.callSlot(I,e)):renderEmptyElement($)]),n.showFooter?(0,_vue.h)("div",{class:"vxe-table-custom--footer"},u?$.callSlot(u,e):[(0,_vue.h)("div",{class:"vxe-table-custom--footer-buttons"},[G?(0,_vue.h)(G,{mode:"text",content:n.resetButtonText||getI18n("vxe.table.customRestore"),disabled:!s,onClick:te}):(0,_vue.createCommentVNode)(),d?G?(0,_vue.h)(G,{mode:"text",content:n.closeButtonText||getI18n("vxe.table.customClose"),onClick:Q}):(0,_vue.createCommentVNode)():G?(0,_vue.h)(G,{mode:"text",content:n.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:ee}):(0,_vue.createCommentVNode)(),!d&&G?(0,_vue.h)(G,{mode:"text",status:"primary",content:n.confirmButtonText||getI18n("vxe.table.customConfirm"),onClick:J}):(0,_vue.createCommentVNode)()])]):null]),ve()])]:[])})()}};return(0,_vue.onUnmounted)(()=>{T=createInternalData()}),(0,_vue.provide)("$xeTableCustomPanel",e),e},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.createInternalData=createInternalData,exports.default=void 0;var _vue=require("vue"),_comp=require("../../../ui/src/comp"),_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}}let{getI18n,getIcon,renderEmptyElement}=_ui.VxeUI;function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"TableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},setup(R,t){var e=_xeUtils.default.uniqueId();let H=_ui.VxeUI.getComponent("VxeModal"),G=_ui.VxeUI.getComponent("VxeDrawer"),z=_ui.VxeUI.getComponent("VxeButton"),N=_ui.VxeUI.getComponent("VxeNumberInput"),P=_ui.VxeUI.getComponent("VxeRadioGroup"),$=(0,_vue.inject)("$xeTable",{}),{props:W,reactData:K,internalData:s}=$,{computeCustomOpts:X,computeColumnDragOpts:q,computeColumnOpts:de,computeIsMaxFixedColumn:j,computeResizableOpts:ce}=$.getComputeMaps(),k=(0,_vue.ref)(),Y=(0,_vue.ref)(),Z=(0,_vue.ref)(),u=(0,_vue.ref)(),d=(0,_vue.ref)(),E=(0,_vue.reactive)({dragCol:null,dragGroupField:null,dragAggFnCol:null,dragTipText:""}),f=createInternalData(),o={refElem:k,refBodyWrapperElem:Y,refCustomBodyElem:Z,refDragLineElem:u,refDragTipElem:d},r={},B=e=>{var t=R.customStore;t.activeWrapper=!0,$.customOpenEvent(e)},w=e=>{let t=R.customStore;t.activeWrapper=!1,setTimeout(()=>{t.activeBtn||t.activeWrapper||$.customCloseEvent(e)},300)},J=({$event:e})=>{K.isCustomStatus=!0,$.saveCustom(),$.closeCustom(),$.emitCustomEvent("confirm",e)},Q=({$event:e})=>{$.closeCustom(),$.emitCustomEvent("close",e)},ee=({$event:e})=>{$.cancelCustom(),$.closeCustom(),$.emitCustomEvent("cancel",e)},l=e=>{$.resetCustom(!0),$.closeCustom(),$.emitCustomEvent("reset",e)},te=({$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&&l(t)}):l(t)},a=t=>{var e=K.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),a(e))},le=(e,t)=>{let l=!e.renderVisible;X.value.immediate?(_xeUtils.default.eachTree([e],e=>{e.visible=l,e.renderVisible=l,e.halfVisible=!1}),K.isCustomStatus=!0,$.handleCustom(),$.saveCustomStore("update:visible")):_xeUtils.default.eachTree([e],e=>{e.renderVisible=l,e.halfVisible=!1}),a(e),$.checkCustomStatus(),$.dispatchEvent("custom-visible-change",{column:e,checked:l},t)},me=e=>{X.value.immediate&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth,K.isCustomStatus=!0,$.handleCustom(),$.saveCustomStore("update:width"))},ae=(e,t,l)=>{var a=j.value;let o=null;X.value.immediate?(e.renderFixed===t?(o="",_xeUtils.default.eachTree([e],e=>{e.fixed="",e.renderFixed=""})):a&&!e.renderFixed||(o=t,_xeUtils.default.eachTree([e],e=>{e.fixed=t,e.renderFixed=t})),K.isCustomStatus=!0,$.handleCustom(),$.saveCustomStore("update:fixed")):e.renderFixed===t?(o="",_xeUtils.default.eachTree([e],e=>{e.renderFixed=""})):a&&!e.renderFixed||(o=t,_xeUtils.default.eachTree([e],e=>{e.renderFixed=t})),null!==o&&$.dispatchEvent("custom-fixed-change",{column:e,fixed:o},l)},oe=e=>{var t=K.customStore,t=!t.isAll;$.toggleCustomAllCheckbox(),$.dispatchEvent("custom-visible-all",{checked:t},e)},c=(e,t,l,a)=>{var o,r,i,s,n=Y.value;n&&(s=Z.value)&&(o=f.prevDragToChild,r=n.getBoundingClientRect(),s=s.getBoundingClientRect(),i=u.value,t?i&&(l?(t=t.getBoundingClientRect(),i.style.display="block",i.style.left=Math.max(0,s.x-r.x)+"px",i.style.top=Math.max(1,t.y+n.scrollTop-r.y)+"px",i.style.height=t.height+"px",i.style.width=t.width+"px",i.setAttribute("drag-pos",a),i.setAttribute("drag-to-child",o?"y":"n")):i.style.display=""):i&&(i.style.display="node"),s=d.value)&&(s.style.display="block",s.style.top=Math.min(n.clientHeight+n.scrollTop-s.clientHeight,e.clientY+n.scrollTop-r.y)+"px",s.style.left=Math.min(n.clientWidth+n.scrollLeft-s.clientWidth,e.clientX+n.scrollLeft-r.x)+"px",s.setAttribute("drag-status",l?o?"sub":"normal":"disabled"))},n=()=>{var e=E.dragCol,t=q.value.tooltipMethod;let l="";l=t?""+(t({$table:$,column:e})||""):getI18n("vxe.custom.cstmDragTarget",[e&&"html"!==e.type?e.getTitle():""]),E.dragTipText=l},i=()=>{var e=d.value,t=u.value;e&&(e.style.display=""),t&&(t.style.display="")},re=e=>{var e=e.currentTarget.parentElement.parentElement.parentElement,t=e.getAttribute("colid"),t=$.getColumnById(t);e.draggable=!0,E.dragCol=t,E.dragGroupField=null,E.dragAggFnCol=null,n(),(0,_dom.addClass)(e,"active--drag-origin")},ie=e=>{e=e.currentTarget.parentElement.parentElement.parentElement;i(),e.draggable=!1,E.dragCol=null,E.dragGroupField=null,(E.dragAggFnCol=null,_dom.removeClass)(e,"active--drag-origin")},se=e=>{e.dataTransfer&&e.dataTransfer.setDragImage((0,_dom.getTpImg)(),0,0),f.prevDragGroupField=null,f.prevDragAggFnColid=null},ne=d=>{let c=W.mouseConfig,m=K.customColumnList,v=s.collectColumn;let p=X.value.immediate;var e=d.currentTarget;let{isCrossDrag:g,isSelfToChildDrag:h,isToChildDrag:x,dragEndMethod:t}=q.value;var l=E.dragCol;let{prevDragCol:a,prevDragGroupField:o,prevDragAggFnColid:r,prevDragPos:b,prevDragToChild:_}=f,C="bottom"===b?1:0;if(o||r)$.handlePivotTableAggregatePanelDragendEvent&&$.handlePivotTableAggregatePanelDragendEvent(d);else if(a&&l&&a!==l){let n=l,u=a;Promise.resolve(!t||t({oldColumn:n,newColumn:u,dragColumn:n,dragPos:b,dragToChild:!!_,offsetIndex:C})).then(o=>{if(o){let e=-1,t=-1,l={},a=(_xeUtils.default.eachTree([n],e=>{l[e.id]=e}),!1);if(p){if(n.parentId&&u.parentId){if(!g)return;if(l[u.id]&&(a=!0,!g||!h))return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:getI18n("vxe.error.treeDragChild")}))}else if(n.parentId){if(!g)return}else if(u.parentId){if(!g)return;if(l[u.id]&&(a=!0,!g||!h))return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:getI18n("vxe.error.treeDragChild")}))}var r,i,s,o=_xeUtils.default.findTree(v,e=>e.id===n.id),o=(a&&g&&h?o&&({items:r,index:s}=o,(i=n.children||[]).forEach(e=>{e.parentId=n.parentId}),r.splice(s,1,...i),n.children=[]):o&&({items:r,index:s,parent:i}=o,r.splice(s,1),i||(e=s)),_xeUtils.default.findTree(v,e=>e.id===u.id));o&&({items:r,index:i,parent:s}=o,g&&x&&_?(n.parentId=u.id,u.children=(u.children||[]).concat([n])):(n.parentId=u.parentId,r.splice(i+C,0,n)),s||(t=i)),_xeUtils.default.eachTree(v,(e,t,l,a,o)=>{o||(e.renderSortNumber=t+1)})}else e=_xeUtils.default.findIndexOf(m,e=>e.id===n.id),m.splice(e,1),t=_xeUtils.default.findIndexOf(m,e=>e.id===u.id),m.splice(t+C,0,n);c&&($.clearSelected&&$.clearSelected(),$.clearCellAreas)&&($.clearCellAreas(),$.clearCopyCellArea());o={oldColumn:n,newColumn:u,dragColumn:n,dragPos:b,offsetIndex:C,_index:{newIndex:t,oldIndex:e}};$.dispatchEvent("custom-sort-change",o,d),$.dispatchEvent("column-dragend",o,d),p&&(K.customColumnList=v.slice(0),$.handleColDragSwapColumn())}}).catch(()=>{})}i(),E.dragCol=null,E.dragGroupField=null,E.dragAggFnCol=null,f.prevDragGroupField=null,f.prevDragAggFnColid=null,e.draggable=!1,e.removeAttribute("drag-pos"),(0,_dom.removeClass)(e,"active--drag-target"),(0,_dom.removeClass)(e,"active--drag-origin")},ue=e=>{var t,l=X.value.immediate,{isCrossDrag:a,isToChildDrag:o}=q.value,r=e.currentTarget,i=(0,_dom.hasControlKey)(e),s=r.getAttribute("colid"),s=$.getColumnById(s),n=E.dragCol;f.prevDragGroupField=null,f.prevDragAggFnColid=null,s&&(a||1===s.level)&&(e.preventDefault(),t=e.clientY-r.getBoundingClientRect().y<r.clientHeight/2?"top":"bottom",!n||n.id===s.id||!a&&1<s.level||!l&&1<s.level?c(e,r,!1,t):(f.prevDragToChild=!!(a&&o&&i&&l),f.prevDragCol=s,f.prevDragPos=t,c(e,r,!0,t)))},ve=()=>{var e=E.dragTipText,t=q.value;return(0,_vue.h)("div",{},[(0,_vue.h)("div",{ref:u,class:["vxe-table-custom-popup--drag-line",{"is--guides":t.showGuidesStatus}]}),(0,_vue.h)("div",{ref:d,class:"vxe-table-custom-popup--drag-tip"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-wrapper"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-status"},[(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-normal-status",getIcon().TABLE_DRAG_STATUS_ROW]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-sub-status",getIcon().TABLE_DRAG_STATUS_SUB_ROW]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-group-status",getIcon().TABLE_DRAG_STATUS_AGG_GROUP]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-values-status",getIcon().TABLE_DRAG_STATUS_AGG_VALUES]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-disabled-status",getIcon().TABLE_DRAG_DISABLED]})]),(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-content"},""+(e||""))])])])};(0,_vue.nextTick)(()=>{var e=X.value.mode;H||"modal"!==e||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),G||"drawer"!==e||(0,_log.errLog)("vxe.error.reqComp",["vxe-drawer"]),z||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),N||(0,_log.errLog)("vxe.error.reqComp",["vxe-number-input"]),P||(0,_log.errLog)("vxe.error.reqComp",["vxe-radio-group"])});e={xID:e,props:R,context:t,reactData:E,internalData:f,xeTable:$,getRefMaps:()=>o,getComputeMaps:()=>r,renderVN:()=>{var e=X.value;return(["modal","drawer","popup"].includes(""+e.mode)?()=>{var e=$.xeGrid,t=$.xeGantt;let l=R.customStore,{treeConfig:a,rowGroupConfig:o,aggregateConfig:r,resizable:d}=W,{isCustomStatus:i,customColumnList:s}=K,n=X.value,c=n.immediate;var u=q.value;let{mode:m,modalOptions:v,drawerOptions:p,allowVisible:g,allowSort:L,allowFixed:h,allowResizable:x,checkMethod:b,visibleMethod:_}=n,C=de.value,E=C.maxFixedSize,{minWidth:f,maxWidth:T}=ce.value;var I=Object.assign({},v),y=Object.assign({},p);let A=j.value,M=u.isCrossDrag;u=n.slots||{};let D=u.header,S=u.top,k=u.bottom,B=u.default,w=u.footer,O=[],F=l.isAll,U=l.isIndeterminate,V={$table:$,$grid:e,$gantt:t,columns:s,isAllChecked:F,isAllIndeterminate:U,isCustomStatus:i};_xeUtils.default.eachTree(s,(a,o,e,t,r)=>{if(!_||_({$table:$,column:a})){let e=0,t=0;x&&(o={$table:$,column:a,columnIndex:o,$columnIndex:o,$rowIndex:-1},f&&(e=_xeUtils.default.toNumber(_xeUtils.default.isFunction(f)?f(o):f)),T)&&(t=_xeUtils.default.toNumber(_xeUtils.default.isFunction(T)?T(o):T));var o=a.renderVisible,i=a.halfVisible,s=(0,_utils.formatText)(a.getTitle(),1),n=a.children&&a.children.length;let l=!!b&&!b({$table:$,column:a});var u=!o;O.push((0,_vue.h)("tr",{key:a.id,colid:a.id,class:["vxe-table-custom-popup--row level--"+a.level,{"is--group":n}],onDragstart:se,onDragend:ne,onDragover:ue},[g?(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":o,"is--indeterminate":i,"is--disabled":l}],title:getI18n("vxe.custom.setting.colVisible"),onClick:e=>{l||le(a,e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])]):renderEmptyElement($),(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--name"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--name"},[L?M&&c||1===a.level?(0,_vue.h)("div",Object.assign({class:["vxe-table-custom-popup--column-sort-btn",{"is--disabled":l||u}],title:getI18n("vxe.custom.setting.sortHelpTip")},l||u?{}:{onMousedown:re,onMouseup:ie}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})]):(0,_vue.h)("div",{class:"vxe-table-custom-popup--column-sort-placeholder"}):renderEmptyElement($),"html"===a.type?(0,_vue.h)("div",{key:"1",class:"vxe-table-custom-popup--title",innerHTML:s}):(0,_vue.h)("div",{key:"0",class:"vxe-table-custom-popup--title",title:s},s)])]),x?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--resizable"},[a.children&&a.children.length||!(_xeUtils.default.isBoolean(a.resizable)?a.resizable:C.resizable||d)?(0,_vue.h)("span","-"):N?(0,_vue.h)(N,{type:"integer",immediate:!1,disabled:l||u,modelValue:a.renderResizeWidth,min:e||void 0,max:t||void 0,"onUpdate:modelValue"(e){e=Math.max(0,Number(e));a.renderResizeWidth=e},onChange(){me(a)}}):renderEmptyElement($)]):renderEmptyElement($),h?(0,_vue.h)("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[r?(0,_vue.h)("span","-"):P?(0,_vue.h)(P,{modelValue:a.renderFixed||"",type:"button",size:"mini",disabled:l||u,options:[{label:getI18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:l||u||A},{label:getI18n("vxe.custom.setting.fixedUnset"),value:"",disabled:l||u},{label:getI18n("vxe.custom.setting.fixedRight"),value:"right",disabled:l||u||A}],onChange({label:e,$event:t}){ae(a,e,t)}}):renderEmptyElement($)]):renderEmptyElement($)]))}});u={default:()=>(0,_vue.h)("div",{ref:Y,class:"vxe-table-custom-popup--body-wrapper"},B?$.callSlot(B,V):[(0,_vue.h)("div",{ref:Z,class:"vxe-table-custom-popup--handle-wrapper"},[S?(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-top"},$.callSlot(S,V)):renderEmptyElement($),(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-wrapper"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},[g?(0,_vue.h)("col",{class:"vxe-table-custom-popup--table-col-seq"}):renderEmptyElement($),(0,_vue.h)("col",{class:"vxe-table-custom-popup--table-col-title"}),x?(0,_vue.h)("col",{class:"vxe-table-custom-popup--table-col-width"}):renderEmptyElement($),h?(0,_vue.h)("col",{class:"vxe-table-custom-popup--table-col-fixed"}):renderEmptyElement($)]),(0,_vue.h)("thead",{},[(0,_vue.h)("tr",{},[g?(0,_vue.h)("th",{},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":F,"is--indeterminate":U}],title:getI18n("vxe.table.allTitle"),onClick:oe},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",U?getIcon().TABLE_CHECKBOX_INDETERMINATE:F?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))])]):renderEmptyElement($),(0,_vue.h)("th",{},getI18n("vxe.custom.setting.colTitle")),x?(0,_vue.h)("th",{},getI18n("vxe.custom.setting.colResizable")):renderEmptyElement($),h?(0,_vue.h)("th",{},getI18n("vxe.custom.setting."+(E?"colFixedMax":"colFixed"),[E])):renderEmptyElement($)])]),(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-table-custom--panel-list",tag:"tbody",name:"vxe-table-custom--list"},{default:()=>O})])]),k?(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-bottom"},$.callSlot(k,V)):renderEmptyElement($),ve()]),!a&&(r||o)&&$.getPivotTableAggregatePopupPanel?(0,_vue.h)($.getPivotTableAggregatePopupPanel(),{customStore:l}):renderEmptyElement($)]),footer:()=>w?$.callSlot(w,V):(0,_vue.h)("div",{class:"vxe-table-custom-popup--footer"},[z?(0,_vue.h)(z,{content:n.resetButtonText||getI18n("vxe.custom.cstmRestore"),disabled:!i,onClick:te}):renderEmptyElement($),c?z?(0,_vue.h)(z,{content:n.closeButtonText||getI18n("vxe.table.customClose"),onClick:Q}):renderEmptyElement($):z?(0,_vue.h)(z,{content:n.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:ee}):renderEmptyElement($),!c&&z?(0,_vue.h)(z,{status:"primary",content:n.confirmButtonText||getI18n("vxe.custom.cstmConfirm"),onClick:J}):renderEmptyElement($)])};return D&&(u.header=()=>$.callSlot(D,V)),"drawer"===m?G?(0,_vue.h)(G,{key:"drawer",className:["vxe-table-custom-drawer-wrapper","vxe-table--ignore-clear",y.className||""].join(" "),modelValue:l.visible,title:y.title||getI18n("vxe.custom.cstmTitle"),width:y.width||Math.min(880,Math.floor(.6*document.documentElement.clientWidth)),position:y.position,resize:!!y.resize,escClosable:!!y.escClosable,maskClosable:!!y.maskClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){l.visible=e}},u):renderEmptyElement($):H?(0,_vue.h)(H,{key:"modal",className:["vxe-table-custom-modal-wrapper","vxe-table--ignore-clear",I.className||""].join(" "),modelValue:l.visible,title:I.title||getI18n("vxe.custom.cstmTitle"),width:I.width||Math.min(880,document.documentElement.clientWidth),minWidth:I.minWidth||700,height:I.height||Math.min(680,document.documentElement.clientHeight),minHeight:I.minHeight||400,showZoom:I.showZoom,showMaximize:I.showMaximize,showMinimize:I.showMinimize,mask:I.mask,lockView:I.lockView,resize:I.resize,escClosable:!!I.escClosable,maskClosable:!!I.maskClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){l.visible=e}},u):renderEmptyElement($)}:()=>{var e=$.xeGrid,t=$.xeGantt,l=$.props,a=R.customStore,{treeConfig:l,rowGroupConfig:o,aggregateConfig:r}=l,{isCustomStatus:i,customColumnList:s}=K,n=X.value;let d=n.immediate;var u=q.value,c=a.maxHeight;let{checkMethod:m,visibleMethod:v,allowVisible:p,allowSort:g,allowFixed:h,trigger:x,placement:b}=n,_=j.value,C=u.isCrossDrag;var u=n.slots||{},E=u.header,f=u.top,T=u.bottom,I=u.default,u=u.footer;let y=[];var A={},D=a.isAll,S=a.isIndeterminate,e=("hover"===x&&(A.onMouseenter=B,A.onMouseleave=w),{$table:$,$grid:e,$gantt:t,columns:s,isAllChecked:D,isAllIndeterminate:S,isCustomStatus:i});return _xeUtils.default.eachTree(s,(l,e,t,a,o)=>{if(!v||v({$table:$,column:l})){var r=l.renderVisible,i=l.halfVisible,s=l.children&&l.children.length,n=(0,_utils.formatText)(l.getTitle(),1);let t=!!m&&!m({$table:$,column:l});var u=!r;y.push((0,_vue.h)("li",{key:l.id,colid:l.id,class:["vxe-table-custom--option","level--"+l.level,{"is--hidden":t||u,"is--group":s}],onDragstart:se,onDragend:ne,onDragover:ue},[p?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":r,"is--indeterminate":i,"is--disabled":t}],title:getI18n("vxe.custom.setting.colVisible"),onClick:e=>{t||le(l,e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?getIcon().TABLE_CHECKBOX_INDETERMINATE:r?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]):renderEmptyElement($),(0,_vue.h)("div",{class:"vxe-table-custom--name-option"},[g&&(C&&d||1===l.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":t||u}],title:getI18n("vxe.custom.setting.sortHelpTip")},t||u?{}:{onMousedown:re,onMouseup:ie}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})])]):renderEmptyElement($),"html"===l.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)]),!o&&h?(0,_vue.h)("div",{class:"vxe-table-custom--fixed-option"},[z?(0,_vue.h)(z,{mode:"text",icon:"left"===l.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===l.renderFixed?"primary":"",disabled:t||u||_&&!l.renderFixed,title:getI18n("left"===l.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft"),onClick:({$event:e})=>{ae(l,"left",e)}}):renderEmptyElement($),z?(0,_vue.h)(z,{mode:"text",icon:"right"===l.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===l.renderFixed?"primary":"",disabled:t||u||_&&!l.renderFixed,title:getI18n("right"===l.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight"),onClick:({$event:e})=>{ae(l,"right",e)}}):renderEmptyElement($)]):renderEmptyElement($)]))}}),(0,_vue.h)("div",{ref:k,key:"simple",class:["vxe-table-custom-wrapper","placement--"+b,{"is--active":a.visible}],style:c&&!["left","right"].includes(b||"")?{maxHeight:c+"px"}:{}},a.visible?[(0,_vue.h)("div",{ref:Y,class:"vxe-table-custom-simple--body-wrapper"},[!l&&(r||o)&&$.getPivotTableAggregateSimplePanel?(0,_vue.h)($.getPivotTableAggregateSimplePanel(),{customStore:a}):renderEmptyElement($),(0,_vue.h)("div",{ref:Z,class:"vxe-table-custom--handle-wrapper"},[(0,_vue.h)("div",{class:"vxe-table-custom--header"},E?$.callSlot(E,e):[(0,_vue.h)("ul",{class:"vxe-table-custom--panel-list"},[(0,_vue.h)("li",{class:"vxe-table-custom--option"},[p?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":D,"is--indeterminate":S}],title:getI18n("vxe.table.allTitle"),onClick:oe},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",S?getIcon().TABLE_CHECKBOX_INDETERMINATE:D?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",{class:"vxe-table-custom--body"},[f?(0,_vue.h)("div",{class:"vxe-table-custom--panel-top"},$.callSlot(f,e)):renderEmptyElement($),I?(0,_vue.h)("div",{class:"vxe-table-custom--panel-body"},$.callSlot(I,e)):(0,_vue.h)(_vue.TransitionGroup,Object.assign({class:"vxe-table-custom--panel-list",name:"vxe-table-custom--list",tag:"ul"},A),{default:()=>y}),T?(0,_vue.h)("div",{class:"vxe-table-custom--panel-bottom"},$.callSlot(T,e)):renderEmptyElement($)]),n.showFooter?(0,_vue.h)("div",{class:"vxe-table-custom--footer"},u?$.callSlot(u,e):[(0,_vue.h)("div",{class:"vxe-table-custom--footer-buttons"},[z?(0,_vue.h)(z,{mode:"text",content:n.resetButtonText||getI18n("vxe.table.customRestore"),disabled:!i,onClick:te}):renderEmptyElement($),d?z?(0,_vue.h)(z,{mode:"text",content:n.closeButtonText||getI18n("vxe.table.customClose"),onClick:Q}):renderEmptyElement($):z?(0,_vue.h)(z,{mode:"text",content:n.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:ee}):renderEmptyElement($),!d&&z?(0,_vue.h)(z,{mode:"text",status:"primary",content:n.confirmButtonText||getI18n("vxe.table.customConfirm"),onClick:J}):renderEmptyElement($)])]):null]),ve()])]:[])})()}};return(0,_vue.onUnmounted)(()=>{f=createInternalData()}),(0,_vue.provide)("$xeTableCustomPanel",e),e},render(){return this.renderVN()}});

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

@@ -13,7 +13,8 @@ var _log = require("../../../ui/src/log");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   getI18n,
-  getIcon
+  getIcon,
+  renderEmptyElement
 } = _ui.VxeUI;
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeTableExportPanel',
@@ -285,14 +286,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             class: 'vxe-table-export--panel'
           }, [topSlot ? (0, _vue.h)('div', {
             class: 'vxe-table-export--panel-top'
-          }, $xeTable.callSlot(topSlot, params)) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+          }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable), (0, _vue.h)('div', {
             class: 'vxe-table-export--panel-body'
           }, defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [(0, _vue.h)('table', {
             class: 'vxe-table-export--panel-table',
             cellspacing: 0,
             cellpadding: 0,
             border: 0
-          }, [(0, _vue.h)('tbody', [[isPrint ? (0, _vue.createCommentVNode)() : (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.export.expName')), (0, _vue.h)('td', [VxeUIInputComponent ? (0, _vue.h)(VxeUIInputComponent, {
+          }, [(0, _vue.h)('tbody', [[isPrint ? renderEmptyElement($xeTable) : (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.export.expName')), (0, _vue.h)('td', [VxeUIInputComponent ? (0, _vue.h)(VxeUIInputComponent, {
             ref: xInputFilename,
             modelValue: defaultOptions.filename,
             type: 'text',
@@ -301,13 +302,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.filename = value;
             }
-          }) : (0, _vue.createCommentVNode)()])]), isPrint ? (0, _vue.createCommentVNode)() : (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.export.expType')), (0, _vue.h)('td', [VxeUISelectComponent ? (0, _vue.h)(VxeUISelectComponent, {
+          }) : renderEmptyElement($xeTable)])]), isPrint ? renderEmptyElement($xeTable) : (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.export.expType')), (0, _vue.h)('td', [VxeUISelectComponent ? (0, _vue.h)(VxeUISelectComponent, {
             modelValue: defaultOptions.type,
             options: storeData.typeList,
             'onUpdate:modelValue'(value) {
               defaultOptions.type = value;
             }
-          }) : (0, _vue.createCommentVNode)()])]), isPrint || showSheet ? (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.export.expSheetName')), (0, _vue.h)('td', [VxeUIInputComponent ? (0, _vue.h)(VxeUIInputComponent, {
+          }) : renderEmptyElement($xeTable)])]), isPrint || showSheet ? (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.export.expSheetName')), (0, _vue.h)('td', [VxeUIInputComponent ? (0, _vue.h)(VxeUIInputComponent, {
             ref: xInputSheetname,
             modelValue: defaultOptions.sheetName,
             type: 'text',
@@ -316,7 +317,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.sheetName = value;
             }
-          }) : (0, _vue.createCommentVNode)()])]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.export.expMode')), (0, _vue.h)('td', [VxeUISelectComponent ? (0, _vue.h)(VxeUISelectComponent, {
+          }) : renderEmptyElement($xeTable)])]) : renderEmptyElement($xeTable), (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.export.expMode')), (0, _vue.h)('td', [VxeUISelectComponent ? (0, _vue.h)(VxeUISelectComponent, {
             modelValue: defaultOptions.mode,
             options: storeData.modeList.map(item => {
               return {
@@ -327,7 +328,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.mode = value;
             }
-          }) : (0, _vue.createCommentVNode)()])]), (0, _vue.h)('tr', [(0, _vue.h)('td', [getI18n('vxe.export.expColumn')]), (0, _vue.h)('td', [(0, _vue.h)('div', {
+          }) : renderEmptyElement($xeTable)])]), (0, _vue.h)('tr', [(0, _vue.h)('td', [getI18n('vxe.export.expColumn')]), (0, _vue.h)('td', [(0, _vue.h)('div', {
             class: 'vxe-table-export--panel-column'
           }, [(0, _vue.h)('ul', {
             class: 'vxe-table-export--panel-column-header'
@@ -356,7 +357,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.isHeader = value;
             }
-          }) : (0, _vue.createCommentVNode)(), VxeUICheckboxComponent ? (0, _vue.h)(VxeUICheckboxComponent, {
+          }) : renderEmptyElement($xeTable), VxeUICheckboxComponent ? (0, _vue.h)(VxeUICheckboxComponent, {
             modelValue: isHeader ? defaultOptions.isTitle : false,
             disabled: !isHeader,
             title: getI18n('vxe.export.expTitleTitle'),
@@ -364,7 +365,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.isTitle = value;
             }
-          }) : (0, _vue.createCommentVNode)(), VxeUICheckboxComponent ? (0, _vue.h)(VxeUICheckboxComponent, {
+          }) : renderEmptyElement($xeTable), VxeUICheckboxComponent ? (0, _vue.h)(VxeUICheckboxComponent, {
             modelValue: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
             title: getI18n('vxe.export.expColgroupTitle'),
             disabled: !isHeader || !hasColgroup || !supportMerge,
@@ -372,7 +373,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.isColgroup = value;
             }
-          }) : (0, _vue.createCommentVNode)()]), (0, _vue.h)('div', {
+          }) : renderEmptyElement($xeTable)]), (0, _vue.h)('div', {
             class: 'vxe-table-export--panel-option-row'
           }, [VxeUICheckboxComponent ? (0, _vue.h)(VxeUICheckboxComponent, {
             modelValue: hasEmptyData ? false : defaultOptions.original,
@@ -382,7 +383,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.original = value;
             }
-          }) : (0, _vue.createCommentVNode)(), VxeUICheckboxComponent ? (0, _vue.h)(VxeUICheckboxComponent, {
+          }) : renderEmptyElement($xeTable), VxeUICheckboxComponent ? (0, _vue.h)(VxeUICheckboxComponent, {
             modelValue: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
             title: getI18n('vxe.export.expMergeTitle'),
             disabled: hasEmptyData || !hasMerge || !supportMerge || !checkedAll,
@@ -390,7 +391,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.isMerge = value;
             }
-          }) : (0, _vue.createCommentVNode)(), isPrint || !VxeUICheckboxComponent ? (0, _vue.createCommentVNode)() : (0, _vue.h)(VxeUICheckboxComponent, {
+          }) : renderEmptyElement($xeTable), isPrint || !VxeUICheckboxComponent ? renderEmptyElement($xeTable) : (0, _vue.h)(VxeUICheckboxComponent, {
             modelValue: supportStyle ? defaultOptions.useStyle : false,
             disabled: !supportStyle,
             title: getI18n('vxe.export.expUseStyleTitle'),
@@ -406,7 +407,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.isAllExpand = value;
             }
-          }) : (0, _vue.createCommentVNode)()]), (0, _vue.h)('div', {
+          }) : renderEmptyElement($xeTable)]), (0, _vue.h)('div', {
             class: 'vxe-table-export--panel-option-row'
           }, [VxeUICheckboxComponent ? (0, _vue.h)(VxeUICheckboxComponent, {
             modelValue: defaultOptions.isFooter,
@@ -416,9 +417,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.isFooter = value;
             }
-          }) : (0, _vue.createCommentVNode)()])])])]])])]), bottomSlot ? (0, _vue.h)('div', {
+          }) : renderEmptyElement($xeTable)])])])]])])]), bottomSlot ? (0, _vue.h)('div', {
             class: 'vxe-table-export--panel-bottom'
-          }, $xeTable.callSlot(bottomSlot, params)) : (0, _vue.createCommentVNode)()]);
+          }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)]);
         },
         footer() {
           const params = {
@@ -436,14 +437,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }, [VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
             content: getI18n('vxe.export.expCancel'),
             onClick: cancelEvent
-          }) : (0, _vue.createCommentVNode)(), VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+          }) : renderEmptyElement($xeTable), VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
             ref: xButtonConfirm,
             status: 'primary',
             content: getI18n(isPrint ? 'vxe.export.expPrint' : 'vxe.export.expConfirm'),
             onClick: confirmEvent
-          }) : (0, _vue.createCommentVNode)()])]);
+          }) : renderEmptyElement($xeTable)])]);
         }
-      }) : (0, _vue.createCommentVNode)();
+      }) : renderEmptyElement($xeTable);
     };
     (0, _vue.nextTick)(() => {
       if (!VxeUIModalComponent) {

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

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

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

@@ -13,7 +13,8 @@ var _log = require("../../../ui/src/log");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   getI18n,
-  getIcon
+  getIcon,
+  renderEmptyElement
 } = _ui.VxeUI;
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeTableImportPanel',
@@ -159,7 +160,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             class: 'vxe-table-export--panel'
           }, [topSlot ? (0, _vue.h)('div', {
             class: 'vxe-table-export--panel-top'
-          }, $xeTable.callSlot(topSlot, params)) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+          }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable), (0, _vue.h)('div', {
             class: 'vxe-table-export--panel-body'
           }, defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [(0, _vue.h)('table', {
             class: 'vxe-table-export--panel-table',
@@ -182,9 +183,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             'onUpdate:modelValue'(value) {
               defaultOptions.mode = value;
             }
-          }) : (0, _vue.createCommentVNode)()])])])])]), bottomSlot ? (0, _vue.h)('div', {
+          }) : renderEmptyElement($xeTable)])])])])]), bottomSlot ? (0, _vue.h)('div', {
             class: 'vxe-table-export--panel-bottom'
-          }, $xeTable.callSlot(bottomSlot, params)) : (0, _vue.createCommentVNode)()]);
+          }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)]);
         },
         footer() {
           const params = {
@@ -201,14 +202,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }, [VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
             content: getI18n('vxe.import.impCancel'),
             onClick: cancelEvent
-          }) : (0, _vue.createCommentVNode)(), VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
+          }) : renderEmptyElement($xeTable), VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
             status: 'primary',
             disabled: !hasFile || reactData.loading,
             content: getI18n('vxe.import.impConfirm'),
             onClick: importEvent
-          }) : (0, _vue.createCommentVNode)()])]);
+          }) : renderEmptyElement($xeTable)])]);
         }
-      }) : (0, _vue.createCommentVNode)();
+      }) : renderEmptyElement($xeTable);
     };
     (0, _vue.nextTick)(() => {
       if (!VxeUIModalComponent) {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../../ui/src/comp"),_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}}let{getI18n,getIcon}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableImportPanel",props:{defaultOptions:Object,storeData:Object},setup(d){let m=_ui.VxeUI.getComponent("VxeModal"),c=_ui.VxeUI.getComponent("VxeButton"),_=_ui.VxeUI.getComponent("VxeSelect"),x=(0,_vue.inject)("$xeTable",{}),a=x.getComputeMaps().computeImportOpts,g=(0,_vue.reactive)({loading:!1}),b=(0,_vue.ref)(),h=(0,_vue.computed)(()=>{var e=d.storeData;return e.filename+"."+e.type}),f=(0,_vue.computed)(()=>{var e=d.storeData;return e.file&&e.type}),C=(0,_vue.computed)(()=>{var e=d.storeData;let{type:t,typeList:o}=e;return t?(e=_xeUtils.default.find(o,e=>t===e.value))?e.label:"*.*":"*."+o.map(e=>e.value).join(", *.")}),V=()=>{var e=d.storeData;Object.assign(e,{filename:"",sheetName:"",type:""})},I=()=>{let{storeData:t,defaultOptions:e}=d;x.readFile(e).then(e=>{e=e.file;Object.assign(t,(0,_utils.parseFile)(e),{file:e})}).catch(e=>e)},O=()=>{(0,_vue.nextTick)(()=>{var e=b.value;e&&e.focus()})},D=()=>{var e=d.storeData;e.visible=!1},q=()=>{let{storeData:e,defaultOptions:t}=d;var o=a.value;g.loading=!0,x.importByFile(e.file,Object.assign({},o,t)).then(()=>{g.loading=!1,e.visible=!1}).catch(()=>{g.loading=!1})};return(0,_vue.nextTick)(()=>{m||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),c||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),_||(0,_log.errLog)("vxe.error.reqComp",["vxe-select"])}),()=>{let t=x.xeGrid,o=x.xeGantt,{defaultOptions:a,storeData:l}=d,r=h.value,i=f.value,u=C.value;var e=a.slots||{};let n=e.top,v=e.bottom,s=e.default,p=e.footer;return m?(0,_vue.h)(m,{id:"VXE_IMPORT_MODAL",modelValue:l.visible,title:getI18n("vxe.import.impTitle"),className:"vxe-table-export-popup-wrapper",width:540,minWidth:360,minHeight:240,mask:!0,lockView:!0,showFooter:!0,escClosable:!0,maskClosable:!0,showMaximize:!0,resize:!0,loading:g.loading,"onUpdate:modelValue"(e){l.visible=e},onShow:O},{default:()=>{var e={$table:x,$grid:t,$gantt:o,options:a,params:a.params};return(0,_vue.h)("div",{class:"vxe-table-export--panel"},[n?(0,_vue.h)("div",{class:"vxe-table-export--panel-top"},x.callSlot(n,e)):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-table-export--panel-body"},s?x.callSlot(s,e):[(0,_vue.h)("table",{class:"vxe-table-export--panel-table",cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",[(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.import.impFile")),(0,_vue.h)("td",[i?(0,_vue.h)("div",{class:"vxe-table-export--selected--file",title:r},[(0,_vue.h)("span",r),(0,_vue.h)("i",{class:getIcon().INPUT_CLEAR,onClick:V})]):(0,_vue.h)("button",{ref:b,class:"vxe-table-export--select--file",onClick:I},getI18n("vxe.import.impSelect"))])]),(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.import.impType")),(0,_vue.h)("td",u)]),(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.import.impMode")),(0,_vue.h)("td",[_?(0,_vue.h)(_,{modelValue:a.mode,options:l.modeList,"onUpdate:modelValue"(e){a.mode=e}}):(0,_vue.createCommentVNode)()])])])])]),v?(0,_vue.h)("div",{class:"vxe-table-export--panel-bottom"},x.callSlot(v,e)):(0,_vue.createCommentVNode)()])},footer(){var e={$table:x,$grid:t,$gantt:o,options:a,params:a.params};return(0,_vue.h)("div",{class:"vxe-table-export--panel-footer"},p?x.callSlot(p,e):[(0,_vue.h)("div",{class:"vxe-table-export--panel-btns"},[c?(0,_vue.h)(c,{content:getI18n("vxe.import.impCancel"),onClick:D}):(0,_vue.createCommentVNode)(),c?(0,_vue.h)(c,{status:"primary",disabled:!i||g.loading,content:getI18n("vxe.import.impConfirm"),onClick:q}):(0,_vue.createCommentVNode)()])])}}):(0,_vue.createCommentVNode)()}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../../ui/src/comp"),_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}}let{getI18n,getIcon,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableImportPanel",props:{defaultOptions:Object,storeData:Object},setup(d){let m=_ui.VxeUI.getComponent("VxeModal"),c=_ui.VxeUI.getComponent("VxeButton"),_=_ui.VxeUI.getComponent("VxeSelect"),x=(0,_vue.inject)("$xeTable",{}),a=x.getComputeMaps().computeImportOpts,g=(0,_vue.reactive)({loading:!1}),b=(0,_vue.ref)(),h=(0,_vue.computed)(()=>{var e=d.storeData;return e.filename+"."+e.type}),f=(0,_vue.computed)(()=>{var e=d.storeData;return e.file&&e.type}),y=(0,_vue.computed)(()=>{var e=d.storeData;let{type:t,typeList:l}=e;return t?(e=_xeUtils.default.find(l,e=>t===e.value))?e.label:"*.*":"*."+l.map(e=>e.value).join(", *.")}),I=()=>{var e=d.storeData;Object.assign(e,{filename:"",sheetName:"",type:""})},C=()=>{let{storeData:t,defaultOptions:e}=d;x.readFile(e).then(e=>{e=e.file;Object.assign(t,(0,_utils.parseFile)(e),{file:e})}).catch(e=>e)},E=()=>{(0,_vue.nextTick)(()=>{var e=b.value;e&&e.focus()})},V=()=>{var e=d.storeData;e.visible=!1},O=()=>{let{storeData:e,defaultOptions:t}=d;var l=a.value;g.loading=!0,x.importByFile(e.file,Object.assign({},l,t)).then(()=>{g.loading=!1,e.visible=!1}).catch(()=>{g.loading=!1})};return(0,_vue.nextTick)(()=>{m||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),c||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),_||(0,_log.errLog)("vxe.error.reqComp",["vxe-select"])}),()=>{let t=x.xeGrid,l=x.xeGantt,{defaultOptions:a,storeData:o}=d,r=h.value,i=f.value,n=y.value;var e=a.slots||{};let u=e.top,p=e.bottom,s=e.default,v=e.footer;return m?(0,_vue.h)(m,{id:"VXE_IMPORT_MODAL",modelValue:o.visible,title:getI18n("vxe.import.impTitle"),className:"vxe-table-export-popup-wrapper",width:540,minWidth:360,minHeight:240,mask:!0,lockView:!0,showFooter:!0,escClosable:!0,maskClosable:!0,showMaximize:!0,resize:!0,loading:g.loading,"onUpdate:modelValue"(e){o.visible=e},onShow:E},{default:()=>{var e={$table:x,$grid:t,$gantt:l,options:a,params:a.params};return(0,_vue.h)("div",{class:"vxe-table-export--panel"},[u?(0,_vue.h)("div",{class:"vxe-table-export--panel-top"},x.callSlot(u,e)):renderEmptyElement(x),(0,_vue.h)("div",{class:"vxe-table-export--panel-body"},s?x.callSlot(s,e):[(0,_vue.h)("table",{class:"vxe-table-export--panel-table",cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",[(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.import.impFile")),(0,_vue.h)("td",[i?(0,_vue.h)("div",{class:"vxe-table-export--selected--file",title:r},[(0,_vue.h)("span",r),(0,_vue.h)("i",{class:getIcon().INPUT_CLEAR,onClick:I})]):(0,_vue.h)("button",{ref:b,class:"vxe-table-export--select--file",onClick:C},getI18n("vxe.import.impSelect"))])]),(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.import.impType")),(0,_vue.h)("td",n)]),(0,_vue.h)("tr",[(0,_vue.h)("td",getI18n("vxe.import.impMode")),(0,_vue.h)("td",[_?(0,_vue.h)(_,{modelValue:a.mode,options:o.modeList,"onUpdate:modelValue"(e){a.mode=e}}):renderEmptyElement(x)])])])])]),p?(0,_vue.h)("div",{class:"vxe-table-export--panel-bottom"},x.callSlot(p,e)):renderEmptyElement(x)])},footer(){var e={$table:x,$grid:t,$gantt:l,options:a,params:a.params};return(0,_vue.h)("div",{class:"vxe-table-export--panel-footer"},v?x.callSlot(v,e):[(0,_vue.h)("div",{class:"vxe-table-export--panel-btns"},[c?(0,_vue.h)(c,{content:getI18n("vxe.import.impCancel"),onClick:V}):renderEmptyElement(x),c?(0,_vue.h)(c,{status:"primary",disabled:!i||g.loading,content:getI18n("vxe.import.impConfirm"),onClick:O}):renderEmptyElement(x)])])}}):renderEmptyElement(x)}}});