vxe-pc-ui 4.20.5 → 4.20.6

package/lib/table-select/src/table-select.js

@@ -443,6 +443,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         const ppObj = (0, _dom.updatePanelPlacement)(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("table-select").errLog;function getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}function createReactData(){return{initialized:!1,tableColumns:[],fullOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}}function createInternalData(){return{fullRowMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableSelect",props:{modelValue:[String,Number,Array],clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().tableSelect.clearable},placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().tableSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().tableSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,columns:Array,options:Array,optionProps:Object,lazyOptions:Array,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().tableSelect.size||(0,_ui.getConfig)().size},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","form-submit","form-reset","form-collapse","page-change"],setup(C,e){let{emit:a,slots:y}=e,E=_ui.VxeUI.getComponent("vxe-grid"),l=(0,_vue.inject)("$xeModal",null),i=(0,_vue.inject)("$xeDrawer",null),h=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let $=(0,_ui.useSize)(C).computeSize,T=(0,_vue.ref)(),I=(0,_vue.ref)(),V=(0,_vue.ref)(),w=(0,_vue.ref)(),S=(0,_vue.ref)(),U=(0,_vue.reactive)(createReactData()),s=createInternalData(),k={refElem:T},D=(0,_vue.computed)(()=>{var e=C.readonly;return null===e?!!u&&u.props.readonly:e}),P=(0,_vue.computed)(()=>{var e=C.disabled;return null===e?!!u&&u.props.disabled:e}),R=(0,_vue.computed)(()=>{var e=C.transfer,t=j.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().tableSelect.transfer;if(_xeUtils.default.isBoolean(t))return t;if(h||l||i||u)return!0}return e}),r=(0,_vue.computed)(()=>C.optionProps||{}),O=(0,_vue.computed)(()=>{var e=d.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),v=(0,_vue.computed)(()=>O.value.keyField||"_X_ROW_KEY"),F=(0,_vue.computed)(()=>r.value.label||"label"),c=(0,_vue.computed)(()=>r.value.value||"value"),j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,C.popupConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,C.gridConfig,{data:void 0})),N=(0,_vue.computed)(()=>{var e=d.value;let{pagerConfig:i,proxyConfig:t}=e;if(t){var a=t.ajax;if(a&&a.query){var u=_xeUtils.default.clone(t,!0);let l=a.query;if(l){let a=t.response||t.props||{};Object.assign(u.ajax,{query(e,...t){return Promise.resolve(l(e,...t)).then(e=>{let t=[];var l;return t=i?(l=a.result,(_xeUtils.default.isFunction(l)?l({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,l||"result"))||[]):((l=a.list)?_xeUtils.default.isFunction(l)?l({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,l):e)||[],g(t||[]),e})}})}return Object.assign({},e,{proxyConfig:u})}}return e}),B=(0,_vue.computed)(()=>{let{modelValue:e,lazyOptions:l}=C;var t=U.fullOptionList;let a=s.fullRowMaps,i=c.value,u=F.value;return t?(_xeUtils.default.isArray(e)?e:[e]).map(t=>{var e=a[t];if(e)return e.item[u];if(l){e=l.find(e=>e[i]===t);if(e)return e[u]}return t}).join(", "):""}),M=(0,_vue.computed)(()=>{var{height:e,width:t}=j.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e)),l}),K={},q={xID:t,props:C,context:e,reactData:U,getRefMaps:()=>k,getComputeMaps:()=>K};let A={},o=(["form-submit","form-reset","form-collapse","page-change"].forEach(t=>{A[(0,_vn.getOnName)(_xeUtils.default.camelCase(t))]=e=>{o(t,e,e.$event)}}),(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$tableSelect:q},t))}),Z=e=>{a("update:modelValue",e)};t={dispatchEvent:o};let W=e=>{let t=s.fullRowMaps,l=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=t[e];e&&l.push(e.item)}),l},p=l=>{let a=C.multiple;(0,_vue.nextTick)(()=>{var e,t=S.value;t&&(e=W(l)).length&&(a?t.setCheckboxRow(e,!0):t.setRadioRow(e[0]))})},f=e=>{if(e&&e.length){var i=C.multiple;let t=[],l=!1,a=!1;e.forEach(e=>{l||"radio"!==e.type?a||"checkbox"!==e.type||(a=!0):l=!0,t.push(e)}),i?a||t.unshift({type:"checkbox",width:70}):l||t.unshift({type:"radio",width:70}),U.tableColumns=t}},g=e=>{var t=C.options;let u=v.value,n=c.value;var{treeConfig:l,pagerConfig:a}=d.value;let r={},o={};l||_xeUtils.default.arrayEach(e||t||[],(e,t,l)=>{let a=(e=>{e=e[v.value];return e?encodeURIComponent(e):""})(e);a=a||getRowUniqueId(),o[a]&&errLog("vxe.error.repeatKey",[u,a]),o[a]=!0;var i=e[n];r[i]&&errLog("vxe.error.repeatKey",[n,i]),r[i]={item:e,index:t,items:l,parent:null,nodes:[]}}),U.fullOptionList=e||t||[],s.fullRowMaps=a?Object.assign({},s.fullRowMaps,r):r,p(C.modelValue)},X=()=>{var e=j.value.zIndex||C.zIndex;e?U.panelIndex=_xeUtils.default.toNumber(e):U.panelIndex<(0,_utils.getLastZIndex)()&&(U.panelIndex=(0,_utils.nextZIndex)())},_=()=>{let l=C.placement,a=U.panelIndex,i=T.value,u=w.value,n=R.value,r=j.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:r.placement||l,defaultPlacement:r.defaultPlacement,teleportTo:n}),t=Object.assign(e.style,{zIndex:a});U.panelStyle=t,U.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},m=()=>{var e=C.loading,t=P.value;e||t||(s.vpTimeout&&clearTimeout(s.vpTimeout),s.hpTimeout&&clearTimeout(s.hpTimeout),U.initialized||(U.initialized=!0),U.isActivated=!0,U.isAniVisible=!0,s.vpTimeout=setTimeout(()=>{U.visiblePanel=!0,p(C.modelValue),s.vpTimeout=void 0,_()},10),X(),_())},b=()=>{U.visiblePanel=!1,s.vpTimeout&&clearTimeout(s.vpTimeout),s.hpTimeout&&clearTimeout(s.hpTimeout),s.hpTimeout=setTimeout(()=>{U.isAniVisible=!1,s.hpTimeout=void 0},350)},x=(e,t,l)=>{Z(t),t!==C.modelValue&&(o("change",{value:t,row:l,option:l},e),u)&&n&&u.triggerItemEvent(e,n.itemConfig.field,t)},Y=(e,t)=>{x(e,t,null),o("clear",{value:t},e)},G=(e,t)=>{var l=S.value;l&&(l.clearRadioRow(),l.clearCheckboxRow()),Y(t,null),b()},H=e=>{var t,l,a=U.visiblePanel;P.value||(t=T.value,l=w.value,U.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!U.isActivated&&b())},J=()=>{var{visiblePanel:e,isActivated:t}=U;e&&b(),t&&(U.isActivated=!1),(e||t)&&(e=I.value)&&e.blur()},Q=()=>{var e=U.visiblePanel;e&&_()},ee=()=>{var e=U.visiblePanel;e&&_()},te=e=>{P.value||U.visiblePanel||(U.triggerFocusPanel=!0,m(),setTimeout(()=>{U.triggerFocusPanel=!1},150)),o("focus",{},e)},le=e=>{z(e),o("click",{},e)},ae=e=>{U.isActivated=!1,o("blur",{},e)},z=e=>{e=e.$event;e.preventDefault(),U.triggerFocusPanel?U.triggerFocusPanel=!1:(U.visiblePanel?b:m)()},ie=e=>{var{$event:e,row:t}=e,l=t[c.value];x(e,l,t),b()},L=e=>{var{$grid:e,$event:t,row:l}=e;let a=c.value;e&&(e=e.getCheckboxRecords().map(e=>e[a]),x(t,e,l))},ue=e=>{L(e)};Object.assign(q,t,{});return(0,_vue.watch)(()=>C.options,()=>{g()}),(0,_vue.watch)(()=>C.columns,e=>{f(e)}),(0,_vue.watch)(()=>C.modelValue,e=>{p(e)}),f(C.columns),g(),(0,_vue.onMounted)(()=>{var e=C.gridConfig;e&&e.proxyConfig&&!1!==e.proxyConfig.autoLoad&&(U.initialized=!0),_ui.globalEvents.on(q,"mousedown",H),_ui.globalEvents.on(q,"blur",J),_ui.globalEvents.on(q,"resize",Q),_ui.globalEvents.on(q,"scroll",ee)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"blur"),_ui.globalEvents.off(q,"resize"),_ui.globalEvents.off(q,"scroll"),_xeUtils.default.assign(U,createReactData()),_xeUtils.default.assign(s,createInternalData())}),(0,_vue.nextTick)(()=>{E||errLog("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",q),q.renderVN=()=>{var{className:e,options:t,loading:l}=C,{initialized:a,isActivated:i,isAniVisible:u,visiblePanel:n,tableColumns:r}=U,o=$.value,s=P.value,v=B.value,c=R.value,d=D.value,p=j.value,f=N.value,g=O.value,_=M.value,m=p.appendTo,b=y.header,x=y.footer;let h=y.prefix;p=p.className;return d?(0,_vue.h)("div",{ref:T,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:T,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:q}):e:"",{["size--"+o]:o,"is--visible":n,"is--disabled":s,"is--loading":l,"is--active":i}]},[(0,_vue.h)(_input.default,{ref:I,clearable:C.clearable,placeholder:l?(0,_ui.getI18n)("vxe.select.loadingText"):C.placeholder,editable:!1,disabled:s,type:"text",prefixIcon:C.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().TABLE_SELECT_LOADED:n?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:l?"":v,onClear:G,onClick:le,onFocus:te,onBlur:ae,onSuffixClick:z},h?{prefix:()=>h({})}:{}),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(m),disabled:!c||!a},[(0,_vue.h)("div",{ref:w,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:q}):p:"",{["size--"+o]:o,"is--transfer":c,"ani--leave":!l&&u,"ani--enter":!l&&n}],placement:U.panelPlacement,style:U.panelStyle},a?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[b?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},b({})):(0,_ui.renderEmptyElement)(q),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:V,class:"vxe-table-select-grid--wrapper",style:_},[E?(0,_vue.h)(E,Object.assign(Object.assign(Object.assign({},f),A),{class:"vxe-table-select--grid",ref:S,rowConfig:g,data:t,columns:r.length?r:f.columns,height:"100%",autoResize:!0,onRadioChange:ie,onCheckboxChange:L,onCheckboxAll:ue}),Object.assign({},y,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(q)])]),x?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},x({})):(0,_ui.renderEmptyElement)(q)])]:[])])])},q},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("table-select").errLog;function getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}function createReactData(){return{initialized:!1,tableColumns:[],fullOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}}function createInternalData(){return{fullRowMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableSelect",props:{modelValue:[String,Number,Array],clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().tableSelect.clearable},placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().tableSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().tableSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,columns:Array,options:Array,optionProps:Object,lazyOptions:Array,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().tableSelect.size||(0,_ui.getConfig)().size},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","form-submit","form-reset","form-collapse","page-change"],setup(C,e){let{emit:a,slots:y}=e,T=_ui.VxeUI.getComponent("vxe-grid"),l=(0,_vue.inject)("$xeModal",null),i=(0,_vue.inject)("$xeDrawer",null),h=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let $=(0,_ui.useSize)(C).computeSize,E=(0,_vue.ref)(),I=(0,_vue.ref)(),V=(0,_vue.ref)(),w=(0,_vue.ref)(),S=(0,_vue.ref)(),U=(0,_vue.reactive)(createReactData()),s=createInternalData(),k={refElem:E},D=(0,_vue.computed)(()=>{var e=C.readonly;return null===e?!!u&&u.props.readonly:e}),P=(0,_vue.computed)(()=>{var e=C.disabled;return null===e?!!u&&u.props.disabled:e}),R=(0,_vue.computed)(()=>{var e=C.transfer,t=j.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().tableSelect.transfer;if(_xeUtils.default.isBoolean(t))return t;if(h||l||i||u)return!0}return e}),r=(0,_vue.computed)(()=>C.optionProps||{}),O=(0,_vue.computed)(()=>{var e=d.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),v=(0,_vue.computed)(()=>O.value.keyField||"_X_ROW_KEY"),F=(0,_vue.computed)(()=>r.value.label||"label"),c=(0,_vue.computed)(()=>r.value.value||"value"),j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,C.popupConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,C.gridConfig,{data:void 0})),N=(0,_vue.computed)(()=>{var e=d.value;let{pagerConfig:i,proxyConfig:t}=e;if(t){var a=t.ajax;if(a&&a.query){var u=_xeUtils.default.clone(t,!0);let l=a.query;if(l){let a=t.response||t.props||{};Object.assign(u.ajax,{query(e,...t){return Promise.resolve(l(e,...t)).then(e=>{let t=[];var l;return t=i?(l=a.result,(_xeUtils.default.isFunction(l)?l({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,l||"result"))||[]):((l=a.list)?_xeUtils.default.isFunction(l)?l({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,l):e)||[],g(t||[]),e})}})}return Object.assign({},e,{proxyConfig:u})}}return e}),B=(0,_vue.computed)(()=>{let{modelValue:e,lazyOptions:l}=C;var t=U.fullOptionList;let a=s.fullRowMaps,i=c.value,u=F.value;return t?(_xeUtils.default.isArray(e)?e:[e]).map(t=>{var e=a[t];if(e)return e.item[u];if(l){e=l.find(e=>e[i]===t);if(e)return e[u]}return t}).join(", "):""}),M=(0,_vue.computed)(()=>{var{height:e,width:t}=j.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e)),l}),K={},q={xID:t,props:C,context:e,reactData:U,getRefMaps:()=>k,getComputeMaps:()=>K};let A={},o=(["form-submit","form-reset","form-collapse","page-change"].forEach(t=>{A[(0,_vn.getOnName)(_xeUtils.default.camelCase(t))]=e=>{o(t,e,e.$event)}}),(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$tableSelect:q},t))}),Z=e=>{a("update:modelValue",e)};t={dispatchEvent:o};let W=e=>{let t=s.fullRowMaps,l=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=t[e];e&&l.push(e.item)}),l},p=l=>{let a=C.multiple;(0,_vue.nextTick)(()=>{var e,t=S.value;t&&(e=W(l)).length&&(a?t.setCheckboxRow(e,!0):t.setRadioRow(e[0]))})},f=e=>{if(e&&e.length){var i=C.multiple;let t=[],l=!1,a=!1;e.forEach(e=>{l||"radio"!==e.type?a||"checkbox"!==e.type||(a=!0):l=!0,t.push(e)}),i?a||t.unshift({type:"checkbox",width:70}):l||t.unshift({type:"radio",width:70}),U.tableColumns=t}},g=e=>{var t=C.options;let u=v.value,n=c.value;var{treeConfig:l,pagerConfig:a}=d.value;let r={},o={};l||_xeUtils.default.arrayEach(e||t||[],(e,t,l)=>{let a=(e=>{e=e[v.value];return e?encodeURIComponent(e):""})(e);a=a||getRowUniqueId(),o[a]&&errLog("vxe.error.repeatKey",[u,a]),o[a]=!0;var i=e[n];r[i]&&errLog("vxe.error.repeatKey",[n,i]),r[i]={item:e,index:t,items:l,parent:null,nodes:[]}}),U.fullOptionList=e||t||[],s.fullRowMaps=a?Object.assign({},s.fullRowMaps,r):r,p(C.modelValue)},X=()=>{var e=j.value.zIndex||C.zIndex;e?U.panelIndex=_xeUtils.default.toNumber(e):U.panelIndex<(0,_utils.getLastZIndex)()&&(U.panelIndex=(0,_utils.nextZIndex)())},_=()=>{let l=C.placement,a=U.panelIndex,i=E.value,u=w.value,n=R.value,r=j.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:r.placement||l,defaultPlacement:r.defaultPlacement,appendTo:r.appendTo,teleportTo:n}),t=Object.assign(e.style,{zIndex:a});U.panelStyle=t,U.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},m=()=>{var e=C.loading,t=P.value;e||t||(s.vpTimeout&&clearTimeout(s.vpTimeout),s.hpTimeout&&clearTimeout(s.hpTimeout),U.initialized||(U.initialized=!0),U.isActivated=!0,U.isAniVisible=!0,s.vpTimeout=setTimeout(()=>{U.visiblePanel=!0,p(C.modelValue),s.vpTimeout=void 0,_()},10),X(),_())},b=()=>{U.visiblePanel=!1,s.vpTimeout&&clearTimeout(s.vpTimeout),s.hpTimeout&&clearTimeout(s.hpTimeout),s.hpTimeout=setTimeout(()=>{U.isAniVisible=!1,s.hpTimeout=void 0},350)},x=(e,t,l)=>{Z(t),t!==C.modelValue&&(o("change",{value:t,row:l,option:l},e),u)&&n&&u.triggerItemEvent(e,n.itemConfig.field,t)},Y=(e,t)=>{x(e,t,null),o("clear",{value:t},e)},G=(e,t)=>{var l=S.value;l&&(l.clearRadioRow(),l.clearCheckboxRow()),Y(t,null),b()},H=e=>{var t,l,a=U.visiblePanel;P.value||(t=E.value,l=w.value,U.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!U.isActivated&&b())},J=()=>{var{visiblePanel:e,isActivated:t}=U;e&&b(),t&&(U.isActivated=!1),(e||t)&&(e=I.value)&&e.blur()},Q=()=>{var e=U.visiblePanel;e&&_()},ee=()=>{var e=U.visiblePanel;e&&_()},te=e=>{P.value||U.visiblePanel||(U.triggerFocusPanel=!0,m(),setTimeout(()=>{U.triggerFocusPanel=!1},150)),o("focus",{},e)},le=e=>{z(e),o("click",{},e)},ae=e=>{U.isActivated=!1,o("blur",{},e)},z=e=>{e=e.$event;e.preventDefault(),U.triggerFocusPanel?U.triggerFocusPanel=!1:(U.visiblePanel?b:m)()},ie=e=>{var{$event:e,row:t}=e,l=t[c.value];x(e,l,t),b()},L=e=>{var{$grid:e,$event:t,row:l}=e;let a=c.value;e&&(e=e.getCheckboxRecords().map(e=>e[a]),x(t,e,l))},ue=e=>{L(e)};Object.assign(q,t,{});return(0,_vue.watch)(()=>C.options,()=>{g()}),(0,_vue.watch)(()=>C.columns,e=>{f(e)}),(0,_vue.watch)(()=>C.modelValue,e=>{p(e)}),f(C.columns),g(),(0,_vue.onMounted)(()=>{var e=C.gridConfig;e&&e.proxyConfig&&!1!==e.proxyConfig.autoLoad&&(U.initialized=!0),_ui.globalEvents.on(q,"mousedown",H),_ui.globalEvents.on(q,"blur",J),_ui.globalEvents.on(q,"resize",Q),_ui.globalEvents.on(q,"scroll",ee)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"blur"),_ui.globalEvents.off(q,"resize"),_ui.globalEvents.off(q,"scroll"),_xeUtils.default.assign(U,createReactData()),_xeUtils.default.assign(s,createInternalData())}),(0,_vue.nextTick)(()=>{T||errLog("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",q),q.renderVN=()=>{var{className:e,options:t,loading:l}=C,{initialized:a,isActivated:i,isAniVisible:u,visiblePanel:n,tableColumns:r}=U,o=$.value,s=P.value,v=B.value,c=R.value,d=D.value,p=j.value,f=N.value,g=O.value,_=M.value,m=p.appendTo,b=y.header,x=y.footer;let h=y.prefix;p=p.className;return d?(0,_vue.h)("div",{ref:E,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:E,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:q}):e:"",{["size--"+o]:o,"is--visible":n,"is--disabled":s,"is--loading":l,"is--active":i}]},[(0,_vue.h)(_input.default,{ref:I,clearable:C.clearable,placeholder:l?(0,_ui.getI18n)("vxe.select.loadingText"):C.placeholder,editable:!1,disabled:s,type:"text",prefixIcon:C.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().TABLE_SELECT_LOADED:n?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:l?"":v,onClear:G,onClick:le,onFocus:te,onBlur:ae,onSuffixClick:z},h?{prefix:()=>h({})}:{}),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(m),disabled:!c||!a},[(0,_vue.h)("div",{ref:w,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:q}):p:"",{["size--"+o]:o,"is--transfer":c,"ani--leave":!l&&u,"ani--enter":!l&&n}],placement:U.panelPlacement,style:U.panelStyle},a?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[b?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},b({})):(0,_ui.renderEmptyElement)(q),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:V,class:"vxe-table-select-grid--wrapper",style:_},[T?(0,_vue.h)(T,Object.assign(Object.assign(Object.assign({},f),A),{class:"vxe-table-select--grid",ref:S,rowConfig:g,data:t,columns:r.length?r:f.columns,height:"100%",autoResize:!0,onRadioChange:ie,onCheckboxChange:L,onCheckboxAll:ue}),Object.assign({},y,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(q)])]),x?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},x({})):(0,_ui.renderEmptyElement)(q)])]:[])])])},q},render(){return this.renderVN()}});

