vxe-pc-ui 3.1.3 → 3.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/es/button/src/button.js +9 -9
  2. package/es/date-picker/src/date-picker.js +1 -1
  3. package/es/icon/style.css +1 -1
  4. package/es/icon-picker/src/icon-picker.js +11 -13
  5. package/es/input/src/input.js +1 -1
  6. package/es/pulldown/src/pulldown.js +10 -10
  7. package/es/select/src/select.js +3 -3
  8. package/es/style.css +1 -1
  9. package/es/style.min.css +1 -1
  10. package/es/tree-select/src/tree-select.js +6 -6
  11. package/es/ui/index.js +4 -2
  12. package/es/ui/src/log.js +1 -1
  13. package/lib/button/src/button.js +9 -8
  14. package/lib/button/src/button.min.js +1 -1
  15. package/lib/date-picker/src/date-picker.js +1 -1
  16. package/lib/date-picker/src/date-picker.min.js +1 -1
  17. package/lib/icon/style/style.css +1 -1
  18. package/lib/icon/style/style.min.css +1 -1
  19. package/lib/icon-picker/src/icon-picker.js +4 -3
  20. package/lib/icon-picker/src/icon-picker.min.js +1 -1
  21. package/lib/index.umd.js +37 -31
  22. package/lib/index.umd.min.js +1 -1
  23. package/lib/input/src/input.js +1 -1
  24. package/lib/input/src/input.min.js +1 -1
  25. package/lib/pulldown/src/pulldown.js +8 -8
  26. package/lib/pulldown/src/pulldown.min.js +1 -1
  27. package/lib/select/src/select.js +3 -2
  28. package/lib/select/src/select.min.js +1 -1
  29. package/lib/style.css +1 -1
  30. package/lib/style.min.css +1 -1
  31. package/lib/tree-select/src/tree-select.js +6 -5
  32. package/lib/tree-select/src/tree-select.min.js +1 -1
  33. package/lib/ui/index.js +4 -2
  34. package/lib/ui/index.min.js +1 -1
  35. package/lib/ui/src/log.js +1 -1
  36. package/lib/ui/src/log.min.js +1 -1
  37. package/package.json +1 -1
  38. package/packages/button/src/button.ts +9 -9
  39. package/packages/date-picker/src/date-picker.ts +1 -1
  40. package/packages/icon-picker/src/icon-picker.ts +11 -13
  41. package/packages/input/src/input.ts +1 -1
  42. package/packages/pulldown/src/pulldown.ts +10 -10
  43. package/packages/select/src/select.ts +3 -3
  44. package/packages/tree-select/src/tree-select.ts +6 -6
  45. package/packages/ui/index.ts +3 -1
  46. package/types/components/button.d.ts +1 -1
  47. package/types/components/form-view.d.ts +2 -0
  48. package/types/components/pulldown.d.ts +1 -1
  49. package/types/components/table.d.ts +5 -0
  50. package/types/components/tree-select.d.ts +1 -1
  51. /package/es/icon/style/{iconfont.1727087126909.ttf → iconfont.1727151624450.ttf} +0 -0
  52. /package/es/icon/style/{iconfont.1727087126909.woff → iconfont.1727151624450.woff} +0 -0
  53. /package/es/icon/style/{iconfont.1727087126909.woff2 → iconfont.1727151624450.woff2} +0 -0
  54. /package/es/{iconfont.1727087126909.ttf → iconfont.1727151624450.ttf} +0 -0
  55. /package/es/{iconfont.1727087126909.woff → iconfont.1727151624450.woff} +0 -0
  56. /package/es/{iconfont.1727087126909.woff2 → iconfont.1727151624450.woff2} +0 -0
  57. /package/lib/icon/style/{iconfont.1727087126909.ttf → iconfont.1727151624450.ttf} +0 -0
  58. /package/lib/icon/style/{iconfont.1727087126909.woff → iconfont.1727151624450.woff} +0 -0
  59. /package/lib/icon/style/{iconfont.1727087126909.woff2 → iconfont.1727151624450.woff2} +0 -0
  60. /package/lib/{iconfont.1727087126909.ttf → iconfont.1727151624450.ttf} +0 -0
  61. /package/lib/{iconfont.1727087126909.woff → iconfont.1727151624450.woff} +0 -0
  62. /package/lib/{iconfont.1727087126909.woff2 → iconfont.1727151624450.woff2} +0 -0
@@ -97,7 +97,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
97
97
  panelPlacement: null,
98
98
  triggerFocusPanel: false,
99
99
  visiblePanel: false,
100
- visibleAnimate: false,
100
+ isAniVisible: false,
101
101
  isActivated: false
102
102
  };
103
103
  var internalData = {
@@ -388,7 +388,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
388
388
  }
389
389
  }
390
390
  reactData.isActivated = true;
391
- reactData.visibleAnimate = true;
391
+ reactData.isAniVisible = true;
392
392
  setTimeout(function () {
393
393
  reactData.visiblePanel = true;
394
394
  }, 10);
@@ -402,7 +402,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
402
402
  var internalData = $xeTreeSelect.internalData;
