vxe-pc-ui 4.2.2 → 4.2.4

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

@@ -81,7 +81,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       panelPlacement: null,
       triggerFocusPanel: false,
       visiblePanel: false,
-      visibleAnimate: false,
+      isAniVisible: false,
       isActivated: false
     });
     const internalData = {
@@ -340,7 +340,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           reactData.initialized = true;
         }
         reactData.isActivated = true;
-        reactData.visibleAnimate = true;
+        reactData.isAniVisible = true;
         setTimeout(() => {
           reactData.visiblePanel = true;
         }, 10);
@@ -351,7 +351,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
       internalData.hpTimeout = window.setTimeout(() => {
-        reactData.visibleAnimate = false;
+        reactData.isAniVisible = false;
       }, 350);
     };
     const changeEvent = (evnt, selectValue) => {
@@ -485,6 +485,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         initialized,
         isActivated,
+        isAniVisible,
         visiblePanel
       } = reactData;
       const vSize = computeSize.value;
@@ -554,12 +555,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }) : popupClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
-          'ani--leave': !loading && reactData.visibleAnimate,
+          'ani--leave': !loading && isAniVisible,
           'ani--enter': !loading && visiblePanel
         }],
         placement: reactData.panelPlacement,
         style: reactData.panelStyle
-      }, initialized ? [(0, _vue.h)('div', {
+      }, initialized && (visiblePanel || isAniVisible) ? [(0, _vue.h)('div', {
         class: 'vxe-tree-select--panel-wrapper'
       }, [headerSlot ? (0, _vue.h)('div', {
         class: 'vxe-tree-select--panel-header'

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTreeSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().select.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().select.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,options:Array,optionProps:Object,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},remote:Boolean,remoteMethod:Function,treeConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","node-click"],setup(S,e){const{emit:i,slots:N}=e,l=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const P=(0,_ui.useSize)(S)["computeSize"],w=(0,_vue.ref)(),O=(0,_vue.ref)(),k=(0,_vue.ref)(),q=(0,_vue.ref)(),j=(0,_vue.reactive)({initialized:!1,fullOptionList:[],fullNodeMaps:{},visibleOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1}),r={hpTimeout:void 0},s={refElem:w},A=(0,_vue.computed)(()=>{var e=S["readonly"];return null===e?!!o&&o.props.readonly:e}),M=(0,_vue.computed)(()=>{var e=S["disabled"];return null===e?!!o&&o.props.disabled:e}),z=(0,_vue.computed)(()=>{var e=S["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(a||l||n||o)return!0}return e}),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,S.treeConfig)),U=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({isHover:!0},e.nodeConfig)}),R=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})}),W=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})}),d=(0,_vue.computed)(()=>S.optionProps||{}),V=(0,_vue.computed)(()=>{return d.value.label||"label"}),$=(0,_vue.computed)(()=>{return d.value.value||"value"}),D=(0,_vue.computed)(()=>{return d.value.children||"children"}),K=(0,_vue.computed)(()=>{return d.value.parent||"parentField"}),Z=(0,_vue.computed)(()=>{return d.value.hasChild||"hasChild"}),G=(0,_vue.computed)(()=>{var e=S["modelValue"];const l=j["fullNodeMaps"],i=V.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var t=l[e];return t?t.item[i]:e}).join(", ")}),m={},B={xID:t,props:S,context:e,reactData:j,internalData:r,getRefMaps:()=>s,getComputeMaps:()=>m},v={dispatchEvent(e,t,l){i(e,(0,_ui.createEvent)(l,{$treeSelect:B},t))}},c=()=>{var e=S["options"];const u=$.value;var t=D.value;const r={};_xeUtils.default.eachTree(e,(e,t,l,i,n,a)=>{let o=(e=>{e=e[$.value];return e?encodeURIComponent(e):""})(e);o||(o=getOptUniqueId(),e[u]=o),r[o]={item:e,index:t,items:l,parent:n,nodes:a}},{children:t}),j.fullOptionList=e||[],j.fullNodeMaps=r,(0,_vue.nextTick)()},p=()=>(0,_vue.nextTick)().then(()=>{var i=S["placement"],n=j["panelIndex"],a=w.value,o=q.value,e=z.value;if(o&&a){var u=a.offsetHeight,r=a.offsetWidth,s=o.offsetHeight,o=o.offsetWidth,n={zIndex:n},{boundingTop:a,boundingLeft:d,visibleHeight:v,visibleWidth:c}=(0,_dom.getAbsolutePos)(a);let l="bottom";if(e){let e=d,t=a+u;"top"===i?(l="top",t=a-s):i||(t+s+5>v&&(l="top",t=a-s),t<5&&(l="bottom",t=a+u)),e+o+5>c&&(e-=e+o+5-c),e<5&&(e=5),Object.assign(n,{left:e+"px",top:t+"px",minWidth:r+"px"})}else"top"===i?(l="top",n.bottom=u+"px"):i||v<a+u+s&&5<a-u-s&&(l="top",n.bottom=u+"px");return j.panelStyle=n,j.panelPlacement=l,(0,_vue.nextTick)()}}),f=()=>{var e=S["loading"],t=M.value;e||t||(clearTimeout(r.hpTimeout),j.initialized||(j.initialized=!0),j.isActivated=!0,j.visibleAnimate=!0,setTimeout(()=>{j.visiblePanel=!0},10),j.panelIndex<(0,_utils.getLastZIndex)()&&(j.panelIndex=(0,_utils.nextZIndex)()),p())},_=()=>{j.visiblePanel=!1,r.hpTimeout=window.setTimeout(()=>{j.visibleAnimate=!1},350)},g=(e,t)=>{var l=j["fullNodeMaps"];i("update:modelValue",t),t!==S.modelValue&&(l=l[t],v.dispatchEvent("change",{value:t,option:l?l.item:null},e),o)&&u&&o.triggerItemEvent(e,u.itemConfig.field,t)},h=(e,t)=>{g(e,t),v.dispatchEvent("clear",{value:t},e)},J=(e,t)=>{h(t,null),_()},b=e=>{var t=j["visiblePanel"];M.value||t&&(t=q.value,((0,_dom.getEventTargetNode)(e,t).flag?p:_)())},x=e=>{var t,l,i=j["visiblePanel"];M.value||(t=w.value,l=q.value,j.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,i&&!j.isActivated&&_())},C=()=>{_()},Q=e=>{M.value||j.visiblePanel||(j.triggerFocusPanel=!0,f(),setTimeout(()=>{j.triggerFocusPanel=!1},150)),v.dispatchEvent("focus",{},e)},X=e=>{H(e),v.dispatchEvent("click",{},e)},Y=e=>{j.isActivated=!1,v.dispatchEvent("blur",{},e)},H=e=>{e=e.$event;e.preventDefault(),j.triggerFocusPanel?j.triggerFocusPanel=!1:(j.visiblePanel?_:f)()},ee=e=>{var t=e["$event"];v.dispatchEvent("node-click",e,t)},te=e=>{var{value:e,$event:t}=e;g(t,e),_()},le=e=>{var{value:e,$event:t}=e;g(t,e)};Object.assign(B,v,{});return(0,_vue.watch)(()=>S.options,()=>{c()}),c(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(B,"mousewheel",b),_ui.globalEvents.on(B,"mousedown",x),_ui.globalEvents.on(B,"blur",C)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(B,"mousewheel"),_ui.globalEvents.off(B,"mousedown"),_ui.globalEvents.off(B,"blur")}),(0,_vue.provide)("$xeTreeSelect",B),B.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:i,popupClassName:n,loading:a}=S,{initialized:o,isActivated:u,visiblePanel:r}=j,s=P.value,d=M.value,v=G.value,c=z.value,p=A.value,f=N.default,_=N.header,g=N.footer;const m=N.prefix;var h=L.value,b=U.value,x=R.value,C=W.value,E=V.value,I=$.value,y=D.value,T=K.value,F=Z.value;return p?(0,_vue.h)("div",{ref:w,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-tree-select-slots",ref:"hideOption"},f?f({}):[]),(0,_vue.h)("span",{class:"vxe-tree-select-label"},v)]):(0,_vue.h)("div",{ref:w,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:B}):e:"",{["size--"+s]:s,"is--visible":r,"is--disabled":d,"is--loading":a,"is--active":u}]},[(0,_vue.h)(_input.default,{ref:O,clearable:S.clearable,placeholder:S.placeholder,readonly:!0,disabled:d,type:"text",prefixIcon:S.prefixIcon,suffixIcon:a?(0,_ui.getIcon)().TREE_SELECT_LOADED:r?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:v,onClear:J,onClick:X,onFocus:Q,onBlur:Y,onSuffixClick:H},m?{prefix:()=>m({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!o},[(0,_vue.h)("div",{ref:q,class:["vxe-table--ignore-clear vxe-tree-select--panel",n?_xeUtils.default.isFunction(n)?n({$treeSelect:B}):n:"",{["size--"+s]:s,"is--transfer":c,"ani--leave":!a&&j.visibleAnimate,"ani--enter":!a&&r}],placement:j.panelPlacement,style:j.panelStyle},o?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[_?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},_({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:k,class:"vxe-tree-select-option--wrapper"},[(0,_vue.h)(_tree.default,{class:"vxe-tree-select--tree",data:i,indent:h.indent,showRadio:!l,radioConfig:C,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:x,titleField:E,valueField:I,keyField:h.keyField,childrenField:h.childrenField||y,parentField:h.parentField||T,hasChildField:h.hasChildField||F,accordion:h.accordion,nodeConfig:b,lazy:h.lazy,loadMethod:h.loadMethod,toggleMethod:h.toggleMethod,transform:h.transform,trigger:h.trigger,showIcon:h.showIcon,showLine:h.showLine,iconOpen:h.iconOpen,iconLoaded:h.iconLoaded,iconClose:h.iconClose,onNodeClick:ee,onRadioChange:te,onCheckboxChange:le})])]),g?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},g({})):(0,_vue.createCommentVNode)()])]:[])])])},B},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTreeSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().select.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().select.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,options:Array,optionProps:Object,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},remote:Boolean,remoteMethod:Function,treeConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","node-click"],setup(N,e){const{emit:i,slots:P}=e,l=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(N)["computeSize"],O=(0,_vue.ref)(),k=(0,_vue.ref)(),q=(0,_vue.ref)(),V=(0,_vue.ref)(),j=(0,_vue.reactive)({initialized:!1,fullOptionList:[],fullNodeMaps:{},visibleOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),r={hpTimeout:void 0},s={refElem:O},A=(0,_vue.computed)(()=>{var e=N["readonly"];return null===e?!!o&&o.props.readonly:e}),M=(0,_vue.computed)(()=>{var e=N["disabled"];return null===e?!!o&&o.props.disabled:e}),z=(0,_vue.computed)(()=>{var e=N["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(a||l||n||o)return!0}return e}),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,N.treeConfig)),U=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({isHover:!0},e.nodeConfig)}),R=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})}),K=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})}),d=(0,_vue.computed)(()=>N.optionProps||{}),$=(0,_vue.computed)(()=>{return d.value.label||"label"}),D=(0,_vue.computed)(()=>{return d.value.value||"value"}),B=(0,_vue.computed)(()=>{return d.value.children||"children"}),Z=(0,_vue.computed)(()=>{return d.value.parent||"parentField"}),G=(0,_vue.computed)(()=>{return d.value.hasChild||"hasChild"}),J=(0,_vue.computed)(()=>{var e=N["modelValue"];const l=j["fullNodeMaps"],i=$.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var t=l[e];return t?t.item[i]:e}).join(", ")}),h={},H={xID:t,props:N,context:e,reactData:j,internalData:r,getRefMaps:()=>s,getComputeMaps:()=>h},v={dispatchEvent(e,t,l){i(e,(0,_ui.createEvent)(l,{$treeSelect:H},t))}},c=()=>{var e=N["options"];const u=D.value;var t=B.value;const r={};_xeUtils.default.eachTree(e,(e,t,l,i,n,a)=>{let o=(e=>{e=e[D.value];return e?encodeURIComponent(e):""})(e);o||(o=getOptUniqueId(),e[u]=o),r[o]={item:e,index:t,items:l,parent:n,nodes:a}},{children:t}),j.fullOptionList=e||[],j.fullNodeMaps=r,(0,_vue.nextTick)()},p=()=>(0,_vue.nextTick)().then(()=>{var i=N["placement"],n=j["panelIndex"],a=O.value,o=V.value,e=z.value;if(o&&a){var u=a.offsetHeight,r=a.offsetWidth,s=o.offsetHeight,o=o.offsetWidth,n={zIndex:n},{boundingTop:a,boundingLeft:d,visibleHeight:v,visibleWidth:c}=(0,_dom.getAbsolutePos)(a);let l="bottom";if(e){let e=d,t=a+u;"top"===i?(l="top",t=a-s):i||(t+s+5>v&&(l="top",t=a-s),t<5&&(l="bottom",t=a+u)),e+o+5>c&&(e-=e+o+5-c),e<5&&(e=5),Object.assign(n,{left:e+"px",top:t+"px",minWidth:r+"px"})}else"top"===i?(l="top",n.bottom=u+"px"):i||v<a+u+s&&5<a-u-s&&(l="top",n.bottom=u+"px");return j.panelStyle=n,j.panelPlacement=l,(0,_vue.nextTick)()}}),f=()=>{var e=N["loading"],t=M.value;e||t||(clearTimeout(r.hpTimeout),j.initialized||(j.initialized=!0),j.isActivated=!0,j.isAniVisible=!0,setTimeout(()=>{j.visiblePanel=!0},10),j.panelIndex<(0,_utils.getLastZIndex)()&&(j.panelIndex=(0,_utils.nextZIndex)()),p())},_=()=>{j.visiblePanel=!1,r.hpTimeout=window.setTimeout(()=>{j.isAniVisible=!1},350)},g=(e,t)=>{var l=j["fullNodeMaps"];i("update:modelValue",t),t!==N.modelValue&&(l=l[t],v.dispatchEvent("change",{value:t,option:l?l.item:null},e),o)&&u&&o.triggerItemEvent(e,u.itemConfig.field,t)},m=(e,t)=>{g(e,t),v.dispatchEvent("clear",{value:t},e)},Q=(e,t)=>{m(t,null),_()},b=e=>{var t=j["visiblePanel"];M.value||t&&(t=V.value,((0,_dom.getEventTargetNode)(e,t).flag?p:_)())},x=e=>{var t,l,i=j["visiblePanel"];M.value||(t=O.value,l=V.value,j.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,i&&!j.isActivated&&_())},C=()=>{_()},X=e=>{M.value||j.visiblePanel||(j.triggerFocusPanel=!0,f(),setTimeout(()=>{j.triggerFocusPanel=!1},150)),v.dispatchEvent("focus",{},e)},Y=e=>{W(e),v.dispatchEvent("click",{},e)},ee=e=>{j.isActivated=!1,v.dispatchEvent("blur",{},e)},W=e=>{e=e.$event;e.preventDefault(),j.triggerFocusPanel?j.triggerFocusPanel=!1:(j.visiblePanel?_:f)()},te=e=>{var t=e["$event"];v.dispatchEvent("node-click",e,t)},le=e=>{var{value:e,$event:t}=e;g(t,e),_()},ie=e=>{var{value:e,$event:t}=e;g(t,e)};Object.assign(H,v,{});return(0,_vue.watch)(()=>N.options,()=>{c()}),c(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(H,"mousewheel",b),_ui.globalEvents.on(H,"mousedown",x),_ui.globalEvents.on(H,"blur",C)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(H,"mousewheel"),_ui.globalEvents.off(H,"mousedown"),_ui.globalEvents.off(H,"blur")}),(0,_vue.provide)("$xeTreeSelect",H),H.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:i,popupClassName:n,loading:a}=N,{initialized:o,isActivated:u,isAniVisible:r,visiblePanel:s}=j,d=w.value,v=M.value,c=J.value,p=z.value,f=A.value,_=P.default,g=P.header,h=P.footer;const m=P.prefix;var b=L.value,x=U.value,C=R.value,E=K.value,I=$.value,y=D.value,T=B.value,F=Z.value,S=G.value;return f?(0,_vue.h)("div",{ref:O,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-tree-select-slots",ref:"hideOption"},_?_({}):[]),(0,_vue.h)("span",{class:"vxe-tree-select-label"},c)]):(0,_vue.h)("div",{ref:O,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:H}):e:"",{["size--"+d]:d,"is--visible":s,"is--disabled":v,"is--loading":a,"is--active":u}]},[(0,_vue.h)(_input.default,{ref:k,clearable:N.clearable,placeholder:N.placeholder,readonly:!0,disabled:v,type:"text",prefixIcon:N.prefixIcon,suffixIcon:a?(0,_ui.getIcon)().TREE_SELECT_LOADED:s?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:c,onClear:Q,onClick:Y,onFocus:X,onBlur:ee,onSuffixClick:W},m?{prefix:()=>m({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!o},[(0,_vue.h)("div",{ref:V,class:["vxe-table--ignore-clear vxe-tree-select--panel",n?_xeUtils.default.isFunction(n)?n({$treeSelect:H}):n:"",{["size--"+d]:d,"is--transfer":p,"ani--leave":!a&&r,"ani--enter":!a&&s}],placement:j.panelPlacement,style:j.panelStyle},o&&(s||r)?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[g?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},g({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:q,class:"vxe-tree-select-option--wrapper"},[(0,_vue.h)(_tree.default,{class:"vxe-tree-select--tree",data:i,indent:b.indent,showRadio:!l,radioConfig:E,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:C,titleField:I,valueField:y,keyField:b.keyField,childrenField:b.childrenField||T,parentField:b.parentField||F,hasChildField:b.hasChildField||S,accordion:b.accordion,nodeConfig:x,lazy:b.lazy,loadMethod:b.loadMethod,toggleMethod:b.toggleMethod,transform:b.transform,trigger:b.trigger,showIcon:b.showIcon,showLine:b.showLine,iconOpen:b.iconOpen,iconLoaded:b.iconLoaded,iconClose:b.iconClose,onNodeClick:te,onRadioChange:le,onCheckboxChange:ie})])]),h?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},h({})):(0,_vue.createCommentVNode)()])]:[])])])},H},render(){return this.renderVN()}});