package/lib/tooltip/src/tooltip.js

@@ -339,6 +339,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const {
         placement,
         defaultPlacement,
+        appendTo,
         isArrow
       } = props;
       const {
@@ -375,6 +376,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         defaultLeft: left,
         placement: placement,
         defaultPlacement: defaultPlacement,
+        appendTo: appendTo,
         isMinWidth: false,
         teleportTo: true
       });

package/lib/tooltip/src/tooltip.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{target:null,isUpdate:!1,visible:!1,tipPos:null,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTooltip",props:{modelValue:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().tooltip.size||(0,_ui.getConfig)().size},selector:[String,Element],trigger:{type:String,default:()=>(0,_ui.getConfig)().tooltip.trigger||"hover"},theme:{type:String,default:()=>(0,_ui.getConfig)().tooltip.theme||"dark"},content:{type:[String,Number],default:null},useHtml:{type:Boolean,default:()=>_xeUtils.default.isBoolean((0,_ui.getConfig)().tooltip.useHtml)?(0,_ui.getConfig)().tooltip.useHtml:null},useHTML:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.useHTML},zIndex:[String,Number],popupClassName:[String,Function],width:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.Width},height:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.height},minWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.minWidth},minHeight:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.minHeight},maxWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.maxWidth},maxHeight:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.maxHeight},placement:{type:String,default:()=>(0,_ui.getConfig)().tooltip.placement},defaultPlacement:{type:String,default:()=>(0,_ui.getConfig)().tooltip.defaultPlacement},isArrow:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.isArrow},enterable:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.enterable},enterDelay:{type:Number,default:()=>(0,_ui.getConfig)().tooltip.enterDelay},leaveDelay:{type:Number,default:()=>(0,_ui.getConfig)().tooltip.leaveDelay},appendTo:{type:[String,Function],default:()=>(0,_ui.getConfig)().tooltip.appendTo}},emits:["update:modelValue","show","hide"],setup(f,e){let{slots:p,emit:l}=e;var t=_xeUtils.default.uniqueId();let d=(0,_ui.useSize)(f).computeSize,m=(0,_vue.reactive)(createReactData()),a=createInternalData(),_=(0,_vue.ref)(),c=(0,_vue.ref)(),g=(0,_vue.computed)(()=>{var{width:e,height:t,minHeight:i,minWidth:l,maxHeight:n,maxWidth:o}=f,a={};return e&&(a.width=(0,_dom.toCssUnit)(e)),t&&(a.height=(0,_dom.toCssUnit)(t)),l&&(a.minWidth=(0,_dom.toCssUnit)(l)),i&&(a.minHeight=(0,_dom.toCssUnit)(i)),o&&(a.maxWidth=(0,_dom.toCssUnit)(o)),n&&(a.maxHeight=(0,_dom.toCssUnit)(n)),a}),i={refElem:_},v={xID:t,props:f,context:e,reactData:m,internalData:a,getRefMaps:()=>i},r=(e,t,i)=>{l(e,(0,_ui.createEvent)(i,{$tooltip:v},t))},n=e=>{e!==m.visible&&(m.visible=e,m.isUpdate=!0,l("update:modelValue",e))},o=()=>{var e=f.zIndex;e?m.tipZindex=_xeUtils.default.toNumber(e):m.tipZindex<(0,_utils.getLastZIndex)()&&(m.tipZindex=(0,_utils.nextZIndex)())},u=()=>{m.visible?v.close():S(m.target||w(),f.content)},s=()=>{S(m.target||w(),f.content)},h=()=>{var{trigger:e,enterable:t,leaveDelay:i}=f;m.tipActive=!1,t&&"hover"===e?setTimeout(()=>{m.tipActive||v.close()},i):v.close()},x=()=>{m.tipActive=!0},y=()=>{var{trigger:e,enterable:t,leaveDelay:i}=f;m.tipActive=!1,t&&"hover"===e&&setTimeout(()=>{m.tipActive||v.close()},i)},b=()=>{var e=f.appendTo,t=m.tipStore,i=_.value;return i&&!i.parentNode&&(0,_dom.getPopupAppendElement)(e).appendChild(i),n(!0),o(),t.placement="top",t.style={width:"auto",left:0,top:0,zIndex:f.zIndex||m.tipZindex},t.arrowStyle={left:"50%"},v.updatePlacement()},C=()=>{a.showDelayTip=_xeUtils.default.debounce(()=>{m.tipActive&&b()},f.enterDelay,{leading:!1,trailing:!0})},S=(e,t,i)=>{var l=p.content;if((l||""!==t&&!_xeUtils.default.eqNull(t))&&e){var l=a.showDelayTip,{trigger:n,enterDelay:o}=f;if(m.tipPos=i?{x:i.clientX,y:i.clientY,oLeft:i.offsetX,oTop:i.offsetY}:null,m.tipActive=!0,m.tipTarget=e,m.tipContent=t,m.visible)return v.updatePlacement();if(!o||"hover"!==n)return e=b(),r("show",{},i||null),e;l&&l(),r("show",{},i||null)}return(0,_vue.nextTick)()},w=()=>{var e=f.selector;if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e)}return null},T=()=>{var{placement:i,defaultPlacement:l,isArrow:n}=f,{tipTarget:o,tipStore:a,tipPos:r,tipZindex:u}=m,s=_.value;if(o&&s){var p=o.getBoundingClientRect(),d=o.offsetWidth,c=o.offsetHeight,g=s.offsetWidth,v=p.left;let e=0,t=0;r&&(r.oLeft||r.oTop)&&(e=v,t=p.top+c,n?e=e+Math.max(8,Math.min(d-8,r.oLeft))-g/2:(e=r.x+1,t=r.y+1));v=(0,_dom.updatePanelPlacement)(o,s,{defaultTop:t,defaultLeft:e,placement:i,defaultPlacement:l,isMinWidth:!1,teleportTo:!0}),p=Object.assign(v.style,{zIndex:u});a.placement=v.placement,a.style=p,a.arrowStyle.left=v.arrowLeft?v.arrowLeft+"px":""}};t={dispatchEvent:r,openByEvent(e,t,i){return S(t||m.target||w(),i,e)},open(e,t){return S(e||m.target||w(),t)},close(){return m.tipPos=null,m.tipTarget=null,m.tipActive=!1,Object.assign(m.tipStore,{style:{},placement:"",arrowStyle:null}),n(!1),r("hide",{},null),(0,_vue.nextTick)()},toVisible(e,t){return S(e,t)},updatePlacement(){return T(),(0,_vue.nextTick)().then(T)},isActived(){return m.tipActive},setActived(e){m.tipActive=!!e}};let U=e=>{e.stopPropagation()},D=()=>{m.visible&&v.updatePlacement()},N=()=>{v.close()};e={handleCloseEvent:h};Object.assign(v,t,e);return(0,_vue.watch)(()=>f.enterDelay,()=>{C()}),(0,_vue.watch)(()=>f.content,e=>{m.tipContent=e}),(0,_vue.watch)(()=>f.modelValue,e=>{m.isUpdate||(e?S(m.target||w(),f.content):v.close()),m.isUpdate=!1}),C(),(0,_vue.onMounted)(()=>{var e=c.value;e&&e.addEventListener("wheel",U,{passive:!1}),(0,_vue.nextTick)(()=>{var e,{trigger:t,content:l}=f;let n=_.value;if(n){let i=n.parentNode;i&&(m.tipContent=l,m.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(n.children,(e,t)=>{t&&(i.insertBefore(e,n),m.target||(m.target=e))}),i.removeChild(n),e=m.target,e&&("hover"===t?(e.onmouseenter=s,e.onmouseleave=h):"click"===t&&(e.onclick=u)),f.modelValue)&&S(e||w(),l)}}),_ui.globalEvents.on(v,"blur",N),_ui.globalEvents.on(v,"scroll",D)}),(0,_vue.onBeforeUnmount)(()=>{var e=m.target,t=_.value,e=(e&&(e.onmouseenter=null,e.onmouseleave=null,e.onclick=null),c.value);e&&e.removeEventListener("wheel",U),t&&(e=t.parentNode)&&e.removeChild(t),_ui.globalEvents.off(v,"blur"),_ui.globalEvents.off(v,"scroll"),_xeUtils.default.assign(m,createReactData()),_xeUtils.default.assign(a,createInternalData())}),v.renderVN=()=>{var{popupClassName:e,theme:t,isArrow:i,enterable:l}=f,{tipActive:n,visible:o,tipStore:a}=m,r=p.default,u=d.value;let s;return l&&(s={onMouseenter:x,onMouseleave:y}),(0,_vue.h)("div",Object.assign({ref:_,class:["vxe-tooltip--wrapper","theme--"+t,e?_xeUtils.default.isFunction(e)?e({$tooltip:v}):e:"",{["size--"+u]:u,["placement--"+a.placement]:a.placement,"is--enterable":l,"is--visible":o,"is--arrow":i,"is--active":n}],style:a.style},s),[(0,_vue.h)("div",{key:"tby",class:"vxe-tooltip--body"},[(()=>{var{useHtml:e,useHTML:t}=f,i=m.tipContent,l=g.value,n=p.content,o=[];return n?o.push((0,_vue.h)("div",{key:"ct"},(0,_vn.getSlotVNs)(n({})))):(_xeUtils.default.isBoolean(e)?e:t)?o.push((0,_vue.h)("div",{key:"ch",innerHTML:i})):o.push((0,_vue.h)("span",{key:"cd"},""+i)),(0,_vue.h)("div",{key:3,ref:c,class:"vxe-tooltip--content",style:l},o)})(),(0,_vue.h)("div",{class:"vxe-tooltip--arrow",style:a.arrowStyle})]),...r?(0,_vn.getSlotVNs)(r({})):[]])},v},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{target:null,isUpdate:!1,visible:!1,tipPos:null,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTooltip",props:{modelValue:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().tooltip.size||(0,_ui.getConfig)().size},selector:[String,Element],trigger:{type:String,default:()=>(0,_ui.getConfig)().tooltip.trigger||"hover"},theme:{type:String,default:()=>(0,_ui.getConfig)().tooltip.theme||"dark"},content:{type:[String,Number],default:null},useHtml:{type:Boolean,default:()=>_xeUtils.default.isBoolean((0,_ui.getConfig)().tooltip.useHtml)?(0,_ui.getConfig)().tooltip.useHtml:null},useHTML:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.useHTML},zIndex:[String,Number],popupClassName:[String,Function],width:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.Width},height:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.height},minWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.minWidth},minHeight:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.minHeight},maxWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.maxWidth},maxHeight:{type:[String,Number],default:()=>(0,_ui.getConfig)().tooltip.maxHeight},placement:{type:String,default:()=>(0,_ui.getConfig)().tooltip.placement},defaultPlacement:{type:String,default:()=>(0,_ui.getConfig)().tooltip.defaultPlacement},isArrow:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.isArrow},enterable:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.enterable},enterDelay:{type:Number,default:()=>(0,_ui.getConfig)().tooltip.enterDelay},leaveDelay:{type:Number,default:()=>(0,_ui.getConfig)().tooltip.leaveDelay},appendTo:{type:[String,Function],default:()=>(0,_ui.getConfig)().tooltip.appendTo}},emits:["update:modelValue","show","hide"],setup(m,e){let{slots:p,emit:l}=e;var t=_xeUtils.default.uniqueId();let d=(0,_ui.useSize)(m).computeSize,_=(0,_vue.reactive)(createReactData()),a=createInternalData(),h=(0,_vue.ref)(),c=(0,_vue.ref)(),g=(0,_vue.computed)(()=>{var{width:e,height:t,minHeight:i,minWidth:l,maxHeight:n,maxWidth:o}=m,a={};return e&&(a.width=(0,_dom.toCssUnit)(e)),t&&(a.height=(0,_dom.toCssUnit)(t)),l&&(a.minWidth=(0,_dom.toCssUnit)(l)),i&&(a.minHeight=(0,_dom.toCssUnit)(i)),o&&(a.maxWidth=(0,_dom.toCssUnit)(o)),n&&(a.maxHeight=(0,_dom.toCssUnit)(n)),a}),i={refElem:h},v={xID:t,props:m,context:e,reactData:_,internalData:a,getRefMaps:()=>i},r=(e,t,i)=>{l(e,(0,_ui.createEvent)(i,{$tooltip:v},t))},n=e=>{e!==_.visible&&(_.visible=e,_.isUpdate=!0,l("update:modelValue",e))},o=()=>{var e=m.zIndex;e?_.tipZindex=_xeUtils.default.toNumber(e):_.tipZindex<(0,_utils.getLastZIndex)()&&(_.tipZindex=(0,_utils.nextZIndex)())},u=()=>{_.visible?v.close():S(_.target||w(),m.content)},s=()=>{S(_.target||w(),m.content)},f=()=>{var{trigger:e,enterable:t,leaveDelay:i}=m;_.tipActive=!1,t&&"hover"===e?setTimeout(()=>{_.tipActive||v.close()},i):v.close()},x=()=>{_.tipActive=!0},y=()=>{var{trigger:e,enterable:t,leaveDelay:i}=m;_.tipActive=!1,t&&"hover"===e&&setTimeout(()=>{_.tipActive||v.close()},i)},b=()=>{var e=m.appendTo,t=_.tipStore,i=h.value;return i&&!i.parentNode&&(0,_dom.getPopupAppendElement)(e).appendChild(i),n(!0),o(),t.placement="top",t.style={width:"auto",left:0,top:0,zIndex:m.zIndex||_.tipZindex},t.arrowStyle={left:"50%"},v.updatePlacement()},C=()=>{a.showDelayTip=_xeUtils.default.debounce(()=>{_.tipActive&&b()},m.enterDelay,{leading:!1,trailing:!0})},S=(e,t,i)=>{var l=p.content;if((l||""!==t&&!_xeUtils.default.eqNull(t))&&e){var l=a.showDelayTip,{trigger:n,enterDelay:o}=m;if(_.tipPos=i?{x:i.clientX,y:i.clientY,oLeft:i.offsetX,oTop:i.offsetY}:null,_.tipActive=!0,_.tipTarget=e,_.tipContent=t,_.visible)return v.updatePlacement();if(!o||"hover"!==n)return e=b(),r("show",{},i||null),e;l&&l(),r("show",{},i||null)}return(0,_vue.nextTick)()},w=()=>{var e=m.selector;if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e)}return null},T=()=>{var{placement:i,defaultPlacement:l,appendTo:n,isArrow:o}=m,{tipTarget:a,tipStore:r,tipPos:u,tipZindex:s}=_,p=h.value;if(a&&p){var d=a.getBoundingClientRect(),c=a.offsetWidth,g=a.offsetHeight,v=p.offsetWidth,f=d.left;let e=0,t=0;u&&(u.oLeft||u.oTop)&&(e=f,t=d.top+g,o?e=e+Math.max(8,Math.min(c-8,u.oLeft))-v/2:(e=u.x+1,t=u.y+1));f=(0,_dom.updatePanelPlacement)(a,p,{defaultTop:t,defaultLeft:e,placement:i,defaultPlacement:l,appendTo:n,isMinWidth:!1,teleportTo:!0}),d=Object.assign(f.style,{zIndex:s});r.placement=f.placement,r.style=d,r.arrowStyle.left=f.arrowLeft?f.arrowLeft+"px":""}};t={dispatchEvent:r,openByEvent(e,t,i){return S(t||_.target||w(),i,e)},open(e,t){return S(e||_.target||w(),t)},close(){return _.tipPos=null,_.tipTarget=null,_.tipActive=!1,Object.assign(_.tipStore,{style:{},placement:"",arrowStyle:null}),n(!1),r("hide",{},null),(0,_vue.nextTick)()},toVisible(e,t){return S(e,t)},updatePlacement(){return T(),(0,_vue.nextTick)().then(T)},isActived(){return _.tipActive},setActived(e){_.tipActive=!!e}};let U=e=>{e.stopPropagation()},D=()=>{_.visible&&v.updatePlacement()},N=()=>{v.close()};e={handleCloseEvent:f};Object.assign(v,t,e);return(0,_vue.watch)(()=>m.enterDelay,()=>{C()}),(0,_vue.watch)(()=>m.content,e=>{_.tipContent=e}),(0,_vue.watch)(()=>m.modelValue,e=>{_.isUpdate||(e?S(_.target||w(),m.content):v.close()),_.isUpdate=!1}),C(),(0,_vue.onMounted)(()=>{var e=c.value;e&&e.addEventListener("wheel",U,{passive:!1}),(0,_vue.nextTick)(()=>{var e,{trigger:t,content:l}=m;let n=h.value;if(n){let i=n.parentNode;i&&(_.tipContent=l,_.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(n.children,(e,t)=>{t&&(i.insertBefore(e,n),_.target||(_.target=e))}),i.removeChild(n),e=_.target,e&&("hover"===t?(e.onmouseenter=s,e.onmouseleave=f):"click"===t&&(e.onclick=u)),m.modelValue)&&S(e||w(),l)}}),_ui.globalEvents.on(v,"blur",N),_ui.globalEvents.on(v,"scroll",D)}),(0,_vue.onBeforeUnmount)(()=>{var e=_.target,t=h.value,e=(e&&(e.onmouseenter=null,e.onmouseleave=null,e.onclick=null),c.value);e&&e.removeEventListener("wheel",U),t&&(e=t.parentNode)&&e.removeChild(t),_ui.globalEvents.off(v,"blur"),_ui.globalEvents.off(v,"scroll"),_xeUtils.default.assign(_,createReactData()),_xeUtils.default.assign(a,createInternalData())}),v.renderVN=()=>{var{popupClassName:e,theme:t,isArrow:i,enterable:l}=m,{tipActive:n,visible:o,tipStore:a}=_,r=p.default,u=d.value;let s;return l&&(s={onMouseenter:x,onMouseleave:y}),(0,_vue.h)("div",Object.assign({ref:h,class:["vxe-tooltip--wrapper","theme--"+t,e?_xeUtils.default.isFunction(e)?e({$tooltip:v}):e:"",{["size--"+u]:u,["placement--"+a.placement]:a.placement,"is--enterable":l,"is--visible":o,"is--arrow":i,"is--active":n}],style:a.style},s),[(0,_vue.h)("div",{key:"tby",class:"vxe-tooltip--body"},[(()=>{var{useHtml:e,useHTML:t}=m,i=_.tipContent,l=g.value,n=p.content,o=[];return n?o.push((0,_vue.h)("div",{key:"ct"},(0,_vn.getSlotVNs)(n({})))):(_xeUtils.default.isBoolean(e)?e:t)?o.push((0,_vue.h)("div",{key:"ch",innerHTML:i})):o.push((0,_vue.h)("span",{key:"cd"},""+i)),(0,_vue.h)("div",{key:3,ref:c,class:"vxe-tooltip--content",style:l},o)})(),(0,_vue.h)("div",{class:"vxe-tooltip--arrow",style:a.arrowStyle})]),...r?(0,_vn.getSlotVNs)(r({})):[]])},v},render(){return this.renderVN()}});

