vxe-table 3.11.27-beta.0 → 3.11.27

package/lib/table/src/table.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui"),_methods=_interopRequireDefault(require("./methods")),_body=_interopRequireDefault(require("./body")),_header=_interopRequireDefault(require("./header")),_footer=_interopRequireDefault(require("./footer")),_props=_interopRequireDefault(require("./props")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_panel=_interopRequireDefault(require("../module/custom/panel")),_panel2=_interopRequireDefault(require("../module/filter/panel")),_importPanel=_interopRequireDefault(require("../module/export/import-panel")),_exportPanel=_interopRequireDefault(require("../module/export/export-panel")),_panel3=_interopRequireDefault(require("../module/menu/panel")),_mixin=_interopRequireDefault(require("../module/filter/mixin")),_mixin2=_interopRequireDefault(require("../module/menu/mixin")),_mixin3=_interopRequireDefault(require("../module/edit/mixin")),_mixin4=_interopRequireDefault(require("../module/export/mixin")),_mixin5=_interopRequireDefault(require("../module/keyboard/mixin")),_mixin6=_interopRequireDefault(require("../module/validator/mixin")),_mixin7=_interopRequireDefault(require("../module/custom/mixin"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,renderer,globalResize,globalEvents,globalMixins,renderEmptyElement}=_ui.VxeUI;function renderFixed(e,t,o){var{_e:t,tableData:r,tableColumn:i,tableGroupColumn:l,vSize:s,showHeader:n,showFooter:a,columnStore:p,footerTableData:u}=t,p=p[o+"List"];return e("div",{class:`vxe-table--fixed-${o}-wrapper`,ref:o+"Container"},[n?e(_header.default,{props:{fixedType:o,tableData:r,tableColumn:i,tableGroupColumn:l,size:s,fixedColumn:p},ref:o+"Header"}):t(),e(_body.default,{props:{fixedType:o,tableData:r,tableColumn:i,fixedColumn:p,size:s},ref:o+"Body"}),a?e(_footer.default,{props:{footerTableData:u,tableColumn:i,fixedColumn:p,fixedType:o,size:s},ref:o+"Footer"}):t()])}function renderEmptyBody(e,t){var{$scopedSlots:o,emptyOpts:r}=t;let i="";var l={$table:t};return i=o.empty?o.empty.call(t,l,e):(o=(o=r.name?renderer.get(r.name):null)?o.renderTableEmpty||o.renderTableEmptyView||o.renderEmpty:null)?(0,_vn.getSlotVNs)(o.call(t,e,r,l)):(0,_utils.getFuncText)(t.emptyText)||getI18n("vxe.table.emptyText")}let renderDragTipContents=(e,t)=>{var o=t.dragConfig,{dragRow:r,dragCol:i,dragTipText:l}=t,s=t.computeColumnDragOpts,o=(t.computeRowDragOpts.slots||{}).tip||(o&&o.slots?o.slots.rowTip:null),s=(s.slots||{}).tip;return r&&o?t.callSlot(o,{row:r},e):i&&s?t.callSlot(s,{column:i},e):[e("span",l)]},renderDragTip=(e,t)=>{var o=t.dragRow,r=t.computeRowOpts,i=t.computeColumnDragOpts;return r.drag||t.computeColumnOpts.drag?e("div",{class:"vxe-table--drag-wrapper"},[e("div",{ref:"refDragRowLineElem",class:["vxe-table--drag-row-line",{"is--guides":t.computeRowDragOpts.showGuidesStatus}]}),e("div",{ref:"refDragColLineElem",class:["vxe-table--drag-col-line",{"is--guides":i.showGuidesStatus}]}),e("div",{ref:"refDragTipElem",class:"vxe-table--drag-sort-tip"},[e("div",{class:"vxe-table--drag-sort-tip-wrapper"},[e("div",{class:"vxe-table--drag-sort-tip-status"},[e("span",{class:["vxe-table--drag-sort-tip-normal-status",o?getIcon().TABLE_DRAG_STATUS_ROW:getIcon().TABLE_DRAG_STATUS_COLUMN]}),e("span",{class:["vxe-table--drag-sort-tip-sub-status",getIcon().TABLE_DRAG_STATUS_SUB_ROW]}),e("span",{class:["vxe-table--drag-sort-tip-disabled-status",getIcon().TABLE_DRAG_DISABLED]})]),e("div",{class:"vxe-table--drag-sort-tip-content"},renderDragTipContents(e,t))])])]):renderEmptyElement(t)};function handleUupdateResize(e){var t=e.$el;t&&t.clientWidth&&t.clientHeight&&e.recalculate()}var _default=exports.default={name:"VxeTable",mixins:[globalMixins.sizeMixin,_mixin.default,_mixin2.default,_mixin3.default,_mixin4.default,_mixin5.default,_mixin6.default,_mixin7.default],props:_props.default,provide(){return{$xetable:this,$xeTable:this,xecolgroup:null}},inject:{$xeTabs:{default:null},$xeGrid:{default:null},$xegrid:{default:null}},data(){return{tId:""+_xeUtils.default.uniqueId(),isCalcColumn:!1,staticColumns:[],tableGroupColumn:[],tableColumn:[],tableData:[],scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!1,scrollbarWidth:0,scrollbarHeight:0,rowHeight:0,parentHeight:0,isGroup:!1,isAllOverflow:!1,isAllSelected:!1,isIndeterminate:!1,selectCheckboxMaps:{},currentRow:null,currentColumn:null,selectRadioRow:null,footerTableData:[],expandColumn:null,hasFixedColumn:!1,treeNodeColumn:null,rowExpandedMaps:{},rowExpandLazyLoadedMaps:{},treeExpandedMaps:{},treeExpandLazyLoadedMaps:{},treeIndeterminateMaps:{},mergeList:[],mergeFooterList:[],initStore:{filter:!1,import:!1,export:!1,custom:!1},customColumnList:[],upDataFlag:0,reColumnFlag:0,pendingRowMaps:{},pendingRowList:[],customStore:{btnEl:null,isAll:!1,isIndeterminate:!1,activeBtn:!1,activeWrapper:!1,visible:!1,maxHeight:0,oldSortMaps:{},oldFixedMaps:{},oldVisibleMaps:{}},filterStore:{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1,maxHeight:null},columnStore:{leftList:[],centerList:[],rightList:[],resizeList:[],pxList:[],pxMinList:[],autoMinList:[],scaleList:[],scaleMinList:[],autoList:[],remainList:[]},ctxMenuStore:{selected:null,visible:!1,showChild:!1,selectChild:null,list:[],style:null},editStore:{indexs:{columns:[]},titles:{columns:[]},selected:{row:null,column:null},copyed:{cut:!1,rows:[],columns:[]},actived:{row:null,column:null},focused:{row:null,column:null},insertMaps:{},removeList:[],removeMaps:{}},tooltipStore:{row:null,column:null,visible:!1,currOpts:{}},validStore:{visible:!1},validErrorMaps:{},importStore:{inited:!1,file:null,type:"",modeList:[],typeList:[],filename:"",visible:!1},importParams:{mode:"",types:null,message:!0},exportStore:{inited:!1,name:"",modeList:[],typeList:[],columns:[],isPrint:!1,hasFooter:!1,hasTree:!1,hasMerge:!1,hasColgroup:!1,visible:!1},exportParams:{filename:"",sheetName:"",mode:"",type:"",isColgroup:!1,isMerge:!1,isAllExpand:!1,useStyle:!1,original:!1,message:!0,isHeader:!1,isFooter:!1},scrollVMLoading:!1,isCustomStatus:!1,isDragRowMove:!1,dragRow:null,isDragColMove:!1,dragCol:null,dragTipText:"",_isResize:!1,_isLoading:!1}},computed:Object.assign(Object.assign({},{}),{tableId(){return this.computeTableId},computeTableId(){var e=this.id;return e?_xeUtils.default.isFunction(e)?""+(e({$table:this})||""):""+e:""},validOpts(){return this.computeValidOpts},computeValidOpts(){return Object.assign({message:"default"},getConfig().table.validConfig,this.validConfig)},sXOpts(){return this.computeSXOpts},computeSXOpts(){return Object.assign({},getConfig().table.scrollX,this.scrollX)},computeScrollXThreshold(){var e=this.computeSXOpts.threshold;return e?_xeUtils.default.toNumber(e):0},sYOpts(){return this.computeSYOpts},computeSYOpts(){return Object.assign({},getConfig().table.scrollY,this.scrollY)},computeScrollYThreshold(){var e=this.computeSYOpts.threshold;return e?_xeUtils.default.toNumber(e):0},rowHeightMaps(){return{default:48,medium:44,small:40,mini:36}},columnOpts(){return this.computeColumnOpts},computeColumnOpts(){return Object.assign({},getConfig().table.columnConfig,this.columnConfig)},computeCellOpts(){return Object.assign({},getConfig().table.cellConfig,this.cellConfig)},rowOpts(){return this.computeRowOpts},computeRowOpts(){return Object.assign({},getConfig().table.rowConfig,this.rowConfig)},computeRowDragOpts(){return Object.assign({},getConfig().table.rowDragConfig,this.rowDragConfig)},computeColumnDragOpts(){return Object.assign({},getConfig().table.columnDragConfig,this.columnDragConfig)},resizeOpts(){return this.computeResizeOpts},computeResizeOpts(){return Object.assign({},getConfig().table.resizeConfig,this.resizeConfig)},resizableOpts(){return this.computeResizableOpts},computeResizableOpts(){return Object.assign({},getConfig().table.resizableConfig,this.resizableConfig)},seqOpts(){return this.computeSeqOpts},computeSeqOpts(){return Object.assign({startIndex:0},getConfig().table.seqConfig,this.seqConfig)},radioOpts(){return this.computeRadioOpts},computeRadioOpts(){return Object.assign({},getConfig().table.radioConfig,this.radioConfig)},checkboxOpts(){return this.computeCheckboxOpts},computeCheckboxOpts(){return Object.assign({},getConfig().table.checkboxConfig,this.checkboxConfig)},tooltipOpts(){return this.computeTooltipOpts},computeTooltipOpts(){return Object.assign({},getConfig().tooltip,getConfig().table.tooltipConfig,this.tooltipConfig)},tipConfig(){return Object.assign({},this.tooltipOpts)},validTipOpts(){return Object.assign({isArrow:!1},this.tooltipOpts)},editOpts(){return this.computeEditOpts},computeEditOpts(){return Object.assign({},getConfig().table.editConfig,this.editConfig)},sortOpts(){return this.computeSortOpts},computeSortOpts(){return Object.assign({orders:["asc","desc",null]},getConfig().table.sortConfig,this.sortConfig)},filterOpts(){return this.computeFilterOpts},computeFilterOpts(){return Object.assign({},getConfig().table.filterConfig,this.filterConfig)},mouseOpts(){return this.computeMouseOpts},computeMouseOpts(){return Object.assign({},getConfig().table.mouseConfig,this.mouseConfig)},areaOpts(){return this.computeAreaOpts},computeAreaOpts(){return Object.assign({},getConfig().table.areaConfig,this.areaConfig)},keyboardOpts(){return this.computeKeyboardOpts},computeKeyboardOpts(){return Object.assign({},getConfig().table.keyboardConfig,this.keyboardConfig)},clipOpts(){return this.computeClipOpts},computeClipOpts(){return Object.assign({},getConfig().table.clipConfig,this.clipConfig)},fnrOpts(){return this.computeFNROpts},computeFNROpts(){return Object.assign({},getConfig().table.fnrConfig,this.fnrConfig)},headerCtxMenu(){var e=this.ctxMenuOpts.header;return e&&e.options?e.options:[]},bodyCtxMenu(){var e=this.ctxMenuOpts.body;return e&&e.options?e.options:[]},footerCtxMenu(){var e=this.ctxMenuOpts.footer;return e&&e.options?e.options:[]},isCtxMenu(){return!(!this.contextMenu&&!this.menuConfig||!(0,_utils.isEnableConf)(this.ctxMenuOpts)||!(this.headerCtxMenu.length||this.bodyCtxMenu.length||this.footerCtxMenu.length))},ctxMenuList(){let t=[];return this.ctxMenuStore.list.forEach(e=>{e.forEach(e=>{t.push(e)})}),t},ctxMenuOpts(){return this.computeMenuOpts},computeMenuOpts(){return Object.assign({},getConfig().table.menuConfig,this.contextMenu,this.menuConfig)},exportOpts(){return this.computeExportOpts},computeExportOpts(){return Object.assign({},getConfig().table.exportConfig,this.exportConfig)},importOpts(){return this.computeImportOpts},computeImportOpts(){return Object.assign({},getConfig().table.importConfig,this.importConfig)},printOpts(){return this.computePrintOpts},computePrintOpts(){return Object.assign({},getConfig().table.printConfig,this.printConfig)},expandOpts(){return this.computeExpandOpts},computeExpandOpts(){return Object.assign({},getConfig().table.expandConfig,this.expandConfig)},treeOpts(){return this.computeTreeOpts},computeTreeOpts(){return Object.assign({},getConfig().table.treeConfig,this.treeConfig)},emptyOpts(){return this.computeEmptyOpts},computeEmptyOpts(){return Object.assign({},getConfig().table.emptyRender,this.emptyRender)},loadingOpts(){return this.computeLoadingOpts},computeLoadingOpts(){return Object.assign({},getConfig().table.loadingConfig,this.loadingConfig)},cellOffsetWidth(){return this.border?Math.max(2,Math.ceil(this.scrollbarWidth/this.tableColumn.length)):1},customOpts(){return this.computeCustomOpts},computeCustomOpts(){return Object.assign({},getConfig().table.customConfig,this.customConfig)},autoWidthColumnList(){var{tableColumn:e,visibleColumn:t}=this;return e.length||t.length?t.filter(e=>"auto"===e.width||"auto"===e.minWidth):[]},fixedColumnSize(){var e=this.collectColumn;let t=0;return e.forEach(e=>{e.renderFixed&&t++}),t},isMaxFixedColumn(){var e=this.columnOpts.maxFixedSize;return!!e&&this.fixedColumnSize>=e},tableBorder(){var e=this.border;return!0===e?"full":e||"default"},isAllCheckboxDisabled(){var{tableFullData:e,tableData:t,checkboxOpts:o}=this;let{strict:r,checkMethod:i}=o;return!!r&&(!t.length&&!e.length||!!i&&e.every(e=>!i({row:e})))},computeVirtualScrollBars(){var{overflowX:e,scrollXLoad:t,overflowY:o,scrollYLoad:r}=this;return{x:e&&t,y:o&&r}},tabsResizeFlag(){var e=this.$xeTabs;return e?e.reactData.resizeFlag:null}}),watch:{data(e){let{inited:t,initStatus:o}=this;this.loadTableData(e).then(()=>{this.inited=!0,this.initStatus=!0,o||this.handleLoadDefaults(),t||this.handleInitDefaults(),(this.scrollXLoad||this.scrollYLoad)&&this.expandColumn&&(0,_log.warnLog)("vxe.error.scrollErrProp",["column.type=expand"]),this.recalculate()})},staticColumns(e){this.handleColumn(e)},tableColumn(){this.analyColumnWidth()},upDataFlag(){this.$nextTick().then(()=>this.updateData())},reColumnFlag(){this.$nextTick().then(()=>this.refreshColumn())},showHeader(){this.$nextTick(()=>{this.recalculate(!0).then(()=>this.refreshScroll())})},showFooter(){this.$nextTick(()=>{this.recalculate(!0).then(()=>this.refreshScroll())})},height(){this.$nextTick(()=>this.recalculate(!0))},maxHeight(){this.$nextTick(()=>this.recalculate(!0))},syncResize(e){e&&(handleUupdateResize(this),this.$nextTick(()=>{handleUupdateResize(this),setTimeout(()=>handleUupdateResize(this))}))},tabsResizeFlag(){this.handleGlobalResizeEvent()},mergeCells(e){this.clearMergeCells(),this.$nextTick(()=>this.setMergeCells(e))},mergeFooterItems(e){this.clearMergeFooterItems(),this.$nextTick(()=>this.setMergeFooterItems(e))}},created(){let{scrollXStore:e,sYOpts:t,scrollYStore:o,data:r,editOpts:i,treeOpts:l,treeConfig:s,showOverflow:n,rowOpts:a}=Object.assign(this,{tZindex:0,elemStore:{},scrollXStore:{},scrollYStore:{},tableWidth:0,tableHeight:0,headerHeight:0,footerHeight:0,lastScrollLeft:0,lastScrollTop:0,radioReserveRow:null,checkboxReserveRowMap:{},rowExpandedReserveRowMap:{},treeExpandedReserveRowMap:{},tableFullData:[],afterFullData:[],afterFullRowMaps:{},collectColumn:[],tableFullColumn:[],visibleColumn:[],fullAllDataRowIdData:{},fullDataRowMap:new Map,fullDataRowIdData:{},fullColumnMap:new Map,fullColumnIdData:{},fullColumnFieldData:{}});if("development"===process.env.NODE_ENV){this.rowId&&(0,_log.warnLog)("vxe.error.delProp",["row-id","row-config.keyField"]),this.rowKey&&(0,_log.warnLog)("vxe.error.delProp",["row-key","row-config.useKey"]),this.columnKey&&(0,_log.warnLog)("vxe.error.delProp",["column-id","column-config.useKey"]),this.rowId||a.keyField||!(this.checkboxOpts.reserve||this.checkboxOpts.checkRowKeys||this.radioOpts.reserve||this.radioOpts.checkRowKey||this.expandOpts.expandRowKeys||this.treeOpts.expandRowKeys)||(0,_log.warnLog)("vxe.error.reqProp",["row-config.keyField"]),this.editConfig&&i.showStatus&&!this.keepSource&&(0,_log.warnLog)("vxe.error.reqProp",["keep-source"]),!s||!l.showLine&&!l.line||(this.rowKey||a.useKey)&&n||(0,_log.warnLog)("vxe.error.reqProp",["row-config.useKey | show-overflow"]),!this.showFooter||this.footerMethod||this.footerData||(0,_log.warnLog)("vxe.error.reqProp",["footer-data | footer-method"]),s&&!l.transform&&this.stripe&&(0,_log.warnLog)("vxe.error.noTree",["stripe"]),this.tooltipOpts.enabled&&(0,_log.warnLog)("vxe.error.delProp",["tooltip-config.enabled","tooltip-config.showAll"]);let{exportConfig:e,exportOpts:t,importConfig:o,importOpts:r}=this;o&&r.types&&!r.importMethod&&!_xeUtils.default.includeArrays(_xeUtils.default.keys(r._typeMaps),r.types)&&(0,_log.warnLog)("vxe.error.errProp",["export-config.types="+r.types.join(","),r.types.filter(e=>_xeUtils.default.includes(_xeUtils.default.keys(r._typeMaps),e)).join(",")||_xeUtils.default.keys(r._typeMaps).join(",")]),e&&t.types&&!t.exportMethod&&!_xeUtils.default.includeArrays(_xeUtils.default.keys(t._typeMaps),t.types)&&(0,_log.warnLog)("vxe.error.errProp",["export-config.types="+t.types.join(","),t.types.filter(e=>_xeUtils.default.includes(_xeUtils.default.keys(t._typeMaps),e)).join(",")||_xeUtils.default.keys(t._typeMaps).join(",")])}if("development"===process.env.NODE_ENV){var p=this.customOpts;if(this.id||(this.customConfig?(0,_utils.isEnableConf)(p):p.enabled)&&p.storage&&(0,_log.errLog)("vxe.error.reqProp",["id"]),this.treeConfig&&this.checkboxOpts.range&&(0,_log.errLog)("vxe.error.noTree",["checkbox-config.range"]),this.rowOpts.height&&!this.showOverflow&&(0,_log.warnLog)("vxe.error.notProp",["table.show-overflow"]),!this.handleMousedownCellAreaEvent&&(this.areaConfig&&(0,_log.warnLog)("vxe.error.notProp",["area-config"]),this.clipConfig&&(0,_log.warnLog)("vxe.error.notProp",["clip-config"]),this.fnrConfig&&(0,_log.warnLog)("vxe.error.notProp",["fnr-config"]),this.mouseOpts.area))return void(0,_log.errLog)("vxe.error.notProp",["mouse-config.area"]);this.dragConfig&&(0,_log.warnLog)("vxe.error.delProp",["drag-config","row-drag-config"]),this.treeConfig&&l.children&&(0,_log.warnLog)("vxe.error.delProp",["tree-config.children","tree-config.childrenField"]),this.treeConfig&&l.line&&(0,_log.warnLog)("vxe.error.delProp",["tree-config.line","tree-config.showLine"]),this.mouseOpts.area&&this.mouseOpts.selected&&(0,_log.warnLog)("vxe.error.errConflicts",["mouse-config.area","mouse-config.selected"]),this.mouseOpts.area&&this.treeConfig&&!l.transform&&(0,_log.errLog)("vxe.error.noTree",["mouse-config.area"])}"development"===process.env.NODE_ENV&&(this.contextMenu&&((0,_log.warnLog)("vxe.error.delProp",["context-menu","menu-config"]),_xeUtils.default.isObject(this.contextMenu)||(0,_log.warnLog)("vxe.error.errProp",["table.context-menu="+this.contextMenu,"table.context-menu={}"])),this.menuConfig&&!_xeUtils.default.isObject(this.menuConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.menu-config="+this.menuConfig,"table.menu-config={}"]),this.exportConfig&&!_xeUtils.default.isObject(this.exportConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.export-config="+this.exportConfig,"table.export-config={}"]),this.importConfig&&!_xeUtils.default.isObject(this.importConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.import-config="+this.importConfig,"table.import-config={}"]),this.printConfig&&!_xeUtils.default.isObject(this.printConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.print-config="+this.printConfig,"table.print-config={}"]),this.treeConfig&&!_xeUtils.default.isObject(this.treeConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.tree-config="+this.treeConfig,"table.tree-config={}"]),this.customConfig&&!_xeUtils.default.isObject(this.customConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.custom-config="+this.customConfig,"table.custom-config={}"]),this.editConfig&&!_xeUtils.default.isObject(this.editConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.edit-config="+this.editConfig,"table.edit-config={}"]),this.emptyRender&&!_xeUtils.default.isObject(this.emptyRender)&&(0,_log.warnLog)("vxe.error.errProp",["table.empty-render="+this.emptyRender,"table.empty-render={}"]),this.editConfig&&this.editOpts.activeMethod&&(0,_log.warnLog)("vxe.error.delProp",["table.edit-config.activeMethod","table.edit-config.beforeEditMethod"]),this.treeConfig&&this.checkboxOpts.isShiftKey&&(0,_log.errLog)("vxe.error.errConflicts",["tree-config","checkbox-config.isShiftKey"]),this.checkboxOpts.halfField)&&(0,_log.warnLog)("vxe.error.delProp",["checkbox-config.halfField","checkbox-config.indeterminateField"]),"development"===process.env.NODE_ENV&&(this.editConfig&&!this._insert&&(0,_log.errLog)("vxe.error.reqModule",["Edit"]),this.editRules&&!this._validate&&(0,_log.errLog)("vxe.error.reqModule",["Validator"]),(this.checkboxOpts.range||this.keyboardConfig||this.mouseConfig)&&!this.triggerCellMousedownEvent&&(0,_log.errLog)("vxe.error.reqModule",["Keyboard"]),this.printConfig||this.importConfig||this.exportConfig)&&!this._exportData&&(0,_log.errLog)("vxe.error.reqModule",["Export"]),Object.assign(o,{startIndex:0,endIndex:1,visibleSize:0,adaptive:!1!==t.adaptive}),Object.assign(e,{startIndex:0,endIndex:1,visibleSize:0}),this.loadTableData(r).then(()=>{r&&r.length&&(this.inited=!0,this.initStatus=!0,this.handleLoadDefaults(),this.handleInitDefaults()),this.updateStyle()}),globalEvents.on(this,"paste",this.handleGlobalPasteEvent),globalEvents.on(this,"copy",this.handleGlobalCopyEvent),globalEvents.on(this,"cut",this.handleGlobalCutEvent),globalEvents.on(this,"mousedown",this.handleGlobalMousedownEvent),globalEvents.on(this,"blur",this.handleGlobalBlurEvent),globalEvents.on(this,"mousewheel",this.handleGlobalMousewheelEvent),globalEvents.on(this,"keydown",this.handleGlobalKeydownEvent),globalEvents.on(this,"resize",this.handleGlobalResizeEvent),globalEvents.on(this,"contextmenu",this.handleGlobalContextmenuEvent),this.preventEvent(null,"created")},mounted(){let o=this;if("development"===process.env.NODE_ENV&&(t=this.$listeners,!this.menuConfig&&(t["menu-click"]||t["cell-menu"]||t["header-cell-menu"]||t["footer-cell-menu"])&&(0,_log.warnLog)("vxe.error.reqProp",["menu-config"]),this.tooltipConfig||!t["cell-mouseenter"]&&!t["cell-mouseleave"]||(0,_log.warnLog)("vxe.error.reqProp",["tooltip-config"])),"development"===process.env.NODE_ENV){let e=_ui.VxeUI.getComponent("VxeLoading"),t=_ui.VxeUI.getComponent("VxeTooltip");this.$nextTick(()=>{!o.loading||e||this.$scopedSlots.loading||(0,_log.errLog)("vxe.error.reqComp",["vxe-loading"]),!0!==o.showOverflow&&"tooltip"!==o.showOverflow&&!0!==o.showHeaderOverflow&&"tooltip"!==o.showHeaderOverflow&&!0!==o.showFooterOverflow&&"tooltip"!==o.showFooterOverflow&&!o.tooltipConfig&&!o.editRules||t||(0,_log.errLog)("vxe.error.reqComp",["vxe-tooltip"])})}if(this.autoResize){let e=this.resizeOpts.refreshDelay?_xeUtils.default.throttle(()=>this.recalculate(!0),this.resizeOpts.refreshDelay,{leading:!0,trailing:!0}):null;var t=globalResize.create(e?()=>{this.autoResize&&e()}:()=>{this.autoResize&&this.recalculate(!0)});t.observe(this.$el),t.observe(this.getParentElem()),this.$resize=t}this.preventEvent(null,"mounted")},activated(){this.recalculate().then(()=>this.refreshScroll()),this.preventEvent(null,"activated")},deactivated(){this.preventEvent(null,"deactivated")},beforeDestroy(){this.$resize&&this.$resize.disconnect(),this.closeFilter(),this.closeMenu(),this.preventEvent(null,"beforeDestroy")},destroyed(){globalEvents.off(this,"paste"),globalEvents.off(this,"copy"),globalEvents.off(this,"cut"),globalEvents.off(this,"mousedown"),globalEvents.off(this,"blur"),globalEvents.off(this,"mousewheel"),globalEvents.off(this,"keydown"),globalEvents.off(this,"resize"),globalEvents.off(this,"contextmenu"),this.preventEvent(null,"destroyed")},render(e){var t=_ui.VxeUI.getComponent("VxeLoading"),o=_ui.VxeUI.getComponent("VxeTooltip");let r=this,i=r.$xeGrid;var{_e:l,$scopedSlots:s,tId:n,isCalcColumn:a,tableData:p,tableColumn:u,tableGroupColumn:d,isGroup:g,loading:c,stripe:h,showHeader:f,height:m,tableBorder:b,treeOpts:x,treeConfig:v,mouseConfig:C,mouseOpts:O,areaOpts:_,computeSize:w,validOpts:y,showFooter:E,overflowX:L,overflowY:M,scrollXLoad:F,scrollYLoad:P,scrollbarHeight:I,highlightCell:U,highlightHoverRow:$,highlightHoverColumn:V,editConfig:A,validTipOpts:H,initStore:S,columnStore:D,filterStore:G,customStore:Y,ctxMenuStore:R,ctxMenuOpts:B,footerTableData:N,columnOpts:X,rowOpts:K,checkboxOpts:W,loadingOpts:k,resizableOpts:Z,editRules:T}=r,{leftList:D,rightList:q}=D;let j=s.loading,z=this._isLoading||c;s=w,c=r.computeVirtualScrollBars,w=C&&O.area;return e("div",{ref:"refElem",class:["vxe-table","vxe-table--render-default","tid_"+n,s?"size--"+s:"","border--"+b,{["valid-msg--"+y.msgMode]:!!T,"vxe-editable":!!A,"old-cell-valid":T&&"obsolete"===getConfig().cellVaildMode,"cell--highlight":U,"cell--selected":C&&O.selected,"cell--area":w,"header-cell--area":w&&_.selectCellByHeader,"body-cell--area":w&&_.selectCellByBody,"row--highlight":K.isHover||$,"column--highlight":X.isHover||V,"checkbox--range":W.range,"column--calc":a,"is--header":f,"is--footer":E,"is--group":g,"is--tree-line":v&&(x.showLine||x.line),"is--fixed-left":D.length,"is--fixed-right":q.length,"is--animat":!!this.animat,"is--padding":this.padding,"is--round":this.round,"is--stripe":!v&&h,"is--loading":z,"is--empty":!z&&!p.length,"is--scroll-y":M,"is--scroll-x":L,"is--virtual-x":F,"is--virtual-y":P}],attrs:{spellcheck:!1},on:{keydown:this.keydownEvent}},[e("div",{class:"vxe-table-slots",ref:"hideColumn"},this.$slots.default),e("div",{key:"tw",class:"vxe-table--render-wrapper"},[e("div",{class:"vxe-table--main-wrapper"},[f?e(_header.default,{ref:"tableHeader",props:{tableData:p,tableColumn:u,tableGroupColumn:d,size:s}}):l(),e(_body.default,{ref:"tableBody",props:{tableData:p,tableColumn:u,size:s}}),E?e(_footer.default,{ref:"tableFooter",props:{footerTableData:N,tableColumn:u,size:s}}):l()]),e("div",{class:"vxe-table--fixed-wrapper"},[D&&D.length&&L?renderFixed(e,this,"left"):l(),q&&q.length&&L?renderFixed(e,this,"right"):l()])]),c.x?e("div",{key:"vx",ref:"refScrollXVirtualElem",class:"vxe-table--scroll-x-virtual"},[e("div",{ref:"refScrollXHandleElem",class:"vxe-table--scroll-x-handle",on:{scroll:r.scrollXEvent}},[e("div",{ref:"refScrollXSpaceElem",class:"vxe-table--scroll-x-space"})])]):renderEmptyElement(r),c.y?e("div",{key:"vy",ref:"refScrollYVirtualElem",class:"vxe-table--scroll-y-virtual"},[e("div",{ref:"refScrollYHandleElem",class:"vxe-table--scroll-y-handle",on:{scroll:r.scrollYEvent}},[e("div",{ref:"refScrollYSpaceElem",class:"vxe-table--scroll-y-space"})])]):renderEmptyElement(r),e("div",{key:"tn",ref:"emptyPlaceholder",class:"vxe-table--empty-placeholder"},[e("div",{class:"vxe-table--empty-content"},renderEmptyBody(e,this))]),e("div",{key:"tl",class:"vxe-table--border-line"}),e("div",{key:"cl",class:"vxe-table--resizable-bar",style:L?{"padding-bottom":I+"px"}:{},ref:"resizeBar"},Z.showDragTip?[e("div",{ref:"refCellResizeTip",class:"vxe-table--resizable-number-tip"},"23432px")]:[]),t?e(t,{key:"lg",class:"vxe-table--loading",props:{value:z,icon:k.icon,text:k.text},scopedSlots:j?{default:()=>r.callSlot(j,{$table:r,$grid:i,loading:z},e)}:{}}):j?e("div",{class:["vxe-loading--custom-wrapper",{"is--visible":z}]},r.callSlot(j,{$table:r,$grid:i,loading:z},e)):renderEmptyElement(r),S.custom?e(_panel.default,{key:"cs",ref:"customWrapper",props:{customStore:Y}}):renderEmptyElement(r),S.filter?e(_panel2.default,{key:"tf",ref:"filterWrapper",props:{filterStore:G}}):l(),S.import&&this.importConfig?e(_importPanel.default,{key:"it",props:{defaultOptions:this.importParams,storeData:this.importStore}}):l(),S.export&&(this.exportConfig||this.printConfig)?e(_exportPanel.default,{key:"et",props:{defaultOptions:this.exportParams,storeData:this.exportStore}}):l(),R.visible&&this.isCtxMenu?e(_panel3.default,{key:"tm",ref:"ctxWrapper",props:{ctxMenuStore:R,ctxMenuOpts:B}}):l(),renderDragTip(e,this),e("div",{},[o?e(o,{key:"ctp",ref:"commTip",props:{isArrow:!1,enterable:!1}}):l(),o?e(o,{key:"btp",ref:"tooltip",props:Object.assign({},this.tipConfig,this.tooltipStore.currOpts)}):l(),o&&this.editRules&&y.showMessage&&("default"===y.message?!m:"tooltip"===y.message)?e(o,{key:"vtp",ref:"validTip",class:[{"old-cell-valid":T&&"obsolete"===getConfig().cellVaildMode},"vxe-table--valid-error"],props:"tooltip"===y.message||1===p.length?H:null}):l()])])},methods:_methods.default};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui"),_methods=_interopRequireDefault(require("./methods")),_body=_interopRequireDefault(require("./body")),_header=_interopRequireDefault(require("./header")),_footer=_interopRequireDefault(require("./footer")),_props=_interopRequireDefault(require("./props")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_panel=_interopRequireDefault(require("../module/custom/panel")),_panel2=_interopRequireDefault(require("../module/filter/panel")),_importPanel=_interopRequireDefault(require("../module/export/import-panel")),_exportPanel=_interopRequireDefault(require("../module/export/export-panel")),_panel3=_interopRequireDefault(require("../module/menu/panel")),_mixin=_interopRequireDefault(require("../module/filter/mixin")),_mixin2=_interopRequireDefault(require("../module/menu/mixin")),_mixin3=_interopRequireDefault(require("../module/edit/mixin")),_mixin4=_interopRequireDefault(require("../module/export/mixin")),_mixin5=_interopRequireDefault(require("../module/keyboard/mixin")),_mixin6=_interopRequireDefault(require("../module/validator/mixin")),_mixin7=_interopRequireDefault(require("../module/custom/mixin"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,renderer,globalResize,globalEvents,globalMixins,renderEmptyElement}=_ui.VxeUI;function renderFixed(e,t,o){var{_e:t,tableData:r,tableColumn:i,tableGroupColumn:l,vSize:s,showHeader:n,showFooter:a,columnStore:p,footerTableData:u}=t,p=p[o+"List"];return e("div",{class:`vxe-table--fixed-${o}-wrapper`,ref:o+"Container"},[n?e(_header.default,{props:{fixedType:o,tableData:r,tableColumn:i,tableGroupColumn:l,size:s,fixedColumn:p},ref:o+"Header"}):t(),e(_body.default,{props:{fixedType:o,tableData:r,tableColumn:i,fixedColumn:p,size:s},ref:o+"Body"}),a?e(_footer.default,{props:{footerTableData:u,tableColumn:i,fixedColumn:p,fixedType:o,size:s},ref:o+"Footer"}):t()])}function renderEmptyBody(e,t){var{$scopedSlots:o,emptyOpts:r}=t;let i="";var l={$table:t};return i=o.empty?o.empty.call(t,l,e):(o=(o=r.name?renderer.get(r.name):null)?o.renderTableEmpty||o.renderTableEmptyView||o.renderEmpty:null)?(0,_vn.getSlotVNs)(o.call(t,e,r,l)):(0,_utils.getFuncText)(t.emptyText)||getI18n("vxe.table.emptyText")}let renderDragTipContents=(e,t)=>{var o=t.dragConfig,{dragRow:r,dragCol:i,dragTipText:l}=t,s=t.computeColumnDragOpts,o=(t.computeRowDragOpts.slots||{}).tip||(o&&o.slots?o.slots.rowTip:null),s=(s.slots||{}).tip;return r&&o?t.callSlot(o,{row:r},e):i&&s?t.callSlot(s,{column:i},e):[e("span",l)]},renderDragTip=(e,t)=>{var o=t.dragRow,r=t.computeRowOpts,i=t.computeColumnDragOpts;return r.drag||t.computeColumnOpts.drag?e("div",{class:"vxe-table--drag-wrapper"},[e("div",{ref:"refDragRowLineElem",class:["vxe-table--drag-row-line",{"is--guides":t.computeRowDragOpts.showGuidesStatus}]}),e("div",{ref:"refDragColLineElem",class:["vxe-table--drag-col-line",{"is--guides":i.showGuidesStatus}]}),e("div",{ref:"refDragTipElem",class:"vxe-table--drag-sort-tip"},[e("div",{class:"vxe-table--drag-sort-tip-wrapper"},[e("div",{class:"vxe-table--drag-sort-tip-status"},[e("span",{class:["vxe-table--drag-sort-tip-normal-status",o?getIcon().TABLE_DRAG_STATUS_ROW:getIcon().TABLE_DRAG_STATUS_COLUMN]}),e("span",{class:["vxe-table--drag-sort-tip-sub-status",getIcon().TABLE_DRAG_STATUS_SUB_ROW]}),e("span",{class:["vxe-table--drag-sort-tip-disabled-status",getIcon().TABLE_DRAG_DISABLED]})]),e("div",{class:"vxe-table--drag-sort-tip-content"},renderDragTipContents(e,t))])])]):renderEmptyElement(t)};function handleUupdateResize(e){var t=e.$el;t&&t.clientWidth&&t.clientHeight&&e.recalculate()}var _default=exports.default={name:"VxeTable",mixins:[globalMixins.sizeMixin,_mixin.default,_mixin2.default,_mixin3.default,_mixin4.default,_mixin5.default,_mixin6.default,_mixin7.default],props:_props.default,provide(){return{$xetable:this,$xeTable:this,xecolgroup:null}},inject:{$xeTabs:{default:null},$xeGrid:{default:null},$xegrid:{default:null}},data(){return{tId:""+_xeUtils.default.uniqueId(),isCalcColumn:!1,staticColumns:[],tableGroupColumn:[],tableColumn:[],tableData:[],scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!1,scrollbarWidth:0,scrollbarHeight:0,rowHeight:0,parentHeight:0,isGroup:!1,isAllOverflow:!1,isAllSelected:!1,isIndeterminate:!1,selectCheckboxMaps:{},currentRow:null,currentColumn:null,selectRadioRow:null,footerTableData:[],expandColumn:null,hasFixedColumn:!1,treeNodeColumn:null,rowExpandedMaps:{},rowExpandLazyLoadedMaps:{},treeExpandedMaps:{},treeExpandLazyLoadedMaps:{},treeIndeterminateMaps:{},mergeList:[],mergeFooterList:[],initStore:{filter:!1,import:!1,export:!1,custom:!1},customColumnList:[],upDataFlag:0,reColumnFlag:0,pendingRowMaps:{},pendingRowList:[],customStore:{btnEl:null,isAll:!1,isIndeterminate:!1,activeBtn:!1,activeWrapper:!1,visible:!1,maxHeight:0,oldSortMaps:{},oldFixedMaps:{},oldVisibleMaps:{}},filterStore:{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1,maxHeight:null},columnStore:{leftList:[],centerList:[],rightList:[],resizeList:[],pxList:[],pxMinList:[],autoMinList:[],scaleList:[],scaleMinList:[],autoList:[],remainList:[]},ctxMenuStore:{selected:null,visible:!1,showChild:!1,selectChild:null,list:[],style:null},editStore:{indexs:{columns:[]},titles:{columns:[]},selected:{row:null,column:null},copyed:{cut:!1,rows:[],columns:[]},actived:{row:null,column:null},focused:{row:null,column:null},insertMaps:{},removeList:[],removeMaps:{}},tooltipStore:{row:null,column:null,visible:!1,currOpts:{}},validStore:{visible:!1},validErrorMaps:{},importStore:{inited:!1,file:null,type:"",modeList:[],typeList:[],filename:"",visible:!1},importParams:{mode:"",types:null,message:!0},exportStore:{inited:!1,name:"",modeList:[],typeList:[],columns:[],isPrint:!1,hasFooter:!1,hasTree:!1,hasMerge:!1,hasColgroup:!1,visible:!1},exportParams:{filename:"",sheetName:"",mode:"",type:"",isColgroup:!1,isMerge:!1,isAllExpand:!1,useStyle:!1,original:!1,message:!0,isHeader:!1,isFooter:!1},scrollVMLoading:!1,isCustomStatus:!1,isDragRowMove:!1,dragRow:null,isDragColMove:!1,dragCol:null,dragTipText:"",_isResize:!1,_isLoading:!1}},computed:Object.assign(Object.assign({},{}),{tableId(){return this.computeTableId},computeTableId(){var e=this.id;return e?_xeUtils.default.isFunction(e)?""+(e({$table:this})||""):""+e:""},validOpts(){return this.computeValidOpts},computeValidOpts(){return Object.assign({message:"default"},getConfig().table.validConfig,this.validConfig)},sXOpts(){return this.computeSXOpts},computeSXOpts(){return Object.assign({},getConfig().table.scrollX,this.scrollX)},computeScrollXThreshold(){var e=this.computeSXOpts.threshold;return e?_xeUtils.default.toNumber(e):0},sYOpts(){return this.computeSYOpts},computeSYOpts(){return Object.assign({},getConfig().table.scrollY,this.scrollY)},computeScrollYThreshold(){var e=this.computeSYOpts.threshold;return e?_xeUtils.default.toNumber(e):0},rowHeightMaps(){return{default:48,medium:44,small:40,mini:36}},columnOpts(){return this.computeColumnOpts},computeColumnOpts(){return Object.assign({},getConfig().table.columnConfig,this.columnConfig)},computeCellOpts(){return Object.assign({},getConfig().table.cellConfig,this.cellConfig)},rowOpts(){return this.computeRowOpts},computeRowOpts(){return Object.assign({},getConfig().table.rowConfig,this.rowConfig)},computeRowDragOpts(){return Object.assign({},getConfig().table.rowDragConfig,this.rowDragConfig)},computeColumnDragOpts(){return Object.assign({},getConfig().table.columnDragConfig,this.columnDragConfig)},resizeOpts(){return this.computeResizeOpts},computeResizeOpts(){return Object.assign({},getConfig().table.resizeConfig,this.resizeConfig)},resizableOpts(){return this.computeResizableOpts},computeResizableOpts(){return Object.assign({},getConfig().table.resizableConfig,this.resizableConfig)},seqOpts(){return this.computeSeqOpts},computeSeqOpts(){return Object.assign({startIndex:0},getConfig().table.seqConfig,this.seqConfig)},radioOpts(){return this.computeRadioOpts},computeRadioOpts(){return Object.assign({},getConfig().table.radioConfig,this.radioConfig)},checkboxOpts(){return this.computeCheckboxOpts},computeCheckboxOpts(){return Object.assign({},getConfig().table.checkboxConfig,this.checkboxConfig)},tooltipOpts(){return this.computeTooltipOpts},computeTooltipOpts(){return Object.assign({},getConfig().tooltip,getConfig().table.tooltipConfig,this.tooltipConfig)},tipConfig(){return Object.assign({},this.tooltipOpts)},validTipOpts(){return Object.assign({isArrow:!1},this.tooltipOpts)},editOpts(){return this.computeEditOpts},computeEditOpts(){return Object.assign({},getConfig().table.editConfig,this.editConfig)},sortOpts(){return this.computeSortOpts},computeSortOpts(){return Object.assign({orders:["asc","desc",null]},getConfig().table.sortConfig,this.sortConfig)},filterOpts(){return this.computeFilterOpts},computeFilterOpts(){return Object.assign({},getConfig().table.filterConfig,this.filterConfig)},mouseOpts(){return this.computeMouseOpts},computeMouseOpts(){return Object.assign({},getConfig().table.mouseConfig,this.mouseConfig)},areaOpts(){return this.computeAreaOpts},computeAreaOpts(){return Object.assign({},getConfig().table.areaConfig,this.areaConfig)},keyboardOpts(){return this.computeKeyboardOpts},computeKeyboardOpts(){return Object.assign({},getConfig().table.keyboardConfig,this.keyboardConfig)},clipOpts(){return this.computeClipOpts},computeClipOpts(){return Object.assign({},getConfig().table.clipConfig,this.clipConfig)},fnrOpts(){return this.computeFNROpts},computeFNROpts(){return Object.assign({},getConfig().table.fnrConfig,this.fnrConfig)},headerCtxMenu(){var e=this.ctxMenuOpts.header;return e&&e.options?e.options:[]},bodyCtxMenu(){var e=this.ctxMenuOpts.body;return e&&e.options?e.options:[]},footerCtxMenu(){var e=this.ctxMenuOpts.footer;return e&&e.options?e.options:[]},isCtxMenu(){return!(!this.contextMenu&&!this.menuConfig||!(0,_utils.isEnableConf)(this.ctxMenuOpts)||!(this.headerCtxMenu.length||this.bodyCtxMenu.length||this.footerCtxMenu.length))},ctxMenuList(){let t=[];return this.ctxMenuStore.list.forEach(e=>{e.forEach(e=>{t.push(e)})}),t},ctxMenuOpts(){return this.computeMenuOpts},computeMenuOpts(){return Object.assign({},getConfig().table.menuConfig,this.contextMenu,this.menuConfig)},exportOpts(){return this.computeExportOpts},computeExportOpts(){return Object.assign({},getConfig().table.exportConfig,this.exportConfig)},importOpts(){return this.computeImportOpts},computeImportOpts(){return Object.assign({},getConfig().table.importConfig,this.importConfig)},printOpts(){return this.computePrintOpts},computePrintOpts(){return Object.assign({},getConfig().table.printConfig,this.printConfig)},expandOpts(){return this.computeExpandOpts},computeExpandOpts(){return Object.assign({},getConfig().table.expandConfig,this.expandConfig)},treeOpts(){return this.computeTreeOpts},computeTreeOpts(){return Object.assign({},getConfig().table.treeConfig,this.treeConfig)},emptyOpts(){return this.computeEmptyOpts},computeEmptyOpts(){return Object.assign({},getConfig().table.emptyRender,this.emptyRender)},loadingOpts(){return this.computeLoadingOpts},computeLoadingOpts(){return Object.assign({},getConfig().table.loadingConfig,this.loadingConfig)},cellOffsetWidth(){return this.border?Math.max(2,Math.ceil(this.scrollbarWidth/this.tableColumn.length)):1},customOpts(){return this.computeCustomOpts},computeCustomOpts(){return Object.assign({},getConfig().table.customConfig,this.customConfig)},autoWidthColumnList(){var{tableColumn:e,visibleColumn:t}=this;return e.length||t.length?t.filter(e=>"auto"===e.width||"auto"===e.minWidth):[]},fixedColumnSize(){var e=this.collectColumn;let t=0;return e.forEach(e=>{e.renderFixed&&t++}),t},isMaxFixedColumn(){var e=this.columnOpts.maxFixedSize;return!!e&&this.fixedColumnSize>=e},tableBorder(){var e=this.border;return!0===e?"full":e||"default"},isAllCheckboxDisabled(){var{tableFullData:e,tableData:t,checkboxOpts:o}=this;let{strict:r,checkMethod:i}=o;return!!r&&(!t.length&&!e.length||!!i&&e.every(e=>!i({row:e})))},computeVirtualScrollBars(){var{overflowX:e,scrollXLoad:t,overflowY:o,scrollYLoad:r}=this;return{x:e&&t,y:o&&r}},tabsResizeFlag(){var e=this.$xeTabs;return e?e.reactData.resizeFlag:null}}),watch:{data(e){let{inited:t,initStatus:o}=this;this.loadTableData(e).then(()=>{this.inited=!0,this.initStatus=!0,o||this.handleLoadDefaults(),t||this.handleInitDefaults(),(this.scrollXLoad||this.scrollYLoad)&&this.expandColumn&&(0,_log.warnLog)("vxe.error.scrollErrProp",["column.type=expand"]),this.recalculate()})},staticColumns(e){this.handleColumn(_xeUtils.default.clone(e))},tableColumn(){this.analyColumnWidth()},upDataFlag(){this.$nextTick().then(()=>this.updateData())},reColumnFlag(){this.$nextTick().then(()=>this.refreshColumn())},showHeader(){this.$nextTick(()=>{this.recalculate(!0).then(()=>this.refreshScroll())})},showFooter(){this.$nextTick(()=>{this.recalculate(!0).then(()=>this.refreshScroll())})},height(){this.$nextTick(()=>this.recalculate(!0))},maxHeight(){this.$nextTick(()=>this.recalculate(!0))},syncResize(e){e&&(handleUupdateResize(this),this.$nextTick(()=>{handleUupdateResize(this),setTimeout(()=>handleUupdateResize(this))}))},tabsResizeFlag(){this.handleGlobalResizeEvent()},mergeCells(e){this.clearMergeCells(),this.$nextTick(()=>this.setMergeCells(e))},mergeFooterItems(e){this.clearMergeFooterItems(),this.$nextTick(()=>this.setMergeFooterItems(e))}},created(){let{scrollXStore:e,sYOpts:t,scrollYStore:o,data:r,editOpts:i,treeOpts:l,treeConfig:s,showOverflow:n,rowOpts:a}=Object.assign(this,{tZindex:0,elemStore:{},scrollXStore:{},scrollYStore:{},tableWidth:0,tableHeight:0,headerHeight:0,footerHeight:0,lastScrollLeft:0,lastScrollTop:0,radioReserveRow:null,checkboxReserveRowMap:{},rowExpandedReserveRowMap:{},treeExpandedReserveRowMap:{},tableFullData:[],afterFullData:[],afterFullRowMaps:{},collectColumn:[],tableFullColumn:[],visibleColumn:[],fullAllDataRowIdData:{},fullDataRowMap:new Map,fullDataRowIdData:{},fullColumnMap:new Map,fullColumnIdData:{},fullColumnFieldData:{}});if("development"===process.env.NODE_ENV){this.rowId&&(0,_log.warnLog)("vxe.error.delProp",["row-id","row-config.keyField"]),this.rowKey&&(0,_log.warnLog)("vxe.error.delProp",["row-key","row-config.useKey"]),this.columnKey&&(0,_log.warnLog)("vxe.error.delProp",["column-id","column-config.useKey"]),this.rowId||a.keyField||!(this.checkboxOpts.reserve||this.checkboxOpts.checkRowKeys||this.radioOpts.reserve||this.radioOpts.checkRowKey||this.expandOpts.expandRowKeys||this.treeOpts.expandRowKeys)||(0,_log.warnLog)("vxe.error.reqProp",["row-config.keyField"]),this.editConfig&&i.showStatus&&!this.keepSource&&(0,_log.warnLog)("vxe.error.reqProp",["keep-source"]),!s||!l.showLine&&!l.line||(this.rowKey||a.useKey)&&n||(0,_log.warnLog)("vxe.error.reqProp",["row-config.useKey | show-overflow"]),!this.showFooter||this.footerMethod||this.footerData||(0,_log.warnLog)("vxe.error.reqProp",["footer-data | footer-method"]),s&&!l.transform&&this.stripe&&(0,_log.warnLog)("vxe.error.noTree",["stripe"]),this.tooltipOpts.enabled&&(0,_log.warnLog)("vxe.error.delProp",["tooltip-config.enabled","tooltip-config.showAll"]);let{exportConfig:e,exportOpts:t,importConfig:o,importOpts:r}=this;o&&r.types&&!r.importMethod&&!_xeUtils.default.includeArrays(_xeUtils.default.keys(r._typeMaps),r.types)&&(0,_log.warnLog)("vxe.error.errProp",["export-config.types="+r.types.join(","),r.types.filter(e=>_xeUtils.default.includes(_xeUtils.default.keys(r._typeMaps),e)).join(",")||_xeUtils.default.keys(r._typeMaps).join(",")]),e&&t.types&&!t.exportMethod&&!_xeUtils.default.includeArrays(_xeUtils.default.keys(t._typeMaps),t.types)&&(0,_log.warnLog)("vxe.error.errProp",["export-config.types="+t.types.join(","),t.types.filter(e=>_xeUtils.default.includes(_xeUtils.default.keys(t._typeMaps),e)).join(",")||_xeUtils.default.keys(t._typeMaps).join(",")])}if("development"===process.env.NODE_ENV){var p=this.customOpts;if(this.id||(this.customConfig?(0,_utils.isEnableConf)(p):p.enabled)&&p.storage&&(0,_log.errLog)("vxe.error.reqProp",["id"]),this.treeConfig&&this.checkboxOpts.range&&(0,_log.errLog)("vxe.error.noTree",["checkbox-config.range"]),this.rowOpts.height&&!this.showOverflow&&(0,_log.warnLog)("vxe.error.notProp",["table.show-overflow"]),!this.handleMousedownCellAreaEvent&&(this.areaConfig&&(0,_log.warnLog)("vxe.error.notProp",["area-config"]),this.clipConfig&&(0,_log.warnLog)("vxe.error.notProp",["clip-config"]),this.fnrConfig&&(0,_log.warnLog)("vxe.error.notProp",["fnr-config"]),this.mouseOpts.area))return void(0,_log.errLog)("vxe.error.notProp",["mouse-config.area"]);this.dragConfig&&(0,_log.warnLog)("vxe.error.delProp",["drag-config","row-drag-config"]),this.treeConfig&&l.children&&(0,_log.warnLog)("vxe.error.delProp",["tree-config.children","tree-config.childrenField"]),this.treeConfig&&l.line&&(0,_log.warnLog)("vxe.error.delProp",["tree-config.line","tree-config.showLine"]),this.mouseOpts.area&&this.mouseOpts.selected&&(0,_log.warnLog)("vxe.error.errConflicts",["mouse-config.area","mouse-config.selected"]),this.mouseOpts.area&&this.treeConfig&&!l.transform&&(0,_log.errLog)("vxe.error.noTree",["mouse-config.area"])}"development"===process.env.NODE_ENV&&(this.contextMenu&&((0,_log.warnLog)("vxe.error.delProp",["context-menu","menu-config"]),_xeUtils.default.isObject(this.contextMenu)||(0,_log.warnLog)("vxe.error.errProp",["table.context-menu="+this.contextMenu,"table.context-menu={}"])),this.menuConfig&&!_xeUtils.default.isObject(this.menuConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.menu-config="+this.menuConfig,"table.menu-config={}"]),this.exportConfig&&!_xeUtils.default.isObject(this.exportConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.export-config="+this.exportConfig,"table.export-config={}"]),this.importConfig&&!_xeUtils.default.isObject(this.importConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.import-config="+this.importConfig,"table.import-config={}"]),this.printConfig&&!_xeUtils.default.isObject(this.printConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.print-config="+this.printConfig,"table.print-config={}"]),this.treeConfig&&!_xeUtils.default.isObject(this.treeConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.tree-config="+this.treeConfig,"table.tree-config={}"]),this.customConfig&&!_xeUtils.default.isObject(this.customConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.custom-config="+this.customConfig,"table.custom-config={}"]),this.editConfig&&!_xeUtils.default.isObject(this.editConfig)&&(0,_log.warnLog)("vxe.error.errProp",["table.edit-config="+this.editConfig,"table.edit-config={}"]),this.emptyRender&&!_xeUtils.default.isObject(this.emptyRender)&&(0,_log.warnLog)("vxe.error.errProp",["table.empty-render="+this.emptyRender,"table.empty-render={}"]),this.editConfig&&this.editOpts.activeMethod&&(0,_log.warnLog)("vxe.error.delProp",["table.edit-config.activeMethod","table.edit-config.beforeEditMethod"]),this.treeConfig&&this.checkboxOpts.isShiftKey&&(0,_log.errLog)("vxe.error.errConflicts",["tree-config","checkbox-config.isShiftKey"]),this.checkboxOpts.halfField)&&(0,_log.warnLog)("vxe.error.delProp",["checkbox-config.halfField","checkbox-config.indeterminateField"]),"development"===process.env.NODE_ENV&&(this.editConfig&&!this._insert&&(0,_log.errLog)("vxe.error.reqModule",["Edit"]),this.editRules&&!this._validate&&(0,_log.errLog)("vxe.error.reqModule",["Validator"]),(this.checkboxOpts.range||this.keyboardConfig||this.mouseConfig)&&!this.triggerCellMousedownEvent&&(0,_log.errLog)("vxe.error.reqModule",["Keyboard"]),this.printConfig||this.importConfig||this.exportConfig)&&!this._exportData&&(0,_log.errLog)("vxe.error.reqModule",["Export"]),Object.assign(o,{startIndex:0,endIndex:1,visibleSize:0,adaptive:!1!==t.adaptive}),Object.assign(e,{startIndex:0,endIndex:1,visibleSize:0}),this.loadTableData(r).then(()=>{r&&r.length&&(this.inited=!0,this.initStatus=!0,this.handleLoadDefaults(),this.handleInitDefaults()),this.updateStyle()}),globalEvents.on(this,"paste",this.handleGlobalPasteEvent),globalEvents.on(this,"copy",this.handleGlobalCopyEvent),globalEvents.on(this,"cut",this.handleGlobalCutEvent),globalEvents.on(this,"mousedown",this.handleGlobalMousedownEvent),globalEvents.on(this,"blur",this.handleGlobalBlurEvent),globalEvents.on(this,"mousewheel",this.handleGlobalMousewheelEvent),globalEvents.on(this,"keydown",this.handleGlobalKeydownEvent),globalEvents.on(this,"resize",this.handleGlobalResizeEvent),globalEvents.on(this,"contextmenu",this.handleGlobalContextmenuEvent),this.preventEvent(null,"created")},mounted(){let o=this;if("development"===process.env.NODE_ENV&&(t=this.$listeners,!this.menuConfig&&(t["menu-click"]||t["cell-menu"]||t["header-cell-menu"]||t["footer-cell-menu"])&&(0,_log.warnLog)("vxe.error.reqProp",["menu-config"]),this.tooltipConfig||!t["cell-mouseenter"]&&!t["cell-mouseleave"]||(0,_log.warnLog)("vxe.error.reqProp",["tooltip-config"])),"development"===process.env.NODE_ENV){let e=_ui.VxeUI.getComponent("VxeLoading"),t=_ui.VxeUI.getComponent("VxeTooltip");this.$nextTick(()=>{!o.loading||e||this.$scopedSlots.loading||(0,_log.errLog)("vxe.error.reqComp",["vxe-loading"]),!0!==o.showOverflow&&"tooltip"!==o.showOverflow&&!0!==o.showHeaderOverflow&&"tooltip"!==o.showHeaderOverflow&&!0!==o.showFooterOverflow&&"tooltip"!==o.showFooterOverflow&&!o.tooltipConfig&&!o.editRules||t||(0,_log.errLog)("vxe.error.reqComp",["vxe-tooltip"])})}if(this.autoResize){let e=this.resizeOpts.refreshDelay?_xeUtils.default.throttle(()=>this.recalculate(!0),this.resizeOpts.refreshDelay,{leading:!0,trailing:!0}):null;var t=globalResize.create(e?()=>{this.autoResize&&e()}:()=>{this.autoResize&&this.recalculate(!0)});t.observe(this.$el),t.observe(this.getParentElem()),this.$resize=t}this.preventEvent(null,"mounted")},activated(){this.recalculate().then(()=>this.refreshScroll()),this.preventEvent(null,"activated")},deactivated(){this.preventEvent(null,"deactivated")},beforeDestroy(){this.$resize&&this.$resize.disconnect(),this.closeFilter(),this.closeMenu(),this.preventEvent(null,"beforeDestroy")},destroyed(){globalEvents.off(this,"paste"),globalEvents.off(this,"copy"),globalEvents.off(this,"cut"),globalEvents.off(this,"mousedown"),globalEvents.off(this,"blur"),globalEvents.off(this,"mousewheel"),globalEvents.off(this,"keydown"),globalEvents.off(this,"resize"),globalEvents.off(this,"contextmenu"),this.preventEvent(null,"destroyed")},render(e){var t=_ui.VxeUI.getComponent("VxeLoading"),o=_ui.VxeUI.getComponent("VxeTooltip");let r=this,i=r.$xeGrid;var{_e:l,$scopedSlots:s,tId:n,isCalcColumn:a,tableData:p,tableColumn:u,tableGroupColumn:d,isGroup:g,loading:c,stripe:h,showHeader:f,height:m,tableBorder:x,treeOpts:b,treeConfig:v,mouseConfig:C,mouseOpts:O,areaOpts:_,computeSize:w,validOpts:y,showFooter:E,overflowX:L,overflowY:M,scrollXLoad:F,scrollYLoad:P,scrollbarHeight:I,highlightCell:U,highlightHoverRow:$,highlightHoverColumn:V,editConfig:A,validTipOpts:H,initStore:S,columnStore:D,filterStore:G,customStore:Y,ctxMenuStore:R,ctxMenuOpts:B,footerTableData:N,columnOpts:X,rowOpts:K,checkboxOpts:W,loadingOpts:k,resizableOpts:Z,editRules:T}=r,{leftList:D,rightList:q}=D;let j=s.loading,z=this._isLoading||c;s=w,c=r.computeVirtualScrollBars,w=C&&O.area;return e("div",{ref:"refElem",class:["vxe-table","vxe-table--render-default","tid_"+n,s?"size--"+s:"","border--"+x,{["valid-msg--"+y.msgMode]:!!T,"vxe-editable":!!A,"old-cell-valid":T&&"obsolete"===getConfig().cellVaildMode,"cell--highlight":U,"cell--selected":C&&O.selected,"cell--area":w,"header-cell--area":w&&_.selectCellByHeader,"body-cell--area":w&&_.selectCellByBody,"row--highlight":K.isHover||$,"column--highlight":X.isHover||V,"checkbox--range":W.range,"column--calc":a,"is--header":f,"is--footer":E,"is--group":g,"is--tree-line":v&&(b.showLine||b.line),"is--fixed-left":D.length,"is--fixed-right":q.length,"is--animat":!!this.animat,"is--padding":this.padding,"is--round":this.round,"is--stripe":!v&&h,"is--loading":z,"is--empty":!z&&!p.length,"is--scroll-y":M,"is--scroll-x":L,"is--virtual-x":F,"is--virtual-y":P}],style:{"--vxe-ui-table-drag-column-move-delay":Math.max(.05,Math.min(.3,p.length/800))+"s"},attrs:{spellcheck:!1},on:{keydown:this.keydownEvent}},[e("div",{class:"vxe-table-slots",ref:"hideColumn"},this.$slots.default),e("div",{key:"tw",class:"vxe-table--render-wrapper"},[e("div",{class:"vxe-table--main-wrapper"},[f?e(_header.default,{ref:"tableHeader",props:{tableData:p,tableColumn:u,tableGroupColumn:d,size:s}}):l(),e(_body.default,{ref:"tableBody",props:{tableData:p,tableColumn:u,size:s}}),E?e(_footer.default,{ref:"tableFooter",props:{footerTableData:N,tableColumn:u,size:s}}):l()]),e("div",{class:"vxe-table--fixed-wrapper"},[D&&D.length&&L?renderFixed(e,this,"left"):l(),q&&q.length&&L?renderFixed(e,this,"right"):l()])]),c.x?e("div",{key:"vx",ref:"refScrollXVirtualElem",class:"vxe-table--scroll-x-virtual"},[e("div",{ref:"refScrollXHandleElem",class:"vxe-table--scroll-x-handle",on:{scroll:r.scrollXEvent}},[e("div",{ref:"refScrollXSpaceElem",class:"vxe-table--scroll-x-space"})])]):renderEmptyElement(r),c.y?e("div",{key:"vy",ref:"refScrollYVirtualElem",class:"vxe-table--scroll-y-virtual"},[e("div",{ref:"refScrollYHandleElem",class:"vxe-table--scroll-y-handle",on:{scroll:r.scrollYEvent}},[e("div",{ref:"refScrollYSpaceElem",class:"vxe-table--scroll-y-space"})])]):renderEmptyElement(r),e("div",{key:"tn",ref:"emptyPlaceholder",class:"vxe-table--empty-placeholder"},[e("div",{class:"vxe-table--empty-content"},renderEmptyBody(e,this))]),e("div",{key:"tl",class:"vxe-table--border-line"}),e("div",{key:"cl",class:"vxe-table--resizable-bar",style:L?{"padding-bottom":I+"px"}:{},ref:"resizeBar"},Z.showDragTip?[e("div",{ref:"refCellResizeTip",class:"vxe-table--resizable-number-tip"},"23432px")]:[]),t?e(t,{key:"lg",class:"vxe-table--loading",props:{value:z,icon:k.icon,text:k.text},scopedSlots:j?{default:()=>r.callSlot(j,{$table:r,$grid:i,loading:z},e)}:{}}):j?e("div",{class:["vxe-loading--custom-wrapper",{"is--visible":z}]},r.callSlot(j,{$table:r,$grid:i,loading:z},e)):renderEmptyElement(r),S.custom?e(_panel.default,{key:"cs",ref:"customWrapper",props:{customStore:Y}}):renderEmptyElement(r),S.filter?e(_panel2.default,{key:"tf",ref:"filterWrapper",props:{filterStore:G}}):l(),S.import&&this.importConfig?e(_importPanel.default,{key:"it",props:{defaultOptions:this.importParams,storeData:this.importStore}}):l(),S.export&&(this.exportConfig||this.printConfig)?e(_exportPanel.default,{key:"et",props:{defaultOptions:this.exportParams,storeData:this.exportStore}}):l(),R.visible&&this.isCtxMenu?e(_panel3.default,{key:"tm",ref:"ctxWrapper",props:{ctxMenuStore:R,ctxMenuOpts:B}}):l(),renderDragTip(e,this),e("div",{},[o?e(o,{key:"ctp",ref:"commTip",props:{isArrow:!1,enterable:!1}}):l(),o?e(o,{key:"btp",ref:"tooltip",props:Object.assign({},this.tipConfig,this.tooltipStore.currOpts)}):l(),o&&this.editRules&&y.showMessage&&("default"===y.message?!m:"tooltip"===y.message)?e(o,{key:"vtp",ref:"validTip",class:[{"old-cell-valid":T&&"obsolete"===getConfig().cellVaildMode},"vxe-table--valid-error"],props:"tooltip"===y.message||1===p.length?H:null}):l()])])},methods:_methods.default};

package/lib/table/style/style.css

@@ -751,7 +751,7 @@
   position: absolute;
   left: -1px;
   width: calc(100% + 1px);
-  height: 3px;
+  height: 2px;
   background-color: var(--vxe-ui-font-primary-color);
   z-index: 12;
 }
