vxe-pc-ui 3.17.29 → 3.18.0

package/lib/index.umd.js

@@ -13284,7 +13284,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.17.29");
+var uiVersion = "ui v".concat("3.18.0");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13304,7 +13304,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.17.29";
+var ui_version = "3.18.0";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13683,7 +13683,10 @@ setConfig({
   splitterPanel: {},
   slider: {
     max: 100,
-    min: 0
+    min: 0,
+    tooltipConfig: {
+      enterDelay: 0
+    }
   },
   space: {},
   steps: {},
@@ -15319,7 +15322,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
       var targetTop = targetRect.top;
       minWidth = targetElem.offsetWidth;
       if (teleportTo) {
-        left = defaultLeft || targetLeft;
+        left = defaultLeft || targetLeft - (panelWidth - targetWidth) / 2;
         top = defaultTop || targetTop + targetHeight;
         if (placement === 'top') {
           panelPlacement = 'top';
@@ -17146,6 +17149,7 @@ var _createComponentLog = createComponentLog('button'),
     computeBtnTransfer: function computeBtnTransfer() {
       var $xeButton = this;
       var props = $xeButton;
+      var $xeGrid = $xeButton.$xeGrid;
       var $xeTable = $xeButton.$xeTable;
       var $xeTree = $xeButton.$xeTree;
       var $xeModal = $xeButton.$xeModal;
@@ -17161,7 +17165,7 @@ var _createComponentLog = createComponentLog('button'),
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeGrid || $xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -17519,14 +17523,6 @@ var _createComponentLog = createComponentLog('button'),
       var $xeButton = this;
       $xeButton.hidePanel();
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeButton = this;
-      var reactData = $xeButton.reactData;
-      var panelElem = $xeButton.$refs.refBtnPanel;
-      if (reactData.visiblePanel && !getEventTargetNode(evnt, panelElem).flag) {
-        $xeButton.hidePanel();
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeButton = this;
       var reactData = $xeButton.reactData;
@@ -17549,6 +17545,14 @@ var _createComponentLog = createComponentLog('button'),
         $xeButton.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeButton = this;
+      var reactData = $xeButton.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeButton.updatePlacement();
+      }
+    },
     //
     // Render
     //
@@ -17824,9 +17828,9 @@ var _createComponentLog = createComponentLog('button'),
     if (props.type === 'text') {
       button_warnLog('vxe.error.delProp', ['type=text', 'mode=text']);
     }
-    globalEvents.on($xeButton, 'mousewheel', $xeButton.handleGlobalMousewheelEvent);
     globalEvents.on($xeButton, 'mousedown', $xeButton.handleGlobalMousedownEvent);
     globalEvents.on($xeButton, 'resize', $xeButton.handleGlobalResizeEvent);
+    globalEvents.on($xeButton, 'scroll', $xeButton.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeButton = this;
@@ -17840,6 +17844,7 @@ var _createComponentLog = createComponentLog('button'),
     globalEvents.off($xeButton, 'mousewheel');
     globalEvents.off($xeButton, 'mousedown');
     globalEvents.off($xeButton, 'resize');
+    globalEvents.off($xeButton, 'scroll');
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -28422,22 +28427,6 @@ function cascader_createInternalData() {
       var $event = params.$event;
       $xeCascader.hideOptionPanel($event);
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeCascader = this;
-      var reactData = $xeCascader.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeCascader.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelElem = $xeCascader.$refs.refOptionPanel;
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeCascader.updatePlacement();
-          } else {
-            $xeCascader.hideOptionPanel(evnt);
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeCascader = this;
       var reactData = $xeCascader.reactData;
@@ -28478,6 +28467,14 @@ function cascader_createInternalData() {
         $xeCascader.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeCascader = this;
+      var reactData = $xeCascader.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeCascader.updatePlacement();
+      }
+    },
     handleFocusSearch: function handleFocusSearch() {
       var $xeCascader = this;
       var props = $xeCascader;
@@ -29406,10 +29403,10 @@ function cascader_createInternalData() {
   },
   mounted: function mounted() {
     var $xeCascader = this;
-    globalEvents.on($xeCascader, 'mousewheel', $xeCascader.handleGlobalMousewheelEvent);
     globalEvents.on($xeCascader, 'mousedown', $xeCascader.handleGlobalMousedownEvent);
     globalEvents.on($xeCascader, 'blur', $xeCascader.handleGlobalBlurEvent);
     globalEvents.on($xeCascader, 'resize', $xeCascader.handleGlobalResizeEvent);
+    globalEvents.on($xeCascader, 'scroll', $xeCascader.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeCascader = this;
@@ -29419,10 +29416,10 @@ function cascader_createInternalData() {
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    globalEvents.off($xeCascader, 'mousewheel');
     globalEvents.off($xeCascader, 'mousedown');
     globalEvents.off($xeCascader, 'blur');
     globalEvents.off($xeCascader, 'resize');
+    globalEvents.off($xeCascader, 'scroll');
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, cascader_createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, cascader_createInternalData());
   },
@@ -32292,7 +32289,7 @@ var handleNumberString = function handleNumberString(val) {
           var contentMethod = tooltipOpts.contentMethod;
           var inputElem = $xeNumberInput.$refs.refInputTarget;
           var content = getText(contentMethod ? contentMethod({
-            $mumberInput: $xeNumberInput,
+            $numberInput: $xeNumberInput,
             type: type,
             inputValue: inputElem.value,
             value: inputValue || '',
@@ -33559,22 +33556,6 @@ var typeList = [{
         }
       }
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeColorPicker = this;
-      var reactData = $xeColorPicker.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeColorPicker.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelElem = $xeColorPicker.$refs.refOptionPanel;
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeColorPicker.updatePlacement();
-          } else {
-            $xeColorPicker.hideOptionPanel();
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeColorPicker = this;
       var reactData = $xeColorPicker.reactData;
@@ -33615,6 +33596,14 @@ var typeList = [{
         $xeColorPicker.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeColorPicker = this;
+      var reactData = $xeColorPicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeColorPicker.updatePlacement();
+      }
+    },
     //
     // Render
     //
@@ -33999,10 +33988,10 @@ var typeList = [{
     var reactData = $xeColorPicker.reactData;
     reactData.selectColor = "".concat(props.value || '');
     $xeColorPicker.updateType();
-    globalEvents.on($xeColorPicker, 'mousewheel', $xeColorPicker.handleGlobalMousewheelEvent);
     globalEvents.on($xeColorPicker, 'mousedown', $xeColorPicker.handleGlobalMousedownEvent);
     globalEvents.on($xeColorPicker, 'blur', $xeColorPicker.handleGlobalBlurEvent);
     globalEvents.on($xeColorPicker, 'resize', $xeColorPicker.handleGlobalResizeEvent);
+    globalEvents.on($xeColorPicker, 'scroll', $xeColorPicker.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeColorPicker = this;
@@ -34010,10 +33999,10 @@ var typeList = [{
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    globalEvents.off($xeColorPicker, 'mousewheel');
     globalEvents.off($xeColorPicker, 'mousedown');
     globalEvents.off($xeColorPicker, 'blur');
     globalEvents.off($xeColorPicker, 'resize');
+    globalEvents.off($xeColorPicker, 'scroll');
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -38794,22 +38783,6 @@ function date_picker_createInternalData() {
         }
       }
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeDatePicker = this;
-      var reactData = $xeDatePicker.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeDatePicker.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelWrapperElem = $xeDatePicker.$refs.refPanelWrapper;
-          if (getEventTargetNode(evnt, panelWrapperElem).flag) {
-            $xeDatePicker.updatePlacement();
-          } else {
-            $xeDatePicker.hidePanel();
-          }
-        }
-      }
-    },
     handleGlobalBlurEvent: function handleGlobalBlurEvent() {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
@@ -38838,6 +38811,14 @@ function date_picker_createInternalData() {
         $xeDatePicker.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeDatePicker = this;
+      var reactData = $xeDatePicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeDatePicker.updatePlacement();
+      }
+    },
     // 弹出面板
     updateZindex: function updateZindex() {
       var $xeDatePicker = this;
@@ -39324,11 +39305,11 @@ function date_picker_createInternalData() {
       }
     }
     $xeDatePicker.updateModelValue();
-    globalEvents.on($xeDatePicker, 'mousewheel', $xeDatePicker.handleGlobalMousewheelEvent);
     globalEvents.on($xeDatePicker, 'mousedown', $xeDatePicker.handleGlobalMousedownEvent);
     globalEvents.on($xeDatePicker, 'keydown', $xeDatePicker.handleGlobalKeydownEvent);
     globalEvents.on($xeDatePicker, 'blur', $xeDatePicker.handleGlobalBlurEvent);
     globalEvents.on($xeDatePicker, 'resize', $xeDatePicker.handleGlobalResizeEvent);
+    globalEvents.on($xeDatePicker, 'scroll', $xeDatePicker.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeDatePicker = this;
@@ -39338,11 +39319,11 @@ function date_picker_createInternalData() {
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    globalEvents.off($xeDatePicker, 'mousewheel');
     globalEvents.off($xeDatePicker, 'mousedown');
     globalEvents.off($xeDatePicker, 'keydown');
     globalEvents.off($xeDatePicker, 'blur');
     globalEvents.off($xeDatePicker, 'resize');
+    globalEvents.off($xeDatePicker, 'scroll');
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, date_picker_createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, date_picker_createInternalData());
   },
@@ -40500,23 +40481,6 @@ function date_range_picker_createInternalData() {
         }
       }
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeDateRangePicker = this;
-      var reactData = $xeDateRangePicker.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeDateRangePicker.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelWrapperElem = $xeDateRangePicker.$refs.refPanelWrapper;
-          if (getEventTargetNode(evnt, panelWrapperElem).flag) {
-            $xeDateRangePicker.updatePlacement();
-          } else {
-            $xeDateRangePicker.checkValue();
-            $xeDateRangePicker.hidePanel();
-          }
-        }
-      }
-    },
     handleGlobalBlurEvent: function handleGlobalBlurEvent() {
       var $xeDateRangePicker = this;
       var reactData = $xeDateRangePicker.reactData;
@@ -40544,6 +40508,14 @@ function date_range_picker_createInternalData() {
         $xeDateRangePicker.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeDateRangePicker = this;
+      var reactData = $xeDateRangePicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeDateRangePicker.updatePlacement();
+      }
+    },
     // 弹出面板
     updateZindex: function updateZindex() {
       var $xeDateRangePicker = this;
@@ -41081,11 +41053,11 @@ function date_range_picker_createInternalData() {
     var $xeDateRangePicker = this;
     $xeDateRangePicker.internalData = date_range_picker_createInternalData();
     $xeDateRangePicker.updateModelValue(true);
-    globalEvents.on($xeDateRangePicker, 'mousewheel', $xeDateRangePicker.handleGlobalMousewheelEvent);
     globalEvents.on($xeDateRangePicker, 'mousedown', $xeDateRangePicker.handleGlobalMousedownEvent);
     globalEvents.on($xeDateRangePicker, 'keydown', $xeDateRangePicker.handleGlobalKeydownEvent);
     globalEvents.on($xeDateRangePicker, 'blur', $xeDateRangePicker.handleGlobalBlurEvent);
     globalEvents.on($xeDateRangePicker, 'resize', $xeDateRangePicker.handleGlobalResizeEvent);
+    globalEvents.on($xeDateRangePicker, 'scroll', $xeDateRangePicker.handleGlobalScrollEvent);
   },
   deactivated: function deactivated() {
     var $xeDateRangePicker = this;
@@ -41100,10 +41072,11 @@ function date_range_picker_createInternalData() {
       panelElem.parentNode.removeChild(panelElem);
     }
     $xeDateRangePicker.checkValue();
-    globalEvents.off($xeDateRangePicker, 'mousewheel');
     globalEvents.off($xeDateRangePicker, 'mousedown');
+    globalEvents.off($xeDateRangePicker, 'keydown');
     globalEvents.off($xeDateRangePicker, 'blur');
     globalEvents.off($xeDateRangePicker, 'resize');
+    globalEvents.off($xeDateRangePicker, 'scroll');
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, date_range_picker_createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, date_range_picker_createInternalData());
   },
@@ -45678,22 +45651,6 @@ function icon_picker_createInternalData() {
       $xeIconPicker.togglePanelEvent(evnt);
       $xeIconPicker.dispatchEvent('click', {}, evnt);
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeIconPicker = this;
-      var reactData = $xeIconPicker.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeIconPicker.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelElem = $xeIconPicker.$refs.refOptionPanel;
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeIconPicker.updatePlacement();
-          } else {
-            $xeIconPicker.hideOptionPanel();
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeIconPicker = this;
       var reactData = $xeIconPicker.reactData;
@@ -45773,6 +45730,22 @@ function icon_picker_createInternalData() {
         }
       }
     },
+    handleGlobalResizeEvent: function handleGlobalResizeEvent() {
+      var $xeIconPicker = this;
+      var reactData = $xeIconPicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeIconPicker.updatePlacement();
+      }
+    },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeIconPicker = this;
+      var reactData = $xeIconPicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeIconPicker.updatePlacement();
+      }
+    },
     handleClickIconEvent: function handleClickIconEvent(evnt, item) {
       var $xeIconPicker = this;
       var value = item.icon;
@@ -45987,10 +45960,11 @@ function icon_picker_createInternalData() {
     $xeIconPicker.internalData = icon_picker_createInternalData();
     reactData.selectIcon = "".concat(props.value || '');
     $xeIconPicker.handleData();
-    globalEvents.on($xeIconPicker, 'mousewheel', $xeIconPicker.handleGlobalMousewheelEvent);
     globalEvents.on($xeIconPicker, 'mousedown', $xeIconPicker.handleGlobalMousedownEvent);
     globalEvents.on($xeIconPicker, 'keydown', $xeIconPicker.handleGlobalKeydownEvent);
     globalEvents.on($xeIconPicker, 'blur', $xeIconPicker.handleGlobalBlurEvent);
+    globalEvents.on($xeIconPicker, 'resize', $xeIconPicker.handleGlobalResizeEvent);
+    globalEvents.on($xeIconPicker, 'scroll', $xeIconPicker.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeIconPicker = this;
@@ -46000,10 +45974,11 @@ function icon_picker_createInternalData() {
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    globalEvents.off($xeIconPicker, 'mousewheel');
     globalEvents.off($xeIconPicker, 'mousedown');
     globalEvents.off($xeIconPicker, 'keydown');
     globalEvents.off($xeIconPicker, 'blur');
+    globalEvents.off($xeIconPicker, 'resize');
+    globalEvents.off($xeIconPicker, 'scroll');
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, icon_picker_createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, icon_picker_createInternalData());
   },
@@ -52370,22 +52345,6 @@ function select_createInternalData() {
       }
       reactData.reactFlag++;
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeSelect = this;
-      var reactData = $xeSelect.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeSelect.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelElem = $xeSelect.$refs.refOptionPanel;
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeSelect.updatePlacement();
-          } else {
-            $xeSelect.hideOptionPanel(evnt);
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeSelect = this;
       var reactData = $xeSelect.reactData;
@@ -52562,6 +52521,14 @@ function select_createInternalData() {
         $xeSelect.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeSelect = this;
+      var reactData = $xeSelect.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeSelect.updatePlacement();
+      }
+    },
     handleFocusSearch: function handleFocusSearch() {
       var $xeSelect = this;
       var props = $xeSelect;
@@ -53395,11 +53362,11 @@ function select_createInternalData() {
         $xeSelect.loadData(options);
       }
     });
-    globalEvents.on($xeSelect, 'mousewheel', $xeSelect.handleGlobalMousewheelEvent);
     globalEvents.on($xeSelect, 'mousedown', $xeSelect.handleGlobalMousedownEvent);
     globalEvents.on($xeSelect, 'keydown', $xeSelect.handleGlobalKeydownEvent);
     globalEvents.on($xeSelect, 'blur', $xeSelect.handleGlobalBlurEvent);
     globalEvents.on($xeSelect, 'resize', $xeSelect.handleGlobalResizeEvent);
+    globalEvents.on($xeSelect, 'scroll', $xeSelect.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeSelect = this;
@@ -53407,11 +53374,11 @@ function select_createInternalData() {
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    globalEvents.off($xeSelect, 'mousewheel');
     globalEvents.off($xeSelect, 'mousedown');
     globalEvents.off($xeSelect, 'keydown');
     globalEvents.off($xeSelect, 'blur');
     globalEvents.off($xeSelect, 'resize');
+    globalEvents.off($xeSelect, 'scroll');
   },
   destroyed: function destroyed() {
     var $xeSelect = this;
@@ -55902,29 +55869,6 @@ var Print = VxePrint;
         $pulldown: $xePulldown
       }, evnt);
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var reactData = $xePulldown.reactData;
-      var trigger = props.trigger,
-        disabled = props.disabled;
-      var visiblePanel = reactData.visiblePanel;
-      var popupOpts = $xePulldown.computePopupOpts;
-      var currTrigger = trigger || popupOpts.trigger;
-      var panelElem = $xePulldown.$refs.refPulldownPanel;
-      if (!disabled) {
-        if (visiblePanel) {
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xePulldown.updatePlacement();
-          } else {
-            if (currTrigger !== 'manual') {
-              $xePulldown.hideOptionPanel();
-              $xePulldown.dispatchEvent('hide-panel', {}, evnt);
-            }
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xePulldown = this;
       var props = $xePulldown;
@@ -55973,6 +55917,14 @@ var Print = VxePrint;
         $xePulldown.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xePulldown = this;
+      var reactData = $xePulldown.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xePulldown.updatePlacement();
+      }
+    },
     //
     // Render
     //
@@ -56083,10 +56035,10 @@ var Print = VxePrint;
     if (props.value) {
       $xePulldown.showPanel();
     }
-    globalEvents.on($xePulldown, 'mousewheel', $xePulldown.handleGlobalMousewheelEvent);
     globalEvents.on($xePulldown, 'mousedown', $xePulldown.handleGlobalMousedownEvent);
     globalEvents.on($xePulldown, 'blur', $xePulldown.handleGlobalBlurEvent);
     globalEvents.on($xePulldown, 'resize', $xePulldown.handleGlobalResizeEvent);
+    globalEvents.on($xePulldown, 'scroll', $xePulldown.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xePulldown = this;
@@ -56094,10 +56046,10 @@ var Print = VxePrint;
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    globalEvents.off($xePulldown, 'mousewheel');
     globalEvents.off($xePulldown, 'mousedown');
     globalEvents.off($xePulldown, 'blur');
     globalEvents.off($xePulldown, 'resize');
+    globalEvents.off($xePulldown, 'scroll');
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -58961,9 +58913,13 @@ var SplitPane = VxeSplitPane;
 
 
 
+
+
 function slider_createInternalData() {
   return {
     // _isUp: false,
+    isDragStatus: false,
+    isBtnActive: false,
     currValue: 0,
     startValue: 0,
     endValue: 0
@@ -59021,12 +58977,25 @@ function slider_createReactData() {
       type: Boolean,
       default: null
     },
+    status: {
+      type: String,
+      default: function _default() {
+        return getConfig().slider.status;
+      }
+    },
     immediate: {
       type: Boolean,
       default: function _default() {
         return getConfig().slider.immediate;
       }
-    }
+    },
+    showTooltip: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().slider.showTooltip;
+      }
+    },
+    tooltipConfig: Object
   },
   inject: {
     $xeForm: {
@@ -59089,6 +59058,11 @@ function slider_createReactData() {
         startValue = props.startValue,
         endValue = props.endValue;
       return range ? "".concat(startValue || '').concat(endValue || '') : '';
+    },
+    computeTooltipOpts: function computeTooltipOpts() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      return Object.assign({}, getConfig().slider.tooltipConfig, props.tooltipConfig);
     }
   }),
   methods: {
@@ -59285,6 +59259,42 @@ function slider_createReactData() {
       var raw = minNum + ratio * (maxNum - minNum);
       return Math.floor(raw);
     },
+    handleShowTip: function handleShowTip(btnElem) {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var internalData = $xeSlider.internalData;
+      var showTooltip = props.showTooltip;
+      if (showTooltip) {
+        if (VxeUI.tooltip) {
+          var currValue = internalData.currValue;
+          var tooltipOpts = $xeSlider.computeTooltipOpts;
+          var contentMethod = tooltipOpts.contentMethod;
+          var content = getText(contentMethod ? contentMethod({
+            $slider: $xeSlider,
+            value: currValue
+          }) : '' + currValue);
+          if (content) {
+            VxeUI.tooltip.open(btnElem, Object.assign({}, _objectSpread2(_objectSpread2({}, tooltipOpts), {}, {
+              content: content
+            }), {
+              contentMethod: undefined
+            }));
+          } else {
+            VxeUI.tooltip.close();
+          }
+        }
+      }
+    },
+    handleHideTip: function handleHideTip() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var showTooltip = props.showTooltip;
+      if (showTooltip) {
+        if (VxeUI.tooltip) {
+          VxeUI.tooltip.close();
+        }
+      }
+    },
     handleBtnMousedownEvent: function handleBtnMousedownEvent(evnt) {
       var $xeSlider = this;
       var props = $xeSlider;
@@ -59325,10 +59335,12 @@ function slider_createReactData() {
             $xeSlider.changeEvent(evnt);
           }
           $xeSlider.updateTrackStyle();
+          $xeSlider.handleShowTip(btnElem);
         };
         document.onmouseup = function (evnt) {
           document.onmousemove = null;
           document.onmouseup = null;
+          internalData.isDragStatus = false;
           $xeSlider.dispatchEvent('track-dragend', {
             currentValue: internalData.currValue,
             startValue: internalData.startValue,
@@ -59336,12 +59348,36 @@ function slider_createReactData() {
           }, evnt);
           $xeSlider.changeEvent(evnt);
           $xeSlider.updateTrackStyle();
+          if (!internalData.isBtnActive) {
+            $xeSlider.handleHideTip();
+          }
         };
         $xeSlider.dispatchEvent('track-dragstart', {
           currentValue: internalData.currValue,
           startValue: internalData.startValue,
           endValue: internalData.endValue
         }, evnt);
+        internalData.isDragStatus = false;
+      }
+    },
+    handleBtnMouseenterEvent: function handleBtnMouseenterEvent(evnt) {
+      var $xeSlider = this;
+      var internalData = $xeSlider.internalData;
+      var startValue = internalData.startValue,
+        endValue = internalData.endValue;
+      var btnElem = evnt.currentTarget;
+      var btnType = btnElem.getAttribute('data-type');
+      internalData.currValue = btnType === '1' ? startValue : endValue;
+      internalData.isBtnActive = true;
+      $xeSlider.handleShowTip(btnElem);
+    },
+    handleBtnMouseleaveEvent: function handleBtnMouseleaveEvent() {
+      var $xeSlider = this;
+      var internalData = $xeSlider.internalData;
+      var isDragStatus = internalData.isDragStatus;
+      internalData.isBtnActive = false;
+      if (!isDragStatus) {
+        $xeSlider.handleHideTip();
       }
     },
     //
@@ -59350,14 +59386,15 @@ function slider_createReactData() {
     renderVN: function renderVN(h) {
       var $xeSlider = this;
       var props = $xeSlider;
-      var vertical = props.vertical,
+      var status = props.status,
+        vertical = props.vertical,
         range = props.range;
       var vSize = $xeSlider.computeSize;
       var formReadonly = $xeSlider.computeFormReadonly;
       var isDisabled = $xeSlider.computeIsDisabled;
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-slider', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--vertical', vertical), 'is--readonly', formReadonly), 'is--disabled', isDisabled)]
+        class: ['vxe-slider', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status), 'is--vertical', vertical), 'is--readonly', formReadonly), 'is--disabled', isDisabled)]
       }, [h('div', {
         class: 'vxe-slider--inner'
       }, [h('div', {
@@ -59373,6 +59410,8 @@ function slider_createReactData() {
           'data-type': '1'
         },
         on: {
+          mouseenter: $xeSlider.handleBtnMouseenterEvent,
+          mouseleave: $xeSlider.handleBtnMouseleaveEvent,
           mousedown: $xeSlider.handleBtnMousedownEvent
         }
       }), formReadonly ? renderEmptyElement($xeSlider) : h('div', {
@@ -59382,6 +59421,8 @@ function slider_createReactData() {
           'data-type': '2'
         },
         on: {
+          mouseenter: $xeSlider.handleBtnMouseenterEvent,
+          mouseleave: $xeSlider.handleBtnMouseleaveEvent,
           mousedown: $xeSlider.handleBtnMousedownEvent
         }
       })])]);