package/lib/tree-select/src/tree-select.js

@@ -499,6 +499,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           isMinWidth: !popupOpts.width,
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {

package/lib/tree-select/src/tree-select.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input")),_button=_interopRequireDefault(require("../../button")),_tree=_interopRequireDefault(require("../../tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("tree-select");function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}function createReactData(){return{initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,fullOptFlag:1,lazyOptFlag:1}}function createInternalData(){return{fullOptionList:[],fullNodeMaps:{},lazyNodeMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",props:{modelValue:[String,Number,Array],clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.clearable},placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().treeSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().treeSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},showFullLabel:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showFullLabel},separator:{type:String,default:()=>(0,_ui.getConfig)().treeSelect.separator},filterable:Boolean,filterConfig:Object,multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,lazyOptions:Array,options:Array,optionProps:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().treeSelect.size||(0,_ui.getConfig)().size},remote:Boolean,remoteConfig:Function,showRadio:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showRadio},radioConfig:Object,showCheckbox:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showCheckbox},checkboxConfig:Object,popupConfig:Object,treeConfig:Object,menuConfig:Object,virtualYConfig:Object,autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.autoClose},checkedClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.checkedClosable},clearClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.clearClosable},showCloseButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showCloseButton},showTotalButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showTotalButton},showCheckedButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showCheckedButton},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showClearButton},showExpandButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showExpandButton},transfer:{type:Boolean,default:null},remoteMethod:Function},emits:["update:modelValue","change","all-change","clear","blur","focus","click","node-click","visible-change"],setup($,e){let{emit:a,slots:K}=e,_=(0,_vue.inject)("$xeModal",null),h=(0,_vue.inject)("$xeDrawer",null),m=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let ce=(0,_ui.useSize)($).computeSize,H=(0,_vue.ref)(),Y=(0,_vue.ref)(),Z=(0,_vue.ref)(),de=(0,_vue.ref)(),W=(0,_vue.ref)(),G=(0,_vue.ref)(),J=(0,_vue.reactive)(createReactData()),r=createInternalData(),x={refElem:H},ve=(0,_vue.computed)(()=>{var e=$.readonly;return null===e?!!o&&o.props.readonly:e}),Q=(0,_vue.computed)(()=>{var e=$.disabled;return null===e?!!o&&o.props.disabled:e}),X=(0,_vue.computed)(()=>{var e=ee.value.transfer;if(_xeUtils.default.isBoolean(e))return e;if(null===$.transfer){e=(0,_ui.getConfig)().treeSelect.transfer;if(_xeUtils.default.isBoolean(e))return e;if(m||_||h||o)return!0}return $.transfer}),ee=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.popupConfig,$.popupConfig)),te=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,$.treeConfig,{data:void 0})),pe=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.menuConfig,$.menuConfig)),fe=(0,_vue.computed)(()=>{var e=te.value;return Object.assign({isHover:!0},e.nodeConfig)}),ge=(0,_vue.computed)(()=>{var{showCheckbox:e,checkboxConfig:t}=$,l=te.value;return Object.assign({showIcon:_xeUtils.default.isBoolean(e)?e:!!l.showCheckbox},l.checkboxConfig,t,{trigger:"node"})}),_e=(0,_vue.computed)(()=>{var{showRadio:e,radioConfig:t}=$,l=te.value;return Object.assign({showIcon:_xeUtils.default.isBoolean(e)?e:!!l.showRadio},l.radioConfig,t,{trigger:"node"})}),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.optionProps,$.optionProps)),le=(0,_vue.computed)(()=>te.value.keyField||"id"),ae=(0,_vue.computed)(()=>l.value.label||"label"),oe=(0,_vue.computed)(()=>l.value.value||"value"),ne=(0,_vue.computed)(()=>l.value.children||"children"),ie=(0,_vue.computed)(()=>{var e=l.value,t=te.value;return e.parent||t.parentField||"parentId"}),he=(0,_vue.computed)(()=>l.value.hasChild||"hasChild"),me=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.virtualYConfig,$.virtualYConfig)),u=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.remoteConfig,$.remoteConfig)),ue=(0,_vue.computed)(()=>{var e=te.value;return Object.assign({},e.filterConfig,$.filterConfig)}),b=(0,_vue.computed)(()=>{var e=$.modelValue;return _xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]}),xe=(0,_vue.computed)(()=>{let l=$.showFullLabel,{fullOptFlag:a,lazyOptFlag:o}=J,{fullNodeMaps:n,lazyNodeMaps:i}=r,u=ae.value;return b.value.map(e=>{var t=n[e];if(a&&t)return l?t.fullLabel:t.item[u];if(o){t=i[e];if(t)return l?t.fullLabel:t.item[u]}return e}).join(", ")}),be=(0,_vue.computed)(()=>{var{height:e,width:t}=ee.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e),l.maxHeight=(0,_dom.toCssUnit)(e)),l}),C={},re={xID:t,props:$,context:e,reactData:J,internalData:r,getRefMaps:()=>x,getComputeMaps:()=>C},s=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$treeSelect:re},t))},y=e=>{a("update:modelValue",e)},se=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=K[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];t={dispatchEvent:s};let S=e=>{e=e[le.value];return e?encodeURIComponent(e):""},i=e=>{let r=$.separator;var t=te.value;let s=le.value;var l=ie.value,a=ne.value;let c=oe.value,d=ae.value;var o=t.transform;let v={},p={};var n=(e,t,l,a,o,n)=>{let i=S(e);i=i||getOptUniqueId(),p[i]&&errLog("vxe.error.repeatKey",[s,i]),p[i]=!0;var u=e[c];v[u]&&errLog("vxe.error.repeatKey",[c,u]),v[u]={item:e,index:t,items:l,parent:o,nodes:n,fullLabel:n.map(e=>e[d]).join(r||" / ")}};return e&&(o?(o=_xeUtils.default.toArrayTree(e,{key:s,parentKey:l,mapChildren:a,rootParentValue:t.rootParentValue,rootValues:t.rootValues}),_xeUtils.default.eachTree(o,n,{children:a})):_xeUtils.default.eachTree(e,n,{children:a})),v},c=()=>{var e=$.options;r.fullNodeMaps=i(e||[]),r.fullOptionList=e||[],J.fullOptFlag++},E=()=>{var e=$.lazyOptions;r.lazyNodeMaps=i(e||[]),J.lazyOptFlag++},w=()=>{var e=ee.value.zIndex||$.zIndex;e?J.panelIndex=_xeUtils.default.toNumber(e):J.panelIndex<(0,_utils.getLastZIndex)()&&(J.panelIndex=(0,_utils.nextZIndex)())},d=()=>{let l=$.placement,a=J.panelIndex,o=H.value,n=W.value,i=X.value,u=ee.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,n,{isMinWidth:!u.width,placement:u.placement||l,defaultPlacement:u.defaultPlacement,teleportTo:i}),t=Object.assign(e.style,{zIndex:a});J.panelStyle=t,J.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},I=e=>{var{loading:t,remote:l,filterable:a}=$,o=r.fullOptionList,n=Q.value,i=u.value;t||n||(clearTimeout(r.hpTimeout),J.initialized||(J.initialized=!0),J.isActivated=!0,J.isAniVisible=!0,a&&l&&i.enabled&&i.autoLoad&&!o.length&&U(),setTimeout(()=>{J.visiblePanel=!0,P(),d()},10),w(),d(),s("visible-change",{visible:!0},e||null))},v=e=>{var t=$.filterable,l=ue.value;t&&l.clearOnClose&&(J.searchValue=""),J.visiblePanel=!1,r.hpTimeout=setTimeout(()=>{J.isAniVisible=!1},350),s("visible-change",{visible:!1},e||null)},p=(e,t,l)=>{t=_xeUtils.default.isArray(t)?t.map(_utils.deModelValue):(0,_utils.deModelValue)(t);y(t),t!==$.modelValue&&(s("change",{value:t,node:l,option:l},e),o)&&n&&o.triggerItemEvent(e,n.itemConfig.field,t)},k=(e,t)=>{p(e,t,null),s("clear",{value:t},e)},Ce=e=>{e=e.$event;k(e,null),v(e)},ye=e=>{let l=e.$event,{multiple:t,autoClose:a,checkedClosable:o}=$;e=G.value;t&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:t})=>{p(l,e,t[0]),s("all-change",{value:e},l),(_xeUtils.default.isBoolean(o)?o:a)&&v(l)})},Se=e=>{let t=e.$event,{multiple:l,autoClose:a,clearClosable:o}=$;var n,e=G.value;e&&(n=l?[]:null,e.clearCheckboxNode().then(()=>{(_xeUtils.default.isBoolean(o)?o:a)&&v(t)}),p(t,n,null),s("clear",{value:n},t))},Ee=e=>{e=e.$event;v(e)},we=()=>{var e=G.value;e&&e.setAllExpandNode(!0)},Ie=()=>{var e=G.value;e&&e.clearAllExpandNode()},B=e=>{var t,l,a=J.visiblePanel;Q.value||(t=H.value,l=W.value,J.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!J.isActivated&&v(e))},O=e=>{var{visiblePanel:t,isActivated:l}=J;t&&v(e),l&&(J.isActivated=!1),(t||l)&&(e=Y.value)&&e.blur()},N=()=>{var e=J.visiblePanel;e&&d()},V=()=>{var e=J.visiblePanel;e&&d()},P=()=>{$.filterable&&(0,_vue.nextTick)(()=>{var e=Z.value;e&&e.focus()})},ke=e=>{Q.value||J.visiblePanel||(J.triggerFocusPanel=!0,I(e),setTimeout(()=>{J.triggerFocusPanel=!1},150)),s("focus",{},e)},Be=e=>{Ve(e),s("click",{},e)},Oe=e=>{J.isActivated=!1,s("blur",{},e)},Ne=e=>{J.searchValue=e},U=()=>{var{modelValue:e,remote:t,remoteMethod:l}=$,a=J.searchValue,o=u.value,l=o.queryMethod||l;t&&l&&o.enabled&&(J.searchLoading=!0,Promise.resolve(l({$treeSelect:re,searchValue:a,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{J.searchLoading=!1}))},Ve=e=>{e=e.$event;e.preventDefault(),J.triggerFocusPanel?J.triggerFocusPanel=!1:(J.visiblePanel?v:I)(e)},Pe=()=>{d()},Ue=e=>{var t=e.$event;s("node-click",e,t)},Fe=e=>{var{value:e,$event:t,node:l}=e;p(t,e,l),v(t)},Te=e=>{var{value:e,$event:t,node:l}=e;p(t,e,l)},ze=()=>{c()};Object.assign(re,t,{});let f=(0,_vue.ref)(0),g=((0,_vue.watch)(()=>$.options?$.options.length:-1,()=>{f.value++}),(0,_vue.watch)(()=>$.options,()=>{f.value++}),(0,_vue.watch)(f,()=>{c()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>$.lazyOptions?$.lazyOptions.length:-1,()=>{g.value++}),(0,_vue.watch)(()=>$.lazyOptions,()=>{g.value++}),(0,_vue.watch)(g,()=>{E()}),c(),E(),(0,_vue.onMounted)(()=>{_xeUtils.default.isBoolean($.autoClose)&&warnLog("vxe.error.delProp",["auto-close","checked-closable | clear-closable"]),_ui.globalEvents.on(re,"mousedown",B),_ui.globalEvents.on(re,"blur",O),_ui.globalEvents.on(re,"resize",N),_ui.globalEvents.on(re,"scroll",V)}),(0,_vue.onBeforeUnmount)(()=>{_ui.globalEvents.off(re,"mousedown"),_ui.globalEvents.off(re,"blur"),_ui.globalEvents.off(re,"resize"),_ui.globalEvents.off(re,"scroll"),_xeUtils.default.assign(J,createReactData()),_xeUtils.default.assign(r,createInternalData())}),(0,_vue.provide)("$xeTreeSelect",re),re.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:a,loading:o,menuConfig:n,filterable:i,showTotalButton:u,showCheckedButton:r,showClearButton:s,showExpandButton:c,showCloseButton:d}=$,{initialized:v,isActivated:p,isAniVisible:f,visiblePanel:g,searchValue:_}=J,h=ce.value,m=Q.value,x=xe.value,b=X.value,C=ve.value,y=be.value,S=K.header,E=K.footer;let w=K.prefix;var I=ee.value,k=I.appendTo,B=I.className||$.popupClassName;if(C)return(0,_vue.h)("div",{ref:H,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-tree-select-label"},x)]);var C=te.value,O=pe.value,N=fe.value,V=ge.value,P=_e.value,U=le.value,z=ae.value,L=oe.value,j=ne.value,A=ie.value,q=he.value,M=me.value,R=ue.value,F=C.slots,D=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],T={};if(F){let{icon:t,title:l,extra:a}=F;t&&(T.icon=e=>se(t,e)),l&&(T.title=e=>se(l,e)),a&&(T.extra=e=>se(a,e))}return(0,_vue.h)("div",{ref:H,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:re}):e:"",{["size--"+h]:h,"is--filterable":i,"is--visible":g,"is--disabled":m,"is--loading":o,"is--active":p}]},[(0,_vue.h)(_input.default,{ref:Y,clearable:$.clearable,placeholder:o?(0,_ui.getI18n)("vxe.select.loadingText"):$.placeholder,editable:!1,disabled:m,type:"text",prefixIcon:$.prefixIcon,suffixIcon:o?(0,_ui.getIcon)().TREE_SELECT_LOADED:g?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:o?"":x,title:x,onClear:Ce,onClick:Be,onFocus:ke,onBlur:Oe,onSuffixClick:Ve},w?{prefix:()=>w({})}:{}),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(k),disabled:!b||!v},[(0,_vue.h)("div",{ref:W,class:["vxe-table--ignore-clear vxe-tree-select--panel",B?_xeUtils.default.isFunction(B)?B({$treeSelect:re}):B:"",{["size--"+h]:h,"is--transfer":b,"ani--leave":!o&&f,"ani--enter":!o&&g}],placement:J.panelPlacement,style:J.panelStyle},v?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-tree-select--panel-search"},[(0,_vue.h)(_input.default,{ref:Z,class:"vxe-tree-select-search--input",modelValue:_,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.treeSelect.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":Ne})]):(0,_ui.renderEmptyElement)(re),r&&l||s||c||S?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},S?S({}):[(0,_vue.h)("div",{class:"vxe-tree-select--header-button"},[r&&l||s?(0,_vue.h)("div",{class:"vxe-tree-select--selected-btns"},[r&&l?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text",onClick:ye}):(0,_ui.renderEmptyElement)(re),s?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text",onClick:Se}):(0,_ui.renderEmptyElement)(re)]):(0,_ui.renderEmptyElement)(re),c?(0,_vue.h)("div",{class:"vxe-tree-select--expand-btns"},[(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allExpand"),mode:"text",onClick:we}),(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearExpand"),mode:"text",onClick:Ie})]):(0,_ui.renderEmptyElement)(re)])]):(0,_ui.renderEmptyElement)(re),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:de,class:"vxe-tree-select-tree--wrapper",style:y},[(0,_vue.h)(_tree.default,{ref:G,class:"vxe-tree-select--tree",height:I.height?"100%":C.height,minHeight:C.minHeight,maxHeight:I.height?"":C.maxHeight,autoResize:!0,data:a,indent:C.indent,showRadio:!l,radioConfig:P,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:V,titleField:z,valueField:L,keyField:U,childrenField:C.childrenField||j,parentField:A,hasChildField:C.hasChildField||q,accordion:C.accordion,expandAll:C.expandAll,expandNodeKeys:C.expandNodeKeys,nodeConfig:N,lazy:C.lazy,loadMethod:C.loadMethod,toggleMethod:C.toggleMethod,transform:C.transform,rootParentValue:C.rootParentValue,rootValues:C.rootValues,trigger:C.trigger,showIcon:C.showIcon,showLine:C.showLine,iconOpen:C.iconOpen,iconLoaded:C.iconLoaded,iconClose:C.iconClose,filterValue:_,filterConfig:R,menuConfig:n?O:void 0,virtualYConfig:M,onNodeExpand:Pe,onNodeClick:Ue,onRadioChange:Fe,onCheckboxChange:Te,onLoadSuccess:ze},T)])]),E||u||d?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},E?E({}):[(0,_vue.h)("div",{class:"vxe-tree-select--footer-button"},[u?(0,_vue.h)("div",{class:"vxe-tree-select--total-btns"},(0,_ui.getI18n)("vxe.treeSelect.total",[D.length])):(0,_ui.renderEmptyElement)(re),d?(0,_vue.h)("div",{class:"vxe-tree-select--oper-btns"},[(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.close"),mode:"text",onClick:Ee})]):(0,_ui.renderEmptyElement)(re)])]):(0,_ui.renderEmptyElement)(re)])]:[])])])},re},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input")),_button=_interopRequireDefault(require("../../button")),_tree=_interopRequireDefault(require("../../tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("tree-select");function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}function createReactData(){return{initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,fullOptFlag:1,lazyOptFlag:1}}function createInternalData(){return{fullOptionList:[],fullNodeMaps:{},lazyNodeMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",props:{modelValue:[String,Number,Array],clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.clearable},placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().treeSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().treeSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},showFullLabel:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showFullLabel},separator:{type:String,default:()=>(0,_ui.getConfig)().treeSelect.separator},filterable:Boolean,filterConfig:Object,multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,lazyOptions:Array,options:Array,optionProps:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().treeSelect.size||(0,_ui.getConfig)().size},remote:Boolean,remoteConfig:Function,showRadio:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showRadio},radioConfig:Object,showCheckbox:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showCheckbox},checkboxConfig:Object,popupConfig:Object,treeConfig:Object,menuConfig:Object,virtualYConfig:Object,autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.autoClose},checkedClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.checkedClosable},clearClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.clearClosable},showCloseButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showCloseButton},showTotalButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showTotalButton},showCheckedButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showCheckedButton},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showClearButton},showExpandButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showExpandButton},transfer:{type:Boolean,default:null},remoteMethod:Function},emits:["update:modelValue","change","all-change","clear","blur","focus","click","node-click","visible-change"],setup($,e){let{emit:a,slots:K}=e,_=(0,_vue.inject)("$xeModal",null),h=(0,_vue.inject)("$xeDrawer",null),m=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let ce=(0,_ui.useSize)($).computeSize,H=(0,_vue.ref)(),Y=(0,_vue.ref)(),Z=(0,_vue.ref)(),de=(0,_vue.ref)(),W=(0,_vue.ref)(),G=(0,_vue.ref)(),J=(0,_vue.reactive)(createReactData()),r=createInternalData(),x={refElem:H},ve=(0,_vue.computed)(()=>{var e=$.readonly;return null===e?!!o&&o.props.readonly:e}),Q=(0,_vue.computed)(()=>{var e=$.disabled;return null===e?!!o&&o.props.disabled:e}),X=(0,_vue.computed)(()=>{var e=ee.value.transfer;if(_xeUtils.default.isBoolean(e))return e;if(null===$.transfer){e=(0,_ui.getConfig)().treeSelect.transfer;if(_xeUtils.default.isBoolean(e))return e;if(m||_||h||o)return!0}return $.transfer}),ee=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.popupConfig,$.popupConfig)),te=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,$.treeConfig,{data:void 0})),pe=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.menuConfig,$.menuConfig)),fe=(0,_vue.computed)(()=>{var e=te.value;return Object.assign({isHover:!0},e.nodeConfig)}),ge=(0,_vue.computed)(()=>{var{showCheckbox:e,checkboxConfig:t}=$,l=te.value;return Object.assign({showIcon:_xeUtils.default.isBoolean(e)?e:!!l.showCheckbox},l.checkboxConfig,t,{trigger:"node"})}),_e=(0,_vue.computed)(()=>{var{showRadio:e,radioConfig:t}=$,l=te.value;return Object.assign({showIcon:_xeUtils.default.isBoolean(e)?e:!!l.showRadio},l.radioConfig,t,{trigger:"node"})}),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.optionProps,$.optionProps)),le=(0,_vue.computed)(()=>te.value.keyField||"id"),ae=(0,_vue.computed)(()=>l.value.label||"label"),oe=(0,_vue.computed)(()=>l.value.value||"value"),ne=(0,_vue.computed)(()=>l.value.children||"children"),ie=(0,_vue.computed)(()=>{var e=l.value,t=te.value;return e.parent||t.parentField||"parentId"}),he=(0,_vue.computed)(()=>l.value.hasChild||"hasChild"),me=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.virtualYConfig,$.virtualYConfig)),u=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.remoteConfig,$.remoteConfig)),ue=(0,_vue.computed)(()=>{var e=te.value;return Object.assign({},e.filterConfig,$.filterConfig)}),b=(0,_vue.computed)(()=>{var e=$.modelValue;return _xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]}),xe=(0,_vue.computed)(()=>{let l=$.showFullLabel,{fullOptFlag:a,lazyOptFlag:o}=J,{fullNodeMaps:n,lazyNodeMaps:i}=r,u=ae.value;return b.value.map(e=>{var t=n[e];if(a&&t)return l?t.fullLabel:t.item[u];if(o){t=i[e];if(t)return l?t.fullLabel:t.item[u]}return e}).join(", ")}),be=(0,_vue.computed)(()=>{var{height:e,width:t}=ee.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e),l.maxHeight=(0,_dom.toCssUnit)(e)),l}),C={},re={xID:t,props:$,context:e,reactData:J,internalData:r,getRefMaps:()=>x,getComputeMaps:()=>C},s=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$treeSelect:re},t))},y=e=>{a("update:modelValue",e)},se=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=K[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];t={dispatchEvent:s};let S=e=>{e=e[le.value];return e?encodeURIComponent(e):""},i=e=>{let r=$.separator;var t=te.value;let s=le.value;var l=ie.value,a=ne.value;let c=oe.value,d=ae.value;var o=t.transform;let v={},p={};var n=(e,t,l,a,o,n)=>{let i=S(e);i=i||getOptUniqueId(),p[i]&&errLog("vxe.error.repeatKey",[s,i]),p[i]=!0;var u=e[c];v[u]&&errLog("vxe.error.repeatKey",[c,u]),v[u]={item:e,index:t,items:l,parent:o,nodes:n,fullLabel:n.map(e=>e[d]).join(r||" / ")}};return e&&(o?(o=_xeUtils.default.toArrayTree(e,{key:s,parentKey:l,mapChildren:a,rootParentValue:t.rootParentValue,rootValues:t.rootValues}),_xeUtils.default.eachTree(o,n,{children:a})):_xeUtils.default.eachTree(e,n,{children:a})),v},c=()=>{var e=$.options;r.fullNodeMaps=i(e||[]),r.fullOptionList=e||[],J.fullOptFlag++},E=()=>{var e=$.lazyOptions;r.lazyNodeMaps=i(e||[]),J.lazyOptFlag++},w=()=>{var e=ee.value.zIndex||$.zIndex;e?J.panelIndex=_xeUtils.default.toNumber(e):J.panelIndex<(0,_utils.getLastZIndex)()&&(J.panelIndex=(0,_utils.nextZIndex)())},d=()=>{let l=$.placement,a=J.panelIndex,o=H.value,n=W.value,i=X.value,u=ee.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,n,{isMinWidth:!u.width,placement:u.placement||l,defaultPlacement:u.defaultPlacement,appendTo:u.appendTo,teleportTo:i}),t=Object.assign(e.style,{zIndex:a});J.panelStyle=t,J.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},I=e=>{var{loading:t,remote:l,filterable:a}=$,o=r.fullOptionList,n=Q.value,i=u.value;t||n||(clearTimeout(r.hpTimeout),J.initialized||(J.initialized=!0),J.isActivated=!0,J.isAniVisible=!0,a&&l&&i.enabled&&i.autoLoad&&!o.length&&U(),setTimeout(()=>{J.visiblePanel=!0,P(),d()},10),w(),d(),s("visible-change",{visible:!0},e||null))},v=e=>{var t=$.filterable,l=ue.value;t&&l.clearOnClose&&(J.searchValue=""),J.visiblePanel=!1,r.hpTimeout=setTimeout(()=>{J.isAniVisible=!1},350),s("visible-change",{visible:!1},e||null)},p=(e,t,l)=>{t=_xeUtils.default.isArray(t)?t.map(_utils.deModelValue):(0,_utils.deModelValue)(t);y(t),t!==$.modelValue&&(s("change",{value:t,node:l,option:l},e),o)&&n&&o.triggerItemEvent(e,n.itemConfig.field,t)},k=(e,t)=>{p(e,t,null),s("clear",{value:t},e)},Ce=e=>{e=e.$event;k(e,null),v(e)},ye=e=>{let l=e.$event,{multiple:t,autoClose:a,checkedClosable:o}=$;e=G.value;t&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:t})=>{p(l,e,t[0]),s("all-change",{value:e},l),(_xeUtils.default.isBoolean(o)?o:a)&&v(l)})},Se=e=>{let t=e.$event,{multiple:l,autoClose:a,clearClosable:o}=$;var n,e=G.value;e&&(n=l?[]:null,e.clearCheckboxNode().then(()=>{(_xeUtils.default.isBoolean(o)?o:a)&&v(t)}),p(t,n,null),s("clear",{value:n},t))},Ee=e=>{e=e.$event;v(e)},we=()=>{var e=G.value;e&&e.setAllExpandNode(!0)},Ie=()=>{var e=G.value;e&&e.clearAllExpandNode()},B=e=>{var t,l,a=J.visiblePanel;Q.value||(t=H.value,l=W.value,J.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!J.isActivated&&v(e))},O=e=>{var{visiblePanel:t,isActivated:l}=J;t&&v(e),l&&(J.isActivated=!1),(t||l)&&(e=Y.value)&&e.blur()},N=()=>{var e=J.visiblePanel;e&&d()},V=()=>{var e=J.visiblePanel;e&&d()},P=()=>{$.filterable&&(0,_vue.nextTick)(()=>{var e=Z.value;e&&e.focus()})},ke=e=>{Q.value||J.visiblePanel||(J.triggerFocusPanel=!0,I(e),setTimeout(()=>{J.triggerFocusPanel=!1},150)),s("focus",{},e)},Be=e=>{Ve(e),s("click",{},e)},Oe=e=>{J.isActivated=!1,s("blur",{},e)},Ne=e=>{J.searchValue=e},U=()=>{var{modelValue:e,remote:t,remoteMethod:l}=$,a=J.searchValue,o=u.value,l=o.queryMethod||l;t&&l&&o.enabled&&(J.searchLoading=!0,Promise.resolve(l({$treeSelect:re,searchValue:a,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{J.searchLoading=!1}))},Ve=e=>{e=e.$event;e.preventDefault(),J.triggerFocusPanel?J.triggerFocusPanel=!1:(J.visiblePanel?v:I)(e)},Pe=()=>{d()},Ue=e=>{var t=e.$event;s("node-click",e,t)},Fe=e=>{var{value:e,$event:t,node:l}=e;p(t,e,l),v(t)},Te=e=>{var{value:e,$event:t,node:l}=e;p(t,e,l)},ze=()=>{c()};Object.assign(re,t,{});let f=(0,_vue.ref)(0),g=((0,_vue.watch)(()=>$.options?$.options.length:-1,()=>{f.value++}),(0,_vue.watch)(()=>$.options,()=>{f.value++}),(0,_vue.watch)(f,()=>{c()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>$.lazyOptions?$.lazyOptions.length:-1,()=>{g.value++}),(0,_vue.watch)(()=>$.lazyOptions,()=>{g.value++}),(0,_vue.watch)(g,()=>{E()}),c(),E(),(0,_vue.onMounted)(()=>{_xeUtils.default.isBoolean($.autoClose)&&warnLog("vxe.error.delProp",["auto-close","checked-closable | clear-closable"]),_ui.globalEvents.on(re,"mousedown",B),_ui.globalEvents.on(re,"blur",O),_ui.globalEvents.on(re,"resize",N),_ui.globalEvents.on(re,"scroll",V)}),(0,_vue.onBeforeUnmount)(()=>{_ui.globalEvents.off(re,"mousedown"),_ui.globalEvents.off(re,"blur"),_ui.globalEvents.off(re,"resize"),_ui.globalEvents.off(re,"scroll"),_xeUtils.default.assign(J,createReactData()),_xeUtils.default.assign(r,createInternalData())}),(0,_vue.provide)("$xeTreeSelect",re),re.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:a,loading:o,menuConfig:n,filterable:i,showTotalButton:u,showCheckedButton:r,showClearButton:s,showExpandButton:c,showCloseButton:d}=$,{initialized:v,isActivated:p,isAniVisible:f,visiblePanel:g,searchValue:_}=J,h=ce.value,m=Q.value,x=xe.value,b=X.value,C=ve.value,y=be.value,S=K.header,E=K.footer;let w=K.prefix;var I=ee.value,k=I.appendTo,B=I.className||$.popupClassName;if(C)return(0,_vue.h)("div",{ref:H,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-tree-select-label"},x)]);var C=te.value,O=pe.value,N=fe.value,V=ge.value,P=_e.value,U=le.value,z=ae.value,L=oe.value,j=ne.value,A=ie.value,q=he.value,M=me.value,R=ue.value,F=C.slots,D=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],T={};if(F){let{icon:t,title:l,extra:a}=F;t&&(T.icon=e=>se(t,e)),l&&(T.title=e=>se(l,e)),a&&(T.extra=e=>se(a,e))}return(0,_vue.h)("div",{ref:H,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:re}):e:"",{["size--"+h]:h,"is--filterable":i,"is--visible":g,"is--disabled":m,"is--loading":o,"is--active":p}]},[(0,_vue.h)(_input.default,{ref:Y,clearable:$.clearable,placeholder:o?(0,_ui.getI18n)("vxe.select.loadingText"):$.placeholder,editable:!1,disabled:m,type:"text",prefixIcon:$.prefixIcon,suffixIcon:o?(0,_ui.getIcon)().TREE_SELECT_LOADED:g?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:o?"":x,title:x,onClear:Ce,onClick:Be,onFocus:ke,onBlur:Oe,onSuffixClick:Ve},w?{prefix:()=>w({})}:{}),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(k),disabled:!b||!v},[(0,_vue.h)("div",{ref:W,class:["vxe-table--ignore-clear vxe-tree-select--panel",B?_xeUtils.default.isFunction(B)?B({$treeSelect:re}):B:"",{["size--"+h]:h,"is--transfer":b,"ani--leave":!o&&f,"ani--enter":!o&&g}],placement:J.panelPlacement,style:J.panelStyle},v?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-tree-select--panel-search"},[(0,_vue.h)(_input.default,{ref:Z,class:"vxe-tree-select-search--input",modelValue:_,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.treeSelect.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":Ne})]):(0,_ui.renderEmptyElement)(re),r&&l||s||c||S?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},S?S({}):[(0,_vue.h)("div",{class:"vxe-tree-select--header-button"},[r&&l||s?(0,_vue.h)("div",{class:"vxe-tree-select--selected-btns"},[r&&l?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text",onClick:ye}):(0,_ui.renderEmptyElement)(re),s?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text",onClick:Se}):(0,_ui.renderEmptyElement)(re)]):(0,_ui.renderEmptyElement)(re),c?(0,_vue.h)("div",{class:"vxe-tree-select--expand-btns"},[(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allExpand"),mode:"text",onClick:we}),(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearExpand"),mode:"text",onClick:Ie})]):(0,_ui.renderEmptyElement)(re)])]):(0,_ui.renderEmptyElement)(re),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:de,class:"vxe-tree-select-tree--wrapper",style:y},[(0,_vue.h)(_tree.default,{ref:G,class:"vxe-tree-select--tree",height:I.height?"100%":C.height,minHeight:C.minHeight,maxHeight:I.height?"":C.maxHeight,autoResize:!0,data:a,indent:C.indent,showRadio:!l,radioConfig:P,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:V,titleField:z,valueField:L,keyField:U,childrenField:C.childrenField||j,parentField:A,hasChildField:C.hasChildField||q,accordion:C.accordion,expandAll:C.expandAll,expandNodeKeys:C.expandNodeKeys,nodeConfig:N,lazy:C.lazy,loadMethod:C.loadMethod,toggleMethod:C.toggleMethod,transform:C.transform,rootParentValue:C.rootParentValue,rootValues:C.rootValues,trigger:C.trigger,showIcon:C.showIcon,showLine:C.showLine,iconOpen:C.iconOpen,iconLoaded:C.iconLoaded,iconClose:C.iconClose,filterValue:_,filterConfig:R,menuConfig:n?O:void 0,virtualYConfig:M,onNodeExpand:Pe,onNodeClick:Ue,onRadioChange:Fe,onCheckboxChange:Te,onLoadSuccess:ze},T)])]),E||u||d?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},E?E({}):[(0,_vue.h)("div",{class:"vxe-tree-select--footer-button"},[u?(0,_vue.h)("div",{class:"vxe-tree-select--total-btns"},(0,_ui.getI18n)("vxe.treeSelect.total",[D.length])):(0,_ui.renderEmptyElement)(re),d?(0,_vue.h)("div",{class:"vxe-tree-select--oper-btns"},[(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.close"),mode:"text",onClick:Ee})]):(0,_ui.renderEmptyElement)(re)])]):(0,_ui.renderEmptyElement)(re)])]:[])])])},re},render(){return this.renderVN()}});