403
403
  reactData.visiblePanel = false;
404
404
  internalData.hpTimeout = window.setTimeout(function () {
405
- reactData.visibleAnimate = false;
405
+ reactData.isAniVisible = false;
406
406
  }, 350);
407
407
  },
408
408
  changeEvent: function changeEvent(evnt, selectValue) {
@@ -546,6 +546,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
546
546
  loading = props.loading;
547
547
  var initialized = reactData.initialized,
548
548
  isActivated = reactData.isActivated,
549
+ isAniVisible = reactData.isAniVisible,
549
550
  visiblePanel = reactData.visiblePanel;
550
551
  var vSize = $xeTreeSelect.computeSize;
551
552
  var isDisabled = $xeTreeSelect.computeIsDisabled;
@@ -609,12 +610,12 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
609
610
  ref: 'refOptionPanel',
610
611
  class: ['vxe-table--ignore-clear vxe-tree-select--panel', popupClassName ? _xeUtils.default.isFunction(popupClassName) ? popupClassName({
611
612
  $treeSelect: $xeTreeSelect
612
- }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', !loading && reactData.visibleAnimate), 'ani--enter', !loading && visiblePanel)],
613
+ }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', !loading && isAniVisible), 'ani--enter', !loading && visiblePanel)],
613
614
  attrs: {
614
615
  placement: reactData.panelPlacement
615
616
  },
616
617
  style: reactData.panelStyle
617
- }, initialized ? [h('div', {
618
+ }, initialized && (visiblePanel || isAniVisible) ? [h('div', {
618
619
  class: 'vxe-tree-select--panel-wrapper'
619
620
  }, [headerSlot ? h('div', {
620
621
  class: 'vxe-tree-select--panel-header'
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:function(){return _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:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},remote:Boolean,remoteMethod:Function,treeConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeTreeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,fullOptionList:[],fullNodeMaps:{},visibleOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeModal,i=e.$xeDrawer,o=e.$xeForm,e=e.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(t||n||i||o)return!0}return e},computeTreeOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,this.treeConfig)},computeTreeNodeOpts:function(){var e=this.computeTreeOpts;return Object.assign({isHover:!0},e.nodeConfig)},computeTreeCheckboxOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})},computeTreeRadioOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeChildrenField:function(){return this.computePropsOpts.children||"children"},computeParentField:function(){return this.computePropsOpts.parent||"parentField"},computeHasChildField:function(){return this.computePropsOpts.hasChild||"hasChild"},computeSelectLabel:function(){var e=this.reactData,t=this.value,n=e.fullNodeMaps,i=this.computeLabelField;return(_xeUtils.default.isArray(t)?t:[t]).map(function(e){var t=n[e];return t?t.item[i]:e}).join(", ")}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$treeSelect:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},getOptid:function(e){e=e[this.computeValueField];return e?encodeURIComponent(e):""},refreshOption:function(){return this.$nextTick()},cacheItemMap:function(){var a=this,e=a.reactData,t=a.options,s=a.computeValueField,u={};_xeUtils.default.eachTree(t,function(e,t,n,i,o,l){var r=a.getOptid(e);r||(r=getOptUniqueId(),e[s]=r),u[r]={item:e,index:t,items:n,parent:o,nodes:l}},{children:a.computeChildrenField}),e.fullOptionList=t||[],e.fullNodeMaps=u,a.refreshOption()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var p=this,f=p,h=p.reactData;return p.$nextTick().then(function(){var e,t,n,i,o,l,r,a=f.placement,s=h.panelIndex,u=p.$refs.refElem,c=p.$refs.refOptionPanel,d=p.computeBtnTransfer;if(c&&u)return e=u.offsetHeight,t=u.offsetWidth,n=c.offsetHeight,c=c.offsetWidth,s={zIndex:s},i=(u=(0,_dom.getAbsolutePos)(u)).boundingTop,o=u.visibleHeight,l=u.visibleWidth,r="bottom",d?(d=i+e,"top"===a?(r="top",d=i-n):a||(o<d+n+5&&(r="top",d=i-n),d<5&&(r="bottom",d=i+e)),l<(u=u.boundingLeft)+c+5&&(u-=u+c+5-l),u<5&&(u=5),Object.assign(s,{left:"".concat(u,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===a?(r="top",s.bottom="".concat(e,"px")):a||o<i+e+n&&5<i-e-n&&(r="top",s.bottom="".concat(e,"px")),h.panelStyle=s,h.panelPlacement=r,p.$nextTick()})},showOptionPanel:function(){var e,t,n=this,i=n.reactData;n.loading||n.computeIsDisabled||(clearTimeout(n.internalData.hpTimeout),i.initialized||(i.initialized=!0,e=n.computeBtnTransfer,t=n.$refs.refOptionPanel,e&&t&&document.body.appendChild(t)),i.isActivated=!0,i.visibleAnimate=!0,setTimeout(function(){i.visiblePanel=!0},10),n.updateZindex(),n.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=window.setTimeout(function(){e.visibleAnimate=!1},350)},changeEvent:function(e,t){var n=this,i=n,o=n.reactData,l=n.$xeForm,r=n.formItemInfo,o=o.fullNodeMaps;n.emitModel(t),t!==i.value&&(i=o[t],n.dispatchEvent("change",{value:t,option:i?i.item:null},e),l)&&r&&l.triggerItemEvent(e,r.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,i=this,o=i.reactData,l=o.visiblePanel;i.computeIsDisabled||(t=i.$refs.refElem,n=i.$refs.refOptionPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,l&&!o.isActivated&&i.hideOptionPanel())},handleGlobalBlurEvent:function(){this.hideOptionPanel()},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},nodeClickEvent:function(e){var t=e.$event;this.dispatchEvent("node-click",e,t)},radioChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t)},renderVN:function(e){var t=this,n=t,i=t.$scopedSlots,o=t.reactData,l=n.className,r=n.value,a=n.multiple,s=n.options,u=n.popupClassName,c=n.loading,d=o.initialized,p=o.isActivated,f=o.visiblePanel,h=t.computeSize,m=t.computeIsDisabled,v=t.computeSelectLabel,g=t.computeBtnTransfer,b=i.default,x=i.header,_=i.footer,E=i.prefix,i=t.computeTreeOpts,y=t.computeTreeNodeOpts,P=t.computeTreeCheckboxOpts,O=t.computeTreeRadioOpts,C=t.computeLabelField,F=t.computeValueField,I=t.computeChildrenField,T=t.computeParentField,D=t.computeHasChildField;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-tree-select--readonly",l]},[e("div",{class:"vxe-tree-select-slots",ref:"hideOption"},b?b({}):[]),e("span",{class:"vxe-tree-select-label"},v)]):e("div",{ref:"refElem",class:["vxe-tree-select",l?_xeUtils.default.isFunction(l)?l({$treeSelect:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",f),"is--disabled",m),"is--loading",c),"is--active",p)]},[e(_input.default,{ref:"refInput",props:{clearable:n.clearable,placeholder:n.placeholder,readonly:!0,disabled:m,type:"text",prefixIcon:n.prefixIcon,suffixIcon:c?(0,_ui.getIcon)().TREE_SELECT_LOADED:f?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,value:v},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,suffixClick:t.togglePanelEvent},scopedSlots:E?{prefix:function(){return E({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-tree-select--panel",u?_xeUtils.default.isFunction(u)?u({$treeSelect:t}):u:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--transfer",g),"ani--leave",!c&&o.visibleAnimate),"ani--enter",!c&&f)],attrs:{placement:o.panelPlacement},style:o.panelStyle},d?[e("div",{class:"vxe-tree-select--panel-wrapper"},[x?e("div",{class:"vxe-tree-select--panel-header"},x({})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-tree-select--panel-body"},[e("div",{ref:"refOptionWrapper",class:"vxe-tree-select-option--wrapper"},[e(_tree.default,{class:"vxe-tree-select--tree",props:{data:s,indent:i.indent,showRadio:!a,radioConfig:O,checkNodeKey:a?null:r,showCheckbox:!!a,checkNodeKeys:a?r:null,checkboxConfig:P,titleField:C,valueField:F,keyField:i.keyField,childrenField:i.childrenField||I,parentField:i.parentField||T,hasChildField:i.hasChildField||D,accordion:i.accordion,nodeConfig:y,lazy:i.lazy,loadMethod:i.loadMethod,toggleMethod:i.toggleMethod,transform:i.transform,trigger:i.trigger,showIcon:i.showIcon,showLine:i.showLine,iconOpen:i.iconOpen,iconLoaded:i.iconLoaded,iconClose:i.iconClose},on:{"node-click":t.nodeClickEvent,"radio-change":t.radioChangeEvent,"checkbox-change":t.checkboxChangeEvent}})])]),_?e("div",{class:"vxe-tree-select--panel-footer"},_({})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{options:function(){this.cacheItemMap()}},created:function(){this.cacheItemMap()},mounted:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refOptionPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:function(){return _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:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},remote:Boolean,remoteMethod:Function,treeConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeTreeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,fullOptionList:[],fullNodeMaps:{},visibleOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeModal,i=e.$xeDrawer,o=e.$xeForm,e=e.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(t||n||i||o)return!0}return e},computeTreeOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,this.treeConfig)},computeTreeNodeOpts:function(){var e=this.computeTreeOpts;return Object.assign({isHover:!0},e.nodeConfig)},computeTreeCheckboxOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})},computeTreeRadioOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeChildrenField:function(){return this.computePropsOpts.children||"children"},computeParentField:function(){return this.computePropsOpts.parent||"parentField"},computeHasChildField:function(){return this.computePropsOpts.hasChild||"hasChild"},computeSelectLabel:function(){var e=this.reactData,t=this.value,n=e.fullNodeMaps,i=this.computeLabelField;return(_xeUtils.default.isArray(t)?t:[t]).map(function(e){var t=n[e];return t?t.item[i]:e}).join(", ")}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$treeSelect:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},getOptid:function(e){e=e[this.computeValueField];return e?encodeURIComponent(e):""},refreshOption:function(){return this.$nextTick()},cacheItemMap:function(){var a=this,e=a.reactData,t=a.options,s=a.computeValueField,u={};_xeUtils.default.eachTree(t,function(e,t,n,i,o,l){var r=a.getOptid(e);r||(r=getOptUniqueId(),e[s]=r),u[r]={item:e,index:t,items:n,parent:o,nodes:l}},{children:a.computeChildrenField}),e.fullOptionList=t||[],e.fullNodeMaps=u,a.refreshOption()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var p=this,f=p,h=p.reactData;return p.$nextTick().then(function(){var e,t,n,i,o,l,r,a=f.placement,s=h.panelIndex,u=p.$refs.refElem,c=p.$refs.refOptionPanel,d=p.computeBtnTransfer;if(c&&u)return e=u.offsetHeight,t=u.offsetWidth,n=c.offsetHeight,c=c.offsetWidth,s={zIndex:s},i=(u=(0,_dom.getAbsolutePos)(u)).boundingTop,o=u.visibleHeight,l=u.visibleWidth,r="bottom",d?(d=i+e,"top"===a?(r="top",d=i-n):a||(o<d+n+5&&(r="top",d=i-n),d<5&&(r="bottom",d=i+e)),l<(u=u.boundingLeft)+c+5&&(u-=u+c+5-l),u<5&&(u=5),Object.assign(s,{left:"".concat(u,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===a?(r="top",s.bottom="".concat(e,"px")):a||o<i+e+n&&5<i-e-n&&(r="top",s.bottom="".concat(e,"px")),h.panelStyle=s,h.panelPlacement=r,p.$nextTick()})},showOptionPanel:function(){var e,t,n=this,i=n.reactData;n.loading||n.computeIsDisabled||(clearTimeout(n.internalData.hpTimeout),i.initialized||(i.initialized=!0,e=n.computeBtnTransfer,t=n.$refs.refOptionPanel,e&&t&&document.body.appendChild(t)),i.isActivated=!0,i.isAniVisible=!0,setTimeout(function(){i.visiblePanel=!0},10),n.updateZindex(),n.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=window.setTimeout(function(){e.isAniVisible=!1},350)},changeEvent:function(e,t){var n=this,i=n,o=n.reactData,l=n.$xeForm,r=n.formItemInfo,o=o.fullNodeMaps;n.emitModel(t),t!==i.value&&(i=o[t],n.dispatchEvent("change",{value:t,option:i?i.item:null},e),l)&&r&&l.triggerItemEvent(e,r.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,i=this,o=i.reactData,l=o.visiblePanel;i.computeIsDisabled||(t=i.$refs.refElem,n=i.$refs.refOptionPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,l&&!o.isActivated&&i.hideOptionPanel())},handleGlobalBlurEvent:function(){this.hideOptionPanel()},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},nodeClickEvent:function(e){var t=e.$event;this.dispatchEvent("node-click",e,t)},radioChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t)},renderVN:function(e){var t=this,n=t,i=t.$scopedSlots,o=t.reactData,l=n.className,r=n.value,a=n.multiple,s=n.options,u=n.popupClassName,c=n.loading,d=o.initialized,p=o.isActivated,f=o.isAniVisible,h=o.visiblePanel,m=t.computeSize,v=t.computeIsDisabled,g=t.computeSelectLabel,b=t.computeBtnTransfer,x=i.default,_=i.header,E=i.footer,y=i.prefix,i=t.computeTreeOpts,P=t.computeTreeNodeOpts,O=t.computeTreeCheckboxOpts,C=t.computeTreeRadioOpts,F=t.computeLabelField,I=t.computeValueField,T=t.computeChildrenField,D=t.computeParentField,S=t.computeHasChildField;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-tree-select--readonly",l]},[e("div",{class:"vxe-tree-select-slots",ref:"hideOption"},x?x({}):[]),e("span",{class:"vxe-tree-select-label"},g)]):e("div",{ref:"refElem",class:["vxe-tree-select",l?_xeUtils.default.isFunction(l)?l({$treeSelect:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",h),"is--disabled",v),"is--loading",c),"is--active",p)]},[e(_input.default,{ref:"refInput",props:{clearable:n.clearable,placeholder:n.placeholder,readonly:!0,disabled:v,type:"text",prefixIcon:n.prefixIcon,suffixIcon:c?(0,_ui.getIcon)().TREE_SELECT_LOADED:h?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,value:g},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,suffixClick:t.togglePanelEvent},scopedSlots:y?{prefix:function(){return y({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-tree-select--panel",u?_xeUtils.default.isFunction(u)?u({$treeSelect:t}):u:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",b),"ani--leave",!c&&f),"ani--enter",!c&&h)],attrs:{placement:o.panelPlacement},style:o.panelStyle},d&&(h||f)?[e("div",{class:"vxe-tree-select--panel-wrapper"},[_?e("div",{class:"vxe-tree-select--panel-header"},_({})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-tree-select--panel-body"},[e("div",{ref:"refOptionWrapper",class:"vxe-tree-select-option--wrapper"},[e(_tree.default,{class:"vxe-tree-select--tree",props:{data:s,indent:i.indent,showRadio:!a,radioConfig:C,checkNodeKey:a?null:r,showCheckbox:!!a,checkNodeKeys:a?r:null,checkboxConfig:O,titleField:F,valueField:I,keyField:i.keyField,childrenField:i.childrenField||T,parentField:i.parentField||D,hasChildField:i.hasChildField||S,accordion:i.accordion,nodeConfig:P,lazy:i.lazy,loadMethod:i.loadMethod,toggleMethod:i.toggleMethod,transform:i.transform,trigger:i.trigger,showIcon:i.showIcon,showLine:i.showLine,iconOpen:i.iconOpen,iconLoaded:i.iconLoaded,iconClose:i.iconClose},on:{"node-click":t.nodeClickEvent,"radio-change":t.radioChangeEvent,"checkbox-change":t.checkboxChangeEvent}})])]),E?e("div",{class:"vxe-tree-select--panel-footer"},E({})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{options:function(){this.cacheItemMap()}},created:function(){this.cacheItemMap()},mounted:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refOptionPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
package/lib/ui/index.js CHANGED
@@ -27,7 +27,7 @@ Object.keys(_core).forEach(function (key) {
27
27
  var _dynamics = require("../dynamics");
28
28
  var _utils = require("./src/utils");
29
29
  var _log = require("./src/log");
30
- var version = exports.version = "3.1.3";
30
+ var version = exports.version = "3.1.4";
31
31
  _core.VxeUI.version = version;
32
32
  _core.VxeUI.uiVersion = version;
33
33
  _core.VxeUI.tableVersion = '';
@@ -238,7 +238,9 @@ _core.VxeUI.setup = setup;
238
238
  controls: true
239
239
  },
240
240
  printPageBreak: {},
241
- pulldown: {},
241
+ pulldown: {
242
+ destroyOnClose: true
243
+ },
242
244
  radio: {
243
245
  strict: true
244
246
  },
@@ -1 +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")),_utils=require("./src/utils"),_log=require("./src/log"),version=exports.version="3.1.3";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:{}});var iconPrefix="vxe-icon-",_default=((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"}),exports.default=_core.VxeUI);
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")),_utils=require("./src/utils"),_log=require("./src/log"),version=exports.version="3.1.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:{}});var iconPrefix="vxe-icon-",_default=((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"}),exports.default=_core.VxeUI);
package/lib/ui/src/log.js CHANGED
@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.warnLog = exports.errLog = void 0;
7
7
  var _core = require("@vxe-ui/core");
8
- var version = "ui v".concat("3.1.3");
8
+ var version = "ui v".concat("3.1.4");
9
9
  var warnLog = exports.warnLog = _core.log.create('warn', version);
10
10
  var errLog = exports.errLog = _core.log.create('error', version);
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),version="ui v".concat("3.1.3"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),version="ui v".concat("3.1.4"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-pc-ui",
3
- "version": "3.1.3",
3
+ "version": "3.1.4",
4
4
  "description": "A vue based PC component library",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
@@ -115,7 +115,7 @@ export default defineVxeComponent({
115
115
  const reactData: ButtonReactData = {
116
116
  initialized: false,
117
117
  visiblePanel: false,
118
- visibleAnimate: false,
118
+ isAniVisible: false,
119
119
  isActivated: false,
120
120
  panelIndex: 0,
121
121
  panelStyle: {},
@@ -261,7 +261,7 @@ export default defineVxeComponent({
261
261
  if (panelElem.dataset.active === 'Y') {
262
262
  this.mouseenterDropdownEvent()
263
263
  } else {
264
- reactData.visibleAnimate = false
264
+ reactData.isAniVisible = false
265
265
  }
266
266
  }, trigger === 'click' ? 50 : 250)
267
267
  }
@@ -281,13 +281,13 @@ export default defineVxeComponent({
281
281
  reactData.visiblePanel = false
282
282
  setTimeout(() => {
283
283
  if (panelElem.dataset.active !== 'Y') {
284
- reactData.visibleAnimate = false
284
+ reactData.isAniVisible = false
285
285
  }
286
286
  }, 350)
287
287
  }
288
288
  }, 100)
289
289
  } else {
290
- reactData.visibleAnimate = false
290
+ reactData.isAniVisible = false
291
291
  reactData.visiblePanel = false
292
292
  }
293
293
  return this.$nextTick()
@@ -427,7 +427,7 @@ export default defineVxeComponent({
427
427
  reactData.visiblePanel = false
428
428
  setTimeout(() => {
429
429
  if (!panelElem || panelElem.dataset.active !== 'Y') {
430
- reactData.visibleAnimate = false
430
+ reactData.isAniVisible = false
431
431
  }
432
432
  }, 350)
433
433
  this.dispatchEvent('dropdown-click', { name: targetElem.getAttribute('name'), $event: evnt }, evnt)
@@ -440,7 +440,7 @@ export default defineVxeComponent({
440
440
  const panelElem = this.$refs.refBtnPanel as HTMLElement | undefined
441
441
  if (panelElem) {
442
442
  panelElem.dataset.active = 'Y'
443
- reactData.visibleAnimate = true
443
+ reactData.isAniVisible = true
444
444
  setTimeout(() => {
445
445
  if (panelElem.dataset.active === 'Y') {
446
446
  reactData.visiblePanel = true
@@ -566,7 +566,7 @@ export default defineVxeComponent({
566
566
  const reactData = $xeButton.reactData
567
567
 
568
568
  const { className, popupClassName, align, trigger, title, routerLink, type, destroyOnClose, name, loading } = props
569
- const { initialized, visiblePanel } = reactData
569
+ const { initialized, isAniVisible, visiblePanel } = reactData
570
570
  const isFormBtn = $xeButton.computeIsFormBtn
571
571
  const btnMode = $xeButton.computeBtnMode
572
572
  const btnStatus = $xeButton.computeBtnStatus
@@ -659,7 +659,7 @@ export default defineVxeComponent({
659
659
  ref: 'refBtnPanel',
660
660
  class: ['vxe-button--dropdown-panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $button: $xeButton }) : popupClassName) : '', {
661
661
  [`size--${vSize}`]: vSize,
662
- 'ani--leave': reactData.visibleAnimate,
662
+ 'ani--leave': isAniVisible,
663
663
  'ani--enter': visiblePanel
664
664
  }],
665
665
  attrs: {
@@ -667,7 +667,7 @@ export default defineVxeComponent({
667
667
  },
668
668
  style: reactData.panelStyle,
669
669
  ...panelOns
670
- }, initialized
670
+ }, initialized && (visiblePanel || isAniVisible)
671
671
  ? [
672
672
  h('div', {
673
673
  class: 'vxe-button--dropdown-wrapper',
@@ -2284,7 +2284,7 @@ export default defineVxeComponent({
2284
2284
  placement: panelPlacement
2285
2285
  },
2286
2286
  style: panelStyle
2287
- }, initialized ? renders : [])
2287
+ }, initialized && (visiblePanel || isAniVisible) ? renders : [])
2288
2288
  }
2289
2289
  return renderEmptyElement($xeDatePicker)
2290
2290
  },
@@ -579,7 +579,7 @@ export default defineVxeComponent({
579
579
  const reactData = $xeIconPicker.reactData
580
580
 
581
581
  const { className, popupClassName, clearable } = props
582
- const { initialized, isActivated, visiblePanel, selectIcon } = reactData
582
+ const { initialized, isActivated, isAniVisible, visiblePanel, selectIcon } = reactData
583
583
  const vSize = $xeIconPicker.computeSize
584
584
  const isDisabled = $xeIconPicker.computeIsDisabled
585
585
  const btnTransfer = $xeIconPicker.computeBtnTransfer
@@ -658,24 +658,22 @@ export default defineVxeComponent({
658
658
  class: ['vxe-table--ignore-clear vxe-ico-picker--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $iconPicker: $xeIconPicker }) : popupClassName) : '', {
659
659
  [`size--${vSize}`]: vSize,
660
660
  'is--transfer': btnTransfer,
661
- 'ani--leave': reactData.isAniVisible,
661
+ 'ani--leave': isAniVisible,
662
662
  'ani--enter': visiblePanel
663
663
  }],
664
664
  attrs: {
665
665
  placement: reactData.panelPlacement
666
666
  },
667
667
  style: reactData.panelStyle
668
- }, initialized
669
- ? [
670
- initialized
671
- ? h('div', {
672
- class: 'vxe-ico-picker--panel-wrapper'
673
- }, [
674
- $xeIconPicker.renderIconWrapper(h)
675
- ])
676
- : renderEmptyElement($xeIconPicker)
677
- ]
678
- : [])
668
+ }, [
669
+ initialized && (visiblePanel || isAniVisible)
670
+ ? h('div', {
671
+ class: 'vxe-ico-picker--panel-wrapper'
672
+ }, [
673
+ $xeIconPicker.renderIconWrapper(h)
674
+ ])
675
+ : renderEmptyElement($xeIconPicker)
676
+ ])
679
677
  ])
680
678
  }
681
679
  },
@@ -2650,7 +2650,7 @@ export default defineVxeComponent({
2650
2650
  placement: panelPlacement
2651
2651
  },
2652
2652
  style: panelStyle
2653
- }, initialized ? renders : [])
2653
+ }, initialized && (visiblePanel || isAniVisible) ? renders : [])
2654
2654
  }
2655
2655
  return renderEmptyElement($xeInput)
2656
2656
  },
@@ -64,7 +64,7 @@ export default defineVxeComponent({
64
64
  panelStyle: {},
65
65
  panelPlacement: null,
66
66
  visiblePanel: false,
67
- visibleAnimate: false,
67
+ isAniVisible: false,
68
68
  isActivated: false
69
69
  }
70
70
  const internalData: PulldownInternalData = {
@@ -236,7 +236,7 @@ export default defineVxeComponent({
236
236
  clearTimeout(internalData.hpTimeout)
237
237
  }
238
238
  reactData.isActivated = true
239
- reactData.visibleAnimate = true
239
+ reactData.isAniVisible = true
240
240
  setTimeout(() => {
241
241
  reactData.visiblePanel = true
242
242
  $xePulldown.emitModel(true)
@@ -264,9 +264,9 @@ export default defineVxeComponent({
264
264
  reactData.visiblePanel = false
265
265
  $xePulldown.emitModel(false)
266
266
  return new Promise<void>(resolve => {
267
- if (reactData.visibleAnimate) {
267
+ if (reactData.isAniVisible) {
268
268
  internalData.hpTimeout = window.setTimeout(() => {
269
- reactData.visibleAnimate = false
269
+ reactData.isAniVisible = false
270
270
  $xePulldown.$nextTick(() => {
271
271
  resolve()
272
272
  })
@@ -391,7 +391,7 @@ export default defineVxeComponent({
391
391
  const reactData = $xePulldown.reactData
392
392
 
393
393
  const { className, options, popupClassName, showPopupShadow, destroyOnClose, disabled } = props
394
- const { initialized, isActivated, visibleAnimate, visiblePanel, panelStyle, panelPlacement } = reactData
394
+ const { initialized, isActivated, isAniVisible, visiblePanel, panelStyle, panelPlacement } = reactData
395
395
  const btnTransfer = $xePulldown.computeBtnTransfer
396
396
  const vSize = $xePulldown.computeSize
397
397
  const defaultSlot = slots.default
@@ -421,7 +421,7 @@ export default defineVxeComponent({
421
421
  [`size--${vSize}`]: vSize,
422
422
  'is--shadow': showPopupShadow,
423
423
  'is--transfer': btnTransfer,
424
- 'ani--leave': visibleAnimate,
424
+ 'ani--leave': isAniVisible,
425
425
  'ani--enter': visiblePanel
426
426
  }],
427
427
  attrs: {
@@ -432,9 +432,8 @@ export default defineVxeComponent({
432
432
  ? [
433
433
  h('div', {
434
434
  class: 'vxe-pulldown--panel-wrapper'
435
- }, !initialized || (destroyOnClose && !visiblePanel && !visibleAnimate)
436
- ? []
437
- : [
435
+ }, initialized && (destroyOnClose ? (visiblePanel || isAniVisible) : true)
436
+ ? [
438
437
  headerSlot
439
438
  ? h('div', {
440
439
  class: 'vxe-pulldown--panel-header'
@@ -452,7 +451,8 @@ export default defineVxeComponent({
452
451
  class: 'vxe-pulldown--panel-footer'
453
452
  }, footerSlot({ $pulldown: $xePulldown }))
454
453
  : renderEmptyElement($xePulldown)
455
- ])
454
+ ]
455
+ : [])
456
456
  ]
457
457
  : [])
458
458
  ])
@@ -1145,7 +1145,7 @@ export default defineVxeComponent({
1145
1145
  const reactData = $xeSelect.reactData
1146
1146
 
1147
1147
  const { className, popupClassName, loading, filterable } = props
1148
- const { initialized, isActivated, visiblePanel } = reactData
1148
+ const { initialized, isActivated, isAniVisible, visiblePanel } = reactData
1149
1149
  const vSize = $xeSelect.computeSize
1150
1150
  const isDisabled = $xeSelect.computeIsDisabled
1151
1151
  const selectLabel = $xeSelect.computeSelectLabel
@@ -1215,14 +1215,14 @@ export default defineVxeComponent({
1215
1215
  class: ['vxe-table--ignore-clear vxe-select--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $select: $xeSelect }) : popupClassName) : '', {
1216
1216
  [`size--${vSize}`]: vSize,
1217
1217
  'is--transfer': btnTransfer,
1218
- 'ani--leave': !loading && reactData.isAniVisible,
1218
+ 'ani--leave': !loading && isAniVisible,
1219
1219
  'ani--enter': !loading && visiblePanel
1220
1220
  }],
1221
1221
  attrs: {
1222
1222
  placement: reactData.panelPlacement
1223
1223
  },
1224
1224
  style: reactData.panelStyle
1225
- }, initialized
1225
+ }, initialized && (visiblePanel || isAniVisible)
1226
1226
  ? [
1227
1227
  filterable
1228
1228
  ? h('div', {
@@ -90,7 +90,7 @@ export default defineVxeComponent({
90
90
  panelPlacement: null,
91
91
  triggerFocusPanel: false,
92
92
  visiblePanel: false,
93
- visibleAnimate: false,
93
+ isAniVisible: false,
94
94
  isActivated: false
95
95
  }
96
96
  const internalData: TreeSelectInternalData = {
@@ -400,7 +400,7 @@ export default defineVxeComponent({
400
400
  }
401
401
  }
402
402
  reactData.isActivated = true
403
- reactData.visibleAnimate = true
403
+ reactData.isAniVisible = true
404
404
  setTimeout(() => {
405
405
  reactData.visiblePanel = true
406
406
  }, 10)
@@ -415,7 +415,7 @@ export default defineVxeComponent({
415
415
 
416
416
  reactData.visiblePanel = false
417
417
  internalData.hpTimeout = window.setTimeout(() => {
418
- reactData.visibleAnimate = false
418
+ reactData.isAniVisible = false
419
419
  }, 350)
420
420
  },
421
421
  changeEvent (evnt: Event, selectValue: any) {
@@ -560,7 +560,7 @@ export default defineVxeComponent({
560
560
  const reactData = $xeTreeSelect.reactData
561
561
 
562
562
  const { className, value, multiple, options, popupClassName, loading } = props
563
- const { initialized, isActivated, visiblePanel } = reactData
563
+ const { initialized, isActivated, isAniVisible, visiblePanel } = reactData
564
564
  const vSize = $xeTreeSelect.computeSize
565
565
  const isDisabled = $xeTreeSelect.computeIsDisabled
566
566
  const selectLabel = $xeTreeSelect.computeSelectLabel
@@ -634,14 +634,14 @@ export default defineVxeComponent({
634
634
  class: ['vxe-table--ignore-clear vxe-tree-select--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $treeSelect: $xeTreeSelect }) : popupClassName) : '', {
635
635
  [`size--${vSize}`]: vSize,
636
636
  'is--transfer': btnTransfer,
637
- 'ani--leave': !loading && reactData.visibleAnimate,
637
+ 'ani--leave': !loading && isAniVisible,
638
638
  'ani--enter': !loading && visiblePanel
639
639
  }],
640
640
  attrs: {
641
641
  placement: reactData.panelPlacement
642
642
  },
643
643
  style: reactData.panelStyle
644
- }, initialized
644
+ }, initialized && (visiblePanel || isAniVisible)
645
645
  ? [
646
646
  h('div', {
647
647
  class: 'vxe-tree-select--panel-wrapper'
@@ -222,7 +222,9 @@ setConfig({
222
222
  controls: true
223
223
  },
224
224
  printPageBreak: {},
225
- pulldown: {},
225
+ pulldown: {
226
+ destroyOnClose: true
227
+ },
226
228
  radio: {
227
229
  strict: true
228
230
  },
@@ -118,7 +118,7 @@ export interface VxeButtonPrivateComputed extends ButtonPrivateComputed { }
118
118
  export interface ButtonReactData {
119
119
  initialized: boolean
120
120
  visiblePanel: boolean
121
- visibleAnimate: boolean
121
+ isAniVisible: boolean
122
122
  isActivated: boolean
123
123
  panelIndex: number
124
124
  panelStyle: VxeComponentStyleType
@@ -25,6 +25,7 @@ export namespace VxeFormViewPropTypes {
25
25
  export type ViewRender = {
26
26
  name?: string
27
27
  }
28
+ export type FormOptions<D = any> = Omit<VxeFormProps<D>, 'data' | 'items'>
28
29
  export type CreateFormConfig = (params: VxeFormViewDefines.CreateFormConfigParams) => VxeFormProps
29
30
  export type Size = VxeComponentSizeType
30
31
  }
@@ -35,6 +36,7 @@ export interface VxeFormViewProps {
35
36
  readonly?: VxeFormViewPropTypes.Readonly
36
37
  disabled?: VxeFormViewPropTypes.Disabled
37
38
  viewRender?: VxeFormViewPropTypes.ViewRender
39
+ formOptions?: VxeFormViewPropTypes.FormOptions
38
40
  createFormConfig?: VxeFormViewPropTypes.CreateFormConfig
39
41
  size?: VxeFormViewPropTypes.Size
40
42
  }
@@ -70,7 +70,7 @@ export interface PulldownReactData {
70
70
  panelStyle: VxeComponentStyleType
71
71
  panelPlacement: string | null
72
72
  visiblePanel: boolean
73
- visibleAnimate: boolean
73
+ isAniVisible: boolean
74
74
  isActivated: boolean
75
75
  }
76
76
 
@@ -49,6 +49,7 @@ export namespace VxeTablePropTypes {
49
49
  export type MaxHeight = number | string
50
50
  export type Resizable = boolean
51
51
  export type Stripe = boolean
52
+ export type Padding = boolean
52
53
  export type Round = boolean
53
54
  export type Border = boolean | 'default' | 'full' | 'outer' | 'inner' | 'none' | ''
54
55
  export type Loading = boolean
@@ -1705,6 +1706,10 @@ export interface VxeTableProps<D = any> {
1705
1706
  * 是否带有斑马纹(需要注意的是,在可编辑表格场景下,临时插入的数据不会有斑马纹样式)
1706
1707
  */
1707
1708
  stripe?: VxeTablePropTypes.Stripe
1709
+ /**
1710
+ * 单元格是否有边距
1711
+ */
1712
+ padding?: VxeTablePropTypes.Padding
1708
1713
  /**
1709
1714
  * 是否为圆角边框
1710
1715
  */
@@ -99,7 +99,7 @@ export interface TreeSelectReactData {
99
99
  panelPlacement: any
100
100
  triggerFocusPanel: boolean
101
101
  visiblePanel: boolean
102
- visibleAnimate: boolean
102
+ isAniVisible: boolean
103
103
  isActivated: boolean
104
104
  }
105
105