@@ -801,6 +801,7 @@
 }
 
 .vxe-table-custom--body {
+  position: relative;
   display: block;
   flex-grow: 1;
   overflow-x: hidden;
@@ -814,50 +815,29 @@
 }
 .vxe-table-custom--panel-list > li {
   max-width: 26em;
-  min-width: 17em;
+  min-width: 18em;
   padding: 0.2em 1em 0.2em 1em;
 }
 .vxe-table-custom--panel-list > li.level--2 {
-  padding-left: 3.5em;
-}
-.vxe-table-custom--panel-list > li.level--2 .vxe-checkbox--icon {
-  left: 1.8em;
+  padding-left: 2.7em;
 }
 .vxe-table-custom--panel-list > li.level--3 {
-  padding-left: 4.5em;
-}
-.vxe-table-custom--panel-list > li.level--3 .vxe-checkbox--icon {
-  left: 2.8em;
+  padding-left: 3.7em;
 }
 .vxe-table-custom--panel-list > li.level--4 {
-  padding-left: 5.5em;
-}
-.vxe-table-custom--panel-list > li.level--4 .vxe-checkbox--icon {
-  left: 3.8em;
+  padding-left: 4.7em;
 }
 .vxe-table-custom--panel-list > li.level--5 {
-  padding-left: 6.5em;
-}
-.vxe-table-custom--panel-list > li.level--5 .vxe-checkbox--icon {
-  left: 4.8em;
+  padding-left: 5.7em;
 }
 .vxe-table-custom--panel-list > li.level--6 {
-  padding-left: 7.5em;
-}
-.vxe-table-custom--panel-list > li.level--6 .vxe-checkbox--icon {
-  left: 5.8em;
+  padding-left: 6.7em;
 }
 .vxe-table-custom--panel-list > li.level--7 {
-  padding-left: 8.5em;
-}
-.vxe-table-custom--panel-list > li.level--7 .vxe-checkbox--icon {
-  left: 6.8em;
+  padding-left: 7.7em;
 }
 .vxe-table-custom--panel-list > li.level--8 {
-  padding-left: 9.5em;
-}
-.vxe-table-custom--panel-list > li.level--8 .vxe-checkbox--icon {
-  left: 7.8em;
+  padding-left: 8.7em;
 }
 
 .vxe-table-custom--header {
@@ -870,9 +850,6 @@
           user-select: none;
 }
 