package/lib/ui/index.js

@@ -26,7 +26,7 @@ Object.keys(_core).forEach(function (key) {
 });
 var _dynamics = require("../dynamics");
 var _log = require("./src/log");
-const version = exports.version = "4.20.5";
+const version = exports.version = "4.20.6";
 _core.VxeUI.uiVersion = version;
 _core.VxeUI.dynamicApp = _dynamics.dynamicApp;
 function config(options) {

package/lib/ui/index.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_log=require("./src/log");let version=exports.version="4.20.5";function config(e){return(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.uiVersion=version,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},avatar:{},backtop:{showIcon:!0,showContent:!0,showTop:!0,showBottom:!0,shadow:!0,threshold:20},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!0},showDropdownIcon:!0},buttonGroup:{},calendar:{minDate:new Date(1900,0,1),maxDate:new Date(2100,0,1),startDay:1,selectDay:1},card:{border:!0,padding:!0},carousel:{height:200,loop:!0,interval:5e3},carouselItem:{},cascader:{showFullLabel:!0,treeConfig:{showIcon:!0},filterConfig:{autoExpandMode:"first"}},checkbox:{},checkboxButton:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},contextMenu:{autoLocate:!0},countdown:{},colorPicker:{type:"rgb",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},datePanel:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,autoClose:!0,showClearButton:null,showConfirmButton:null},dateRangePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,separator:" ~ ",autoClose:!0,showClearButton:null,showConfirmButton:null},divider:{},drawer:{minWidth:40,minHeight:40,position:"right",showHeader:!0,border:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},empty:{},form:{validConfig:{showErrorMessage:!0,autoPos:!0,theme:"beautify"},tooltipConfig:{enterable:!0},titleAsterisk:!0,titleOverflow:!1,padding:!0},formDesign:{height:400,showHeader:!0,showPc:!0},formGather:{},formGroup:{},formItem:{},formView:{},icon:{},iconPicker:{icons:["home","company","comment","setting","send","envelope","envelope-open","bell","search","print","pc","goods","chart-line","edit","delete","save","folder","microphone","flag","link","location","sunny","rmb","usd","user","add-user","add-users","star","unlock","time","text","feedback","calendar","association-form","cloud-download","cloud-upload","file","subtable","chart-bar-x","chart-bar-y","chart-line","chart-pie","chart-radar"],popupConfig:{}},image:{draggable:null,showPreview:!0,showPrintButton:!0},imageGroup:{showPreview:!0,showPrintButton:!0},imagePreview:{showPrintButton:!0,maskClosable:!0},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{scrollbarConfig:{yConfig:{autoHide:!0}}},layoutBody:{backtopConfig:{}},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{rowConfig:{contentField:"label"},dragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},virtualYConfig:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},menu:{},modal:{top:16,showHeader:!0,border:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},noticeBar:{},numberInput:{digits:2,autoFill:!0,negative:!0,controlConfig:{enabled:!0,layout:"right",showButton:!0,isWheel:!0,isArrow:!0},tooltipConfig:{minWidth:60,enterable:!0,enterDelay:0}},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{pageStyle:{}},passwordInput:{controls:!0},printPageBreak:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},scrollbar:{autoResize:!0,xConfig:{},yConfig:{}},segmented:{},select:{emptyValue:null,multiCharOverflow:8,radioConfig:{showIcon:!0,trigger:"option"},checkboxConfig:{showIcon:!0,trigger:"option"},remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},splitter:{resize:!0,itemConfig:{minWidth:40,minHeight:40},resizeConfig:{showTip:!0},actionConfig:{autoHideButton:!0}},splitterPanel:{},slider:{max:100,min:0,tooltipConfig:{enterDelay:0}},space:{},steps:{},switch:{},tabPane:{},tableSelect:{gridConfig:{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,rowConfig:{isHover:!0},virtualXConfig:{enabled:!0,gt:0},virtualYConfig:{enabled:!0,gt:0}}},tableTransfer:{},tabs:{},tag:{},textEllipsis:{underline:!0},text:{copyConfig:{showMessage:!0}},textarea:{resize:"none"},timeline:{},timelineItem:{},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0,defaultPlacement:"top"},transfer:{},tree:{indent:20,minHeight:60,showOverflow:!0,radioConfig:{strict:!0},tooltipConfig:{mode:"tooltip",enterable:!0,leaveDelay:300},dragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},treeSelect:{virtualYConfig:{enabled:!0,gt:0,oSize:2},treeConfig:{maxHeight:300,radioConfig:{},checkboxConfig:{},filterConfig:{autoExpandAll:!0}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,dragToUpload:!0,showLimitSize:!0,showLimitCount:!0,autoSubmit:!0,maxSimultaneousUploads:5,previewImageConfig:{}},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{},gantt:{}});let iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN_OPEN:iconPrefix+"arrow-down rotate180",BUTTON_DROPDOWN_CLOSE:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",BUTTON_TOOLTIP_ICON:iconPrefix+"question-circle-fill",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-right rotate90",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-right",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",SELECT_ADD_OPTION:iconPrefix+"add",ICON_PICKER_OPEN:iconPrefix+"caret-down rotate180",ICON_PICKER_CLOSE:iconPrefix+"caret-down",PAGER_HOME:iconPrefix+"home-page",PAGER_END:iconPrefix+"end-page",PAGER_JUMP_PREV:iconPrefix+"arrow-double-left",PAGER_JUMP_NEXT:iconPrefix+"arrow-double-right",PAGER_PREV_PAGE:iconPrefix+"arrow-left",PAGER_NEXT_PAGE:iconPrefix+"arrow-right",PAGER_JUMP_MORE:iconPrefix+"ellipsis-h",RADIO_CHECKED:iconPrefix+"radio-checked-fill",RADIO_UNCHECKED:iconPrefix+"radio-unchecked",RADIO_DISABLED_UNCHECKED:iconPrefix+"radio-unchecked-fill",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",CHECKBOX_DISABLED_UNCHECKED:iconPrefix+"checkbox-unchecked-fill",TEXTAREA_CLEAR:iconPrefix+"error-circle-fill",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",INPUT_PLUS_NUM:iconPrefix+"caret-up",INPUT_MINUS_NUM:iconPrefix+"caret-down",NUMBER_INPUT_MINUS_NUM:iconPrefix+"minus",NUMBER_INPUT_PLUS_NUM:iconPrefix+"add",DATE_PICKER_DATE:iconPrefix+"calendar",PASSWORD_INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",PASSWORD_INPUT_HIDE_PWD:iconPrefix+"eye-fill",MODAL_ZOOM_MIN:iconPrefix+"minus",MODAL_ZOOM_REVERT:iconPrefix+"recover",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",DRAWER_CLOSE:iconPrefix+"close",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",FORM_VALID_ERROR_ICON:iconPrefix+"warning-circle-fill",FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete",UPLOAD_FILE_ERROR:iconPrefix+"warning-circle-fill",UPLOAD_FILE_ADD:iconPrefix+"upload",UPLOAD_FILE_REMOVE:iconPrefix+"delete",UPLOAD_FILE_DOWNLOAD:iconPrefix+"download",UPLOAD_IMAGE_UPLOAD:iconPrefix+"upload",UPLOAD_IMAGE_RE_UPLOAD:iconPrefix+"repeat",UPLOAD_IMAGE_ADD:iconPrefix+"add",UPLOAD_IMAGE_REMOVE:iconPrefix+"close",UPLOAD_LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",UPLOAD_FILE_TYPE_DEFAULT:iconPrefix+"file",UPLOAD_FILE_TYPE_XLSX:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_XLS:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_PDF:iconPrefix+"file-pdf",UPLOAD_FILE_TYPE_PNG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_GIF:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPEG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_MD:iconPrefix+"file-markdown",UPLOAD_FILE_TYPE_PPD:iconPrefix+"file-ppt",UPLOAD_FILE_TYPE_DOCX:iconPrefix+"file-word",UPLOAD_FILE_TYPE_DOC:iconPrefix+"file-word",UPLOAD_FILE_TYPE_ZIP:iconPrefix+"file-zip",UPLOAD_FILE_TYPE_TXT:iconPrefix+"file-txt",IMAGE_PREVIEW_CLOSE:iconPrefix+"close",IMAGE_PREVIEW_PREVIOUS:iconPrefix+"arrow-left",IMAGE_PREVIEW_NEXT:iconPrefix+"arrow-right",IMAGE_PREVIEW_PCT_FULL:iconPrefix+"pct-full",IMAGE_PREVIEW_PCT_1_1:iconPrefix+"pct-1-1",IMAGE_PREVIEW_ZOOM_OUT:iconPrefix+"search-zoom-out",IMAGE_PREVIEW_ZOOM_IN:iconPrefix+"search-zoom-in",IMAGE_PREVIEW_ROTATE_LEFT:iconPrefix+"rotate-left",IMAGE_PREVIEW_ROTATE_RIGHT:iconPrefix+"rotate-right",IMAGE_PREVIEW_PRINT:iconPrefix+"print",IMAGE_PREVIEW_DOWNLOAD:iconPrefix+"download",ALERT_CLOSE:iconPrefix+"close",ALERT_INFO:iconPrefix+"info-circle-fill",ALERT_SUCCESS:iconPrefix+"success-circle-fill",ALERT_WARNING:iconPrefix+"warning-circle-fill",ALERT_ERROR:iconPrefix+"error-circle-fill",TREE_NODE_OPEN:iconPrefix+"caret-right rotate90",TREE_NODE_CLOSE:iconPrefix+"caret-right",TREE_NODE_LOADED:iconPrefix+"spinner roll",TREE_DRAG:iconPrefix+"drag-handle",TREE_DRAG_STATUS_NODE:iconPrefix+"sort",TREE_DRAG_STATUS_SUB_NODE:iconPrefix+"add-sub",TREE_DRAG_DISABLED:iconPrefix+"no-drop",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABLE_SELECT_LOADED:iconPrefix+"spinner roll",TABLE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TABLE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_TOP:iconPrefix+"arrow-up",TABS_TAB_BUTTON_BOTTOM:iconPrefix+"arrow-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",TAG_CLOSE:iconPrefix+"close",TAG_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star",COLOR_PICKER_COLOR_COPY:iconPrefix+"copy",COLOR_PICKER_EYE_DROPPER:iconPrefix+"dropper",COLOR_PICKER_TPTY_OPEN:iconPrefix+"arrow-down rotate180",COLOR_PICKER_TPTY_CLOSE:iconPrefix+"arrow-down",SPLIT_TOP_ACTION:iconPrefix+"arrow-up",SPLIT_BOTTOM_ACTION:iconPrefix+"arrow-down",SPLIT_LEFT_ACTION:iconPrefix+"arrow-left",SPLIT_RIGHT_ACTION:iconPrefix+"arrow-right",BACKTOP_TOP:iconPrefix+"top",CONTEXT_MENU_OPTION_LOADING:iconPrefix+"spinner roll",CONTEXT_MENU_CHILDREN:iconPrefix+"arrow-right",CASCADER_NODE_OPEN:iconPrefix+"arrow-right",CASCADER_NODE_CLOSE:iconPrefix+"arrow-right",CASCADER_NODE_LOADED:iconPrefix+"spinner roll",LIST_DRAG:iconPrefix+"drag-handle",LIST_DRAG_STATUS_NODE:iconPrefix+"sort",LIST_DRAG_DISABLED:iconPrefix+"no-drop"});var _default=exports.default=_core.VxeUI;
+Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_log=require("./src/log");let version=exports.version="4.20.6";function config(e){return(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.uiVersion=version,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},avatar:{},backtop:{showIcon:!0,showContent:!0,showTop:!0,showBottom:!0,shadow:!0,threshold:20},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!0},showDropdownIcon:!0},buttonGroup:{},calendar:{minDate:new Date(1900,0,1),maxDate:new Date(2100,0,1),startDay:1,selectDay:1},card:{border:!0,padding:!0},carousel:{height:200,loop:!0,interval:5e3},carouselItem:{},cascader:{showFullLabel:!0,treeConfig:{showIcon:!0},filterConfig:{autoExpandMode:"first"}},checkbox:{},checkboxButton:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},contextMenu:{autoLocate:!0},countdown:{},colorPicker:{type:"rgb",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},datePanel:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,autoClose:!0,showClearButton:null,showConfirmButton:null},dateRangePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,separator:" ~ ",autoClose:!0,showClearButton:null,showConfirmButton:null},divider:{},drawer:{minWidth:40,minHeight:40,position:"right",showHeader:!0,border:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},empty:{},form:{validConfig:{showErrorMessage:!0,autoPos:!0,theme:"beautify"},tooltipConfig:{enterable:!0},titleAsterisk:!0,titleOverflow:!1,padding:!0},formDesign:{height:400,showHeader:!0,showPc:!0},formGather:{},formGroup:{},formItem:{},formView:{},icon:{},iconPicker:{icons:["home","company","comment","setting","send","envelope","envelope-open","bell","search","print","pc","goods","chart-line","edit","delete","save","folder","microphone","flag","link","location","sunny","rmb","usd","user","add-user","add-users","star","unlock","time","text","feedback","calendar","association-form","cloud-download","cloud-upload","file","subtable","chart-bar-x","chart-bar-y","chart-line","chart-pie","chart-radar"],popupConfig:{}},image:{draggable:null,showPreview:!0,showPrintButton:!0},imageGroup:{showPreview:!0,showPrintButton:!0},imagePreview:{showPrintButton:!0,maskClosable:!0},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{scrollbarConfig:{yConfig:{autoHide:!0}}},layoutBody:{backtopConfig:{}},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{rowConfig:{contentField:"label"},dragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},virtualYConfig:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},menu:{},modal:{top:16,showHeader:!0,border:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},noticeBar:{},numberInput:{digits:2,autoFill:!0,negative:!0,controlConfig:{enabled:!0,layout:"right",showButton:!0,isWheel:!0,isArrow:!0},tooltipConfig:{minWidth:60,enterable:!0,enterDelay:0}},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{pageStyle:{}},passwordInput:{controls:!0},printPageBreak:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},scrollbar:{autoResize:!0,xConfig:{},yConfig:{}},segmented:{},select:{emptyValue:null,multiCharOverflow:8,radioConfig:{showIcon:!0,trigger:"option"},checkboxConfig:{showIcon:!0,trigger:"option"},remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},splitter:{resize:!0,itemConfig:{minWidth:40,minHeight:40},resizeConfig:{showTip:!0},actionConfig:{autoHideButton:!0}},splitterPanel:{},slider:{max:100,min:0,tooltipConfig:{enterDelay:0}},space:{},steps:{},switch:{},tabPane:{},tableSelect:{gridConfig:{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,rowConfig:{isHover:!0},virtualXConfig:{enabled:!0,gt:0},virtualYConfig:{enabled:!0,gt:0}}},tableTransfer:{},tabs:{},tag:{},textEllipsis:{underline:!0},text:{copyConfig:{showMessage:!0}},textarea:{resize:"none"},timeline:{},timelineItem:{},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0,defaultPlacement:"top"},transfer:{},tree:{indent:20,minHeight:60,showOverflow:!0,radioConfig:{strict:!0},tooltipConfig:{mode:"tooltip",enterable:!0,leaveDelay:300},dragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},treeSelect:{virtualYConfig:{enabled:!0,gt:0,oSize:2},treeConfig:{maxHeight:300,radioConfig:{},checkboxConfig:{},filterConfig:{autoExpandAll:!0}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,dragToUpload:!0,showLimitSize:!0,showLimitCount:!0,autoSubmit:!0,maxSimultaneousUploads:5,previewImageConfig:{}},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{},gantt:{}});let iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN_OPEN:iconPrefix+"arrow-down rotate180",BUTTON_DROPDOWN_CLOSE:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",BUTTON_TOOLTIP_ICON:iconPrefix+"question-circle-fill",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-right rotate90",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-right",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",SELECT_ADD_OPTION:iconPrefix+"add",ICON_PICKER_OPEN:iconPrefix+"caret-down rotate180",ICON_PICKER_CLOSE:iconPrefix+"caret-down",PAGER_HOME:iconPrefix+"home-page",PAGER_END:iconPrefix+"end-page",PAGER_JUMP_PREV:iconPrefix+"arrow-double-left",PAGER_JUMP_NEXT:iconPrefix+"arrow-double-right",PAGER_PREV_PAGE:iconPrefix+"arrow-left",PAGER_NEXT_PAGE:iconPrefix+"arrow-right",PAGER_JUMP_MORE:iconPrefix+"ellipsis-h",RADIO_CHECKED:iconPrefix+"radio-checked-fill",RADIO_UNCHECKED:iconPrefix+"radio-unchecked",RADIO_DISABLED_UNCHECKED:iconPrefix+"radio-unchecked-fill",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",CHECKBOX_DISABLED_UNCHECKED:iconPrefix+"checkbox-unchecked-fill",TEXTAREA_CLEAR:iconPrefix+"error-circle-fill",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",INPUT_PLUS_NUM:iconPrefix+"caret-up",INPUT_MINUS_NUM:iconPrefix+"caret-down",NUMBER_INPUT_MINUS_NUM:iconPrefix+"minus",NUMBER_INPUT_PLUS_NUM:iconPrefix+"add",DATE_PICKER_DATE:iconPrefix+"calendar",PASSWORD_INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",PASSWORD_INPUT_HIDE_PWD:iconPrefix+"eye-fill",MODAL_ZOOM_MIN:iconPrefix+"minus",MODAL_ZOOM_REVERT:iconPrefix+"recover",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",DRAWER_CLOSE:iconPrefix+"close",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",FORM_VALID_ERROR_ICON:iconPrefix+"warning-circle-fill",FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete",UPLOAD_FILE_ERROR:iconPrefix+"warning-circle-fill",UPLOAD_FILE_ADD:iconPrefix+"upload",UPLOAD_FILE_REMOVE:iconPrefix+"delete",UPLOAD_FILE_DOWNLOAD:iconPrefix+"download",UPLOAD_IMAGE_UPLOAD:iconPrefix+"upload",UPLOAD_IMAGE_RE_UPLOAD:iconPrefix+"repeat",UPLOAD_IMAGE_ADD:iconPrefix+"add",UPLOAD_IMAGE_REMOVE:iconPrefix+"close",UPLOAD_LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",UPLOAD_FILE_TYPE_DEFAULT:iconPrefix+"file",UPLOAD_FILE_TYPE_XLSX:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_XLS:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_PDF:iconPrefix+"file-pdf",UPLOAD_FILE_TYPE_PNG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_GIF:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPEG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_MD:iconPrefix+"file-markdown",UPLOAD_FILE_TYPE_PPD:iconPrefix+"file-ppt",UPLOAD_FILE_TYPE_DOCX:iconPrefix+"file-word",UPLOAD_FILE_TYPE_DOC:iconPrefix+"file-word",UPLOAD_FILE_TYPE_ZIP:iconPrefix+"file-zip",UPLOAD_FILE_TYPE_TXT:iconPrefix+"file-txt",IMAGE_PREVIEW_CLOSE:iconPrefix+"close",IMAGE_PREVIEW_PREVIOUS:iconPrefix+"arrow-left",IMAGE_PREVIEW_NEXT:iconPrefix+"arrow-right",IMAGE_PREVIEW_PCT_FULL:iconPrefix+"pct-full",IMAGE_PREVIEW_PCT_1_1:iconPrefix+"pct-1-1",IMAGE_PREVIEW_ZOOM_OUT:iconPrefix+"search-zoom-out",IMAGE_PREVIEW_ZOOM_IN:iconPrefix+"search-zoom-in",IMAGE_PREVIEW_ROTATE_LEFT:iconPrefix+"rotate-left",IMAGE_PREVIEW_ROTATE_RIGHT:iconPrefix+"rotate-right",IMAGE_PREVIEW_PRINT:iconPrefix+"print",IMAGE_PREVIEW_DOWNLOAD:iconPrefix+"download",ALERT_CLOSE:iconPrefix+"close",ALERT_INFO:iconPrefix+"info-circle-fill",ALERT_SUCCESS:iconPrefix+"success-circle-fill",ALERT_WARNING:iconPrefix+"warning-circle-fill",ALERT_ERROR:iconPrefix+"error-circle-fill",TREE_NODE_OPEN:iconPrefix+"caret-right rotate90",TREE_NODE_CLOSE:iconPrefix+"caret-right",TREE_NODE_LOADED:iconPrefix+"spinner roll",TREE_DRAG:iconPrefix+"drag-handle",TREE_DRAG_STATUS_NODE:iconPrefix+"sort",TREE_DRAG_STATUS_SUB_NODE:iconPrefix+"add-sub",TREE_DRAG_DISABLED:iconPrefix+"no-drop",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABLE_SELECT_LOADED:iconPrefix+"spinner roll",TABLE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TABLE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_TOP:iconPrefix+"arrow-up",TABS_TAB_BUTTON_BOTTOM:iconPrefix+"arrow-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",TAG_CLOSE:iconPrefix+"close",TAG_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star",COLOR_PICKER_COLOR_COPY:iconPrefix+"copy",COLOR_PICKER_EYE_DROPPER:iconPrefix+"dropper",COLOR_PICKER_TPTY_OPEN:iconPrefix+"arrow-down rotate180",COLOR_PICKER_TPTY_CLOSE:iconPrefix+"arrow-down",SPLIT_TOP_ACTION:iconPrefix+"arrow-up",SPLIT_BOTTOM_ACTION:iconPrefix+"arrow-down",SPLIT_LEFT_ACTION:iconPrefix+"arrow-left",SPLIT_RIGHT_ACTION:iconPrefix+"arrow-right",BACKTOP_TOP:iconPrefix+"top",CONTEXT_MENU_OPTION_LOADING:iconPrefix+"spinner roll",CONTEXT_MENU_CHILDREN:iconPrefix+"arrow-right",CASCADER_NODE_OPEN:iconPrefix+"arrow-right",CASCADER_NODE_CLOSE:iconPrefix+"arrow-right",CASCADER_NODE_LOADED:iconPrefix+"spinner roll",LIST_DRAG:iconPrefix+"drag-handle",LIST_DRAG_STATUS_NODE:iconPrefix+"sort",LIST_DRAG_DISABLED:iconPrefix+"no-drop"});var _default=exports.default=_core.VxeUI;

