vxe-pc-ui 3.1.2 → 3.1.4

package/lib/index.umd.js

@@ -12575,7 +12575,7 @@ function handleBooleanDefaultValue(value) {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.1.2");
+var log_version = "ui v".concat("3.1.4");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
@@ -12583,7 +12583,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.1.2";
+var ui_version = "3.1.4";
 core_VxeUI.version = ui_version;
 core_VxeUI.uiVersion = ui_version;
 core_VxeUI.tableVersion = '';
@@ -12794,7 +12794,9 @@ setConfig({
     controls: true
   },
   printPageBreak: {},
-  pulldown: {},
+  pulldown: {
+    destroyOnClose: true
+  },
   radio: {
     strict: true
   },
@@ -14117,7 +14119,7 @@ var BreadcrumbItem = VxeBreadcrumbItem;
     var reactData = {
       initialized: false,
       visiblePanel: false,
-      visibleAnimate: false,
+      isAniVisible: false,
       isActivated: false,
       panelIndex: 0,
       panelStyle: {},
@@ -14250,7 +14252,7 @@ var BreadcrumbItem = VxeBreadcrumbItem;
           if (panelElem.dataset.active === 'Y') {
             _this.mouseenterDropdownEvent();
           } else {
-            reactData.visibleAnimate = false;
+            reactData.isAniVisible = false;
           }
         }, trigger === 'click' ? 50 : 250);
       }
@@ -14269,13 +14271,13 @@ var BreadcrumbItem = VxeBreadcrumbItem;
             reactData.visiblePanel = false;
             setTimeout(function () {
               if (panelElem.dataset.active !== 'Y') {
-                reactData.visibleAnimate = false;
+                reactData.isAniVisible = false;
               }
             }, 350);
           }
         }, 100);
       } else {
-        reactData.visibleAnimate = false;
+        reactData.isAniVisible = false;
         reactData.visiblePanel = false;
       }
       return this.$nextTick();
@@ -14420,7 +14422,7 @@ var BreadcrumbItem = VxeBreadcrumbItem;
         reactData.visiblePanel = false;
         setTimeout(function () {
           if (!panelElem || panelElem.dataset.active !== 'Y') {
-            reactData.visibleAnimate = false;
+            reactData.isAniVisible = false;
           }
         }, 350);
         this.dispatchEvent('dropdown-click', {
@@ -14436,7 +14438,7 @@ var BreadcrumbItem = VxeBreadcrumbItem;
       var panelElem = this.$refs.refBtnPanel;
       if (panelElem) {
         panelElem.dataset.active = 'Y';
-        reactData.visibleAnimate = true;
+        reactData.isAniVisible = true;
         setTimeout(function () {
           if (panelElem.dataset.active === 'Y') {
             reactData.visiblePanel = true;
@@ -14557,6 +14559,7 @@ var BreadcrumbItem = VxeBreadcrumbItem;
         name = props.name,
         loading = props.loading;
       var initialized = reactData.initialized,
+        isAniVisible = reactData.isAniVisible,
         visiblePanel = reactData.visiblePanel;
       var isFormBtn = $xeButton.computeIsFormBtn;
       var btnMode = $xeButton.computeBtnMode;
@@ -14627,12 +14630,12 @@ var BreadcrumbItem = VxeBreadcrumbItem;
           ref: 'refBtnPanel',
           class: ['vxe-button--dropdown-panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
             $button: $xeButton
-          }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'ani--leave', reactData.visibleAnimate), 'ani--enter', visiblePanel)],
+          }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'ani--leave', isAniVisible), 'ani--enter', visiblePanel)],
           attrs: {
             placement: reactData.panelPlacement
           },
           style: reactData.panelStyle
-        }, panelOns), initialized ? [h('div', {
+        }, panelOns), initialized && (visiblePanel || isAniVisible) ? [h('div', {
           class: 'vxe-button--dropdown-wrapper',
           on: {
             mousedown: $xeButton.mousedownDropdownEvent,
@@ -20466,7 +20469,7 @@ var es_promise = __webpack_require__(3362);
             placement: panelPlacement
           },
           style: panelStyle
-        }, initialized ? renders : []);
+        }, initialized && (visiblePanel || isAniVisible) ? renders : []);
       }
       return renderEmptyElement($xeDatePicker);
     },