-.vxe-table-custom--panel-list {
-  padding: 0.2em 0;
-}
 .vxe-table-custom--panel-list .vxe-table-custom--checkbox-option:hover {
   background-color: var(--vxe-ui-table-row-hover-background-color);
 }
@@ -961,6 +938,13 @@
   cursor: not-allowed;
 }
 
+.vxe-table-custom--name-option {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+}
+
 .vxe-table-custom--checkbox-label {
   flex-grow: 1;
   overflow: hidden;
@@ -980,6 +964,7 @@
 }
 
 .vxe-table-custom-popup--body {
+  position: relative;
   overflow: auto;
   height: 100%;
   outline: 0;
@@ -1026,13 +1011,44 @@
   border-right: 1px solid var(--vxe-ui-table-border-color);
 }
 
-.vxe-table-custom-popup--drag-hint {
+/*拖拽列*/
+.vxe-table-custom-popup--drag-line {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 11;
+  pointer-events: none;
+}
+
+.vxe-table-custom-popup--drag-line {
+  width: 100%;
+  height: 1px;
+  border: 2px solid transparent;
+}
+.vxe-table-custom-popup--drag-line[drag-pos=top] {
+  border-top-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table-custom-popup--drag-line[drag-pos=bottom] {
+  border-bottom-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table-custom-popup--drag-line[drag-to-child=y] {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: var(--vxe-ui-status-success-color);
+}
+.vxe-table-custom-popup--drag-line.is--guides {
+  background-color: var(--vxe-ui-table-drag-over-background-color);
+}
+
+.vxe-table-custom-popup--drag-tip {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
-  padding: 0.6em 1em 0.6em 1.6em;
-  max-width: 300px;
+  padding: 0.6em 1.4em;
+  max-width: 50%;
+  min-width: 100px;
   border-radius: var(--vxe-ui-border-radius);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1045,8 +1061,52 @@
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   z-index: 33;
 }
+.vxe-table-custom-popup--drag-tip[drag-status=normal] .vxe-table-custom-popup--drag-tip-normal-status {
+  display: block;
+}
+.vxe-table-custom-popup--drag-tip[drag-status=sub] .vxe-table-custom-popup--drag-tip-sub-status {
+  display: block;
+}
+.vxe-table-custom-popup--drag-tip[drag-status=disabled] .vxe-table-custom-popup--drag-tip-disabled-status {
+  display: block;
+}
+
+.vxe-table-custom-popup--drag-tip-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.vxe-table-custom-popup--drag-tip-status {
+  padding-right: 0.4em;
+}
+
+.vxe-table-custom-popup--drag-tip-disabled-status {
+  display: none;
+  flex-shrink: 0;
+  color: var(--vxe-ui-status-error-color);
+}
+
+.vxe-table-custom-popup--drag-tip-normal-status,
+.vxe-table-custom-popup--drag-tip-sub-status {
+  display: none;
+}
+
+.vxe-table-custom-popup--drag-tip-content {
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 .vxe-table-custom-popup--name {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.vxe-table-custom-popup--title {
+  flex-grow: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -1087,7 +1147,7 @@
 .vxe-table-custom-popup--column-item {
   position: relative;
 }
-.vxe-table-custom-popup--column-item.col--sort, .vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--resizable, .vxe-table-custom-popup--column-item.col--fixed {
+.vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--resizable, .vxe-table-custom-popup--column-item.col--fixed {
   text-align: center;
 }
 .vxe-table-custom-popup--column-item.col--resizable > .vxe-input, .vxe-table-custom-popup--column-item.col--resizable > .vxe-number-input {
@@ -1127,7 +1187,13 @@
 }
 
 .vxe-table-custom--list-move {
-  transition: transform 0.35s;
+  transition-property: transform;
+  transition-duration: 0.35s;
+  transition-delay: 0.05s;
+}
+
+.vxe-table-custom-popup--column-sort-placeholder {
+  padding: 0.2em 0.5em;
 }
 
 .vxe-table-custom-popup--column-sort-btn {
@@ -2689,7 +2755,9 @@
   opacity: 0.5;
 }
 .vxe-table--render-default .vxe-header--col-list-move {
-  transition: transform 0.35s;
+  transition-property: transform;
+  transition-duration: 0.35s;
+  transition-delay: var(--vxe-ui-table-drag-column-move-delay, 0.3s);
 }
 .vxe-table--render-default .vxe-table--drag-col-line,
 .vxe-table--render-default .vxe-table--drag-row-line {
@@ -2744,7 +2812,9 @@
   opacity: 0.5;
 }
 .vxe-table--render-default .vxe-body--row-list-move {
-  transition: transform 0.35s;
+  transition-property: transform;
+  transition-duration: 0.35s;
+  transition-delay: 0.05s;
 }
 .vxe-table--render-default .vxe-table--drag-sort-tip {
   display: none;