vxe-table 3.8.24 → 3.9.0-rc.0

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

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