package/lib/ui/index.js

@@ -27,7 +27,7 @@ Object.keys(_core).forEach(function (key) {
 var _dynamics = require("../dynamics");
 var _utils = require("./src/utils");
 var _log = require("./src/log");
-const version = exports.version = "4.2.2";
+const version = exports.version = "4.2.4";
 _core.VxeUI.version = version;
 _core.VxeUI.uiVersion = version;
 _core.VxeUI.tableVersion = '';
@@ -238,7 +238,9 @@ _core.VxeUI.setup = setup;
     controls: true
   },
   printPageBreak: {},
-  pulldown: {},
+  pulldown: {
+    destroyOnClose: true
+  },
   radio: {
     strict: true
   },

package/lib/ui/index.min.js

@@ -1 +1 @@
-"use strict";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")),_utils=require("./src/utils"),_log=require("./src/log");const version=exports.version="4.2.2";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.version=version,_core.VxeUI.uiVersion=version,_core.VxeUI.tableVersion="",_core.VxeUI.t=_core.VxeUI.getI18n,_core.VxeUI._t=_utils.getFuncText,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover"},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:{},checkbox:{},checkboxGroup:{},col:{},collapse:{},collapsePane:{},countdown:{},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},form:{validConfig:{showMessage:!0,autoPos:!0},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"]},image:{showPreview:!0,showPrintButton:!0},imageGroup:{showPreview:!0,showPrintButton:!0},imagePreview:{showPrintButton:!0},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{},layoutBody:{},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{scrollY:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},modal:{top:16,showHeader:!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"},numberInput:{digits:2,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{controls:!0},printPageBreak:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},row:{},select:{multiCharOverflow:8},switch:{},tabPane:{},tabs:{},tag:{},text:{},textarea:{resize:"none"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300},tree:{indent:20,minHeight:60,radioConfig:{strict:!0}},treeSelect:{treeConfig:{radioConfig:{},checkboxConfig:{}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,imageStyle:{}},table:{},colgroup:{},column:{},toolbar:{},grid:{}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-down rotate180",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-down",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",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",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",NUMBER_INPUT_PREV_NUM:iconPrefix+"caret-up",NUMBER_INPUT_NEXT_NUM:iconPrefix+"caret-down",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_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_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_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-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",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down"});var _default=exports.default=_core.VxeUI;
+"use strict";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")),_utils=require("./src/utils"),_log=require("./src/log");const version=exports.version="4.2.4";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.version=version,_core.VxeUI.uiVersion=version,_core.VxeUI.tableVersion="",_core.VxeUI.t=_core.VxeUI.getI18n,_core.VxeUI._t=_utils.getFuncText,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover"},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:{},checkbox:{},checkboxGroup:{},col:{},collapse:{},collapsePane:{},countdown:{},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},form:{validConfig:{showMessage:!0,autoPos:!0},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"]},image:{showPreview:!0,showPrintButton:!0},imageGroup:{showPreview:!0,showPrintButton:!0},imagePreview:{showPrintButton:!0},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{},layoutBody:{},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{scrollY:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},modal:{top:16,showHeader:!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"},numberInput:{digits:2,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{controls:!0},printPageBreak:{},pulldown:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},row:{},select:{multiCharOverflow:8},switch:{},tabPane:{},tabs:{},tag:{},text:{},textarea:{resize:"none"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300},tree:{indent:20,minHeight:60,radioConfig:{strict:!0}},treeSelect:{treeConfig:{radioConfig:{},checkboxConfig:{}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,imageStyle:{}},table:{},colgroup:{},column:{},toolbar:{},grid:{}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-down rotate180",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-down",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",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",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",NUMBER_INPUT_PREV_NUM:iconPrefix+"caret-up",NUMBER_INPUT_NEXT_NUM:iconPrefix+"caret-down",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_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_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_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-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",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down"});var _default=exports.default=_core.VxeUI;

package/lib/ui/src/log.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.warnLog = exports.errLog = void 0;
 var _core = require("@vxe-ui/core");
-const version = `ui v${"4.2.2"}`;
+const version = `ui v${"4.2.4"}`;
 const warnLog = exports.warnLog = _core.log.create('warn', version);
 const errLog = exports.errLog = _core.log.create('error', version);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.2.2",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.2.4",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);

