vxe-pc-ui 3.17.30 → 3.18.1

package/lib/index.umd.js

@@ -11181,8 +11181,10 @@ __webpack_require__.d(__webpack_exports__, {
   DatePanel: function() { return /* reexport */ DatePanel; },
   DatePicker: function() { return /* reexport */ DatePicker; },
   DateRangePicker: function() { return /* reexport */ DateRangePicker; },
+  Divider: function() { return /* reexport */ Divider; },
   Drawer: function() { return /* reexport */ Drawer; },
   DrawerController: function() { return /* reexport */ DrawerController; },
+  Empty: function() { return /* reexport */ Empty; },
   Form: function() { return /* reexport */ Form; },
   FormGather: function() { return /* reexport */ FormGather; },
   FormGroup: function() { return /* reexport */ FormGroup; },
@@ -11278,7 +11280,9 @@ __webpack_require__.d(__webpack_exports__, {
   VxeDatePanel: function() { return /* reexport */ VxeDatePanel; },
   VxeDatePicker: function() { return /* reexport */ VxeDatePicker; },
   VxeDateRangePicker: function() { return /* reexport */ VxeDateRangePicker; },
+  VxeDivider: function() { return /* reexport */ VxeDivider; },
   VxeDrawer: function() { return /* reexport */ VxeDrawer; },
+  VxeEmpty: function() { return /* reexport */ VxeEmpty; },
   VxeForm: function() { return /* reexport */ VxeForm; },
   VxeFormGather: function() { return /* reexport */ VxeFormGather; },
   VxeFormGroup: function() { return /* reexport */ VxeFormGroup; },
@@ -11343,7 +11347,6 @@ __webpack_require__.d(__webpack_exports__, {
   VxeUI: function() { return /* reexport */ VxeUI; },
   VxeUpload: function() { return /* reexport */ VxeUpload; },
   VxeWatermark: function() { return /* reexport */ VxeWatermark; },
-  Vxeempty: function() { return /* reexport */ Vxeempty; },
   Watermark: function() { return /* reexport */ Watermark; },
   WatermarkController: function() { return /* reexport */ WatermarkController; },
   checkVersion: function() { return /* reexport */ checkVersion; },
@@ -11355,7 +11358,6 @@ __webpack_require__.d(__webpack_exports__, {
   createEvent: function() { return /* reexport */ createEvent; },
   "default": function() { return /* binding */ entry_lib; },
   drawer: function() { return /* reexport */ components_drawer; },
-  empty: function() { return /* reexport */ empty_empty; },
   formats: function() { return /* reexport */ formats; },
   getComponent: function() { return /* reexport */ getComponent; },
   getConfig: function() { return /* reexport */ getConfig; },
@@ -11431,8 +11433,10 @@ __webpack_require__.d(components_namespaceObject, {
   DatePanel: function() { return DatePanel; },
   DatePicker: function() { return DatePicker; },
   DateRangePicker: function() { return DateRangePicker; },
+  Divider: function() { return Divider; },
   Drawer: function() { return Drawer; },
   DrawerController: function() { return DrawerController; },
+  Empty: function() { return Empty; },
   Form: function() { return Form; },
   FormGather: function() { return FormGather; },
   FormGroup: function() { return FormGroup; },
@@ -11528,7 +11532,9 @@ __webpack_require__.d(components_namespaceObject, {
   VxeDatePanel: function() { return VxeDatePanel; },
   VxeDatePicker: function() { return VxeDatePicker; },
   VxeDateRangePicker: function() { return VxeDateRangePicker; },
+  VxeDivider: function() { return VxeDivider; },
   VxeDrawer: function() { return VxeDrawer; },
+  VxeEmpty: function() { return VxeEmpty; },
   VxeForm: function() { return VxeForm; },
   VxeFormGather: function() { return VxeFormGather; },
   VxeFormGroup: function() { return VxeFormGroup; },
@@ -11593,7 +11599,6 @@ __webpack_require__.d(components_namespaceObject, {
   VxeUI: function() { return VxeUI; },
   VxeUpload: function() { return VxeUpload; },
   VxeWatermark: function() { return VxeWatermark; },
-  Vxeempty: function() { return Vxeempty; },
   Watermark: function() { return Watermark; },
   WatermarkController: function() { return WatermarkController; },
   checkVersion: function() { return checkVersion; },
@@ -11604,7 +11609,6 @@ __webpack_require__.d(components_namespaceObject, {
   coreVersion: function() { return coreVersion; },
   createEvent: function() { return createEvent; },
   drawer: function() { return components_drawer; },
-  empty: function() { return empty_empty; },
   formats: function() { return formats; },
   getComponent: function() { return getComponent; },
   getConfig: function() { return getConfig; },
@@ -13284,7 +13288,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.1");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13304,7 +13308,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.17.30";
+var ui_version = "3.18.1";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13437,6 +13441,7 @@ setConfig({
     showClearButton: true,
     showConfirmButton: null
   },
+  divider: {},
   drawer: {
     // size: null,
     // useHtml: false,
@@ -17149,6 +17154,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 +17170,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 +17528,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 +17550,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 +17833,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 +17849,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 +28432,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 +28472,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 +29408,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 +29421,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 +33561,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 +33601,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 +33993,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 +34004,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 +38788,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 +38816,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 +39310,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 +39324,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 +40486,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 +40513,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 +41058,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 +41077,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());
   },
@@ -41129,6 +41104,97 @@ dynamicApp.use(VxeDateRangePicker);
 VxeUI.component(date_range_picker);
 var DateRangePicker = VxeDateRangePicker;
 /* harmony default export */ var packages_date_range_picker = (VxeDateRangePicker);
+;// ./packages/divider/src/divider.ts
+
+
+
+
+
+/* harmony default export */ var divider = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeDivider',
+  mixins: [globalMixins.sizeMixin],
+  props: {
+    vertical: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().divider.vertical;
+      }
+    },
+    titleContent: {
+      type: String,
+      default: function _default() {
+        return getConfig().divider.titleContent;
+      }
+    },
+    titleAlign: {
+      type: String,
+      default: function _default() {
+        return getConfig().divider.titleAlign;
+      }
+    },
+    size: {
+      type: String,
+      default: function _default() {
+        return getConfig().divider.size || getConfig().size;
+      }
+    }
+  },
+  data: function data() {
+    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    return {
+      xID: xID
+    };
+  },
+  computed: _objectSpread2({}, {}),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeDivider = this;
+      $xeDivider.$emit(type, createEvent(evnt, {
+        $divider: $xeDivider
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeDivider = this;
+      var props = $xeDivider;
+      var slots = $xeDivider.$scopedSlots;
+      var vertical = props.vertical,
+        titleContent = props.titleContent,
+        titleAlign = props.titleAlign;
+      var vSize = $xeDivider.computeSize;
+      var titleSlot = slots.title;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-divider', vertical ? 'is--vertical' : 'is--horizontal', "t--align-".concat(titleAlign || 'center'), _defineProperty({}, "size--".concat(vSize), vSize)]
+      }, titleContent && !vertical ? [h('span', {
+        class: 'vxe-divider--content'
+      }, titleSlot ? titleSlot({}) : titleContent)] : []);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+})); /* define-vxe-component end */
+;// ./packages/divider/index.ts
+
+
+
+
+
+var VxeDivider = Object.assign({}, divider, {
+  install: function install(app) {
+    app.component(divider.name, divider);
+  }
+});
+dynamicApp.use(VxeDivider);
+VxeUI.component(divider);
+var Divider = VxeDivider;
+/* harmony default export */ var packages_divider = (VxeDivider);
 ;// ./packages/drawer/src/store.ts
 var allActiveDrawers = [];
 ;// ./packages/loading/index.ts
@@ -42162,7 +42228,12 @@ var Drawer = VxeDrawer;
     imageUrl: String,
     imageStyle: Object,
     icon: String,
-    status: String,
+    status: {
+      type: String,
+      default: function _default() {
+        return getConfig().empty.status;
+      }
+    },
     content: [String, Number]
   },
   data: function data() {
@@ -42225,15 +42296,15 @@ var Drawer = VxeDrawer;
 
 
 
-var Vxeempty = Object.assign({}, empty, {
+var VxeEmpty = Object.assign({}, empty, {
   install: function install(app) {
     app.component(empty.name, empty);
   }
 });
-dynamicApp.use(Vxeempty);
+dynamicApp.use(VxeEmpty);
 VxeUI.component(empty);
-var empty_empty = Vxeempty;
-/* harmony default export */ var packages_empty = (Vxeempty);
+var Empty = VxeEmpty;
+/* harmony default export */ var packages_empty = (VxeEmpty);
 ;// ./packages/form/src/itemInfo.ts
 
 
@@ -45681,22 +45752,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 +45831,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 +46061,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 +46075,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 +52446,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 +52622,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 +53463,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 +53475,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 +55970,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 +56018,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 +56136,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 +56147,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 +59078,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 +59487,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 +60884,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 +60924,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 +61155,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 +61168,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 +68602,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 +68642,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 +69037,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 +69050,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());
   },
@@ -71849,13 +71890,14 @@ var Watermark = VxeWatermark;
 
 
 
+
 
 
 var components_setI18n = VxeUI.setI18n,
   components_setLanguage = VxeUI.setLanguage,
   components_setTheme = VxeUI.setTheme,
   components_setConfig = VxeUI.setConfig;
-var components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_backtop, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_cascader, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_context_menu, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, packages_loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_segmented, packages_select, packages_splitter, packages_splitter_panel, split, split_pane, packages_slider, packages_space, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_table_transfer, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_timeline, packages_timeline_item, packages_tip, packages_tooltip, packages_tour, packages_transfer, packages_tree, packages_tree_select, packages_upload, packages_watermark];
+var components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_backtop, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_cascader, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_context_menu, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_divider, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, packages_loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_segmented, packages_select, packages_splitter, packages_splitter_panel, split, split_pane, packages_slider, packages_space, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_table_transfer, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_timeline, packages_timeline_item, packages_tip, packages_tooltip, packages_tour, packages_transfer, packages_tree, packages_tree_select, packages_upload, packages_watermark];
 function install(app, options) {
   components_setConfig(options);
   components_components.forEach(function (component) {
@@ -71994,6 +72036,7 @@ var readFile = readLocalFile;
 
 
 
+
 
 
 ;// ./index.ts