@@ -59451,6 +59492,7 @@ var Slider = VxeSlider;
 
 
 
+
 /* harmony default export */ var space = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeSpace',
   mixins: [globalMixins.sizeMixin, globalMixins.permissionMixin],
@@ -59502,6 +59544,36 @@ var Slider = VxeSlider;
       default: function _default() {
         return getConfig().space.align;
       }
+    },
+    fill: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().space.fill;
+      }
+    },
+    itemWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return getConfig().space.itemWidth;
+      }
+    },
+    itemMinWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return getConfig().space.itemMinWidth;
+      }
+    },
+    itemMaxWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return getConfig().space.itemMaxWidth;
+      }
+    },
+    separatorWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return getConfig().space.separatorWidth;
+      }
     }
   },
   data: function data() {
@@ -59565,10 +59637,28 @@ var Slider = VxeSlider;
       var props = $xeSpace;
       var slots = $xeSpace.$scopedSlots;
       var separator = props.separator,
-        itemClassName = props.itemClassName;
+        itemClassName = props.itemClassName,
+        itemWidth = props.itemWidth,
+        itemMinWidth = props.itemMinWidth,
+        itemMaxWidth = props.itemMaxWidth,
+        separatorWidth = props.separatorWidth;
       var itemVNs = [];
       var defaultSlot = slots.default;
       var separatorSlot = slots.separator;
+      var srStys = {};
+      if (separatorWidth) {
+        srStys.width = toCssUnit(itemWidth);
+      }
+      var itemStys = {};
+      if (itemWidth) {
+        itemStys.width = toCssUnit(itemWidth);
+      }
+      if (itemMinWidth) {
+        itemStys.minWidth = toCssUnit(itemMinWidth);
+      }
+      if (itemMaxWidth) {
+        itemStys.maxWidth = toCssUnit(itemMaxWidth);
+      }
       if (defaultSlot) {
         external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(defaultSlot({}), function (itemVN, index, items) {
           itemVNs.push(h('div', {
@@ -59592,12 +59682,16 @@ var Slider = VxeSlider;
       var props = $xeSpace;
       var vertical = props.vertical,
         wrap = props.wrap,
-        className = props.className;
+        className = props.className,
+        fill = props.fill,
+        itemWidth = props.itemWidth,
+        itemMinWidth = props.itemMinWidth,
+        itemMaxWidth = props.itemMaxWidth;
       var wrapperStyle = $xeSpace.computeWrapperStyle;
       var vSize = $xeSpace.computeSize;
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-space', getPropClass(className, {}), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical)],
+        class: ['vxe-space', getPropClass(className, {}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical), 'is--fill', fill), 'is--width', itemWidth || itemMinWidth || itemMaxWidth)],
         style: wrapperStyle
       }, $xeSpace.renderItems(h));
     }
@@ -60689,22 +60783,6 @@ function table_select_createInternalData() {
       $xeTableSelect.clearValueEvent(evnt, null);
       $xeTableSelect.hideOptionPanel();
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeTableSelect = this;
-      var reactData = $xeTableSelect.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeTableSelect.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelElem = $xeTableSelect.$refs.refOptionPanel;
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeTableSelect.updatePlacement();
-          } else {
-            $xeTableSelect.hideOptionPanel();
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeTableSelect = this;
       var reactData = $xeTableSelect.reactData;
@@ -60745,6 +60823,14 @@ function table_select_createInternalData() {
         $xeTableSelect.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeTableSelect = this;
+      var reactData = $xeTableSelect.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeTableSelect.updatePlacement();
+      }
+    },
     focusEvent: function focusEvent(evnt) {
       var $xeTableSelect = this;
       var reactData = $xeTableSelect.reactData;
@@ -60968,10 +61054,10 @@ function table_select_createInternalData() {
         reactData.initialized = true;
       }
     }
-    globalEvents.on($xeTableSelect, 'mousewheel', $xeTableSelect.handleGlobalMousewheelEvent);
     globalEvents.on($xeTableSelect, 'mousedown', $xeTableSelect.handleGlobalMousedownEvent);
     globalEvents.on($xeTableSelect, 'blur', $xeTableSelect.handleGlobalBlurEvent);
     globalEvents.on($xeTableSelect, 'resize', $xeTableSelect.handleGlobalResizeEvent);
+    globalEvents.on($xeTableSelect, 'scroll', $xeTableSelect.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeTableSelect = this;
@@ -60981,10 +61067,10 @@ function table_select_createInternalData() {
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    globalEvents.off($xeTableSelect, 'mousewheel');
     globalEvents.off($xeTableSelect, 'mousedown');
     globalEvents.off($xeTableSelect, 'blur');
     globalEvents.off($xeTableSelect, 'resize');
+    globalEvents.off($xeTableSelect, 'scroll');
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, table_select_createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, table_select_createInternalData());
   },
@@ -68415,22 +68501,6 @@ function tree_select_createInternalData() {
         $tree.clearAllExpandNode();
       }
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeTreeSelect = this;
-      var reactData = $xeTreeSelect.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeTreeSelect.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelElem = $xeTreeSelect.$refs.refOptionPanel;
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeTreeSelect.updatePlacement();
-          } else {
-            $xeTreeSelect.hideOptionPanel(evnt);
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeTreeSelect = this;
       var reactData = $xeTreeSelect.reactData;
@@ -68471,6 +68541,14 @@ function tree_select_createInternalData() {
         $xeTreeSelect.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeTreeSelect = this;
+      var reactData = $xeTreeSelect.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeTreeSelect.updatePlacement();
+      }
+    },
     handleFocusSearch: function handleFocusSearch() {
       var $xeSelect = this;
       var props = $xeSelect;
@@ -68858,10 +68936,10 @@ function tree_select_createInternalData() {
     if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(props.autoClose)) {
       tree_select_warnLog('vxe.error.delProp', ['auto-close', 'checked-closable | clear-closable']);
     }
-    globalEvents.on($xeTreeSelect, 'mousewheel', $xeTreeSelect.handleGlobalMousewheelEvent);
     globalEvents.on($xeTreeSelect, 'mousedown', $xeTreeSelect.handleGlobalMousedownEvent);
     globalEvents.on($xeTreeSelect, 'blur', $xeTreeSelect.handleGlobalBlurEvent);
     globalEvents.on($xeTreeSelect, 'resize', $xeTreeSelect.handleGlobalResizeEvent);
+    globalEvents.on($xeTreeSelect, 'scroll', $xeTreeSelect.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeTreeSelect = this;
@@ -68871,10 +68949,10 @@ function tree_select_createInternalData() {
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    globalEvents.off($xeTreeSelect, 'mousewheel');
     globalEvents.off($xeTreeSelect, 'mousedown');
     globalEvents.off($xeTreeSelect, 'blur');
     globalEvents.off($xeTreeSelect, 'resize');
+    globalEvents.off($xeTreeSelect, 'scroll');
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, tree_select_createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, tree_select_createInternalData());
   },