@@ -24801,6 +24804,7 @@ var Icon = VxeIcon;
         clearable = props.clearable;
       var initialized = reactData.initialized,
         isActivated = reactData.isActivated,
+        isAniVisible = reactData.isAniVisible,
         visiblePanel = reactData.visiblePanel,
         selectIcon = reactData.selectIcon;
       var vSize = $xeIconPicker.computeSize;
@@ -24856,14 +24860,14 @@ var Icon = VxeIcon;
         ref: 'refOptionPanel',
         class: ['vxe-table--ignore-clear vxe-ico-picker--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
           $iconPicker: $xeIconPicker
-        }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', reactData.isAniVisible), 'ani--enter', visiblePanel)],
+        }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', isAniVisible), 'ani--enter', visiblePanel)],
         attrs: {
           placement: reactData.panelPlacement
         },
         style: reactData.panelStyle
-      }, initialized ? [initialized ? h('div', {
+      }, [initialized && (visiblePanel || isAniVisible) ? h('div', {
         class: 'vxe-ico-picker--panel-wrapper'
-      }, [$xeIconPicker.renderIconWrapper(h)]) : renderEmptyElement($xeIconPicker)] : [])]);
+      }, [$xeIconPicker.renderIconWrapper(h)]) : renderEmptyElement($xeIconPicker)])]);
     }
   },
   watch: {
@@ -28609,7 +28613,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
             placement: panelPlacement
           },
           style: panelStyle
-        }, initialized ? renders : []);
+        }, initialized && (visiblePanel || isAniVisible) ? renders : []);
       }
       return renderEmptyElement($xeInput);
     },