package/lib/ui/src/dom.js

@@ -208,10 +208,12 @@ function updatePanelPlacement(targetElem, panelElem, options) {
     defaultLeft,
     placement,
     defaultPlacement,
+    appendTo,
     teleportTo,
     marginSize,
     isMinWidth
   } = Object.assign({
+    appendTo: '',
     teleportTo: false,
     marginSize: 18,
     isMinWidth: true
@@ -225,7 +227,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
   const stys = {};
   if (panelElem && targetElem) {
     const bodyEl = document.body;
-    const parentWrapperEl = getPopupWrapperElement(panelElem);
+    const parentWrapperEl = getPopupWrapperElement(teleportTo ? getPopupAppendElement(appendTo) : panelElem);
     if (parentWrapperEl) {
       const targetWidth = targetElem.offsetWidth;
       const targetHeight = targetElem.offsetHeight;
@@ -236,14 +238,16 @@ function updatePanelPlacement(targetElem, panelElem, options) {
       const targetRect = targetElem.getBoundingClientRect();
       const visibleHeight = bodyEl.clientHeight;
       const visibleWidth = bodyEl.clientWidth;
-      const offsetLeft = parentWrapperRect.left;
-      const offsetTop = parentWrapperRect.top;
+      const parentWrapperScrollLeft = parentWrapperEl.scrollLeft;
+      const parentWrapperScrollTop = parentWrapperEl.scrollTop;
+      const parentWrapperOffsetLeft = parentWrapperRect.left;
+      const parentWrapperOffsetTop = parentWrapperRect.top;
       const targetLeft = targetRect.left;
       const targetTop = targetRect.top;
       minWidth = targetElem.offsetWidth;
       if (teleportTo) {
-        left = defaultLeft || targetLeft - (panelWidth - targetWidth) / 2;
-        top = defaultTop || targetTop + targetHeight;
+        left = (defaultLeft || targetLeft - (panelWidth - targetWidth) / 2) - parentWrapperScrollLeft;
+        top = (defaultTop || targetTop + targetHeight) - parentWrapperScrollTop;
         if (placement === 'top') {
           panelPlacement = 'top';
           top = targetTop - panelHeight;
@@ -285,8 +289,8 @@ function updatePanelPlacement(targetElem, panelElem, options) {
           left = marginSize;
         }
         // 偏移
-        top -= offsetTop;
-        left -= offsetLeft;
+        top -= parentWrapperOffsetTop;
+        left -= parentWrapperOffsetLeft;
       } else {
         if (placement === 'top') {
           panelPlacement = 'top';

package/lib/ui/src/dom.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetPos=getOffsetPos,exports.getPaddingLeftRightSize=getPaddingLeftRightSize,exports.getPaddingTopBottomSize=getPaddingTopBottomSize,exports.getPopupAppendElement=getPopupAppendElement,exports.getPopupContainer=getPopupContainer,exports.getPopupWrapperElement=getPopupWrapperElement,exports.getPropClass=getPropClass,exports.getTpImg=getTpImg,exports.hasClass=hasClass,exports.hasControlKey=hasControlKey,exports.initTpImg=initTpImg,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.toCssUnit=toCssUnit,exports.triggerEvent=triggerEvent,exports.updatePanelPlacement=updatePanelPlacement;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let tpImgEl;function initTpImg(){return tpImgEl||((tpImgEl=new Image).src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="),tpImgEl}function getTpImg(){return tpImgEl||initTpImg()}function getPropClass(e,t){return e&&(_xeUtils.default.isFunction(e)?e(t):e)||""}let reClsMap={};function getClsRE(e){return reClsMap[e]||(reClsMap[e]=new RegExp(`(?:^|\\s)${e}(?!\\S)`,"g")),reClsMap[e]}function getNodeOffset(e,t,o){if(e){var n=e.parentNode;if(o.top+=e.offsetTop,o.left+=e.offsetLeft,n&&n!==document.documentElement&&n!==document.body&&(o.top-=n.scrollTop,o.left-=n.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return getNodeOffset(e.offsetParent,t,o)}return o}function isPx(e){return e&&/^\d+(\.\d+)?(px)?$/.test(e)}function isScale(e){return e&&/^\d+(\.\d+)?%$/.test(e)}function hasClass(e,t){return!!e&&(e.classList?e.classList.contains(t):!!(e.className&&e.className.match&&e.className.match(getClsRE(t))))}function removeClass(e,t){e&&hasClass(e,t)&&(e.className=e.className.replace(getClsRE(t),""))}function addClass(e,t){e&&!hasClass(e,t)&&(removeClass(e,t),e.className=e.className+" "+t)}function hasControlKey(e){return e.ctrlKey||e.metaKey}function toCssUnit(e,t="px"){return _xeUtils.default.isNumber(e)||/^\d+$/.test(""+e)?""+e+t:""+(e||"")}function getDomNode(){var e=document.documentElement,t=document.body;return{scrollTop:e.scrollTop||t.scrollTop,scrollLeft:e.scrollLeft||t.scrollLeft,visibleHeight:e.clientHeight||t.clientHeight,visibleWidth:e.clientWidth||t.clientWidth}}function getEventTargetNode(e,t,o,n){let s,l=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;for(;l&&l.nodeType&&l!==document;){if(o&&hasClass(l,o)&&(!n||n(l)))s=l;else if(l===t)return{flag:!o||!!s,container:t,targetElem:s};l=l.parentNode}return{flag:!1}}function getOffsetPos(e,t){return getNodeOffset(e,t,{left:0,top:0})}function getAbsolutePos(e){var e=e.getBoundingClientRect(),t=e.top,e=e.left,{scrollTop:o,scrollLeft:n,visibleHeight:s,visibleWidth:l}=getDomNode();return{boundingTop:t,top:o+t,boundingLeft:e,left:n+e,visibleHeight:s,visibleWidth:l}}function getPaddingTopBottomSize(e){return e?(e=getComputedStyle(e),_xeUtils.default.toNumber(e.paddingTop)+_xeUtils.default.toNumber(e.paddingBottom)):0}function getPaddingLeftRightSize(e){return e?(e=getComputedStyle(e),_xeUtils.default.toNumber(e.paddingLeft)+_xeUtils.default.toNumber(e.paddingRight)):0}let scrollIntoViewIfNeeded="scrollIntoViewIfNeeded",scrollIntoView="scrollIntoView";function scrollToView(e){e&&(e[scrollIntoViewIfNeeded]?e[scrollIntoViewIfNeeded]():e[scrollIntoView]&&e[scrollIntoView]())}function triggerEvent(e,t){e&&e.dispatchEvent(new Event(t))}function isNodeElement(e){return e&&1===e.nodeType}function updatePanelPlacement(e,t,o){var{defaultTop:o,defaultLeft:n,placement:s,defaultPlacement:l,teleportTo:i,marginSize:r,isMinWidth:a}=Object.assign({teleportTo:!1,marginSize:18,isMinWidth:!0},o);let p="bottom",d="",u="",g=0;var f="";let c="";var m,C,x,h,P,A,N,E,b,T,v={};return t&&e&&(A=document.body,E=getPopupWrapperElement(t))&&(m=e.offsetWidth,C=e.offsetHeight,x=t.offsetWidth,h=t.offsetHeight,E=E.getBoundingClientRect(),t=t.getBoundingClientRect(),T=e.getBoundingClientRect(),P=A.clientHeight,A=A.clientWidth,N=E.left,E=E.top,b=T.left,T=T.top,f=e.offsetWidth,i?(g=n||b-(x-m)/2,d=o||T+C,"top"===s?(p="top",d=T-h):s||("top"===l?(p="top",(d=o?d:T-h)<r&&(p="bottom",d=T+C),d+h+r>P&&(p="top",d=T-h)):(d+h+r>P&&(p="top",d=T-h),d<r&&(p="bottom",d=T+C))),g+x+r>A&&(g-=g+x+r-A),g<r&&(g=r),d-=E,g-=N):("top"===s?(p="top",u=C):s||P<T+(d=C)+h+r&&r<T-C-h&&(p="top",d="",u=C),t.left+t.width+r>A&&(g=-(t.left+t.width+r-A))),_xeUtils.default.isNumber(d)&&(v.top=toCssUnit(d)),_xeUtils.default.isNumber(u)&&(v.bottom=toCssUnit(u)),_xeUtils.default.isNumber(g)&&(v.left=toCssUnit(g)),a&&_xeUtils.default.isNumber(f)&&(v.minWidth=toCssUnit(f)),g===b?m<=x&&(c=m/2):g<b&&(c=g+x>b+m?b-g+m/2:b-g+(x-(b-g))/2)),{top:d||0,bottom:u||0,left:g||0,arrowLeft:c||0,style:v,placement:p}}function getPopupWrapperElement(e){var t;return e&&(t=document.body,(e=e.parentElement)===t?document.documentElement:e)||null}function getPopupContainer(e){return(e&&_xeUtils.default.isFunction(e)?e({}):e)||"body"}function getPopupAppendElement(e){e=getPopupContainer(e);return _xeUtils.default.isString(e)?document.querySelector(e)||document.body:e}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetPos=getOffsetPos,exports.getPaddingLeftRightSize=getPaddingLeftRightSize,exports.getPaddingTopBottomSize=getPaddingTopBottomSize,exports.getPopupAppendElement=getPopupAppendElement,exports.getPopupContainer=getPopupContainer,exports.getPopupWrapperElement=getPopupWrapperElement,exports.getPropClass=getPropClass,exports.getTpImg=getTpImg,exports.hasClass=hasClass,exports.hasControlKey=hasControlKey,exports.initTpImg=initTpImg,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.toCssUnit=toCssUnit,exports.triggerEvent=triggerEvent,exports.updatePanelPlacement=updatePanelPlacement;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let tpImgEl;function initTpImg(){return tpImgEl||((tpImgEl=new Image).src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="),tpImgEl}function getTpImg(){return tpImgEl||initTpImg()}function getPropClass(e,t){return e&&(_xeUtils.default.isFunction(e)?e(t):e)||""}let reClsMap={};function getClsRE(e){return reClsMap[e]||(reClsMap[e]=new RegExp(`(?:^|\\s)${e}(?!\\S)`,"g")),reClsMap[e]}function getNodeOffset(e,t,o){if(e){var n=e.parentNode;if(o.top+=e.offsetTop,o.left+=e.offsetLeft,n&&n!==document.documentElement&&n!==document.body&&(o.top-=n.scrollTop,o.left-=n.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return getNodeOffset(e.offsetParent,t,o)}return o}function isPx(e){return e&&/^\d+(\.\d+)?(px)?$/.test(e)}function isScale(e){return e&&/^\d+(\.\d+)?%$/.test(e)}function hasClass(e,t){return!!e&&(e.classList?e.classList.contains(t):!!(e.className&&e.className.match&&e.className.match(getClsRE(t))))}function removeClass(e,t){e&&hasClass(e,t)&&(e.className=e.className.replace(getClsRE(t),""))}function addClass(e,t){e&&!hasClass(e,t)&&(removeClass(e,t),e.className=e.className+" "+t)}function hasControlKey(e){return e.ctrlKey||e.metaKey}function toCssUnit(e,t="px"){return _xeUtils.default.isNumber(e)||/^\d+$/.test(""+e)?""+e+t:""+(e||"")}function getDomNode(){var e=document.documentElement,t=document.body;return{scrollTop:e.scrollTop||t.scrollTop,scrollLeft:e.scrollLeft||t.scrollLeft,visibleHeight:e.clientHeight||t.clientHeight,visibleWidth:e.clientWidth||t.clientWidth}}function getEventTargetNode(e,t,o,n){let s,l=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;for(;l&&l.nodeType&&l!==document;){if(o&&hasClass(l,o)&&(!n||n(l)))s=l;else if(l===t)return{flag:!o||!!s,container:t,targetElem:s};l=l.parentNode}return{flag:!1}}function getOffsetPos(e,t){return getNodeOffset(e,t,{left:0,top:0})}function getAbsolutePos(e){var e=e.getBoundingClientRect(),t=e.top,e=e.left,{scrollTop:o,scrollLeft:n,visibleHeight:s,visibleWidth:l}=getDomNode();return{boundingTop:t,top:o+t,boundingLeft:e,left:n+e,visibleHeight:s,visibleWidth:l}}function getPaddingTopBottomSize(e){return e?(e=getComputedStyle(e),_xeUtils.default.toNumber(e.paddingTop)+_xeUtils.default.toNumber(e.paddingBottom)):0}function getPaddingLeftRightSize(e){return e?(e=getComputedStyle(e),_xeUtils.default.toNumber(e.paddingLeft)+_xeUtils.default.toNumber(e.paddingRight)):0}let scrollIntoViewIfNeeded="scrollIntoViewIfNeeded",scrollIntoView="scrollIntoView";function scrollToView(e){e&&(e[scrollIntoViewIfNeeded]?e[scrollIntoViewIfNeeded]():e[scrollIntoView]&&e[scrollIntoView]())}function triggerEvent(e,t){e&&e.dispatchEvent(new Event(t))}function isNodeElement(e){return e&&1===e.nodeType}function updatePanelPlacement(e,t,o){var{defaultTop:o,defaultLeft:n,placement:s,defaultPlacement:l,appendTo:i,teleportTo:r,marginSize:p,isMinWidth:a}=Object.assign({appendTo:"",teleportTo:!1,marginSize:18,isMinWidth:!0},o);let d="bottom",u="",g="",f=0;var c="";let m="";var C,x,P,h,A,N,E,b,T,v,I,U={};return t&&e&&(N=document.body,i=getPopupWrapperElement(r?getPopupAppendElement(i):t))&&(C=e.offsetWidth,x=e.offsetHeight,P=t.offsetWidth,h=t.offsetHeight,T=i.getBoundingClientRect(),t=t.getBoundingClientRect(),I=e.getBoundingClientRect(),A=N.clientHeight,N=N.clientWidth,E=i.scrollLeft,i=i.scrollTop,b=T.left,T=T.top,v=I.left,I=I.top,c=e.offsetWidth,r?(f=(n||v-(P-C)/2)-E,u=(o||I+x)-i,"top"===s?(d="top",u=I-h):s||("top"===l?(d="top",(u=o?u:I-h)<p&&(d="bottom",u=I+x),u+h+p>A&&(d="top",u=I-h)):(u+h+p>A&&(d="top",u=I-h),u<p&&(d="bottom",u=I+x))),f+P+p>N&&(f-=f+P+p-N),f<p&&(f=p),u-=T,f-=b):("top"===s?(d="top",g=x):s||A<I+(u=x)+h+p&&p<I-x-h&&(d="top",u="",g=x),t.left+t.width+p>N&&(f=-(t.left+t.width+p-N))),_xeUtils.default.isNumber(u)&&(U.top=toCssUnit(u)),_xeUtils.default.isNumber(g)&&(U.bottom=toCssUnit(g)),_xeUtils.default.isNumber(f)&&(U.left=toCssUnit(f)),a&&_xeUtils.default.isNumber(c)&&(U.minWidth=toCssUnit(c)),f===v?C<=P&&(m=C/2):f<v&&(m=f+P>v+C?v-f+C/2:v-f+(P-(v-f))/2)),{top:u||0,bottom:g||0,left:f||0,arrowLeft:m||0,style:U,placement:d}}function getPopupWrapperElement(e){var t;return e&&(t=document.body,(e=e.parentElement)===t?document.documentElement:e)||null}function getPopupContainer(e){return(e&&_xeUtils.default.isFunction(e)?e({}):e)||"body"}function getPopupAppendElement(e){e=getPopupContainer(e);return _xeUtils.default.isString(e)?document.querySelector(e)||document.body:e}

package/lib/ui/src/log.js

@@ -9,7 +9,7 @@ var _core = require("@vxe-ui/core");
 const {
   log
 } = _core.VxeUI;
-const uiVersion = `ui v${"4.20.5"}`;
+const uiVersion = `ui v${"4.20.6"}`;
 function createComponentLog(name) {
   const tableVersion = _core.VxeUI.tableVersion ? `table v${_core.VxeUI.tableVersion}` : '';
   const ganttVersion = _core.VxeUI.ganttVersion ? `gantt v${_core.VxeUI.ganttVersion}` : '';

package/lib/ui/src/log.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.createComponentLog=createComponentLog,exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,uiVersion="ui v4.20.5";function createComponentLog(e){var r=_core.VxeUI.tableVersion?"table v"+_core.VxeUI.tableVersion:"",o=_core.VxeUI.ganttVersion?"gantt v"+_core.VxeUI.ganttVersion:"",n=_core.VxeUI.designVersion?"design v"+_core.VxeUI.designVersion:"",r=[uiVersion,r,o,n].filter(e=>e).join(" ");return{warnLog:log.create("warn",r+"] ["+e),errLog:log.create("error",r+"] ["+e)}}let warnLog=exports.warnLog=log.create("warn",uiVersion),errLog=exports.errLog=log.create("error",uiVersion);
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.createComponentLog=createComponentLog,exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,uiVersion="ui v4.20.6";function createComponentLog(e){var r=_core.VxeUI.tableVersion?"table v"+_core.VxeUI.tableVersion:"",o=_core.VxeUI.ganttVersion?"gantt v"+_core.VxeUI.ganttVersion:"",n=_core.VxeUI.designVersion?"design v"+_core.VxeUI.designVersion:"",r=[uiVersion,r,o,n].filter(e=>e).join(" ");return{warnLog:log.create("warn",r+"] ["+e),errLog:log.create("error",r+"] ["+e)}}let warnLog=exports.warnLog=log.create("warn",uiVersion),errLog=exports.errLog=log.create("error",uiVersion);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.20.5",
+  "version": "4.20.6",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -27,7 +27,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "dependencies": {
-    "@vxe-ui/core": "^4.4.31"
+    "@vxe-ui/core": "^4.4.32"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",

package/packages/button/src/button.ts

@@ -311,7 +311,8 @@ const VxeButtonComponent = defineVxeComponent({
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
-          defaultPlacement: (popupOpts as any).defaultPlacement,
+          defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {

package/packages/cascader/src/cascader.ts

@@ -816,6 +816,7 @@ export default defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer,
           isMinWidth: false
         })

package/packages/color-picker/src/color-picker.ts

@@ -333,6 +333,7 @@ export default defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {

package/packages/date-picker/src/date-picker.ts

@@ -1244,6 +1244,7 @@ export default defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {

package/packages/date-range-picker/src/date-range-picker.ts

@@ -1045,6 +1045,7 @@ export default defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {

package/packages/icon-picker/src/icon-picker.ts

@@ -245,6 +245,7 @@ export default defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {

package/packages/pulldown/src/pulldown.ts

@@ -155,6 +155,7 @@ export default defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {

package/packages/select/src/select.ts

@@ -613,6 +613,7 @@ export default defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {

package/packages/table-select/src/table-select.ts

@@ -444,6 +444,7 @@ export default defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {

package/packages/tooltip/src/tooltip.ts

@@ -314,7 +314,7 @@ export default defineVxeComponent({
     }
 
     const updateTipStyle = () => {
-      const { placement, defaultPlacement, isArrow } = props
+      const { placement, defaultPlacement, appendTo, isArrow } = props
       const { tipTarget: targetElem, tipStore, tipPos, tipZindex } = reactData
       const panelElem = refElem.value
       if (!targetElem || !panelElem) {
@@ -348,6 +348,7 @@ export default defineVxeComponent({
         defaultLeft: left,
         placement: placement,
         defaultPlacement: defaultPlacement,
+        appendTo: appendTo,
         isMinWidth: false,
         teleportTo: true
       })

package/packages/tree-select/src/tree-select.ts

@@ -499,6 +499,7 @@ export default defineVxeComponent({
           isMinWidth: !popupOpts.width,
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         })
         const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {