vxe-pc-ui 3.17.30 → 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.30");
+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.30";
+var ui_version = "3.18.0";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -17149,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;
@@ -17164,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;
         }
       }
@@ -17522,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;
@@ -17552,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
     //
@@ -17827,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;
@@ -17843,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);
@@ -28425,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;
@@ -28481,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;
@@ -29409,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;
@@ -29422,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());
   },
@@ -33562,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;
@@ -33618,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
     //
@@ -34002,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;
@@ -34013,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);
@@ -38797,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;
@@ -38841,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;
@@ -39327,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;
@@ -39341,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());
   },
@@ -40503,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;
@@ -40547,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;
@@ -41084,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;
@@ -41103,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());
   },
@@ -45681,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;
@@ -45776,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;
@@ -45990,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;
@@ -46003,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());
   },
@@ -52373,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;
@@ -52565,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;
@@ -53398,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;
@@ -53410,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;
@@ -55905,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;
@@ -55976,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
     //
@@ -56086,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;
@@ -56097,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);
@@ -59028,6 +58977,12 @@ function slider_createReactData() {
       type: Boolean,
       default: null
     },
+    status: {
+      type: String,
+      default: function _default() {
+        return getConfig().slider.status;
+      }
+    },
     immediate: {
       type: Boolean,
       default: function _default() {
@@ -59431,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', {
@@ -60827,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;
@@ -60883,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;
@@ -61106,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;
@@ -61119,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());
   },
@@ -68553,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;
@@ -68609,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;
@@ -68996,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;
@@ -69009,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());
   },