vxe-table 3.9.13 → 3.9.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/style.css +1 -1
- package/es/table/module/custom/panel.js +28 -20
- package/es/table/src/body.js +1 -1
- package/es/table/src/footer.js +6 -2
- package/es/table/src/header.js +6 -2
- package/es/ui/index.js +2 -2
- package/es/ui/src/log.js +1 -1
- package/lib/index.umd.js +57 -28
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/table/module/custom/panel.js +33 -20
- package/lib/table/module/custom/panel.min.js +1 -1
- package/lib/table/src/body.js +1 -1
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/footer.js +10 -2
- package/lib/table/src/footer.min.js +1 -1
- package/lib/table/src/header.js +10 -2
- package/lib/table/src/header.min.js +1 -1
- package/lib/ui/index.js +2 -2
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +2 -2
- package/packages/table/module/custom/panel.ts +28 -20
- package/packages/table/src/body.ts +1 -1
- package/packages/table/src/footer.ts +7 -2
- package/packages/table/src/header.ts +7 -2
- /package/es/{iconfont.1729323982580.ttf → iconfont.1729564455642.ttf} +0 -0
- /package/es/{iconfont.1729323982580.woff → iconfont.1729564455642.woff} +0 -0
- /package/es/{iconfont.1729323982580.woff2 → iconfont.1729564455642.woff2} +0 -0
- /package/lib/{iconfont.1729323982580.ttf → iconfont.1729564455642.ttf} +0 -0
- /package/lib/{iconfont.1729323982580.woff → iconfont.1729564455642.woff} +0 -0
- /package/lib/{iconfont.1729323982580.woff2 → iconfont.1729564455642.woff2} +0 -0
|
@@ -1 +1 @@
|
|
|
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}}let{getI18n,getIcon,renderEmptyElement}=_ui.VxeUI;function updateDropHint(e,t){var o,e=e.$refs,l=e.dragHintElemRef,e=e.bodyElemRef;e&&l&&(o=(e=e.parentNode).getBoundingClientRect(),l.style.display="block",l.style.top=Math.min(e.clientHeight-e.scrollTop-l.clientHeight,t.clientY-o.y)+"px",l.style.left=Math.min(e.clientWidth-e.scrollLeft-l.clientWidth-16,t.clientX-o.x)+"px")}let renderSimplePanel=(d,u)=>{let m=_ui.VxeUI.getComponent("VxeButton"),{_e:p,$xetable:e,customStore:t,dragColumn:o}=u,{customColumnList:l,customOpts:s,isMaxFixedColumn:x}=e;var i=t.maxHeight;let{checkMethod:v,visibleMethod:g,allowVisible:b,allowSort:h,allowFixed:C,trigger:r,placement:n}=s,E=[];var a={},c=("hover"===r&&(a.mouseenter=u.handleWrapperMouseenterEvent,a.mouseleave=u.handleWrapperMouseleaveEvent),_xeUtils.default.eachTree(l,(t,e,o,l,s)=>{if(!g||g({column:t})){var i=t.renderVisible,r=t.halfVisible,n=t.children&&t.children.length,a=(0,_utils.formatText)(t.getTitle(),1);let e=!!v&&!v({column:t});var c=!i;E.push(d("li",{key:t.id,attrs:{colid:t.id},class:["vxe-table-custom--option","level--"+t.level,{"is--hidden":c,"is--group":n}],on:{dragstart:u.sortDragstartEvent,dragend:u.sortDragendEvent,dragover:u.sortDragoverEvent}},[b?d("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":i,"is--indeterminate":r,"is--disabled":e}],attrs:{title:getI18n("vxe.custom.setting.colVisible")},on:{click:()=>{e||u.changeCheckboxOption(t)}}},[d("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:i?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]):p(),h&&1===t.level?d("div",{class:"vxe-table-custom--sort-option"},[d("span",{class:["vxe-table-custom--sort-btn",{"is--disabled":c}],attrs:{title:getI18n("vxe.custom.setting.sortHelpTip")},on:c?{}:{mousedown:u.sortMousedownEvent,mouseup:u.sortMouseupEvent}},[d("i",{class:getIcon().TABLE_CUSTOM_SORT})])]):p(),"html"===t.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),!s&&C?d("div",{class:"vxe-table-custom--fixed-option"},[d(m,{props:{mode:"text",icon:"left"===t.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===t.renderFixed?"primary":"",disabled:c||x&&!t.renderFixed,title:getI18n("left"===t.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft")},on:{click:()=>{u.changeFixedOption(t,"left")}}}),d(m,{props:{mode:"text",icon:"right"===t.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===t.renderFixed?"primary":"",disabled:c||x&&!t.renderFixed,title:getI18n("right"===t.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight")},on:{click:()=>{u.changeFixedOption(t,"right")}}})]):p()]))}}),t.isAll),f=t.isIndeterminate;return d("div",{key:"simple",class:["vxe-table-custom-wrapper","placement--"+n,{"is--active":t.visible}],style:i&&!["left","right"].includes(n)?{maxHeight:i+"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":c,"is--indeterminate":f}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:u.allOptionEvent}},[d("span",{class:["vxe-checkbox--icon",f?getIcon().TABLE_CHECKBOX_INDETERMINATE:c?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:a},E),d("div",{ref:"dragHintElemRef",class:"vxe-table-custom-popup--drag-hint"},getI18n("vxe.custom.cstmDragTarget",[o&&"html"!==o.type?o.getTitle():""]))]),s.showFooter?d("div",{class:"vxe-table-custom--footer"},[d(m,{props:{mode:"text",content:s.resetButtonText||getI18n("vxe.table.customRestore")},on:{click:u.resetCustomEvent}}),s.immediate?d(m,{props:{mode:"text",content:s.closeButtonText||getI18n("vxe.table.customClose")},on:{click:u.cancelCloseEvent}}):d(m,{props:{mode:"text",content:s.resetButtonText||getI18n("vxe.table.customCancel")},on:{click:u.cancelCustomEvent}}),s.immediate?p():d(m,{props:{mode:"text",status:"primary",content:s.confirmButtonText||getI18n("vxe.table.customConfirm")},on:{click:u.confirmCustomEvent}})]):null]:[])},renderPopupPanel=(d,u)=>{var e=_ui.VxeUI.getComponent("VxeModal");let t=_ui.VxeUI.getComponent("VxeButton"),m=_ui.VxeUI.getComponent("VxeInput"),o=_ui.VxeUI.getComponent("VxeTooltip"),p=u,{_e:x,$xetable:l,customStore:s}=u,{customOpts:i,customColumnList:r,columnOpts:n,isMaxFixedColumn:v}=l,{modalOptions:a,allowVisible:g,allowSort:b,allowFixed:h,allowResizable:C,checkMethod:E,visibleMethod:f}=i,c=n.maxFixedSize;var _=Object.assign({},a);let I=[],T=(_xeUtils.default.eachTree(r,(t,e,o,l,s)=>{if(!f||f({column:t})){var i=t.renderVisible,r=t.halfVisible,n=(0,_utils.formatText)(t.getTitle(),1),a=t.children&&t.children.length;let e=!!E&&!E({column:t});var c=!i;I.push(d("tr",{key:t.id,attrs:{colid:t.id},class:["vxe-table-custom-popup--row level--"+t.level,{"is--group":a}],on:{dragstart:u.sortDragstartEvent,dragend:u.sortDragendEvent,dragover:u.sortDragoverEvent}},[g?d("td",{class:"vxe-table-custom-popup--column-item col--visible"},[d("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":i,"is--indeterminate":r,"is--disabled":e}],attrs:{title:getI18n("vxe.custom.setting.colVisible")},on:{click:()=>{e||u.changeCheckboxOption(t)}}},[d("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:i?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])]):x(),b?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":c}],attrs:{title:getI18n("vxe.custom.setting.sortHelpTip")},on:c?{}:{mousedown:u.sortMousedownEvent,mouseup:u.sortMouseupEvent}},[d("i",{class:getIcon().TABLE_CUSTOM_SORT})]):d("span","-")]):x(),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:n}}):d("div",{key:"0",class:"vxe-table-custom-popup--name",attrs:{title:n}},n)]),C?d("td",{class:"vxe-table-custom-popup--column-item col--resizable"},[t.children&&t.children.length?d("span","-"):m?d(m,{props:{type:"integer",disabled:c,value:t.renderResizeWidth},on:{modelValue(e){t.renderResizeWidth=Math.max(0,Number(e))}}}):renderEmptyElement(p)]):x(),h?d("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[s?d("span","-"):d("vxe-radio-group",{props:{value:t.renderFixed||"",type:"button",size:"mini",disabled:c,options:[{label:getI18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:c||v},{label:getI18n("vxe.custom.setting.fixedUnset"),value:"",disabled:c},{label:getI18n("vxe.custom.setting.fixedRight"),value:"right",disabled:c||v}]},on:{input(e){t.renderFixed=e}}})]):x()]))}}),s.isAll),O=s.isIndeterminate;return e?d(e,{key:"modal",props:{className:["vxe-table-custom-popup-wrapper","vxe-table--ignore-clear",_.className||""].join(" "),value:s.visible,title:_.title||getI18n("vxe.custom.cstmTitle"),width:_.width||Math.min(880,document.documentElement.clientWidth),minWidth:_.minWidth||700,height:_.height||Math.min(680,document.documentElement.clientHeight),minHeight:_.minHeight||400,showZoom:!!_.showZoom,mask:!!_.mask,lockView:!!_.lockView,resize:!!_.resize,escClosable:!!_.escClosable,destroyOnClose:!0,showFooter:!0},on:{input(e){s.visible=e}},scopedSlots:{default:()=>d("div",{ref:"bodyElemRef",class:"vxe-table-custom-popup--body"},[d("div",{class:"vxe-table-custom-popup--table-wrapper"},[d("table",{},[d("colgroup",{},[g?d("col",{style:{width:"80px"}}):x(),b?d("col",{style:{width:"80px"}}):x(),d("col",{style:{minWidth:"120px"}}),C?d("col",{style:{width:"140px"}}):x(),h?d("col",{style:{width:"200px"}}):x()]),d("thead",{},[d("tr",{},[g?d("th",{},[d("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":T,"is--indeterminate":O}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:u.allOptionEvent}},[d("span",{class:["vxe-checkbox--icon",O?getIcon().TABLE_CHECKBOX_INDETERMINATE:T?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),d("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))])]):x(),b?d("th",{},[d("span",{class:"vxe-table-custom-popup--table-sort-help-title"},getI18n("vxe.custom.setting.colSort")),o?d(o,{props:{enterable:!0,content:getI18n("vxe.custom.setting.sortHelpTip"),popupClassName:"vxe-table--ignore-clear"},scopedSlots:{default:()=>d("i",{class:"vxe-table-custom-popup--table-sort-help-icon vxe-icon-question-circle-fill"})}}):renderEmptyElement(p)]):x(),d("th",{},getI18n("vxe.custom.setting.colTitle")),C?d("th",{},getI18n("vxe.custom.setting.colResizable")):x(),h?d("th",{},getI18n("vxe.custom.setting."+(c?"colFixedMax":"colFixed"),[c])):x()])]),d("transition-group",{class:"vxe-table-custom--body",props:{tag:"tbody",name:"vxe-table-custom--list"}},I)])]),d("div",{ref:"dragHintElemRef",class:"vxe-table-custom-popup--drag-hint"},getI18n("vxe.custom.cstmDragTarget",[u.dragColumn?u.dragColumn.getTitle():""]))]),footer:()=>d("div",{class:"vxe-table-custom-popup--footer"},[d(t,{props:{content:i.resetButtonText||getI18n("vxe.custom.cstmRestore")},on:{click:u.resetCustomEvent}}),d(t,{props:{content:i.resetButtonText||getI18n("vxe.custom.cstmCancel")},on:{click:u.cancelCustomEvent}}),d(t,{props:{status:"primary",content:i.confirmButtonText||getI18n("vxe.custom.cstmConfirm")},on:{click:u.confirmCustomEvent}})])}}):renderEmptyElement(p)};var _default=exports.default={name:"VxeTableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},inject:{$xetable:{default:null}},data(){return{dragColumn:null}},computed:{},created(){if("development"===process.env.NODE_ENV){let t=_ui.VxeUI.getComponent("VxeModal"),o=_ui.VxeUI.getComponent("VxeDrawer"),l=_ui.VxeUI.getComponent("VxeButton"),s=_ui.VxeUI.getComponent("VxeInput"),i=_ui.VxeUI.getComponent("VxeTooltip"),r=_ui.VxeUI.getComponent("VxeRadioGroup");this.$nextTick(()=>{var e=this.$xetable,e=e.customOpts,e=e.mode;t||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),o||"drawer"!==e||(0,_log.errLog)("vxe.error.reqComp",["vxe-drawer"]),l||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),s||(0,_log.errLog)("vxe.error.reqComp",["vxe-input"]),i||(0,_log.errLog)("vxe.error.reqComp",["vxe-tooltip"]),r||(0,_log.errLog)("vxe.error.reqComp",["vxe-radio-group"])})}},render(e){var t=this.$xetable,t=t.customOpts;return(["modal","popup"].includes(""+t.mode)?renderPopupPanel:renderSimplePanel)(e,this)},methods:{handleWrapperMouseenterEvent(e){var{$xetable:t,customStore:o}=this;o.activeWrapper=!0,t.customOpenEvent(e)},handleWrapperMouseleaveEvent(e){let{$xetable:t,customStore:o}=this;o.activeWrapper=!1,setTimeout(()=>{o.activeBtn||o.activeWrapper||t.customColseEvent(e)},300)},getStoreData(){return{}},confirmCustomEvent(e){var t=this.$xetable,{customOpts:o,customColumnList:l}=t;let{allowVisible:i,allowSort:r,allowFixed:n,allowResizable:a}=o;_xeUtils.default.eachTree(l,(e,t,o,l,s)=>{s?e.fixed=s.fixed:(r&&(e.renderSortNumber=t+1),n&&(e.fixed=e.renderFixed)),a&&e.renderVisible&&(!e.children||e.children.length)&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth),i&&(e.visible=e.renderVisible)}),t.closeCustom(),t.emitCustomEvent("confirm",e),t.saveCustomStore("confirm")},cancelCloseEvent({$event:e}){var t=this.$xetable;t.closeCustom(),t.emitCustomEvent("cancel",e)},cancelCustomEvent(e){var t=this.$xetable,{customStore:o,customOpts:l,customColumnList:s}=t;let{oldSortMaps:i,oldFixedMaps:r,oldVisibleMaps:n}=o,{allowVisible:a,allowSort:c,allowFixed:d,allowResizable:u}=l;_xeUtils.default.eachTree(s,e=>{var t=e.getKey(),o=!!n[t],l=r[t]||"";a&&(e.renderVisible=o,e.visible=o),d&&(e.renderFixed=l,e.fixed=l),c&&(e.renderSortNumber=i[t]||0),u&&(e.renderResizeWidth=e.renderWidth)},{children:"children"}),t.closeCustom(),t.emitCustomEvent("cancel",e)},handleResetCustomEvent(e){var t=this.$xetable;t.resetColumn(!0),t.closeCustom(),t.emitCustomEvent("reset",e)},resetCustomEvent(t){_ui.VxeUI.modal?_ui.VxeUI.modal.confirm({content:getI18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&this.handleResetCustomEvent(t)}):this.handleResetCustomEvent(t)},resetPopupCustomEvent(t){_ui.VxeUI.modal?_ui.VxeUI.modal.confirm({content:getI18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&this.resetCustomEvent(t)}):this.resetCustomEvent(t)},handleOptionCheck(t){var e=this.$xetable,e=e.customColumnList,e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e.parent,e.children)&&e.children.length&&(e.visible=e.children.every(e=>e.visible),e.halfVisible=!e.visible&&e.children.some(e=>e.visible||e.halfVisible),this.handleOptionCheck(e))},changeCheckboxOption(e){var t=this.$xetable,o=t.customOpts;let l=!e.renderVisible;o.immediate?(_xeUtils.default.eachTree([e],e=>{e.visible=l,e.renderVisible=l,e.halfVisible=!1}),t.handleCustom(),t.saveCustomStore("update:visible")):_xeUtils.default.eachTree([e],e=>{e.renderVisible=l,e.halfVisible=!1}),this.handleOptionCheck(e),t.checkCustomStatus()},changeFixedOption(e,t){var o=this.$xetable,{isMaxFixedColumn:l,customOpts:s}=o;s.immediate?(e.renderFixed===t?_xeUtils.default.eachTree([e],e=>{e.fixed="",e.renderFixed=""}):l&&!e.renderFixed||_xeUtils.default.eachTree([e],e=>{e.fixed=t,e.renderFixed=t}),o.handleCustom(),o.saveCustomStore("update:fixed")):e.renderFixed===t?_xeUtils.default.eachTree([e],e=>{e.renderFixed=""}):l&&!e.renderFixed||_xeUtils.default.eachTree([e],e=>{e.renderFixed=t})},allOptionEvent(){var{$xetable:e,customStore:t}=this,{customColumnList:o,customOpts:l}=e;let s=l.checkMethod,i=!t.isAll;l.immediate?(_xeUtils.default.eachTree(o,e=>{s&&!s({column:e})||(e.visible=i,e.renderVisible=i,e.halfVisible=!1)}),t.isAll=i,e.handleCustom(),e.saveCustomStore("update:visible")):(_xeUtils.default.eachTree(o,e=>{s&&!s({column:e})||(e.renderVisible=i,e.halfVisible=!1)}),t.isAll=i),e.checkCustomStatus()},sortMousedownEvent(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(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(e){var t=new Image;e.dataTransfer&&e.dataTransfer.setDragImage(t,0,0)},sortDragendEvent(e){var{$xetable:l,prevDropTrEl:s}=this,{customColumnList:i,customOpts:t}=l,e=e.currentTarget,o=this.$refs.dragHintElemRef;if(s){if(s!==e){var r=s.getAttribute("drag-pos"),n=e.getAttribute("colid");let t=l.getColumnById(n);if(!t)return;var n=_xeUtils.default.findIndexOf(i,e=>e.id===t.id),a=s.getAttribute("colid");let o=l.getColumnById(a);if(!o)return;i.splice(n,1);a=_xeUtils.default.findIndexOf(i,e=>e.id===o.id);i.splice(a+("bottom"===r?1:0),0,t)}s.draggable=!1,s.removeAttribute("drag-pos"),(0,_dom.removeClass)(s,"active--drag-target")}this.dragColumn=null,e.draggable=!1,e.removeAttribute("drag-pos"),o&&(o.style.display=""),(0,_dom.removeClass)(e,"active--drag-target"),(0,_dom.removeClass)(e,"active--drag-origin"),t.immediate&&(_xeUtils.default.eachTree(i,(e,t,o,l,s)=>{s||(e.renderSortNumber=t+1)}),l.handleCustom(),l.saveCustomStore("update:sort"))},sortDragoverEvent(e){var{$xetable:t,prevDropTrEl:o}=this,l=e.currentTarget,o=(o!==l&&(0,_dom.removeClass)(o,"active--drag-target"),l.getAttribute("colid")),t=t.getColumnById(o);t&&1===t.level&&(e.preventDefault(),o=e.clientY-l.getBoundingClientRect().y<l.clientHeight/2?"top":"bottom",(0,_dom.addClass)(l,"active--drag-target"),l.setAttribute("drag-pos",o),this.prevDropTrEl=l),updateDropHint(this,e)}}};
|
|
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}}let{getI18n,getIcon,renderEmptyElement}=_ui.VxeUI;function updateDropHint(e,t){var o,e=e.$refs,l=e.dragHintElemRef,e=e.bodyElemRef;e&&l&&(o=(e=e.parentNode).getBoundingClientRect(),l.style.display="block",l.style.top=Math.min(e.clientHeight-e.scrollTop-l.clientHeight,t.clientY-o.y)+"px",l.style.left=Math.min(e.clientWidth-e.scrollLeft-l.clientWidth-16,t.clientX-o.x)+"px")}let renderSimplePanel=(d,u)=>{let m=_ui.VxeUI.getComponent("VxeButton"),{_e:p,$xetable:e,customStore:t,dragColumn:o}=u,{customColumnList:l,customOpts:s,isMaxFixedColumn:x}=e;var i=t.maxHeight;let{checkMethod:v,visibleMethod:g,allowVisible:b,allowSort:h,allowFixed:C,trigger:r,placement:n}=s,E=[];var a={},c=("hover"===r&&(a.mouseenter=u.handleWrapperMouseenterEvent,a.mouseleave=u.handleWrapperMouseleaveEvent),_xeUtils.default.eachTree(l,(t,e,o,l,s)=>{if(!g||g({column:t})){var i=t.renderVisible,r=t.halfVisible,n=t.children&&t.children.length,a=(0,_utils.formatText)(t.getTitle(),1);let e=!!v&&!v({column:t});var c=!i;E.push(d("li",{key:t.id,attrs:{colid:t.id},class:["vxe-table-custom--option","level--"+t.level,{"is--hidden":e||c,"is--group":n}],on:{dragstart:u.sortDragstartEvent,dragend:u.sortDragendEvent,dragover:u.sortDragoverEvent}},[b?d("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":i,"is--indeterminate":r,"is--disabled":e}],attrs:{title:getI18n("vxe.custom.setting.colVisible")},on:{click:()=>{e||u.changeCheckboxOption(t)}}},[d("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:i?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]):p(),h&&1===t.level?d("div",{class:"vxe-table-custom--sort-option"},[d("span",{class:["vxe-table-custom--sort-btn",{"is--disabled":e||c}],attrs:{title:getI18n("vxe.custom.setting.sortHelpTip")},on:e||c?{}:{mousedown:u.sortMousedownEvent,mouseup:u.sortMouseupEvent}},[d("i",{class:getIcon().TABLE_CUSTOM_SORT})])]):p(),"html"===t.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),!s&&C?d("div",{class:"vxe-table-custom--fixed-option"},[d(m,{props:{mode:"text",icon:"left"===t.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===t.renderFixed?"primary":"",disabled:e||c||x&&!t.renderFixed,title:getI18n("left"===t.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft")},on:{click:()=>{u.changeFixedOption(t,"left")}}}),d(m,{props:{mode:"text",icon:"right"===t.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===t.renderFixed?"primary":"",disabled:e||c||x&&!t.renderFixed,title:getI18n("right"===t.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight")},on:{click:()=>{u.changeFixedOption(t,"right")}}})]):p()]))}}),t.isAll),f=t.isIndeterminate;return d("div",{key:"simple",class:["vxe-table-custom-wrapper","placement--"+n,{"is--active":t.visible}],style:i&&!["left","right"].includes(n)?{maxHeight:i+"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":c,"is--indeterminate":f}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:u.allOptionEvent}},[d("span",{class:["vxe-checkbox--icon",f?getIcon().TABLE_CHECKBOX_INDETERMINATE:c?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:a},E),d("div",{ref:"dragHintElemRef",class:"vxe-table-custom-popup--drag-hint"},getI18n("vxe.custom.cstmDragTarget",[o&&"html"!==o.type?o.getTitle():""]))]),s.showFooter?d("div",{class:"vxe-table-custom--footer"},[d(m,{props:{mode:"text",content:s.resetButtonText||getI18n("vxe.table.customRestore")},on:{click:u.resetCustomEvent}}),s.immediate?d(m,{props:{mode:"text",content:s.closeButtonText||getI18n("vxe.table.customClose")},on:{click:u.cancelCloseEvent}}):d(m,{props:{mode:"text",content:s.resetButtonText||getI18n("vxe.table.customCancel")},on:{click:u.cancelCustomEvent}}),s.immediate?p():d(m,{props:{mode:"text",status:"primary",content:s.confirmButtonText||getI18n("vxe.table.customConfirm")},on:{click:u.confirmCustomEvent}})]):null]:[])},renderPopupPanel=(d,u)=>{var e=_ui.VxeUI.getComponent("VxeModal");let t=_ui.VxeUI.getComponent("VxeButton"),m=_ui.VxeUI.getComponent("VxeInput"),o=_ui.VxeUI.getComponent("VxeTooltip"),p=u,{_e:x,$xetable:l,customStore:s}=u,{customOpts:i,customColumnList:r,columnOpts:n,isMaxFixedColumn:v}=l,{modalOptions:a,allowVisible:g,allowSort:b,allowFixed:h,allowResizable:C,checkMethod:E,visibleMethod:f}=i,c=n.maxFixedSize;var _=Object.assign({},a);let I=[],T=(_xeUtils.default.eachTree(r,(t,e,o,l,s)=>{if(!f||f({column:t})){var i=t.renderVisible,r=t.halfVisible,n=(0,_utils.formatText)(t.getTitle(),1),a=t.children&&t.children.length;let e=!!E&&!E({column:t});var c=!i;I.push(d("tr",{key:t.id,attrs:{colid:t.id},class:["vxe-table-custom-popup--row level--"+t.level,{"is--group":a}],on:{dragstart:u.sortDragstartEvent,dragend:u.sortDragendEvent,dragover:u.sortDragoverEvent}},[g?d("td",{class:"vxe-table-custom-popup--column-item col--visible"},[d("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":i,"is--indeterminate":r,"is--disabled":e}],attrs:{title:getI18n("vxe.custom.setting.colVisible")},on:{click:()=>{e||u.changeCheckboxOption(t)}}},[d("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:i?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])]):x(),b?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":e||c}],attrs:{title:getI18n("vxe.custom.setting.sortHelpTip")},on:e||c?{}:{mousedown:u.sortMousedownEvent,mouseup:u.sortMouseupEvent}},[d("i",{class:getIcon().TABLE_CUSTOM_SORT})]):d("span","-")]):x(),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:n}}):d("div",{key:"0",class:"vxe-table-custom-popup--name",attrs:{title:n}},n)]),C?d("td",{class:"vxe-table-custom-popup--column-item col--resizable"},[t.children&&t.children.length?d("span","-"):m?d(m,{props:{type:"integer",disabled:e||c,value:t.renderResizeWidth},on:{modelValue(e){t.renderResizeWidth=Math.max(0,Number(e))}}}):renderEmptyElement(p)]):x(),h?d("td",{class:"vxe-table-custom-popup--column-item col--fixed"},[s?d("span","-"):d("vxe-radio-group",{props:{value:t.renderFixed||"",type:"button",size:"mini",disabled:e||c,options:[{label:getI18n("vxe.custom.setting.fixedLeft"),value:"left",disabled:e||c||v},{label:getI18n("vxe.custom.setting.fixedUnset"),value:"",disabled:e||c},{label:getI18n("vxe.custom.setting.fixedRight"),value:"right",disabled:e||c||v}]},on:{input(e){t.renderFixed=e}}})]):x()]))}}),s.isAll),O=s.isIndeterminate;return e?d(e,{key:"modal",props:{className:["vxe-table-custom-popup-wrapper","vxe-table--ignore-clear",_.className||""].join(" "),value:s.visible,title:_.title||getI18n("vxe.custom.cstmTitle"),width:_.width||Math.min(880,document.documentElement.clientWidth),minWidth:_.minWidth||700,height:_.height||Math.min(680,document.documentElement.clientHeight),minHeight:_.minHeight||400,showZoom:!!_.showZoom,mask:!!_.mask,lockView:!!_.lockView,resize:!!_.resize,escClosable:!!_.escClosable,destroyOnClose:!0,showFooter:!0},on:{input(e){s.visible=e}},scopedSlots:{default:()=>d("div",{ref:"bodyElemRef",class:"vxe-table-custom-popup--body"},[d("div",{class:"vxe-table-custom-popup--table-wrapper"},[d("table",{},[d("colgroup",{},[g?d("col",{style:{width:"80px"}}):x(),b?d("col",{style:{width:"80px"}}):x(),d("col",{style:{minWidth:"120px"}}),C?d("col",{style:{width:"140px"}}):x(),h?d("col",{style:{width:"200px"}}):x()]),d("thead",{},[d("tr",{},[g?d("th",{},[d("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":T,"is--indeterminate":O}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:u.allOptionEvent}},[d("span",{class:["vxe-checkbox--icon",O?getIcon().TABLE_CHECKBOX_INDETERMINATE:T?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),d("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))])]):x(),b?d("th",{},[d("span",{class:"vxe-table-custom-popup--table-sort-help-title"},getI18n("vxe.custom.setting.colSort")),o?d(o,{props:{enterable:!0,content:getI18n("vxe.custom.setting.sortHelpTip"),popupClassName:"vxe-table--ignore-clear"},scopedSlots:{default:()=>d("i",{class:"vxe-table-custom-popup--table-sort-help-icon vxe-icon-question-circle-fill"})}}):renderEmptyElement(p)]):x(),d("th",{},getI18n("vxe.custom.setting.colTitle")),C?d("th",{},getI18n("vxe.custom.setting.colResizable")):x(),h?d("th",{},getI18n("vxe.custom.setting."+(c?"colFixedMax":"colFixed"),[c])):x()])]),d("transition-group",{class:"vxe-table-custom--body",props:{tag:"tbody",name:"vxe-table-custom--list"}},I)])]),d("div",{ref:"dragHintElemRef",class:"vxe-table-custom-popup--drag-hint"},getI18n("vxe.custom.cstmDragTarget",[u.dragColumn?u.dragColumn.getTitle():""]))]),footer:()=>d("div",{class:"vxe-table-custom-popup--footer"},[d(t,{props:{content:i.resetButtonText||getI18n("vxe.custom.cstmRestore")},on:{click:u.resetCustomEvent}}),d(t,{props:{content:i.resetButtonText||getI18n("vxe.custom.cstmCancel")},on:{click:u.cancelCustomEvent}}),d(t,{props:{status:"primary",content:i.confirmButtonText||getI18n("vxe.custom.cstmConfirm")},on:{click:u.confirmCustomEvent}})])}}):renderEmptyElement(p)};var _default=exports.default={name:"VxeTableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},inject:{$xetable:{default:null}},data(){return{dragColumn:null}},computed:{},created(){if("development"===process.env.NODE_ENV){let t=_ui.VxeUI.getComponent("VxeModal"),o=_ui.VxeUI.getComponent("VxeDrawer"),l=_ui.VxeUI.getComponent("VxeButton"),s=_ui.VxeUI.getComponent("VxeInput"),i=_ui.VxeUI.getComponent("VxeTooltip"),r=_ui.VxeUI.getComponent("VxeRadioGroup");this.$nextTick(()=>{var e=this.$xetable,e=e.customOpts,e=e.mode;t||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),o||"drawer"!==e||(0,_log.errLog)("vxe.error.reqComp",["vxe-drawer"]),l||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),s||(0,_log.errLog)("vxe.error.reqComp",["vxe-input"]),i||(0,_log.errLog)("vxe.error.reqComp",["vxe-tooltip"]),r||(0,_log.errLog)("vxe.error.reqComp",["vxe-radio-group"])})}},render(e){var t=this.$xetable,t=t.customOpts;return(["modal","popup"].includes(""+t.mode)?renderPopupPanel:renderSimplePanel)(e,this)},methods:{handleWrapperMouseenterEvent(e){var{$xetable:t,customStore:o}=this;o.activeWrapper=!0,t.customOpenEvent(e)},handleWrapperMouseleaveEvent(e){let{$xetable:t,customStore:o}=this;o.activeWrapper=!1,setTimeout(()=>{o.activeBtn||o.activeWrapper||t.customColseEvent(e)},300)},getStoreData(){return{}},confirmCustomEvent(e){var t=this.$xetable,{customOpts:o,customColumnList:l}=t;let{allowVisible:i,allowSort:r,allowFixed:n,allowResizable:a}=o;_xeUtils.default.eachTree(l,(e,t,o,l,s)=>{s?e.fixed=s.fixed:(r&&(e.renderSortNumber=t+1),n&&(e.fixed=e.renderFixed)),a&&e.renderVisible&&(!e.children||e.children.length)&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth),i&&(e.visible=e.renderVisible)}),t.closeCustom(),t.emitCustomEvent("confirm",e),t.saveCustomStore("confirm")},cancelCloseEvent({$event:e}){var t=this.$xetable;t.closeCustom(),t.emitCustomEvent("cancel",e)},cancelCustomEvent(e){var t=this.$xetable,{customStore:o,customOpts:l,customColumnList:s}=t;let{oldSortMaps:i,oldFixedMaps:r,oldVisibleMaps:n}=o,{allowVisible:a,allowSort:c,allowFixed:d,allowResizable:u}=l;_xeUtils.default.eachTree(s,e=>{var t=e.getKey(),o=!!n[t],l=r[t]||"";a&&(e.renderVisible=o,e.visible=o),d&&(e.renderFixed=l,e.fixed=l),c&&(e.renderSortNumber=i[t]||0),u&&(e.renderResizeWidth=e.renderWidth)},{children:"children"}),t.closeCustom(),t.emitCustomEvent("cancel",e)},handleResetCustomEvent(e){var t=this.$xetable;t.resetColumn(!0),t.closeCustom(),t.emitCustomEvent("reset",e)},resetCustomEvent(t){_ui.VxeUI.modal?_ui.VxeUI.modal.confirm({content:getI18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&this.handleResetCustomEvent(t)}):this.handleResetCustomEvent(t)},resetPopupCustomEvent(t){_ui.VxeUI.modal?_ui.VxeUI.modal.confirm({content:getI18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&this.resetCustomEvent(t)}):this.resetCustomEvent(t)},handleOptionCheck(t){var e=this.$xetable,e=e.customColumnList,e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e.parent,e.children)&&e.children.length&&(e.visible=e.children.every(e=>e.visible),e.halfVisible=!e.visible&&e.children.some(e=>e.visible||e.halfVisible),this.handleOptionCheck(e))},changeCheckboxOption(e){var t=this.$xetable,o=t.customOpts;let l=!e.renderVisible;o.immediate?(_xeUtils.default.eachTree([e],e=>{e.visible=l,e.renderVisible=l,e.halfVisible=!1}),t.handleCustom(),t.saveCustomStore("update:visible")):_xeUtils.default.eachTree([e],e=>{e.renderVisible=l,e.halfVisible=!1}),this.handleOptionCheck(e),t.checkCustomStatus()},changeFixedOption(e,t){var o=this.$xetable,{isMaxFixedColumn:l,customOpts:s}=o;s.immediate?(e.renderFixed===t?_xeUtils.default.eachTree([e],e=>{e.fixed="",e.renderFixed=""}):l&&!e.renderFixed||_xeUtils.default.eachTree([e],e=>{e.fixed=t,e.renderFixed=t}),o.handleCustom(),o.saveCustomStore("update:fixed")):e.renderFixed===t?_xeUtils.default.eachTree([e],e=>{e.renderFixed=""}):l&&!e.renderFixed||_xeUtils.default.eachTree([e],e=>{e.renderFixed=t})},allOptionEvent(){var{$xetable:e,customStore:t}=this,{customColumnList:o,customOpts:l}=e;let{checkMethod:s,visibleMethod:i}=l,r=!t.isAll;l.immediate?(_xeUtils.default.eachTree(o,e=>{i&&!i({column:e})||s&&!s({column:e})||(e.visible=r,e.renderVisible=r,e.halfVisible=!1)}),t.isAll=r,e.handleCustom(),e.saveCustomStore("update:visible")):(_xeUtils.default.eachTree(o,e=>{i&&!i({column:e})||s&&!s({column:e})||(e.renderVisible=r,e.halfVisible=!1)}),t.isAll=r),e.checkCustomStatus()},sortMousedownEvent(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(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(e){var t=new Image;e.dataTransfer&&e.dataTransfer.setDragImage(t,0,0)},sortDragendEvent(e){var{$xetable:l,prevDropTrEl:s}=this,{customColumnList:i,customOpts:t}=l,e=e.currentTarget,o=this.$refs.dragHintElemRef;if(s){if(s!==e){var r=s.getAttribute("drag-pos"),n=e.getAttribute("colid");let t=l.getColumnById(n);if(!t)return;var n=_xeUtils.default.findIndexOf(i,e=>e.id===t.id),a=s.getAttribute("colid");let o=l.getColumnById(a);if(!o)return;i.splice(n,1);a=_xeUtils.default.findIndexOf(i,e=>e.id===o.id);i.splice(a+("bottom"===r?1:0),0,t)}s.draggable=!1,s.removeAttribute("drag-pos"),(0,_dom.removeClass)(s,"active--drag-target")}this.dragColumn=null,e.draggable=!1,e.removeAttribute("drag-pos"),o&&(o.style.display=""),(0,_dom.removeClass)(e,"active--drag-target"),(0,_dom.removeClass)(e,"active--drag-origin"),t.immediate&&(_xeUtils.default.eachTree(i,(e,t,o,l,s)=>{s||(e.renderSortNumber=t+1)}),l.handleCustom(),l.saveCustomStore("update:sort"))},sortDragoverEvent(e){var{$xetable:t,prevDropTrEl:o}=this,l=e.currentTarget,o=(o!==l&&(0,_dom.removeClass)(o,"active--drag-target"),l.getAttribute("colid")),t=t.getColumnById(o);t&&1===t.level&&(e.preventDefault(),o=e.clientY-l.getBoundingClientRect().y<l.clientHeight/2?"top":"bottom",(0,_dom.addClass)(l,"active--drag-target"),l.setAttribute("drag-pos",o),this.prevDropTrEl=l),updateDropHint(this,e)}}};
|
package/lib/table/src/body.js
CHANGED
|
@@ -136,7 +136,7 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
|
|
|
136
136
|
let hasEllipsis = showTitle || showTooltip || showEllipsis;
|
|
137
137
|
let isDirty;
|
|
138
138
|
const tdOns = {};
|
|
139
|
-
const cellAlign = align || allAlign;
|
|
139
|
+
const cellAlign = align || (compConf ? compConf.tableCellAlign : '') || allAlign;
|
|
140
140
|
const errorValidItem = validErrorMaps[`${rowid}:${column.id}`];
|
|
141
141
|
const showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? height || tableData.length > 1 : validOpts.message === 'inline');
|
|
142
142
|
const attrs = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,renderer}=_ui.VxeUI,renderType="body";function isVMScrollProcess(e){return e._isResize||e.lastScrollTime&&Date.now()<e.lastScrollTime+e.delayHover}function renderLine(e,l,t,r){var{row:o,column:s}=r,{afterFullData:i,treeOpts:a,treeConfig:n,fullAllDataRowIdData:c}=t,{slots:s,treeNode:d}=s,c=c[(0,_util.getRowid)(t,o)];let p=0,u=0,h=[];return c&&(p=c.level,u=c._index,h=c.items),s&&s.line?t.callSlot(s.line,r,e):(c=t.eqRow(i[0],o),n&&d&&(a.showLine||a.line)?[e("div",{class:"vxe-tree--line-wrapper"},[e("div",{class:"vxe-tree--line",style:{height:`${c?1:(0,_util.calcTreeLine)(r,h,u)}px`,left:p*a.indent+(p?2-(0,_util.getOffsetSize)(t):0)+16+"px"}})])]:[])}function renderColumn(e,B,l,t,r,o,s,i,a,n,D,c,d,U,W){var{$listeners:p,afterFullData:u,tableData:q,height:h,columnKey:N,overflowX:g,sYOpts:v,scrollXLoad:P,scrollYLoad:V,highlightCurrentRow:F,showOverflow:X,isAllOverflow:A,align:w,currentColumn:z,cellClassName:j,cellStyle:x,mergeList:m,spanMethod:K,radioOpts:G,checkboxOpts:J,expandOpts:Q,treeOpts:Z,tooltipOpts:y,mouseConfig:ee,editConfig:f,editOpts:b,editRules:le,validOpts:T,editStore:te,tooltipConfig:re,rowOpts:oe,columnOpts:se,validErrorMaps:S}=l,{type:ie,cellRender:ae,editRender:$,align:_,showOverflow:C,className:ne,treeNode:ce,slots:de}=c,te=te.actived,v=v.rHeight,L=oe.height,O=$||ae,O=O?renderer.get(O.name):null,pe=O?O.tableCellClassName||O.cellClassName:"",O=O?O.tableCellStyle||O.cellStyle:"";let R=y.showAll||y.enabled;var y=l.getColumnIndex(c),ue=l.getVTColumnIndex(c),he=(0,_utils.isEnableConf)($);let E=o?c.fixed!==o:c.fixed&&g;g=_xeUtils.default.isUndefined(C)||_xeUtils.default.isNull(C)?X:C;let H="ellipsis"===g,I="title"===g,k=!0===g||"tooltip"===g,Y=I||k||H,ge;C={},g=_||w,_=S[r+":"+c.id],w=le&&T.showMessage&&("default"===T.message?h||1<q.length:"inline"===T.message),S={colid:c.id};let ve=p["cell-mouseenter"],we=p["cell-mouseleave"];le=$&&f&&"dblclick"===b.trigger;let M={$table:l,$grid:l.$xegrid,isEdit:!1,seq:t,rowid:r,row:i,rowIndex:a,$rowIndex:n,_rowIndex:D,column:c,columnIndex:y,$columnIndex:d,_columnIndex:ue,fixed:o,type:renderType,isHidden:E,level:s,visibleData:u,data:q,items:W};if(!P&&!V||Y||(H=Y=!0),(I||k||R||ve||re)&&(C.mouseenter=e=>{isVMScrollProcess(l)||(I?(0,_dom.updateCellTitle)(e.currentTarget,c):(k||R)&&l.triggerBodyTooltipEvent(e,M),ve&&l.emitEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},M),e))}),(k||R||we||re)&&(C.mouseleave=e=>{isVMScrollProcess(l)||((k||R)&&l.handleTargetLeaveEvent(e),we&&l.emitEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},M),e))}),(J.range||ee)&&(C.mousedown=e=>{l.triggerCellMousedownEvent(e,M)}),(oe.isCurrent||F||p["cell-click"]||$&&f||"row"===Q.trigger||"cell"===Q.trigger||"row"===G.trigger||"radio"===c.type&&"cell"===G.trigger||"row"===J.trigger||"checkbox"===c.type&&"cell"===J.trigger||"row"===Z.trigger||c.treeNode&&"cell"===Z.trigger)&&(C.click=e=>{l.triggerCellClickEvent(e,M)}),(le||p["cell-dblclick"])&&(C.dblclick=e=>{l.triggerCellDblclickEvent(e,M)}),m.length){h=(0,_util.mergeBodyMethod)(m,D,ue);if(h){var{rowspan:t,colspan:r}=h;if(!t||!r)return null;1<t&&(S.rowspan=t),1<r&&(S.colspan=r)}}else if(K){var{rowspan:a=1,colspan:n=1}=K(M)||{};if(!a||!n)return null;1<a&&(S.rowspan=a),1<n&&(S.colspan=n)}!(E=E&&m&&(1<S.colspan||1<S.rowspan)?!1:E)&&f&&($||ae)&&(b.showStatus||b.showUpdateStatus)&&(ge=l.isUpdateByRow(i,c.field));y=[];return E&&X&&A?y.push(e("div",{class:["vxe-cell",{"c--title":I,"c--tooltip":k,"c--ellipsis":H}],style:{maxHeight:Y&&(v||L)?`${v||L}px`:""}})):(y.push(...renderLine(e,B,l,M),e("div",{class:["vxe-cell",{"c--title":I,"c--tooltip":k,"c--ellipsis":H}],style:{maxHeight:Y&&(v||L)?`${v||L}px`:""},attrs:{title:I?l.getCellLabel(i,c):null}},c.renderCell(e,M))),w&&_&&(o=_.rule,s=de?de.valid:null,u=Object.assign(Object.assign({},M),_),y.push(e("div",{class:["vxe-cell--valid-error-hint",(0,_utils.getClass)(T.className,_)],style:o&&o.maxWidth?{width:o.maxWidth+"px"}:null},s?l.callSlot(s,u,e):[e("span",{class:"vxe-cell--valid-error-msg"},_.content)])))),e("td",{class:["vxe-body--column",c.id,{["col--"+g]:g,["col--"+ie]:ie,"col--last":d===U.length-1,"col--tree-node":ce,"col--edit":he,"col--ellipsis":Y,"col--height":!!oe.height,"fixed--hidden":E,"col--dirty":ge,"col--active":f&&he&&te.row===i&&(te.column===c||"row"===b.mode),"col--valid-error":!!_,"col--current":z===c},(0,_utils.getClass)(pe,M),(0,_utils.getClass)(ne,M),(0,_utils.getClass)(j,M)],key:N||se.useKey?c.id:d,attrs:S,style:Object.assign({height:Y&&(v||L)?`${v||L}px`:""},_xeUtils.default.isFunction(O)?O(M):O,_xeUtils.default.isFunction(x)?x(M):x),on:C},y)}function renderRows(w,x,m,y,f,b){let{stripe:T,rowKey:S,highlightHoverRow:$,rowClassName:_,rowStyle:C,editConfig:L,showOverflow:O,treeConfig:R,treeOpts:E,expandOpts:H,editOpts:I,treeExpandedMaps:k,scrollYLoad:Y,rowExpandedMaps:M,radioOpts:B,checkboxOpts:D,expandColumn:U,hasFixedColumn:W,fullAllDataRowIdData:q,rowOpts:N,pendingRowList:P,pendingRowMaps:V}=m,F=E.children||E.childrenField,X=[];return f.forEach((t,r)=>{var e={};let o,s=m.getVTRowIndex(t),i=(o=m.getRowIndex(t),(N.isHover||$)&&(e.mouseenter=e=>{isVMScrollProcess(m)||m.triggerHoverEvent(e,{row:t,rowIndex:o})},e.mouseleave=()=>{isVMScrollProcess(m)||m.clearHoverRow()}),(0,_util.getRowid)(m,t));var l=q[i];let a=l?l.level:0,n=l?l.seq:-1;var c,d,p,l={$table:m,seq:n,rowid:i,fixed:y,type:renderType,level:a,row:t,rowIndex:o,$rowIndex:r},u=U&&!!M[i];let h=!1,g=[],v=!1;L&&(v=m.isInsertByRow(t)),!R||Y||E.transform||(g=t[F],h=g&&g.length&&!!k[i]),X.push(w("tr",{class:["vxe-body--row",R?"row--level-"+a:"",{"row--stripe":T&&(m.getVTRowIndex(t)+1)%2==0,"is--new":v,"is--expand-row":u,"is--expand-tree":h,"row--new":v&&(I.showStatus||I.showInsertStatus),"row--radio":B.highlight&&m.selectRadioRow===t,"row--checked":D.highlight&&m.isCheckedByCheckboxRow(t),"row--pending":P.length&&!!V[i]},_?_xeUtils.default.isFunction(_)?_(l):_:""],attrs:{rowid:i},style:C?_xeUtils.default.isFunction(C)?C(l):C:null,key:S||N.useKey||R?i:r,on:e},b.map((e,l)=>renderColumn(w,x,m,n,i,y,a,t,o,r,s,e,l,b,f)))),u&&({height:l,padding:u}=H,c={},d=(l&&(c.height=l+"px"),R&&(c.paddingLeft=a*E.indent+30+"px"),U).showOverflow,d=_xeUtils.default.isUndefined(d)||_xeUtils.default.isNull(d)?O:d,p={$table:m,seq:n,column:U,fixed:y,type:renderType,level:a,row:t,rowIndex:o,$rowIndex:r},X.push(w("tr",{class:["vxe-body--expanded-row",{"is--padding":u}],key:"expand_"+i,style:C?_xeUtils.default.isFunction(C)?C(p):C:null,on:e},[w("td",{class:{"vxe-body--expanded-column":1,"fixed--hidden":y&&!W,"col--ellipsis":d},attrs:{colspan:b.length}},[w("div",{class:{"vxe-body--expanded-cell":1,"is--ellipsis":l},style:c},[U.renderData(w,p)])])]))),h&&X.push(...renderRows(w,x,m,y,g,b))}),X}let scrollProcessTimeout;function syncBodyScroll(e,l,t,r,o){(r||o)&&(r&&((0,_util.removeScrollListener)(r),r.scrollTop=t),o&&((0,_util.removeScrollListener)(o),o.scrollTop=t),clearTimeout(scrollProcessTimeout),scrollProcessTimeout=setTimeout(()=>{(0,_util.restoreScrollListener)(r),(0,_util.restoreScrollListener)(o)},300))}var _default=exports.default={name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,size:String,fixedType:String},data(){return{wheelTime:null,wheelYSize:0,wheelYInterval:0,wheelYTotal:0}},mounted(){var{$parent:e,$el:l,$refs:t,fixedType:r}=this,e=e.elemStore,r=`${r||"main"}-body-`;e[r+"wrapper"]=l,e[r+"table"]=t.table,e[r+"colgroup"]=t.colgroup,e[r+"list"]=t.tbody,e[r+"xSpace"]=t.xSpace,e[r+"ySpace"]=t.ySpace,e[r+"emptyBlock"]=t.emptyBlock,this.$el&&(this.$el.onscroll=this.scrollEvent,this.$el._onscroll=this.scrollEvent)},beforeDestroy(){clearTimeout(this.wheelTime),this.$el&&(this.$el._onscroll=null,this.$el.onscroll=null)},destroyed(){var{$parent:e,fixedType:l}=this,e=e.elemStore,l=`${l||"main"}-body-`;e[l+"wrapper"]=null,e[l+"table"]=null,e[l+"colgroup"]=null,e[l+"list"]=null,e[l+"xSpace"]=null,e[l+"ySpace"]=null,e[l+"emptyBlock"]=null},render(t){let{_e:e,$parent:l,fixedColumn:r,fixedType:o}=this,{$scopedSlots:s,tId:i,tableData:a,tableColumn:n,visibleColumn:c,expandColumn:d,showOverflow:p,keyboardConfig:u,keyboardOpts:h,mergeList:g,spanMethod:v,scrollXLoad:w,scrollYLoad:x,isAllOverflow:m,emptyOpts:y,mouseConfig:f,mouseOpts:b,sYOpts:T}=l;o&&(n=d||!(w||x||p&&m)||g.length||v||u&&h.isMerge?c:r);let S;var $;return S=s.empty?s.empty.call(this,{$table:l},t):($=($=y.name?renderer.get(y.name):null)?$.renderTableEmpty||$.renderTableEmptyView||$.renderEmpty:null)?(0,_vn.getSlotVNs)($.call(this,t,y,{$table:l})):l.emptyText||getI18n("vxe.table.emptyText"),t("div",{class:["vxe-table--body-wrapper",o?`fixed-${o}--wrapper`:"body--wrapper"],attrs:{xid:i},on:x&&"wheel"===T.mode?{wheel:this.wheelEvent}:{}},[o?e():t("div",{class:"vxe-body--x-space",ref:"xSpace"}),t("div",{class:"vxe-body--y-space",ref:"ySpace"}),t("table",{class:"vxe-table--body",attrs:{xid:i,cellspacing:0,cellpadding:0,border:0},ref:"table"},[t("colgroup",{ref:"colgroup"},n.map((e,l)=>t("col",{attrs:{name:e.id},key:l}))),t("tbody",{ref:"tbody"},renderRows(t,this,l,o,a,n))]),t("div",{class:"vxe-table--checkbox-range"}),f&&b.area?t("div",{class:"vxe-table--cell-area"},[t("span",{class:"vxe-table--cell-main-area"},b.extension?[t("span",{class:"vxe-table--cell-main-area-btn",on:{mousedown(e){l.triggerCellExtendMousedownEvent(e,{$table:l,fixed:o,type:renderType})}}})]:null),t("span",{class:"vxe-table--cell-copy-area"}),t("span",{class:"vxe-table--cell-extend-area"}),t("span",{class:"vxe-table--cell-multi-area"}),t("span",{class:"vxe-table--cell-active-area"})]):null,o?null:t("div",{class:"vxe-table--empty-block",ref:"emptyBlock"},[t("div",{class:"vxe-table--empty-content"},S)])])},methods:{scrollEvent(e){var{$el:l,$parent:t,fixedType:r}=this,{$refs:o,elemStore:s,highlightHoverRow:i,scrollXLoad:a,scrollYLoad:n,lastScrollTop:c,lastScrollLeft:d,rowOpts:p}=t,{tableHeader:o,tableBody:u,leftBody:h,rightBody:g,tableFooter:v,validTip:w}=o,o=o?o.$el:null,v=v?v.$el:null,u=u.$el,h=h?h.$el:null,g=g?g.$el:null,x=s["main-body-ySpace"],s=s["main-body-xSpace"],x=(n&&x?x:u).clientHeight,s=(a&&s?s:u).clientWidth;let m=l.scrollTop;l=u.scrollLeft,d=l!==d,c=m!==c;t.lastScrollTop=m,t.lastScrollLeft=l,t.lastScrollTime=Date.now(),(p.isHover||i)&&t.clearHoverRow(),h&&"left"===r?syncBodyScroll(t,r,m=h.scrollTop,u,g):g&&"right"===r?syncBodyScroll(t,r,m=g.scrollTop,u,h):(d&&(o&&(o.scrollLeft=u.scrollLeft),v)&&(v.scrollLeft=u.scrollLeft),(h||g)&&(t.checkScrolling(),c)&&syncBodyScroll(t,r,m,h,g)),a&&d&&t.triggerScrollXEvent(e),n&&c&&t.triggerScrollYEvent(e),d&&w&&w.visible&&w.updatePlacement(),t.emitEvent("scroll",{type:renderType,fixed:r,scrollTop:m,scrollLeft:l,scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth,bodyHeight:x,bodyWidth:s,isX:d,isY:c},e)},handleWheel(a,n,e,c,d){let p=this.$parent;var{$refs:l,elemStore:t,scrollYLoad:r,scrollXLoad:o}=p,{tableBody:l,leftBody:s,rightBody:i}=l;let u=l.$el,h=s?s.$el:null,g=i?i.$el:null;l=this.isPrevWheelTop===n?Math.max(0,this.wheelYSize-this.wheelYTotal):0,s=t["main-body-ySpace"],i=t["main-body-xSpace"];let v=(r&&s?s:u).clientHeight,w=(o&&i?i:u).clientWidth,x=(this.isPrevWheelTop=n,this.wheelYSize=Math.abs(n?e-l:e+l),this.wheelYInterval=0,this.wheelYTotal=0,clearTimeout(this.wheelTime),()=>{let{fixedType:e,wheelYTotal:l,wheelYSize:t,wheelYInterval:r}=this;var o,s,i;l<t&&(t<(l+=r=Math.max(5,Math.floor(1.5*r)))&&(r-=l-t),{scrollTop:i,clientHeight:o,scrollHeight:s}=u,i=i+r*(n?-1:1),u.scrollTop=i,h&&(h.scrollTop=i),g&&(g.scrollTop=i),(n?i<s-o:0<=i)&&(this.wheelTime=setTimeout(x,10)),this.wheelYTotal=l,this.wheelYInterval=r,p.emitEvent("scroll",{type:renderType,fixed:e,scrollTop:u.scrollTop,scrollLeft:u.scrollLeft,scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth,bodyHeight:v,bodyWidth:w,isX:c,isY:d},a))});x()},wheelEvent(e){var{deltaY:l,deltaX:t}=e,{$el:r,$parent:o}=this,{$refs:s,highlightHoverRow:i,scrollYLoad:a,lastScrollTop:n,lastScrollLeft:c,rowOpts:d}=o,s=s.tableBody,s=s.$el,p=l<0;(p?r.scrollTop<=0:r.scrollTop>=r.scrollHeight-r.clientHeight)||(r=r.scrollTop+l,t=(s=s.scrollLeft+t)!==c,(c=r!==n)&&(e.preventDefault(),o.lastScrollTop=r,o.lastScrollLeft=s,o.lastScrollTime=Date.now(),(d.isHover||i)&&o.clearHoverRow(),this.handleWheel(e,p,l,t,c),a)&&o.triggerScrollYEvent(e))}}};
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,renderer}=_ui.VxeUI,renderType="body";function isVMScrollProcess(e){return e._isResize||e.lastScrollTime&&Date.now()<e.lastScrollTime+e.delayHover}function renderLine(e,l,t,r){var{row:o,column:s}=r,{afterFullData:i,treeOpts:a,treeConfig:n,fullAllDataRowIdData:c}=t,{slots:s,treeNode:d}=s,c=c[(0,_util.getRowid)(t,o)];let p=0,u=0,h=[];return c&&(p=c.level,u=c._index,h=c.items),s&&s.line?t.callSlot(s.line,r,e):(c=t.eqRow(i[0],o),n&&d&&(a.showLine||a.line)?[e("div",{class:"vxe-tree--line-wrapper"},[e("div",{class:"vxe-tree--line",style:{height:`${c?1:(0,_util.calcTreeLine)(r,h,u)}px`,left:p*a.indent+(p?2-(0,_util.getOffsetSize)(t):0)+16+"px"}})])]:[])}function renderColumn(e,B,l,t,r,o,s,i,a,n,D,c,d,U,W){var{$listeners:p,afterFullData:q,tableData:N,height:u,columnKey:P,overflowX:h,sYOpts:g,scrollXLoad:V,scrollYLoad:F,highlightCurrentRow:A,showOverflow:X,isAllOverflow:z,align:v,currentColumn:j,cellClassName:K,cellStyle:w,mergeList:x,spanMethod:G,radioOpts:J,checkboxOpts:m,expandOpts:Q,treeOpts:Z,tooltipOpts:y,mouseConfig:ee,editConfig:f,editOpts:b,editRules:T,validOpts:S,editStore:le,tooltipConfig:te,rowOpts:re,columnOpts:oe,validErrorMaps:se}=l,{type:ie,cellRender:ae,editRender:$,align:_,showOverflow:C,className:ne,treeNode:ce,slots:de}=c,le=le.actived,g=g.rHeight,L=re.height,O=$||ae,O=O?renderer.get(O.name):null,pe=O?O.tableCellClassName||O.cellClassName:"",ue=O?O.tableCellStyle||O.cellStyle:"";let R=y.showAll||y.enabled;var y=l.getColumnIndex(c),he=l.getVTColumnIndex(c),ge=(0,_utils.isEnableConf)($);let E=o?c.fixed!==o:c.fixed&&h;h=_xeUtils.default.isUndefined(C)||_xeUtils.default.isNull(C)?X:C;let H="ellipsis"===h,I="title"===h,k=!0===h||"tooltip"===h,Y=I||k||H,ve;C={},h=_||(O?O.tableCellAlign:"")||v,_=se[r+":"+c.id],O=T&&S.showMessage&&("default"===S.message?u||1<N.length:"inline"===S.message),v={colid:c.id};let we=p["cell-mouseenter"],xe=p["cell-mouseleave"];se=$&&f&&"dblclick"===b.trigger;let M={$table:l,$grid:l.$xegrid,isEdit:!1,seq:t,rowid:r,row:i,rowIndex:a,$rowIndex:n,_rowIndex:D,column:c,columnIndex:y,$columnIndex:d,_columnIndex:he,fixed:o,type:renderType,isHidden:E,level:s,visibleData:q,data:N,items:W};if(!V&&!F||Y||(H=Y=!0),(I||k||R||we||te)&&(C.mouseenter=e=>{isVMScrollProcess(l)||(I?(0,_dom.updateCellTitle)(e.currentTarget,c):(k||R)&&l.triggerBodyTooltipEvent(e,M),we&&l.emitEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},M),e))}),(k||R||xe||te)&&(C.mouseleave=e=>{isVMScrollProcess(l)||((k||R)&&l.handleTargetLeaveEvent(e),xe&&l.emitEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},M),e))}),(m.range||ee)&&(C.mousedown=e=>{l.triggerCellMousedownEvent(e,M)}),(re.isCurrent||A||p["cell-click"]||$&&f||"row"===Q.trigger||"cell"===Q.trigger||"row"===J.trigger||"radio"===c.type&&"cell"===J.trigger||"row"===m.trigger||"checkbox"===c.type&&"cell"===m.trigger||"row"===Z.trigger||c.treeNode&&"cell"===Z.trigger)&&(C.click=e=>{l.triggerCellClickEvent(e,M)}),(se||p["cell-dblclick"])&&(C.dblclick=e=>{l.triggerCellDblclickEvent(e,M)}),x.length){T=(0,_util.mergeBodyMethod)(x,D,he);if(T){var{rowspan:u,colspan:t}=T;if(!u||!t)return null;1<u&&(v.rowspan=u),1<t&&(v.colspan=t)}}else if(G){var{rowspan:r=1,colspan:a=1}=G(M)||{};if(!r||!a)return null;1<r&&(v.rowspan=r),1<a&&(v.colspan=a)}!(E=E&&x&&(1<v.colspan||1<v.rowspan)?!1:E)&&f&&($||ae)&&(b.showStatus||b.showUpdateStatus)&&(ve=l.isUpdateByRow(i,c.field));n=[];return E&&X&&z?n.push(e("div",{class:["vxe-cell",{"c--title":I,"c--tooltip":k,"c--ellipsis":H}],style:{maxHeight:Y&&(g||L)?`${g||L}px`:""}})):(n.push(...renderLine(e,B,l,M),e("div",{class:["vxe-cell",{"c--title":I,"c--tooltip":k,"c--ellipsis":H}],style:{maxHeight:Y&&(g||L)?`${g||L}px`:""},attrs:{title:I?l.getCellLabel(i,c):null}},c.renderCell(e,M))),O&&_&&(y=_.rule,o=de?de.valid:null,s=Object.assign(Object.assign({},M),_),n.push(e("div",{class:["vxe-cell--valid-error-hint",(0,_utils.getClass)(S.className,_)],style:y&&y.maxWidth?{width:y.maxWidth+"px"}:null},o?l.callSlot(o,s,e):[e("span",{class:"vxe-cell--valid-error-msg"},_.content)])))),e("td",{class:["vxe-body--column",c.id,{["col--"+h]:h,["col--"+ie]:ie,"col--last":d===U.length-1,"col--tree-node":ce,"col--edit":ge,"col--ellipsis":Y,"col--height":!!re.height,"fixed--hidden":E,"col--dirty":ve,"col--active":f&&ge&&le.row===i&&(le.column===c||"row"===b.mode),"col--valid-error":!!_,"col--current":j===c},(0,_utils.getClass)(pe,M),(0,_utils.getClass)(ne,M),(0,_utils.getClass)(K,M)],key:P||oe.useKey?c.id:d,attrs:v,style:Object.assign({height:Y&&(g||L)?`${g||L}px`:""},_xeUtils.default.isFunction(ue)?ue(M):ue,_xeUtils.default.isFunction(w)?w(M):w),on:C},n)}function renderRows(w,x,m,y,f,b){let{stripe:T,rowKey:S,highlightHoverRow:$,rowClassName:_,rowStyle:C,editConfig:L,showOverflow:O,treeConfig:R,treeOpts:E,expandOpts:H,editOpts:I,treeExpandedMaps:k,scrollYLoad:Y,rowExpandedMaps:M,radioOpts:B,checkboxOpts:D,expandColumn:U,hasFixedColumn:W,fullAllDataRowIdData:q,rowOpts:N,pendingRowList:P,pendingRowMaps:V}=m,F=E.children||E.childrenField,A=[];return f.forEach((t,r)=>{var e={};let o,s=m.getVTRowIndex(t),i=(o=m.getRowIndex(t),(N.isHover||$)&&(e.mouseenter=e=>{isVMScrollProcess(m)||m.triggerHoverEvent(e,{row:t,rowIndex:o})},e.mouseleave=()=>{isVMScrollProcess(m)||m.clearHoverRow()}),(0,_util.getRowid)(m,t));var l=q[i];let a=l?l.level:0,n=l?l.seq:-1;var c,d,p,l={$table:m,seq:n,rowid:i,fixed:y,type:renderType,level:a,row:t,rowIndex:o,$rowIndex:r},u=U&&!!M[i];let h=!1,g=[],v=!1;L&&(v=m.isInsertByRow(t)),!R||Y||E.transform||(g=t[F],h=g&&g.length&&!!k[i]),A.push(w("tr",{class:["vxe-body--row",R?"row--level-"+a:"",{"row--stripe":T&&(m.getVTRowIndex(t)+1)%2==0,"is--new":v,"is--expand-row":u,"is--expand-tree":h,"row--new":v&&(I.showStatus||I.showInsertStatus),"row--radio":B.highlight&&m.selectRadioRow===t,"row--checked":D.highlight&&m.isCheckedByCheckboxRow(t),"row--pending":P.length&&!!V[i]},_?_xeUtils.default.isFunction(_)?_(l):_:""],attrs:{rowid:i},style:C?_xeUtils.default.isFunction(C)?C(l):C:null,key:S||N.useKey||R?i:r,on:e},b.map((e,l)=>renderColumn(w,x,m,n,i,y,a,t,o,r,s,e,l,b,f)))),u&&({height:l,padding:u}=H,c={},d=(l&&(c.height=l+"px"),R&&(c.paddingLeft=a*E.indent+30+"px"),U).showOverflow,d=_xeUtils.default.isUndefined(d)||_xeUtils.default.isNull(d)?O:d,p={$table:m,seq:n,column:U,fixed:y,type:renderType,level:a,row:t,rowIndex:o,$rowIndex:r},A.push(w("tr",{class:["vxe-body--expanded-row",{"is--padding":u}],key:"expand_"+i,style:C?_xeUtils.default.isFunction(C)?C(p):C:null,on:e},[w("td",{class:{"vxe-body--expanded-column":1,"fixed--hidden":y&&!W,"col--ellipsis":d},attrs:{colspan:b.length}},[w("div",{class:{"vxe-body--expanded-cell":1,"is--ellipsis":l},style:c},[U.renderData(w,p)])])]))),h&&A.push(...renderRows(w,x,m,y,g,b))}),A}let scrollProcessTimeout;function syncBodyScroll(e,l,t,r,o){(r||o)&&(r&&((0,_util.removeScrollListener)(r),r.scrollTop=t),o&&((0,_util.removeScrollListener)(o),o.scrollTop=t),clearTimeout(scrollProcessTimeout),scrollProcessTimeout=setTimeout(()=>{(0,_util.restoreScrollListener)(r),(0,_util.restoreScrollListener)(o)},300))}var _default=exports.default={name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,size:String,fixedType:String},data(){return{wheelTime:null,wheelYSize:0,wheelYInterval:0,wheelYTotal:0}},mounted(){var{$parent:e,$el:l,$refs:t,fixedType:r}=this,e=e.elemStore,r=`${r||"main"}-body-`;e[r+"wrapper"]=l,e[r+"table"]=t.table,e[r+"colgroup"]=t.colgroup,e[r+"list"]=t.tbody,e[r+"xSpace"]=t.xSpace,e[r+"ySpace"]=t.ySpace,e[r+"emptyBlock"]=t.emptyBlock,this.$el&&(this.$el.onscroll=this.scrollEvent,this.$el._onscroll=this.scrollEvent)},beforeDestroy(){clearTimeout(this.wheelTime),this.$el&&(this.$el._onscroll=null,this.$el.onscroll=null)},destroyed(){var{$parent:e,fixedType:l}=this,e=e.elemStore,l=`${l||"main"}-body-`;e[l+"wrapper"]=null,e[l+"table"]=null,e[l+"colgroup"]=null,e[l+"list"]=null,e[l+"xSpace"]=null,e[l+"ySpace"]=null,e[l+"emptyBlock"]=null},render(t){let{_e:e,$parent:l,fixedColumn:r,fixedType:o}=this,{$scopedSlots:s,tId:i,tableData:a,tableColumn:n,visibleColumn:c,expandColumn:d,showOverflow:p,keyboardConfig:u,keyboardOpts:h,mergeList:g,spanMethod:v,scrollXLoad:w,scrollYLoad:x,isAllOverflow:m,emptyOpts:y,mouseConfig:f,mouseOpts:b,sYOpts:T}=l;o&&(n=d||!(w||x||p&&m)||g.length||v||u&&h.isMerge?c:r);let S;var $;return S=s.empty?s.empty.call(this,{$table:l},t):($=($=y.name?renderer.get(y.name):null)?$.renderTableEmpty||$.renderTableEmptyView||$.renderEmpty:null)?(0,_vn.getSlotVNs)($.call(this,t,y,{$table:l})):l.emptyText||getI18n("vxe.table.emptyText"),t("div",{class:["vxe-table--body-wrapper",o?`fixed-${o}--wrapper`:"body--wrapper"],attrs:{xid:i},on:x&&"wheel"===T.mode?{wheel:this.wheelEvent}:{}},[o?e():t("div",{class:"vxe-body--x-space",ref:"xSpace"}),t("div",{class:"vxe-body--y-space",ref:"ySpace"}),t("table",{class:"vxe-table--body",attrs:{xid:i,cellspacing:0,cellpadding:0,border:0},ref:"table"},[t("colgroup",{ref:"colgroup"},n.map((e,l)=>t("col",{attrs:{name:e.id},key:l}))),t("tbody",{ref:"tbody"},renderRows(t,this,l,o,a,n))]),t("div",{class:"vxe-table--checkbox-range"}),f&&b.area?t("div",{class:"vxe-table--cell-area"},[t("span",{class:"vxe-table--cell-main-area"},b.extension?[t("span",{class:"vxe-table--cell-main-area-btn",on:{mousedown(e){l.triggerCellExtendMousedownEvent(e,{$table:l,fixed:o,type:renderType})}}})]:null),t("span",{class:"vxe-table--cell-copy-area"}),t("span",{class:"vxe-table--cell-extend-area"}),t("span",{class:"vxe-table--cell-multi-area"}),t("span",{class:"vxe-table--cell-active-area"})]):null,o?null:t("div",{class:"vxe-table--empty-block",ref:"emptyBlock"},[t("div",{class:"vxe-table--empty-content"},S)])])},methods:{scrollEvent(e){var{$el:l,$parent:t,fixedType:r}=this,{$refs:o,elemStore:s,highlightHoverRow:i,scrollXLoad:a,scrollYLoad:n,lastScrollTop:c,lastScrollLeft:d,rowOpts:p}=t,{tableHeader:o,tableBody:u,leftBody:h,rightBody:g,tableFooter:v,validTip:w}=o,o=o?o.$el:null,v=v?v.$el:null,u=u.$el,h=h?h.$el:null,g=g?g.$el:null,x=s["main-body-ySpace"],s=s["main-body-xSpace"],x=(n&&x?x:u).clientHeight,s=(a&&s?s:u).clientWidth;let m=l.scrollTop;l=u.scrollLeft,d=l!==d,c=m!==c;t.lastScrollTop=m,t.lastScrollLeft=l,t.lastScrollTime=Date.now(),(p.isHover||i)&&t.clearHoverRow(),h&&"left"===r?syncBodyScroll(t,r,m=h.scrollTop,u,g):g&&"right"===r?syncBodyScroll(t,r,m=g.scrollTop,u,h):(d&&(o&&(o.scrollLeft=u.scrollLeft),v)&&(v.scrollLeft=u.scrollLeft),(h||g)&&(t.checkScrolling(),c)&&syncBodyScroll(t,r,m,h,g)),a&&d&&t.triggerScrollXEvent(e),n&&c&&t.triggerScrollYEvent(e),d&&w&&w.visible&&w.updatePlacement(),t.emitEvent("scroll",{type:renderType,fixed:r,scrollTop:m,scrollLeft:l,scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth,bodyHeight:x,bodyWidth:s,isX:d,isY:c},e)},handleWheel(a,n,e,c,d){let p=this.$parent;var{$refs:l,elemStore:t,scrollYLoad:r,scrollXLoad:o}=p,{tableBody:l,leftBody:s,rightBody:i}=l;let u=l.$el,h=s?s.$el:null,g=i?i.$el:null;l=this.isPrevWheelTop===n?Math.max(0,this.wheelYSize-this.wheelYTotal):0,s=t["main-body-ySpace"],i=t["main-body-xSpace"];let v=(r&&s?s:u).clientHeight,w=(o&&i?i:u).clientWidth,x=(this.isPrevWheelTop=n,this.wheelYSize=Math.abs(n?e-l:e+l),this.wheelYInterval=0,this.wheelYTotal=0,clearTimeout(this.wheelTime),()=>{let{fixedType:e,wheelYTotal:l,wheelYSize:t,wheelYInterval:r}=this;var o,s,i;l<t&&(t<(l+=r=Math.max(5,Math.floor(1.5*r)))&&(r-=l-t),{scrollTop:i,clientHeight:o,scrollHeight:s}=u,i=i+r*(n?-1:1),u.scrollTop=i,h&&(h.scrollTop=i),g&&(g.scrollTop=i),(n?i<s-o:0<=i)&&(this.wheelTime=setTimeout(x,10)),this.wheelYTotal=l,this.wheelYInterval=r,p.emitEvent("scroll",{type:renderType,fixed:e,scrollTop:u.scrollTop,scrollLeft:u.scrollLeft,scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth,bodyHeight:v,bodyWidth:w,isX:c,isY:d},a))});x()},wheelEvent(e){var{deltaY:l,deltaX:t}=e,{$el:r,$parent:o}=this,{$refs:s,highlightHoverRow:i,scrollYLoad:a,lastScrollTop:n,lastScrollLeft:c,rowOpts:d}=o,s=s.tableBody,s=s.$el,p=l<0;(p?r.scrollTop<=0:r.scrollTop>=r.scrollHeight-r.clientHeight)||(r=r.scrollTop+l,t=(s=s.scrollLeft+t)!==c,(c=r!==n)&&(e.preventDefault(),o.lastScrollTop=r,o.lastScrollLeft=s,o.lastScrollTime=Date.now(),(d.isHover||i)&&o.clearHoverRow(),this.handleWheel(e,p,l,t,c),a)&&o.triggerScrollYEvent(e))}}};
|
package/lib/table/src/footer.js
CHANGED
|
@@ -5,10 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
8
|
+
var _ui = require("../../ui");
|
|
8
9
|
var _utils = require("../../ui/src/utils");
|
|
9
10
|
var _dom = require("../../ui/src/dom");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
12
|
const cellType = 'footer';
|
|
13
|
+
const {
|
|
14
|
+
renderer
|
|
15
|
+
} = _ui.VxeUI;
|
|
12
16
|
function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
|
|
13
17
|
for (let mIndex = 0; mIndex < mergeFooterList.length; mIndex++) {
|
|
14
18
|
const {
|
|
@@ -180,13 +184,17 @@ var _default = exports.default = {
|
|
|
180
184
|
showFooterOverflow,
|
|
181
185
|
footerAlign,
|
|
182
186
|
align,
|
|
183
|
-
footerClassName
|
|
187
|
+
footerClassName,
|
|
188
|
+
editRender,
|
|
189
|
+
cellRender
|
|
184
190
|
} = column;
|
|
191
|
+
const renderOpts = editRender || cellRender;
|
|
192
|
+
const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
|
|
185
193
|
const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
|
|
186
194
|
const isColGroup = column.children && column.children.length;
|
|
187
195
|
const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
|
|
188
196
|
const footOverflow = _xeUtils.default.isUndefined(showFooterOverflow) || _xeUtils.default.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
|
|
189
|
-
const footAlign = footerAlign ||
|
|
197
|
+
const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
|
|
190
198
|
let showEllipsis = footOverflow === 'ellipsis';
|
|
191
199
|
const showTitle = footOverflow === 'title';
|
|
192
200
|
const showTooltip = footOverflow === true || footOverflow === 'tooltip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let cellType="footer";function mergeFooterMethod(l,t,
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let cellType="footer",renderer=_ui.VxeUI.renderer;function mergeFooterMethod(l,t,r){for(let e=0;e<l.length;e++){var{row:o,col:a,rowspan:n,colspan:i}=l[e];if(-1<a&&-1<o&&n&&i){if(o===t&&a===r)return{rowspan:n,colspan:i};if(o<=t&&t<o+n&&a<=r&&r<a+i)return{rowspan:0,colspan:0}}}}var _default=exports.default={name:"VxeTableFooter",props:{footerTableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:String,size:String},mounted(){var{$parent:e,$el:l,$refs:t,fixedType:r}=this,e=e.elemStore,r=`${r||"main"}-footer-`;e[r+"wrapper"]=l,e[r+"table"]=t.table,e[r+"colgroup"]=t.colgroup,e[r+"list"]=t.tfoot,e[r+"xSpace"]=t.xSpace},destroyed(){var{$parent:e,fixedType:l}=this,e=e.elemStore,l=`${l||"main"}-footer-`;e[l+"wrapper"]=null,e[l+"table"]=null,e[l+"colgroup"]=null,e[l+"list"]=null,e[l+"xSpace"]=null},render(y){let{_e:e,$parent:_,fixedType:T,fixedColumn:l,tableColumn:h,footerTableData:$}=this,{$listeners:C,tId:t,footerRowClassName:r,footerCellClassName:S,footerRowStyle:o,footerCellStyle:F,footerAlign:I,mergeFooterList:L,footerSpanMethod:k,align:A,scrollXLoad:E,columnKey:U,columnOpts:O,showFooterOverflow:q,currentColumn:R,overflowX:D,scrollbarWidth:a,tooltipOpts:M,visibleColumn:n,expandColumn:i}=_;return T&&(h=i||!E&&!q||L.length&&k?n:l),y("div",{class:["vxe-table--footer-wrapper",T?`fixed-${T}--wrapper`:"body--wrapper"],attrs:{xid:t},on:{scroll:this.scrollEvent}},[T?e():y("div",{class:"vxe-body--x-space",ref:"xSpace"}),y("table",{class:"vxe-table--footer",attrs:{xid:t,cellspacing:0,cellpadding:0,border:0},ref:"table"},[y("colgroup",{ref:"colgroup"},h.map((e,l)=>y("col",{attrs:{name:e.id},key:l})).concat(a?[y("col",{attrs:{name:"col_gutter"}})]:[])),y("tfoot",{ref:"tfoot"},$.map((v,b)=>{let w=b;var e={$table:_,row:v,_rowIndex:b,$rowIndex:w,fixed:T,type:cellType};return y("tr",{class:["vxe-footer--row",r?_xeUtils.default.isFunction(r)?r(e):r:""],style:o?_xeUtils.default.isFunction(o)?o(e):o:null},h.map((l,e)=>{var{type:t,showFooterOverflow:r,footerAlign:o,align:a,footerClassName:n,editRender:i,cellRender:s}=l,i=i||s,s=i?renderer.get(i.name):null;let c=M.showAll||M.enabled;i=l.children&&l.children.length,i=T?l.fixed!==T&&!i:l.fixed&&D,r=_xeUtils.default.isUndefined(r)||_xeUtils.default.isNull(r)?q:r,o=o||(s?s.tableFooterCellAlign:"")||I||a||(s?s.tableCellAlign:"")||A;let d="ellipsis"===r,u="title"===r,p=!0===r||"tooltip"===r,f=u||p||d;var a={colid:l.id},s={},r=_.getColumnIndex(l),x=_.getVTColumnIndex(l),m=x;let g={$table:_,$grid:_.xegrid,row:v,_rowIndex:b,$rowIndex:w,column:l,columnIndex:r,$columnIndex:e,_columnIndex:x,itemIndex:m,items:v,fixed:T,type:cellType,data:$};if(E&&!f&&(d=f=!0),(u||p||c)&&(s.mouseenter=e=>{u?(0,_dom.updateCellTitle)(e.currentTarget,l):(p||c)&&_.triggerFooterTooltipEvent(e,g)}),(p||c)&&(s.mouseleave=e=>{(p||c)&&_.handleTargetLeaveEvent(e)}),C["footer-cell-click"]&&(s.click=e=>{_.emitEvent("footer-cell-click",Object.assign({cell:e.currentTarget},g),e)}),C["footer-cell-dblclick"]&&(s.dblclick=e=>{_.emitEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},g),e)}),L.length){r=mergeFooterMethod(L,b,x);if(r){var{rowspan:m,colspan:x}=r;if(!m||!x)return null;1<m&&(a.rowspan=m),1<x&&(a.colspan=x)}}else if(k){var{rowspan:r=1,colspan:m=1}=k(g)||{};if(!r||!m)return null;1<r&&(a.rowspan=r),1<m&&(a.colspan=m)}return y("td",{class:["vxe-footer--column",l.id,{["col--"+o]:o,["col--"+t]:t,"col--last":e===h.length-1,"fixed--hidden":i,"col--ellipsis":f,"col--current":R===l},(0,_utils.getClass)(n,g),(0,_utils.getClass)(S,g)],attrs:a,style:F?_xeUtils.default.isFunction(F)?F(g):F:null,on:s,key:U||O.useKey?l.id:e},[y("div",{class:["vxe-cell",{"c--title":u,"c--tooltip":p,"c--ellipsis":d}]},l.renderFooter(y,g))])}).concat(a?[y("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])},methods:{scrollEvent(e){var{$parent:l,fixedType:t}=this,{$refs:r,scrollXLoad:o,triggerScrollXEvent:a,lastScrollLeft:n}=l,{tableHeader:r,tableBody:i,tableFooter:s,validTip:c}=r,r=r?r.$el:null,s=s?s.$el:null,i=i.$el,s=s?s.scrollLeft:0,n=s!==n;l.lastScrollLeft=s,l.lastScrollTime=Date.now(),r&&(r.scrollLeft=s),i&&(i.scrollLeft=s),o&&n&&a(e),n&&c&&c.visible&&c.updatePlacement(),l.emitEvent("scroll",{type:cellType,fixed:t,scrollTop:i.scrollTop,scrollLeft:s,isX:n,isY:!1},e)}}};
|
package/lib/table/src/header.js
CHANGED
|
@@ -5,10 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
8
|
+
var _ui = require("../../ui");
|
|
8
9
|
var _utils = require("../../ui/src/utils");
|
|
9
10
|
var _dom = require("../../ui/src/dom");
|
|
10
11
|
var _util = require("./util");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
const {
|
|
14
|
+
renderer
|
|
15
|
+
} = _ui.VxeUI;
|
|
12
16
|
const cellType = 'header';
|
|
13
17
|
var _default = exports.default = {
|
|
14
18
|
name: 'VxeTableHeader',
|
|
@@ -173,14 +177,18 @@ var _default = exports.default = {
|
|
|
173
177
|
showHeaderOverflow,
|
|
174
178
|
headerAlign,
|
|
175
179
|
align,
|
|
176
|
-
headerClassName
|
|
180
|
+
headerClassName,
|
|
181
|
+
editRender,
|
|
182
|
+
cellRender
|
|
177
183
|
} = column;
|
|
178
184
|
// const { enabled } = tooltipOpts
|
|
179
185
|
const colid = column.id;
|
|
186
|
+
const renderOpts = editRender || cellRender;
|
|
187
|
+
const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
|
|
180
188
|
const isColGroup = column.children && column.children.length;
|
|
181
189
|
const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
|
|
182
190
|
const headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
|
|
183
|
-
const headAlign = headerAlign ||
|
|
191
|
+
const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
|
|
184
192
|
let showEllipsis = headOverflow === 'ellipsis';
|
|
185
193
|
const showTitle = headOverflow === 'title';
|
|
186
194
|
const showTooltip = headOverflow === true || headOverflow === 'tooltip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let cellType="header";var _default=exports.default={name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,size:String,fixedType:String},data(){return{headerColumn:[]}},watch:{tableColumn(){this.uploadColumn()}},created(){this.uploadColumn()},mounted(){var{$parent:e,$el:l,$refs:t,fixedType:r}=this,e=e.elemStore,r=`${r||"main"}-header-`;e[r+"wrapper"]=l,e[r+"table"]=t.table,e[r+"colgroup"]=t.colgroup,e[r+"list"]=t.thead,e[r+"xSpace"]=t.xSpace,e[r+"repair"]=t.repair},destroyed(){var{$parent:e,fixedType:l}=this,e=e.elemStore,l=`${l||"main"}-header-`;e[l+"wrapper"]=null,e[l+"table"]=null,e[l+"colgroup"]=null,e[l+"list"]=null,e[l+"xSpace"]=null,e[l+"repair"]=null},render(
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderer=_ui.VxeUI.renderer,cellType="header";var _default=exports.default={name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,size:String,fixedType:String},data(){return{headerColumn:[]}},watch:{tableColumn(){this.uploadColumn()}},created(){this.uploadColumn()},mounted(){var{$parent:e,$el:l,$refs:t,fixedType:r}=this,e=e.elemStore,r=`${r||"main"}-header-`;e[r+"wrapper"]=l,e[r+"table"]=t.table,e[r+"colgroup"]=t.colgroup,e[r+"list"]=t.thead,e[r+"xSpace"]=t.xSpace,e[r+"repair"]=t.repair},destroyed(){var{$parent:e,fixedType:l}=this,e=e.elemStore,l=`${l||"main"}-header-`;e[l+"wrapper"]=null,e[l+"table"]=null,e[l+"colgroup"]=null,e[l+"list"]=null,e[l+"xSpace"]=null,e[l+"repair"]=null},render(C){let{_e:e,$parent:v,fixedType:y,headerColumn:l,tableColumn:t,fixedColumn:r}=this,{$listeners:_,tId:i,isGroup:a,visibleColumn:o,resizable:w,border:$,columnKey:z,headerRowClassName:n,headerCellClassName:S,headerRowStyle:s,headerCellStyle:T,showHeaderOverflow:M,headerAlign:W,align:R,highlightCurrentColumn:k,currentColumn:H,scrollXLoad:I,overflowX:A,scrollbarWidth:d,sortOpts:U,mouseConfig:O,columnOpts:q}=v,u=l,c=t;return a?c=o:(y&&(I||M)&&(c=r),u=[c]),C("div",{class:["vxe-table--header-wrapper",y?`fixed-${y}--wrapper`:"body--wrapper"],attrs:{xid:i}},[y?e():C("div",{class:"vxe-body--x-space",ref:"xSpace"}),C("table",{class:"vxe-table--header",attrs:{xid:i,cellspacing:0,cellpadding:0,border:0},ref:"table"},[C("colgroup",{ref:"colgroup"},c.map((e,l)=>C("col",{attrs:{name:e.id},key:l})).concat(d?[C("col",{attrs:{name:"col_gutter"}})]:[])),C("thead",{ref:"thead"},u.map((g,b)=>C("tr",{class:["vxe-header--row",n?_xeUtils.default.isFunction(n)?n({$table:v,$rowIndex:b,fixed:y,type:cellType}):n:""],style:s?_xeUtils.default.isFunction(s)?s({$table:v,$rowIndex:b,fixed:y,type:cellType}):s:null},g.map((e,l)=>{var{type:t,showHeaderOverflow:r,headerAlign:i,align:a,headerClassName:o,editRender:n,cellRender:s}=e,d=e.id,n=n||s,s=n?renderer.get(n.name):null,n=e.children&&e.children.length,u=y?e.fixed!==y&&!n:e.fixed&&A,r=_xeUtils.default.isUndefined(r)||_xeUtils.default.isNull(r)?M:r,i=i||(s?s.tableHeaderCellAlign:"")||W||a||(s?s.tableCellAlign:"")||R;let c="ellipsis"===r;a="title"===r,s=!0===r||"tooltip"===r;let p=a||s||c;var r={},m=e.filters&&e.filters.some(e=>e.checked),h=v.getColumnIndex(e),f=v.getVTColumnIndex(e);let x={$table:v,$grid:v.xegrid,$rowIndex:b,column:e,columnIndex:h,$columnIndex:l,_columnIndex:f,fixed:y,type:cellType,isHidden:u,hasFilter:m};return I&&!p&&(c=p=!0),(q.isCurrent||k||_["header-cell-click"]||"cell"===U.trigger)&&(r.click=e=>v.triggerHeaderCellClickEvent(e,x)),_["header-cell-dblclick"]&&(r.dblclick=e=>v.triggerHeaderCellDblclickEvent(e,x)),O&&(r.mousedown=e=>v.triggerHeaderCellMousedownEvent(e,x)),C("th",{class:["vxe-header--column",d,{["col--"+i]:i,["col--"+t]:t,"col--last":l===g.length-1,"col--fixed":e.fixed,"col--group":n,"col--ellipsis":p,"fixed--hidden":u,"is--sortable":e.sortable,"col--filter":!!e.filters,"is--filter-active":m,"col--current":H===e},(0,_utils.getClass)(o,x),(0,_utils.getClass)(S,x)],attrs:{colid:d,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null},style:T?_xeUtils.default.isFunction(T)?T(x):T:null,on:r,key:z||q.useKey||n?d:l},[C("div",{class:["vxe-cell",{"c--title":a,"c--tooltip":s,"c--ellipsis":c}]},e.renderHeader(C,x)),u||n||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:q.resizable||w)?null:C("div",{class:["vxe-resizable",{"is--line":!$||"none"===$}],on:{mousedown:e=>this.resizeMousedown(e,x)}})])}).concat(d?[C("th",{class:"vxe-header--gutter col--gutter"})]:[]))))]),C("div",{class:"vxe-table--header-border-line",ref:"repair"})])},methods:{uploadColumn(){var e=this.$parent;this.headerColumn=e.isGroup?(0,_util.convertHeaderColumnToRows)(this.tableGroupColumn):[]},resizeMousedown(e,t){let r=t.column,{$parent:i,$el:l,fixedType:a}=this,{tableBody:o,leftContainer:n,rightContainer:s,resizeBar:d}=i.$refs,{target:u,clientX:c}=e,p=t.cell=u.parentNode,m=0,h=o.$el;var f=(0,_dom.getOffsetPos)(u,l),x=u.clientWidth,g=Math.floor(x/2);let b=(0,_util.getColReMinWidth)(t)-g,C=f.left-p.clientWidth+x+b,v=f.left+g,y=document.onmousemove,_=document.onmouseup,w="left"===a,$="right"===a,z=0;if(w||$){var S=w?"nextElementSibling":"previousElementSibling";let e=p[S];for(;e&&!(0,_dom.hasClass)(e,"fixed--hidden");)(0,_dom.hasClass)(e,"col--group")||(z+=e.offsetWidth),e=e[S];$&&s&&(v=s.offsetLeft+z)}function T(e){e.stopPropagation(),e.preventDefault(),e=e.clientX-c;let l=v+e;e=a?0:h.scrollLeft,w?l=Math.min(l,(s?s.offsetLeft:h.clientWidth)-z-b):$?(C=(n?n.clientWidth:0)+z+b,l=Math.min(l,v+p.clientWidth-b)):C=Math.max(h.scrollLeft,C),m=Math.max(l,C),d.style.left=m-e+"px"}i._isResize=!0,(0,_dom.addClass)(i.$el,"drag--resize"),d.style.display="block",document.onmousemove=T,document.onmouseup=function(e){document.onmousemove=y,document.onmouseup=_;let l=r.renderWidth+($?v-m:m-v);r.resizeWidth=l,d.style.display="none",i._isResize=!1,i._lastResizeTime=Date.now(),i.analyColumnWidth(),i.recalculate(!0).then(()=>{i.saveCustomStore("update:visible"),i.updateCellAreas(),i.emitEvent("resizable-change",Object.assign(Object.assign({},t),{resizeWidth:l}),e),setTimeout(()=>i.recalculate(!0),300)}),(0,_dom.removeClass)(i.$el,"drag--resize")},T(e),i.closeMenu()}}};
|
package/lib/ui/index.js
CHANGED
|
@@ -13,9 +13,9 @@ Object.defineProperty(exports, "VxeUI", {
|
|
|
13
13
|
exports.version = exports.validators = exports.use = exports.t = exports.setup = exports.setTheme = exports.setLanguage = exports.setIcon = exports.setI18n = exports.setConfig = exports.saveFile = exports.renderer = exports.readFile = exports.print = exports.modal = exports.menus = exports.log = exports.interceptor = exports.globalResize = exports.globalEvents = exports.getTheme = exports.getIcon = exports.getI18n = exports.getConfig = exports.formats = exports.default = exports.config = exports.commands = exports.clipboard = exports._t = void 0;
|
|
14
14
|
var _core = require("@vxe-ui/core");
|
|
15
15
|
var _utils = require("./src/utils");
|
|
16
|
-
const version = exports.version = "3.9.
|
|
16
|
+
const version = exports.version = "3.9.15";
|
|
17
17
|
_core.VxeUI.version = version;
|
|
18
|
-
_core.VxeUI.tableVersion = "3.9.
|
|
18
|
+
_core.VxeUI.tableVersion = "3.9.15";
|
|
19
19
|
_core.VxeUI.setConfig({
|
|
20
20
|
emptyCell: ' ',
|
|
21
21
|
table: {
|
package/lib/ui/index.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.VXETable=void 0,Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _core.VxeUI}}),exports.version=exports.validators=exports.use=exports.t=exports.setup=exports.setTheme=exports.setLanguage=exports.setIcon=exports.setI18n=exports.setConfig=exports.saveFile=exports.renderer=exports.readFile=exports.print=exports.modal=exports.menus=exports.log=exports.interceptor=exports.globalResize=exports.globalEvents=exports.getTheme=exports.getIcon=exports.getI18n=exports.getConfig=exports.formats=exports.default=exports.config=exports.commands=exports.clipboard=exports._t=void 0;var _core=require("@vxe-ui/core"),_utils=require("./src/utils");let version=exports.version="3.9.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.VXETable=void 0,Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _core.VxeUI}}),exports.version=exports.validators=exports.use=exports.t=exports.setup=exports.setTheme=exports.setLanguage=exports.setIcon=exports.setI18n=exports.setConfig=exports.saveFile=exports.renderer=exports.readFile=exports.print=exports.modal=exports.menus=exports.log=exports.interceptor=exports.globalResize=exports.globalEvents=exports.getTheme=exports.getIcon=exports.getI18n=exports.getConfig=exports.formats=exports.default=exports.config=exports.commands=exports.clipboard=exports._t=void 0;var _core=require("@vxe-ui/core"),_utils=require("./src/utils");let version=exports.version="3.9.15",iconPrefix=(_core.VxeUI.version=version,_core.VxeUI.tableVersion="3.9.15",_core.VxeUI.setConfig({emptyCell:" ",table:{fit:!0,showHeader:!0,animat:!0,delayHover:250,autoResize:!0,padding:!0,minHeight:144,resizeConfig:{refreshDelay:250},radioConfig:{strict:!0},checkboxConfig:{strict:!0},tooltipConfig:{enterable:!0},validConfig:{showMessage:!0,autoClear:!0,autoPos:!0,message:"inline",msgMode:"single"},columnConfig:{maxFixedSize:4},customConfig:{allowVisible:!0,allowResizable:!0,allowFixed:!0,allowSort:!0,showFooter:!0,placement:"top-right",modalOptions:{showMaximize:!0,mask:!0,lockView:!0,resize:!0,escClosable:!0}},sortConfig:{showIcon:!0,iconLayout:"vertical"},filterConfig:{showIcon:!0},treeConfig:{rowField:"id",parentField:"parentId",childrenField:"children",hasChildField:"hasChild",mapChildrenField:"_X_ROW_CHILD",indent:20,showIcon:!0},expandConfig:{showIcon:!0},editConfig:{showIcon:!0,showAsterisk:!0,autoFocus:!0},importConfig:{_typeMaps:{csv:1,html:1,xml:1,txt:1}},exportConfig:{_typeMaps:{csv:1,html:1,xml:1,txt:1}},printConfig:{},mouseConfig:{extension:!0},keyboardConfig:{isEsc:!0},areaConfig:{autoClear:!0,selectCellByHeader:!0},clipConfig:{isCopy:!0,isCut:!0,isPaste:!0},fnrConfig:{isFind:!0,isReplace:!0},scrollX:{gt:60},scrollY:{gt:100}},grid:{formConfig:{enabled:!0},pagerConfig:{enabled:!0},toolbarConfig:{enabled:!0},proxyConfig:{enabled:!0,autoLoad:!0,showResponseMsg:!0,showActiveMsg:!0,props:{list:null,result:"result",total:"page.total",message:"message"}}},toolbar:{}}),"vxe-table-icon-"),setTheme=(_core.VxeUI.setIcon({TABLE_SORT_ASC:iconPrefix+"caret-up",TABLE_SORT_DESC:iconPrefix+"caret-down",TABLE_FILTER_NONE:iconPrefix+"funnel",TABLE_FILTER_MATCH:iconPrefix+"funnel",TABLE_EDIT:iconPrefix+"edit",TABLE_TITLE_PREFIX:iconPrefix+"question-circle-fill",TABLE_TITLE_SUFFIX:iconPrefix+"question-circle-fill",TABLE_TREE_LOADED:iconPrefix+"spinner roll",TABLE_TREE_OPEN:iconPrefix+"caret-right rotate90",TABLE_TREE_CLOSE:iconPrefix+"caret-right",TABLE_EXPAND_LOADED:iconPrefix+"spinner roll",TABLE_EXPAND_OPEN:iconPrefix+"arrow-right rotate90",TABLE_EXPAND_CLOSE:iconPrefix+"arrow-right",TABLE_CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",TABLE_CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",TABLE_CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",TABLE_RADIO_CHECKED:iconPrefix+"radio-checked-fill",TABLE_RADIO_UNCHECKED:iconPrefix+"radio-unchecked",TABLE_CUSTOM_SORT:iconPrefix+"drag-handle",TABLE_MENU_OPTIONS:iconPrefix+"arrow-right",TOOLBAR_TOOLS_REFRESH:iconPrefix+"repeat",TOOLBAR_TOOLS_REFRESH_LOADING:iconPrefix+"repeat roll",TOOLBAR_TOOLS_IMPORT:iconPrefix+"upload",TOOLBAR_TOOLS_EXPORT:iconPrefix+"download",TOOLBAR_TOOLS_PRINT:iconPrefix+"print",TOOLBAR_TOOLS_FULLSCREEN:iconPrefix+"fullscreen",TOOLBAR_TOOLS_MINIMIZE:iconPrefix+"minimize",TOOLBAR_TOOLS_CUSTOM:iconPrefix+"custom-column",TOOLBAR_TOOLS_FIXED_LEFT:iconPrefix+"fixed-left",TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:iconPrefix+"fixed-left-fill",TOOLBAR_TOOLS_FIXED_RIGHT:iconPrefix+"fixed-right",TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:iconPrefix+"fixed-right-fill"}),exports.setTheme=_core.VxeUI.setTheme),getTheme=exports.getTheme=_core.VxeUI.getTheme,setConfig=exports.setConfig=_core.VxeUI.setConfig,getConfig=exports.getConfig=_core.VxeUI.getConfig,setIcon=exports.setIcon=_core.VxeUI.setIcon,getIcon=exports.getIcon=_core.VxeUI.getIcon,setLanguage=exports.setLanguage=_core.VxeUI.setLanguage,setI18n=exports.setI18n=_core.VxeUI.setI18n,getI18n=exports.getI18n=_core.VxeUI.getI18n,globalEvents=exports.globalEvents=_core.VxeUI.globalEvents,globalResize=exports.globalResize=_core.VxeUI.globalResize,renderer=exports.renderer=_core.VxeUI.renderer,validators=exports.validators=_core.VxeUI.validators,menus=exports.menus=_core.VxeUI.menus,formats=exports.formats=_core.VxeUI.formats,commands=exports.commands=_core.VxeUI.commands,interceptor=exports.interceptor=_core.VxeUI.interceptor,clipboard=exports.clipboard=_core.VxeUI.clipboard,log=exports.log=_core.VxeUI.log,use=exports.use=_core.VxeUI.use,setup=e=>_core.VxeUI.setConfig(e),config=(exports.setup=setup,_core.VxeUI.setup=setup,e=>_core.VxeUI.setConfig(e)),t=(exports.config=config,_core.VxeUI.config=config,(e,o)=>_core.VxeUI.getI18n(e,o)),_t=(exports.t=t,_core.VxeUI.t=t,(e,o)=>(0,_utils.getFuncText)(e,o)),VXETable=(exports._t=_t,_core.VxeUI._t=_t,exports.VXETable=_core.VxeUI),saveFile=e=>_core.VxeUI.saveFile(e),readFile=(exports.saveFile=saveFile,e=>_core.VxeUI.readFile(e)),print=(exports.readFile=readFile,e=>_core.VxeUI.print(e)),modal=(exports.print=print,exports.modal={get(e){return _core.VxeUI.modal.get(e)},close(e){return _core.VxeUI.modal.close(e)},open(e){return _core.VxeUI.modal.open(e)},alert(e,o,r){return _core.VxeUI.modal.alert(e,o,r)},confirm(e,o,r){return _core.VxeUI.modal.confirm(e,o,r)},message(e,o){return _core.VxeUI.modal.message(e,o)},notification(e,o,r){return _core.VxeUI.modal.notification(e,o,r)}});var _default=exports.default=_core.VxeUI;
|
package/lib/ui/src/log.js
CHANGED
|
@@ -8,6 +8,6 @@ var _core = require("@vxe-ui/core");
|
|
|
8
8
|
const {
|
|
9
9
|
log
|
|
10
10
|
} = _core.VxeUI;
|
|
11
|
-
const version = `table v${"3.9.
|
|
11
|
+
const version = `table v${"3.9.15"}`;
|
|
12
12
|
const warnLog = exports.warnLog = log.create('warn', version);
|
|
13
13
|
const errLog = exports.errLog = log.create('error', version);
|
package/lib/ui/src/log.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="table v3.9.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="table v3.9.15",warnLog=exports.warnLog=log.create("warn",version),errLog=exports.errLog=log.create("error",version);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vxe-table",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.15",
|
|
4
4
|
"description": "一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟树、列拖拽,懒加载、快捷菜单、数据校验、树形结构、打印、导入导出、自定义模板、渲染器、JSON 配置式...",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"update": "npm install --legacy-peer-deps",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"style": "lib/style.css",
|
|
29
29
|
"typings": "types/index.d.ts",
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"vxe-pc-ui": "^3.1.
|
|
31
|
+
"vxe-pc-ui": "^3.1.33"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/plugin-transform-modules-commonjs": "^7.25.7",
|
|
@@ -55,7 +55,7 @@ const renderSimplePanel = (h: CreateElement, _vm: any) => {
|
|
|
55
55
|
colid: column.id
|
|
56
56
|
},
|
|
57
57
|
class: ['vxe-table-custom--option', `level--${column.level}`, {
|
|
58
|
-
'is--hidden': isHidden,
|
|
58
|
+
'is--hidden': isDisabled || isHidden,
|
|
59
59
|
'is--group': isColGroup
|
|
60
60
|
}],
|
|
61
61
|
on: {
|
|
@@ -93,12 +93,12 @@ const renderSimplePanel = (h: CreateElement, _vm: any) => {
|
|
|
93
93
|
}, [
|
|
94
94
|
h('span', {
|
|
95
95
|
class: ['vxe-table-custom--sort-btn', {
|
|
96
|
-
'is--disabled': isHidden
|
|
96
|
+
'is--disabled': isDisabled || isHidden
|
|
97
97
|
}],
|
|
98
98
|
attrs: {
|
|
99
99
|
title: getI18n('vxe.custom.setting.sortHelpTip')
|
|
100
100
|
},
|
|
101
|
-
on: isHidden
|
|
101
|
+
on: isDisabled || isHidden
|
|
102
102
|
? {}
|
|
103
103
|
: {
|
|
104
104
|
mousedown: _vm.sortMousedownEvent,
|
|
@@ -135,7 +135,7 @@ const renderSimplePanel = (h: CreateElement, _vm: any) => {
|
|
|
135
135
|
mode: 'text',
|
|
136
136
|
icon: column.renderFixed === 'left' ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT,
|
|
137
137
|
status: column.renderFixed === 'left' ? 'primary' : '',
|
|
138
|
-
disabled: isHidden || (isMaxFixedColumn && !column.renderFixed),
|
|
138
|
+
disabled: isDisabled || isHidden || (isMaxFixedColumn && !column.renderFixed),
|
|
139
139
|
title: getI18n(column.renderFixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft')
|
|
140
140
|
},
|
|
141
141
|
on: {
|
|
@@ -149,7 +149,7 @@ const renderSimplePanel = (h: CreateElement, _vm: any) => {
|
|
|
149
149
|
mode: 'text',
|
|
150
150
|
icon: column.renderFixed === 'right' ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,
|
|
151
151
|
status: column.renderFixed === 'right' ? 'primary' : '',
|
|
152
|
-
disabled: isHidden || (isMaxFixedColumn && !column.renderFixed),
|
|
152
|
+
disabled: isDisabled || isHidden || (isMaxFixedColumn && !column.renderFixed),
|
|
153
153
|
title: getI18n(column.renderFixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight')
|
|
154
154
|
},
|
|
155
155
|
on: {
|
|
@@ -347,12 +347,12 @@ const renderPopupPanel = (h: CreateElement, _vm: any) => {
|
|
|
347
347
|
column.level === 1
|
|
348
348
|
? h('span', {
|
|
349
349
|
class: ['vxe-table-custom-popup--column-sort-btn', {
|
|
350
|
-
'is--disabled': isHidden
|
|
350
|
+
'is--disabled': isDisabled || isHidden
|
|
351
351
|
}],
|
|
352
352
|
attrs: {
|
|
353
353
|
title: getI18n('vxe.custom.setting.sortHelpTip')
|
|
354
354
|
},
|
|
355
|
-
on: isHidden
|
|
355
|
+
on: isDisabled || isHidden
|
|
356
356
|
? {}
|
|
357
357
|
: {
|
|
358
358
|
mousedown: _vm.sortMousedownEvent,
|
|
@@ -395,7 +395,7 @@ const renderPopupPanel = (h: CreateElement, _vm: any) => {
|
|
|
395
395
|
? h(VxeUIInputComponent, {
|
|
396
396
|
props: {
|
|
397
397
|
type: 'integer',
|
|
398
|
-
disabled: isHidden,
|
|
398
|
+
disabled: isDisabled || isHidden,
|
|
399
399
|
value: column.renderResizeWidth
|
|
400
400
|
},
|
|
401
401
|
on: {
|
|
@@ -419,11 +419,11 @@ const renderPopupPanel = (h: CreateElement, _vm: any) => {
|
|
|
419
419
|
value: column.renderFixed || '',
|
|
420
420
|
type: 'button',
|
|
421
421
|
size: 'mini',
|
|
422
|
-
disabled: isHidden,
|
|
422
|
+
disabled: isDisabled || isHidden,
|
|
423
423
|
options: [
|
|
424
|
-
{ label: getI18n('vxe.custom.setting.fixedLeft'), value: 'left', disabled: isHidden || isMaxFixedColumn },
|
|
425
|
-
{ label: getI18n('vxe.custom.setting.fixedUnset'), value: '', disabled: isHidden },
|
|
426
|
-
{ label: getI18n('vxe.custom.setting.fixedRight'), value: 'right', disabled: isHidden || isMaxFixedColumn }
|
|
424
|
+
{ label: getI18n('vxe.custom.setting.fixedLeft'), value: 'left', disabled: isDisabled || isHidden || isMaxFixedColumn },
|
|
425
|
+
{ label: getI18n('vxe.custom.setting.fixedUnset'), value: '', disabled: isDisabled || isHidden },
|
|
426
|
+
{ label: getI18n('vxe.custom.setting.fixedRight'), value: 'right', disabled: isDisabled || isHidden || isMaxFixedColumn }
|
|
427
427
|
]
|
|
428
428
|
},
|
|
429
429
|
on: {
|
|
@@ -869,25 +869,33 @@ export default {
|
|
|
869
869
|
allOptionEvent () {
|
|
870
870
|
const { $xetable, customStore } = this
|
|
871
871
|
const { customColumnList, customOpts } = $xetable
|
|
872
|
-
const { checkMethod } = customOpts
|
|
872
|
+
const { checkMethod, visibleMethod } = customOpts
|
|
873
873
|
const isAll = !customStore.isAll
|
|
874
874
|
if (customOpts.immediate) {
|
|
875
875
|
XEUtils.eachTree(customColumnList, (column) => {
|
|
876
|
-
if (
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
876
|
+
if (visibleMethod && !visibleMethod({ column })) {
|
|
877
|
+
return
|
|
878
|
+
}
|
|
879
|
+
if (checkMethod && !checkMethod({ column })) {
|
|
880
|
+
return
|
|
880
881
|
}
|
|
882
|
+
column.visible = isAll
|
|
883
|
+
column.renderVisible = isAll
|
|
884
|
+
column.halfVisible = false
|
|
881
885
|
})
|
|
882
886
|
customStore.isAll = isAll
|
|
883
887
|
$xetable.handleCustom()
|
|
884
888
|
$xetable.saveCustomStore('update:visible')
|
|
885
889
|
} else {
|
|
886
890
|
XEUtils.eachTree(customColumnList, (column) => {
|
|
887
|
-
if (
|
|
888
|
-
|
|
889
|
-
|
|
891
|
+
if (visibleMethod && !visibleMethod({ column })) {
|
|
892
|
+
return
|
|
893
|
+
}
|
|
894
|
+
if (checkMethod && !checkMethod({ column })) {
|
|
895
|
+
return
|
|
890
896
|
}
|
|
897
|
+
column.renderVisible = isAll
|
|
898
|
+
column.halfVisible = false
|
|
891
899
|
})
|
|
892
900
|
customStore.isAll = isAll
|
|
893
901
|
}
|
|
@@ -110,7 +110,7 @@ function renderColumn (h: any, _vm: any, $xetable: any, seq: any, rowid: any, fi
|
|
|
110
110
|
let hasEllipsis = showTitle || showTooltip || showEllipsis
|
|
111
111
|
let isDirty: any
|
|
112
112
|
const tdOns: any = {}
|
|
113
|
-
const cellAlign = align || allAlign
|
|
113
|
+
const cellAlign = align || (compConf ? compConf.tableCellAlign : '') || allAlign
|
|
114
114
|
const errorValidItem = validErrorMaps[`${rowid}:${column.id}`]
|
|
115
115
|
const showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? (height || tableData.length > 1) : validOpts.message === 'inline')
|
|
116
116
|
const attrs: any = { colid: column.id }
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { CreateElement } from 'vue'
|
|
2
2
|
import XEUtils from 'xe-utils'
|
|
3
|
+
import { VxeUI } from '../../ui'
|
|
3
4
|
import { getClass } from '../../ui/src/utils'
|
|
4
5
|
import { updateCellTitle } from '../../ui/src/dom'
|
|
5
6
|
|
|
6
7
|
const cellType = 'footer'
|
|
7
8
|
|
|
9
|
+
const { renderer } = VxeUI
|
|
10
|
+
|
|
8
11
|
function mergeFooterMethod (mergeFooterList: any, _rowIndex: any, _columnIndex: any) {
|
|
9
12
|
for (let mIndex = 0; mIndex < mergeFooterList.length; mIndex++) {
|
|
10
13
|
const { row: mergeRowIndex, col: mergeColIndex, rowspan: mergeRowspan, colspan: mergeColspan } = mergeFooterList[mIndex]
|
|
@@ -143,12 +146,14 @@ export default {
|
|
|
143
146
|
class: ['vxe-footer--row', footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
|
|
144
147
|
style: footerRowStyle ? (XEUtils.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle) : null
|
|
145
148
|
}, tableColumn.map((column: any, $columnIndex: any) => {
|
|
146
|
-
const { type, showFooterOverflow, footerAlign, align, footerClassName } = column
|
|
149
|
+
const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column
|
|
150
|
+
const renderOpts = editRender || cellRender
|
|
151
|
+
const compConf = renderOpts ? renderer.get(renderOpts.name) : null
|
|
147
152
|
const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled
|
|
148
153
|
const isColGroup = column.children && column.children.length
|
|
149
154
|
const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX
|
|
150
155
|
const footOverflow = XEUtils.isUndefined(showFooterOverflow) || XEUtils.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow
|
|
151
|
-
const footAlign = footerAlign ||
|
|
156
|
+
const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign
|
|
152
157
|
let showEllipsis = footOverflow === 'ellipsis'
|
|
153
158
|
const showTitle = footOverflow === 'title'
|
|
154
159
|
const showTooltip = footOverflow === true || footOverflow === 'tooltip'
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { CreateElement } from 'vue'
|
|
2
2
|
import XEUtils from 'xe-utils'
|
|
3
|
+
import { VxeUI } from '../../ui'
|
|
3
4
|
import { getClass } from '../../ui/src/utils'
|
|
4
5
|
import { getOffsetPos, hasClass, addClass, removeClass } from '../../ui/src/dom'
|
|
5
6
|
import { convertHeaderColumnToRows, getColReMinWidth } from './util'
|
|
6
7
|
|
|
8
|
+
const { renderer } = VxeUI
|
|
9
|
+
|
|
7
10
|
const cellType = 'header'
|
|
8
11
|
|
|
9
12
|
export default {
|
|
@@ -120,13 +123,15 @@ export default {
|
|
|
120
123
|
class: ['vxe-header--row', headerRowClassName ? XEUtils.isFunction(headerRowClassName) ? headerRowClassName({ $table: $xetable, $rowIndex, fixed: fixedType, type: cellType }) : headerRowClassName : ''],
|
|
121
124
|
style: headerRowStyle ? (XEUtils.isFunction(headerRowStyle) ? headerRowStyle({ $table: $xetable, $rowIndex, fixed: fixedType, type: cellType }) : headerRowStyle) : null
|
|
122
125
|
}, cols.map((column: any, $columnIndex: any) => {
|
|
123
|
-
const { type, showHeaderOverflow, headerAlign, align, headerClassName } = column
|
|
126
|
+
const { type, showHeaderOverflow, headerAlign, align, headerClassName, editRender, cellRender } = column
|
|
124
127
|
// const { enabled } = tooltipOpts
|
|
125
128
|
const colid = column.id
|
|
129
|
+
const renderOpts = editRender || cellRender
|
|
130
|
+
const compConf = renderOpts ? renderer.get(renderOpts.name) : null
|
|
126
131
|
const isColGroup = column.children && column.children.length
|
|
127
132
|
const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX
|
|
128
133
|
const headOverflow = XEUtils.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow
|
|
129
|
-
const headAlign = headerAlign ||
|
|
134
|
+
const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign
|
|
130
135
|
let showEllipsis = headOverflow === 'ellipsis'
|
|
131
136
|
const showTitle = headOverflow === 'title'
|
|
132
137
|
const showTooltip = headOverflow === true || headOverflow === 'tooltip'
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|