@@ -34471,6 +34475,7 @@ function getOptUniqueId() {
         filterable = props.filterable;
       var initialized = reactData.initialized,
         isActivated = reactData.isActivated,
+        isAniVisible = reactData.isAniVisible,
         visiblePanel = reactData.visiblePanel;
       var vSize = $xeSelect.computeSize;
       var isDisabled = $xeSelect.computeIsDisabled;
@@ -34529,12 +34534,12 @@ function getOptUniqueId() {
         ref: 'refOptionPanel',
         class: ['vxe-table--ignore-clear vxe-select--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
           $select: $xeSelect
-        }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', !loading && reactData.isAniVisible), 'ani--enter', !loading && visiblePanel)],
+        }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', !loading && isAniVisible), 'ani--enter', !loading && visiblePanel)],
         attrs: {
           placement: reactData.panelPlacement
         },
         style: reactData.panelStyle
-      }, initialized ? [filterable ? h('div', {
+      }, initialized && (visiblePanel || isAniVisible) ? [filterable ? h('div', {
         class: 'vxe-select--panel-search'
       }, [h(input, {
         ref: 'refInpSearch',
@@ -36327,7 +36332,7 @@ var Print = VxePrint;
       panelStyle: {},
       panelPlacement: null,
       visiblePanel: false,
-      visibleAnimate: false,
+      isAniVisible: false,
       isActivated: false
     };
     var internalData = {
@@ -36493,7 +36498,7 @@ var Print = VxePrint;
             clearTimeout(internalData.hpTimeout);
           }
           reactData.isActivated = true;
-          reactData.visibleAnimate = true;
+          reactData.isAniVisible = true;
           setTimeout(function () {
             reactData.visiblePanel = true;
             $xePulldown.emitModel(true);
@@ -36520,9 +36525,9 @@ var Print = VxePrint;
       reactData.visiblePanel = false;
       $xePulldown.emitModel(false);
       return new Promise(function (resolve) {
-        if (reactData.visibleAnimate) {
+        if (reactData.isAniVisible) {
           internalData.hpTimeout = window.setTimeout(function () {
-            reactData.visibleAnimate = false;
+            reactData.isAniVisible = false;
             $xePulldown.$nextTick(function () {
               resolve();
             });
@@ -36649,7 +36654,7 @@ var Print = VxePrint;
         disabled = props.disabled;
       var initialized = reactData.initialized,
         isActivated = reactData.isActivated,
-        visibleAnimate = reactData.visibleAnimate,
+        isAniVisible = reactData.isAniVisible,
         visiblePanel = reactData.visiblePanel,
         panelStyle = reactData.panelStyle,
         panelPlacement = reactData.panelPlacement;
@@ -36676,14 +36681,14 @@ var Print = VxePrint;
         ref: 'refPulldownPanel',
         class: ['vxe-table--ignore-clear vxe-pulldown--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
           $pulldown: $xePulldown
-        }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--shadow', showPopupShadow), 'is--transfer', btnTransfer), 'ani--leave', visibleAnimate), 'ani--enter', visiblePanel)],
+        }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--shadow', showPopupShadow), 'is--transfer', btnTransfer), 'ani--leave', isAniVisible), 'ani--enter', visiblePanel)],
         attrs: {
           placement: panelPlacement
         },
         style: panelStyle
       }, initialized ? [h('div', {
         class: 'vxe-pulldown--panel-wrapper'
-      }, !initialized || destroyOnClose && !visiblePanel && !visibleAnimate ? [] : [headerSlot ? h('div', {
+      }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [headerSlot ? h('div', {
         class: 'vxe-pulldown--panel-header'
       }, headerSlot({
         $pulldown: $xePulldown
@@ -36695,7 +36700,7 @@ var Print = VxePrint;
         class: 'vxe-pulldown--panel-footer'
       }, footerSlot({
         $pulldown: $xePulldown
-      })) : renderEmptyElement($xePulldown)])] : [])]);
+      })) : renderEmptyElement($xePulldown)] : [])] : [])]);
     }
   },
   watch: {
@@ -40700,7 +40705,7 @@ function tree_select_getOptUniqueId() {
       panelPlacement: null,
       triggerFocusPanel: false,
       visiblePanel: false,
-      visibleAnimate: false,
+      isAniVisible: false,
       isActivated: false
     };
     var internalData = {
@@ -40991,7 +40996,7 @@ function tree_select_getOptUniqueId() {
           }
         }
         reactData.isActivated = true;
-        reactData.visibleAnimate = true;
+        reactData.isAniVisible = true;
         setTimeout(function () {
           reactData.visiblePanel = true;
         }, 10);
@@ -41005,7 +41010,7 @@ function tree_select_getOptUniqueId() {
       var internalData = $xeTreeSelect.internalData;
       reactData.visiblePanel = false;
       internalData.hpTimeout = window.setTimeout(function () {
-        reactData.visibleAnimate = false;
+        reactData.isAniVisible = false;
       }, 350);
     },
     changeEvent: function changeEvent(evnt, selectValue) {
@@ -41149,6 +41154,7 @@ function tree_select_getOptUniqueId() {
         loading = props.loading;
       var initialized = reactData.initialized,
         isActivated = reactData.isActivated,
+        isAniVisible = reactData.isAniVisible,
         visiblePanel = reactData.visiblePanel;
       var vSize = $xeTreeSelect.computeSize;
       var isDisabled = $xeTreeSelect.computeIsDisabled;
@@ -41212,12 +41218,12 @@ function tree_select_getOptUniqueId() {
         ref: 'refOptionPanel',
         class: ['vxe-table--ignore-clear vxe-tree-select--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
           $treeSelect: $xeTreeSelect
-        }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', !loading && reactData.visibleAnimate), 'ani--enter', !loading && visiblePanel)],
+        }) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', !loading && isAniVisible), 'ani--enter', !loading && visiblePanel)],
         attrs: {
           placement: reactData.panelPlacement
         },
         style: reactData.panelStyle
-      }, initialized ? [h('div', {
+      }, initialized && (visiblePanel || isAniVisible) ? [h('div', {
         class: 'vxe-tree-select--panel-wrapper'
       }, [headerSlot ? h('div', {
         class: 'vxe-tree-select--panel-header'