package/lib/vxe-col/style/style.css

@@ -97,4 +97,5 @@
 .vxe-col--inner {
   display: flex;
   flex-direction: column;
+  width: 100%;
 }

package/lib/vxe-col/style/style.min.css

@@ -1 +1 @@
-.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column}
+.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.2.2",
+  "version": "4.2.4",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/button/src/button.ts

@@ -113,7 +113,7 @@ export default defineComponent({
     const reactData = reactive<ButtonReactData>({
       initialized: false,
       visiblePanel: false,
-      visibleAnimate: false,
+      isAniVisible: false,
       isActivated: false,
       panelIndex: 0,
       panelStyle: {},
@@ -316,7 +316,7 @@ export default defineComponent({
         reactData.visiblePanel = false
         setTimeout(() => {
           if (!panelElem || panelElem.dataset.active !== 'Y') {
-            reactData.visibleAnimate = false
+            reactData.isAniVisible = false
           }
         }, 350)
         dispatchEvent('dropdown-click', { name: targetElem.getAttribute('name'), $event: evnt }, evnt)
@@ -327,7 +327,7 @@ export default defineComponent({
       const panelElem = refBtnPanel.value
       if (panelElem) {
         panelElem.dataset.active = 'Y'
-        reactData.visibleAnimate = true
+        reactData.isAniVisible = true
         setTimeout(() => {
           if (panelElem.dataset.active === 'Y') {
             reactData.visiblePanel = true
@@ -385,7 +385,7 @@ export default defineComponent({
           if (panelElem.dataset.active === 'Y') {
             mouseenterDropdownEvent()
           } else {
-            reactData.visibleAnimate = false
+            reactData.isAniVisible = false
           }
         }, trigger === 'click' ? 50 : 250)
       }
@@ -402,13 +402,13 @@ export default defineComponent({
             reactData.visiblePanel = false
             setTimeout(() => {
               if (panelElem.dataset.active !== 'Y') {
-                reactData.visibleAnimate = false
+                reactData.isAniVisible = false
               }
             }, 350)
           }
         }, 100)
       } else {
-        reactData.visibleAnimate = false
+        reactData.isAniVisible = false
         reactData.visiblePanel = false
       }
       return nextTick()
@@ -506,7 +506,7 @@ export default defineComponent({
 
     const renderVN = () => {
       const { className, popupClassName, align, trigger, title, routerLink, type, destroyOnClose, name, loading } = props
-      const { initialized, visiblePanel } = reactData
+      const { initialized, isAniVisible, visiblePanel } = reactData
       const isFormBtn = computeIsFormBtn.value
       const btnMode = computeBtnMode.value
       const btnStatus = computeBtnStatus.value
@@ -595,13 +595,13 @@ export default defineComponent({
               ref: refBtnPanel,
               class: ['vxe-button--dropdown-panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $button: $xeButton }) : popupClassName) : '', {
                 [`size--${vSize}`]: vSize,
-                'ani--leave': reactData.visibleAnimate,
+                'ani--leave': isAniVisible,
                 'ani--enter': visiblePanel
               }],
               placement: reactData.panelPlacement,
               style: reactData.panelStyle,
               ...panelOns
-            }, initialized
+            }, initialized && (visiblePanel || isAniVisible)
               ? [
                   h('div', {
                     class: 'vxe-button--dropdown-wrapper',

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

@@ -2018,7 +2018,7 @@ export default defineComponent({
             }],
             placement: panelPlacement,
             style: panelStyle
-          }, renders)
+          }, initialized && (visiblePanel || isAniVisible) ? renders : [])
         ])
       }
       return createCommentVNode()

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

@@ -475,7 +475,7 @@ export default defineComponent({
 
     const renderVN = () => {
       const { className, popupClassName, clearable } = props
-      const { initialized, isActivated, visiblePanel, selectIcon } = reactData
+      const { initialized, isActivated, isAniVisible, visiblePanel, selectIcon } = reactData
       const vSize = computeSize.value
       const isDisabled = computeIsDisabled.value
       const btnTransfer = computeBtnTransfer.value
@@ -552,13 +552,13 @@ export default defineComponent({
             class: ['vxe-table--ignore-clear vxe-ico-picker--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $iconPicker: $xeIconPicker }) : popupClassName) : '', {
               [`size--${vSize}`]: vSize,
               'is--transfer': btnTransfer,
-              'ani--leave': reactData.isAniVisible,
+              'ani--leave': isAniVisible,
               'ani--enter': visiblePanel
             }],
             placement: reactData.panelPlacement,
             style: reactData.panelStyle
           }, [
-            initialized
+            initialized && (visiblePanel || isAniVisible)
               ? h('div', {
                 class: 'vxe-ico-picker--panel-wrapper'
               }, [

package/packages/input/src/input.ts

@@ -2298,7 +2298,7 @@ export default defineComponent({
             }],
             placement: panelPlacement,
             style: panelStyle
-          }, renders)
+          }, visiblePanel || isAniVisible ? renders : [])
         ])
       }
       return createCommentVNode()

package/packages/pulldown/src/pulldown.ts

@@ -57,7 +57,7 @@ export default defineComponent({
       panelStyle: {},
       panelPlacement: null,
       visiblePanel: false,
-      visibleAnimate: false,
+      isAniVisible: false,
       isActivated: false
     })
 
@@ -197,7 +197,7 @@ export default defineComponent({
             clearTimeout(internalData.hpTimeout)
           }
           reactData.isActivated = true
-          reactData.visibleAnimate = true
+          reactData.isAniVisible = true
           setTimeout(() => {
             reactData.visiblePanel = true
             emit('update:modelValue', true)
@@ -222,9 +222,9 @@ export default defineComponent({
       reactData.visiblePanel = false
       emit('update:modelValue', false)
       return new Promise<void>(resolve => {
-        if (reactData.visibleAnimate) {
+        if (reactData.isAniVisible) {
           internalData.hpTimeout = window.setTimeout(() => {
-            reactData.visibleAnimate = false
+            reactData.isAniVisible = false
             nextTick(() => {
               resolve()
             })
@@ -357,7 +357,7 @@ export default defineComponent({
 
     const renderVN = () => {
       const { className, options, popupClassName, showPopupShadow, destroyOnClose, disabled } = props
-      const { initialized, isActivated, visibleAnimate, visiblePanel, panelStyle, panelPlacement } = reactData
+      const { initialized, isActivated, isAniVisible, visiblePanel, panelStyle, panelPlacement } = reactData
       const btnTransfer = computeBtnTransfer.value
       const vSize = computeSize.value
       const defaultSlot = slots.default
@@ -389,7 +389,7 @@ export default defineComponent({
               [`size--${vSize}`]: vSize,
               'is--shadow': showPopupShadow,
               'is--transfer': btnTransfer,
-              'ani--leave': visibleAnimate,
+              'ani--leave': isAniVisible,
               'ani--enter': visiblePanel
             }],
             placement: panelPlacement,
@@ -397,9 +397,8 @@ export default defineComponent({
           }, [
             h('div', {
               class: 'vxe-pulldown--panel-wrapper'
-            }, !initialized || (destroyOnClose && !visiblePanel && !visibleAnimate)
-              ? []
-              : [
+            }, initialized && (destroyOnClose ? (visiblePanel || isAniVisible) : true)
+              ? [
                   headerSlot
                     ? h('div', {
                       class: 'vxe-pulldown--panel-header'
@@ -417,7 +416,8 @@ export default defineComponent({
                       class: 'vxe-pulldown--panel-footer'
                     }, footerSlot({ $pulldown: $xePulldown }))
                     : createCommentVNode()
-                ])
+                ]
+              : [])
           ])
         ])
       ])

package/packages/select/src/select.ts

@@ -983,7 +983,7 @@ export default defineComponent({
 
     const renderVN = () => {
       const { className, popupClassName, loading, filterable } = props
-      const { initialized, isActivated, visiblePanel } = reactData
+      const { initialized, isActivated, isAniVisible, visiblePanel } = reactData
       const vSize = computeSize.value
       const isDisabled = computeIsDisabled.value
       const selectLabel = computeSelectLabel.value
@@ -1052,12 +1052,12 @@ export default defineComponent({
             class: ['vxe-table--ignore-clear vxe-select--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $select: $xeSelect }) : popupClassName) : '', {
               [`size--${vSize}`]: vSize,
               'is--transfer': btnTransfer,
-              'ani--leave': !loading && reactData.isAniVisible,
+              'ani--leave': !loading && isAniVisible,
               'ani--enter': !loading && visiblePanel
             }],
             placement: reactData.panelPlacement,
             style: reactData.panelStyle
-          }, initialized
+          }, initialized && (visiblePanel || isAniVisible)
             ? [
                 filterable
                   ? h('div', {

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

@@ -86,7 +86,7 @@ export default defineComponent({
       panelPlacement: null,
       triggerFocusPanel: false,
       visiblePanel: false,
-      visibleAnimate: false,
+      isAniVisible: false,
       isActivated: false
     })
 
@@ -343,7 +343,7 @@ export default defineComponent({
           reactData.initialized = true
         }
         reactData.isActivated = true
-        reactData.visibleAnimate = true
+        reactData.isAniVisible = true
         setTimeout(() => {
           reactData.visiblePanel = true
         }, 10)
@@ -355,7 +355,7 @@ export default defineComponent({
     const hideOptionPanel = () => {
       reactData.visiblePanel = false
       internalData.hpTimeout = window.setTimeout(() => {
-        reactData.visibleAnimate = false
+        reactData.isAniVisible = false
       }, 350)
     }
 
@@ -475,7 +475,7 @@ export default defineComponent({
 
     const renderVN = () => {
       const { className, modelValue, multiple, options, popupClassName, loading } = props
-      const { initialized, isActivated, visiblePanel } = reactData
+      const { initialized, isActivated, isAniVisible, visiblePanel } = reactData
       const vSize = computeSize.value
       const isDisabled = computeIsDisabled.value
       const selectLabel = computeSelectLabel.value
@@ -548,12 +548,12 @@ export default defineComponent({
             class: ['vxe-table--ignore-clear vxe-tree-select--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $treeSelect: $xeTreeSelect }) : popupClassName) : '', {
               [`size--${vSize}`]: vSize,
               'is--transfer': btnTransfer,
-              'ani--leave': !loading && reactData.visibleAnimate,
+              'ani--leave': !loading && isAniVisible,
               'ani--enter': !loading && visiblePanel
             }],
             placement: reactData.panelPlacement,
             style: reactData.panelStyle
-          }, initialized
+          }, initialized && (visiblePanel || isAniVisible)
             ? [
                 h('div', {
                   class: 'vxe-tree-select--panel-wrapper'

package/packages/ui/index.ts

@@ -222,7 +222,9 @@ setConfig({
     controls: true
   },
   printPageBreak: {},
-  pulldown: {},
+  pulldown: {
+    destroyOnClose: true
+  },
   radio: {
     strict: true
   },

package/styles/components/col.scss

@@ -33,4 +33,5 @@ $colSpanList: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 3
 .vxe-col--inner {
   display: flex;
   flex-direction: column;
+  width: 100%;
 }

package/types/components/button.d.ts

@@ -126,7 +126,7 @@ export interface VxeButtonPrivateComputed extends ButtonPrivateComputed { }
 export interface ButtonReactData {
   initialized: boolean
   visiblePanel: boolean
-  visibleAnimate: boolean
+  isAniVisible: boolean
   isActivated: boolean
   panelIndex: number
   panelStyle: VxeComponentStyleType

package/types/components/form-view.d.ts

@@ -32,7 +32,7 @@ export namespace VxeFormViewPropTypes {
   export type ViewRender = {
     name?: string
   }
-  export type FormOptions = Omit<VxeFormProps<D>, 'data' | 'items'>
+  export type FormOptions<D = any> = Omit<VxeFormProps<D>, 'data' | 'items'>
   export type CreateFormConfig = (params: VxeFormViewDefines.CreateFormConfigParams) => VxeFormProps
   export type Size = VxeComponentSizeType
 }

package/types/components/pulldown.d.ts

@@ -77,7 +77,7 @@ export interface PulldownReactData {
   panelStyle: VxeComponentStyleType
   panelPlacement: string | null
   visiblePanel: boolean
-  visibleAnimate: boolean
+  isAniVisible: boolean
   isActivated: boolean
 }
 

package/types/components/table.d.ts

@@ -74,6 +74,7 @@ export namespace VxeTablePropTypes {
   export type Resizable = boolean
   export type Stripe = boolean
   export type Round = boolean
+  export type Padding = boolean
   export type Border = boolean | 'default' | 'full' | 'outer' | 'inner' | 'none' | ''
   export type Loading = boolean
   export type Align = 'left' | 'center' | 'right' | '' | null
@@ -1729,6 +1730,10 @@ export interface VxeTableProps<D = any> {
    * 是否带有斑马纹（需要注意的是，在可编辑表格场景下，临时插入的数据不会有斑马纹样式）
    */
   stripe?: VxeTablePropTypes.Stripe
+  /**
+   * 单元格是否有边距
+   */
+  padding?: VxeTablePropTypes.Padding
   /**
    * 是否为圆角边框
    */
@@ -4055,7 +4060,6 @@ export interface VxeTableListeners<D = any> {
    * 当表格被激活且键盘被按下开始时会触发的事件
    */
   keydownStart?: VxeTableEvents.KeydownStart<D>
-  keydownStart?: VxeTableEvents.KeydownStart<D>
   /**
    * 当表格被激活且键盘被按下时会触发的事件
    */

package/types/components/tree-select.d.ts

@@ -106,7 +106,7 @@ export interface TreeSelectReactData {
   panelPlacement: any
   triggerFocusPanel: boolean
   visiblePanel: boolean
-  visibleAnimate: boolean
+  isAniVisible: boolean
   isActivated: boolean
 }