vxe-pc-ui 1.1.0 → 1.1.1

package/es/anchor/src/anchor.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, h, reactive, provide, nextTick, onBeforeUnmount, onMounted, watch, createCommentVNode, computed } from 'vue';
 import XEUtils from 'xe-utils';
+import { createEvent } from '@vxe-ui/core';
 import { getOffsetPos } from '../../ui/src/dom';
 import VxeAnchorLinkComponent from './anchor-link';
 export default defineComponent({
@@ -49,7 +50,7 @@ export default defineComponent({
         };
         const anchorMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $xeAnchor, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $xeAnchor }, params));
             }
         };
         const getContainerElem = () => {

package/es/button/src/button-group.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, provide } from 'vue';
-import { getConfig } from '@vxe-ui/core';
+import { getConfig, createEvent } from '@vxe-ui/core';
 import XEUtils from 'xe-utils';
 import { useSize } from '../../hooks/size';
 import VxeButtonComponent from '../../button/src/button';
@@ -31,7 +31,7 @@ export default defineComponent({
         useSize(props);
         const buttonGroupMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $buttonGroup: $xeButtonGroup, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $buttonGroup: $xeButtonGroup }, params));
             }
         };
         const buttonGroupPrivateMethods = {

package/es/button/src/button.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, computed, Teleport, onUnmounted, reactive, nextTick, onMounted, inject } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, globalEvents, log, getIcon } from '@vxe-ui/core';
+import { getConfig, globalEvents, log, getIcon, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 import { getAbsolutePos, getEventTargetNode } from '../../ui/src/dom';
 import { getFuncText, getLastZIndex, nextZIndex } from '../../ui/src/utils';
@@ -299,10 +299,10 @@ export default defineComponent({
             mouseleaveEvent(evnt);
         };
         const mouseenterEvent = (evnt) => {
-            emit('mouseenter', { $event: evnt });
+            emit('mouseenter', createEvent(evnt, {}));
         };
         const mouseleaveEvent = (evnt) => {
-            emit('mouseleave', { $event: evnt });
+            emit('mouseleave', createEvent(evnt, {}));
         };
         const closePanel = () => {
             const panelElem = refBtnPanel.value;
@@ -360,7 +360,7 @@ export default defineComponent({
         };
         buttonMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $button: $xeButton, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $button: $xeButton }, params));
             },
             focus() {
                 const btnElem = refButton.value;

package/es/checkbox/src/checkbox.js

@@ -1,7 +1,7 @@
 import { defineComponent, h, computed, inject } from 'vue';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig } from '@vxe-ui/core';
+import { getConfig, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 export default defineComponent({
     name: 'VxeCheckbox',
@@ -74,7 +74,7 @@ export default defineComponent({
         };
         checkboxMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $checkbox: $xecheckbox, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $checkbox: $xecheckbox }, params));
             }
         };
         Object.assign($xecheckbox, checkboxMethods);

package/es/checkbox/src/group.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, provide, computed, inject } from 'vue';
-import { getConfig } from '@vxe-ui/core';
+import { getConfig, createEvent } from '@vxe-ui/core';
 import XEUtils from 'xe-utils';
 import VxeCheckboxComponent from './checkbox';
 import { useSize } from '../../hooks/size';
@@ -56,7 +56,7 @@ export default defineComponent({
         useSize(props);
         const checkboxGroupMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $checkboxGroup: $xeCheckboxGroup, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $checkboxGroup: $xeCheckboxGroup }, params));
             }
         };
         const checkboxGroupPrivateMethods = {

package/es/drawer/src/drawer.js

@@ -2,7 +2,7 @@ import { defineComponent, h, Teleport, ref, reactive, nextTick, watch, onMounted
 import XEUtils from 'xe-utils';
 import { useSize } from '../../hooks/size';
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils';
-import { getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS } from '@vxe-ui/core';
+import { getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent } from '@vxe-ui/core';
 import { getSlotVNs } from '../../ui/src/vn';
 import VxeButtonComponent from '../../button/src/button';
 import VxeLoadingComponent from '../../loading/index';
@@ -109,11 +109,11 @@ export default defineComponent({
                     if (!XEUtils.isError(rest)) {
                         reactData.contentVisible = false;
                         XEUtils.remove(allActiveDrawers, item => item === $xeDrawer);
-                        drawerMethods.dispatchEvent('before-hide', params);
+                        drawerMethods.dispatchEvent('before-hide', params, null);
                         setTimeout(() => {
                             reactData.visible = false;
                             emit('update:modelValue', false);
-                            drawerMethods.dispatchEvent('hide', params);
+                            drawerMethods.dispatchEvent('hide', params, null);
                         }, 200);
                     }
                 }).catch(e => e);
@@ -161,7 +161,7 @@ export default defineComponent({
                         const type = '';
                         const params = { type };
                         emit('update:modelValue', true);
-                        drawerMethods.dispatchEvent('show', params);
+                        drawerMethods.dispatchEvent('show', params, null);
                     });
                 }, 10);
                 nextTick(() => {
@@ -180,7 +180,7 @@ export default defineComponent({
         };
         const drawerMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $drawer: $xeDrawer, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $drawer: $xeDrawer }, params));
             },
             open: openDrawer,
             close() {

package/es/form/src/form.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, provide, computed, inject, reactive, watch, nextTick, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, validators, renderer, log } from '@vxe-ui/core';
+import { getConfig, validators, renderer, log, createEvent } from '@vxe-ui/core';
 import { getFuncText, isEnableConf, eqEmptyValue } from '../../ui/src/utils';
 import { scrollToView } from '../../ui/src/dom';
 import { createItem, handleFieldOrItem, isHiddenItem, isActivetem } from './util';
@@ -551,7 +551,7 @@ export default defineComponent({
         };
         formMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $form: $xeForm, $grid: $xeGrid, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $form: $xeForm, $grid: $xeGrid }, params));
             },
             reset,
             validate,

package/es/form-design/src/form-design.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, h, reactive, provide, watch, nextTick } from 'vue';
-import { getConfig, getI18n, renderer } from '@vxe-ui/core';
+import { getConfig, getI18n, renderer, createEvent } from '@vxe-ui/core';
 import { toCssUnit } from '../../ui/src/dom';
 import { FormDesignWidgetInfo } from './widget-info';
 import XEUtils from 'xe-utils';
@@ -86,7 +86,7 @@ export default defineComponent({
         };
         const formDesignMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $xeFormDesign, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $xeFormDesign }, params));
             },
             createWidget,
             createEmptyWidget,

package/es/form-design/src/form-view.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, h, reactive, nextTick, provide, watch } from 'vue';
 import XEUtils from 'xe-utils';
-import { renderer } from '@vxe-ui/core';
+import { renderer, createEvent } from '@vxe-ui/core';
 import { getSlotVNs } from '../../ui/src/vn';
 import VxeFormComponent from '../../form/src/form';
 export default defineComponent({
@@ -105,7 +105,7 @@ export default defineComponent({
             return null;
         };
         const dispatchEvent = (type, params, evnt) => {
-            emit(type, Object.assign({ $xeFormView, $event: evnt }, params));
+            emit(type, createEvent(evnt, { $xeFormView }, params));
         };
         const formViewMethods = {
             dispatchEvent,

package/es/icon/src/icon.js

@@ -1,4 +1,5 @@
 import { defineComponent, h } from 'vue';
+import { createEvent } from '@vxe-ui/core';
 export default defineComponent({
     name: 'VxeIcon',
     props: {
@@ -11,7 +12,7 @@ export default defineComponent({
     ],
     setup(props, { emit }) {
         const clickEvent = (evnt) => {
-            emit('click', { $event: evnt });
+            emit('click', createEvent(evnt, {}));
         };
         return () => {
             const { name, roll, status } = props;

package/es/input/src/input.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, Teleport, ref, computed, reactive, inject, nextTick, watch, onUnmounted } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS } from '@vxe-ui/core';
+import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 import { getFuncText, getLastZIndex, nextZIndex } from '../../ui/src/utils';
 import { hasClass, getAbsolutePos, getEventTargetNode } from '../../ui/src/dom';
@@ -2183,7 +2183,7 @@ export default defineComponent({
         };
         inputMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $input: $xeInput, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $input: $xeInput }, params));
             },
             focus() {
                 const inputElem = refInputTarget.value;

package/es/list/src/list.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, computed, onUnmounted, watch, reactive, nextTick, onActivated } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, globalEvents, globalResize } from '@vxe-ui/core';
+import { getConfig, globalEvents, globalResize, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 import { browse } from '../../ui/src/dom';
 import VxeLoadingComponent from '../../loading/src/loading';
@@ -214,7 +214,7 @@ export default defineComponent({
         };
         listMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $list: $xeList, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $list: $xeList }, params));
             },
             /**
              * 加载数据

package/es/menu/src/menu.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, h, reactive, resolveComponent, createCommentVNode, nextTick, watch, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
-import { getIcon } from '@vxe-ui/core';
+import { getIcon, createEvent } from '@vxe-ui/core';
 export default defineComponent({
     name: 'VxeMenu',
     props: {
@@ -108,7 +108,7 @@ export default defineComponent({
                     handleClickIconCollapse(evnt, item);
                 }
             }
-            emit('click', { $menu: $xeMenu, menu: item, $event: evnt });
+            emit('click', createEvent(evnt, { $menu: $xeMenu, menu: item }));
         };
         const renderMenuTitle = (item) => {
             const { icon, isExpand, hasChild } = item;

package/es/modal/src/modal.js

@@ -3,7 +3,7 @@ import XEUtils from 'xe-utils';
 import { useSize } from '../../hooks/size';
 import { getDomNode, getEventTargetNode } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils';
-import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, log } from '@vxe-ui/core';
+import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, log, createEvent } from '@vxe-ui/core';
 import VxeButtonComponent from '../../button/src/button';
 import VxeLoadingComponent from '../../loading/index';
 import { getSlotVNs } from '../../ui/src/vn';
@@ -185,11 +185,11 @@ export default defineComponent({
                             reactData.zoomLocat = null;
                         }
                         XEUtils.remove(allActiveModals, item => item === $xeModal);
-                        modalMethods.dispatchEvent('before-hide', params);
+                        modalMethods.dispatchEvent('before-hide', params, null);
                         setTimeout(() => {
                             reactData.visible = false;
                             emit('update:modelValue', false);
-                            modalMethods.dispatchEvent('hide', params);
+                            modalMethods.dispatchEvent('hide', params, null);
                         }, 200);
                     }
                 }).catch(e => e);
@@ -329,7 +329,7 @@ export default defineComponent({
                         const type = '';
                         const params = { type };
                         emit('update:modelValue', true);
-                        modalMethods.dispatchEvent('show', params);
+                        modalMethods.dispatchEvent('show', params, null);
                     });
                 }, 10);
                 if (isMsg) {
@@ -488,7 +488,7 @@ export default defineComponent({
                     boxElem.style.left = `${left}px`;
                     boxElem.style.top = `${top}px`;
                     boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
-                    emit('move', { type: 'move', $event: evnt });
+                    emit('move', createEvent(evnt, { type: 'move' }));
                 };
                 document.onmouseup = () => {
                     document.onmousemove = domMousemove;
@@ -656,7 +656,7 @@ export default defineComponent({
         };
         modalMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $modal: $xeModal, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $modal: $xeModal }, params));
             },
             open: openModal,
             close() {

package/es/pager/src/pager.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, computed, inject, ref, reactive, nextTick, watch } from 'vue';
 import XEUtils from 'xe-utils';
-import { getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, log } from '@vxe-ui/core';
+import { getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, log, createEvent } from '@vxe-ui/core';
 import VxeSelectComponent from '../../select';
 import { useSize } from '../../hooks/size';
 export default defineComponent({
@@ -165,7 +165,7 @@ export default defineComponent({
                 emit('update:currentPage', pageCount);
             }
             emit('update:pageSize', pageSize);
-            pagerMethods.dispatchEvent('page-change', { type: 'size', pageSize, currentPage });
+            pagerMethods.dispatchEvent('page-change', { type: 'size', pageSize, currentPage }, params.$event);
         };
         const jumpInputEvent = (evnt) => {
             const inputElem = evnt.target;
@@ -405,7 +405,7 @@ export default defineComponent({
         };
         pagerMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $pager: $xepager, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $pager: $xepager }, params));
             },
             homePage() {
                 handleHomePage();

package/es/pulldown/src/pulldown.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, Teleport, ref, onUnmounted, reactive, nextTick, watch, createCommentVNode } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, globalEvents } from '@vxe-ui/core';
+import { getConfig, globalEvents, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 import { getAbsolutePos, getEventTargetNode } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
@@ -231,7 +231,7 @@ export default defineComponent({
         };
         pulldownMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $pulldown: $xepulldown, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $pulldown: $xepulldown }, params));
             },
             isPanelVisible,
             togglePanel,

package/es/radio/src/button.js

@@ -1,7 +1,7 @@
 import { defineComponent, h, computed, inject } from 'vue';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig } from '@vxe-ui/core';
+import { getConfig, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 export default defineComponent({
     name: 'VxeRadioButton',
@@ -46,7 +46,7 @@ export default defineComponent({
         });
         radioButtonMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $radioButton: $xeradiobutton, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $radioButton: $xeradiobutton }, params));
             }
         };
         Object.assign($xeradiobutton, radioButtonMethods);

package/es/radio/src/group.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, provide, inject, computed } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig } from '@vxe-ui/core';
+import { getConfig, createEvent } from '@vxe-ui/core';
 import VxeRadioComponent from './radio';
 import VxeRadioButtonComponent from './button';
 import { useSize } from '../../hooks/size';
@@ -50,7 +50,7 @@ export default defineComponent({
         const radioGroupPrivateMethods = {
             handleChecked(params, evnt) {
                 emit('update:modelValue', params.label);
-                radioGroupMethods.dispatchEvent('change', params);
+                radioGroupMethods.dispatchEvent('change', params, evnt);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {
                     $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, params.label);
@@ -59,7 +59,7 @@ export default defineComponent({
         };
         radioGroupMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $radioGroup: $xeradiogroup, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $radioGroup: $xeradiogroup }, params));
             }
         };
         const renderVN = () => {

package/es/radio/src/radio.js

@@ -1,7 +1,7 @@
 import { defineComponent, h, computed, inject } from 'vue';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig } from '@vxe-ui/core';
+import { getConfig, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 export default defineComponent({
     name: 'VxeRadio',
@@ -75,7 +75,7 @@ export default defineComponent({
         };
         radioMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $radio: $xeradio, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $radio: $xeradio }, params));
             }
         };
         Object.assign($xeradio, radioMethods);

package/es/row/src/row.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, h, reactive, provide, computed } from 'vue';
 import XEUtils from 'xe-utils';
+import { createEvent } from '@vxe-ui/core';
 import { toCssUnit } from '../../ui/src/dom';
 export default defineComponent({
     name: 'VxeRow',
@@ -54,7 +55,7 @@ export default defineComponent({
             getComputeMaps: () => computeMaps
         };
         const handleDefaultEvent = (evnt) => {
-            emit(evnt.type, { $event: evnt });
+            emit(evnt.type, createEvent(evnt, {}));
         };
         const renderVN = () => {
             const { vertical } = props;

package/es/select/src/select.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, Teleport, ref, inject, computed, provide, onUnmounted, reactive, nextTick, watch, onMounted, createCommentVNode } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS } from '@vxe-ui/core';
+import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 import { getEventTargetNode, getAbsolutePos } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils';
@@ -87,7 +87,7 @@ export default defineComponent({
         const refMaps = {
             refElem
         };
-        const $xeselect = {
+        const $xeSelect = {
             xID,
             props,
             context,
@@ -691,7 +691,7 @@ export default defineComponent({
                 const isDisabled = checkOptionDisabled(isSelected, option, group);
                 const optid = getOptid(option);
                 const defaultSlot = slots ? slots.default : null;
-                const optParams = { option, group: null, $select: $xeselect };
+                const optParams = { option, group: null, $select: $xeSelect };
                 return isVisible
                     ? h('div', {
                         key: useKey || optionKey ? optid : cIndex,
@@ -736,7 +736,7 @@ export default defineComponent({
                 const optid = getOptid(group);
                 const isGroupDisabled = group.disabled;
                 const defaultSlot = slots ? slots.default : null;
-                const optParams = { option: group, group, $select: $xeselect };
+                const optParams = { option: group, group, $select: $xeSelect };
                 return h('div', {
                     key: useKey || optionKey ? optid : gIndex,
                     class: ['vxe-optgroup', className ? (XEUtils.isFunction(className) ? className(optParams) : className) : '', {
@@ -789,7 +789,7 @@ export default defineComponent({
         };
         selectMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $select: $xeselect, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $select: $xeSelect }, params));
             },
             isPanelVisible() {
                 return reactData.visiblePanel;
@@ -829,7 +829,7 @@ export default defineComponent({
                 return nextTick();
             }
         };
-        Object.assign($xeselect, selectMethods);
+        Object.assign($xeSelect, selectMethods);
         watch(() => reactData.staticOptions, (value) => {
             if (value.some((item) => item.options && item.options.length)) {
                 reactData.fullOptionList = [];
@@ -862,16 +862,16 @@ export default defineComponent({
                 }
                 cacheItemMap();
             });
-            globalEvents.on($xeselect, 'mousewheel', handleGlobalMousewheelEvent);
-            globalEvents.on($xeselect, 'mousedown', handleGlobalMousedownEvent);
-            globalEvents.on($xeselect, 'keydown', handleGlobalKeydownEvent);
-            globalEvents.on($xeselect, 'blur', handleGlobalBlurEvent);
+            globalEvents.on($xeSelect, 'mousewheel', handleGlobalMousewheelEvent);
+            globalEvents.on($xeSelect, 'mousedown', handleGlobalMousedownEvent);
+            globalEvents.on($xeSelect, 'keydown', handleGlobalKeydownEvent);
+            globalEvents.on($xeSelect, 'blur', handleGlobalBlurEvent);
         });
         onUnmounted(() => {
-            globalEvents.off($xeselect, 'mousewheel');
-            globalEvents.off($xeselect, 'mousedown');
-            globalEvents.off($xeselect, 'keydown');
-            globalEvents.off($xeselect, 'blur');
+            globalEvents.off($xeSelect, 'mousewheel');
+            globalEvents.off($xeSelect, 'mousedown');
+            globalEvents.off($xeSelect, 'keydown');
+            globalEvents.off($xeSelect, 'blur');
         });
         const renderVN = () => {
             const { className, popupClassName, transfer, disabled, loading, filterable } = props;
@@ -884,7 +884,7 @@ export default defineComponent({
             const prefixSlot = slots.prefix;
             return h('div', {
                 ref: refElem,
-                class: ['vxe-select', className ? (XEUtils.isFunction(className) ? className({ $select: $xeselect }) : className) : '', {
+                class: ['vxe-select', className ? (XEUtils.isFunction(className) ? className({ $select: $xeSelect }) : className) : '', {
                         [`size--${vSize}`]: vSize,
                         'is--visivle': visiblePanel,
                         'is--disabled': disabled,
@@ -923,7 +923,7 @@ export default defineComponent({
                 }, [
                     h('div', {
                         ref: refOptionPanel,
-                        class: ['vxe-table--ignore-clear vxe-select--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $select: $xeselect }) : popupClassName) : '', {
+                        class: ['vxe-table--ignore-clear vxe-select--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $select: $xeSelect }) : popupClassName) : '', {
                                 [`size--${vSize}`]: vSize,
                                 'is--transfer': transfer,
                                 'animat--leave': !loading && reactData.animatVisible,
@@ -979,9 +979,9 @@ export default defineComponent({
                 ])
             ]);
         };
-        $xeselect.renderVN = renderVN;
-        provide('$xeSelect', $xeselect);
-        return $xeselect;
+        $xeSelect.renderVN = renderVN;
+        provide('$xeSelect', $xeSelect);
+        return $xeSelect;
     },
     render() {
         return this.renderVN();

package/es/switch/src/switch.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, computed, reactive, nextTick, createCommentVNode, inject } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig } from '@vxe-ui/core';
+import { getConfig, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 import { getFuncText } from '../../ui/src/utils';
 export default defineComponent({
@@ -80,7 +80,7 @@ export default defineComponent({
         };
         switchMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $switch: $xeSwitch, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $switch: $xeSwitch }, params));
             },
             focus() {
                 const btnElem = refButton.value;

package/es/tabs/src/tabs.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, h, reactive, provide, computed, createCommentVNode, watch, nextTick, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
+import { createEvent } from '@vxe-ui/core';
 import VxeTabPaneComponent from './tab-pane';
 import { getSlotVNs } from '../../ui/src/vn';
 export default defineComponent({
@@ -111,6 +112,13 @@ export default defineComponent({
                 emit('tab-load', { name, $event: evnt });
             }
         };
+        const tabsMethods = {
+            dispatchEvent(type, params, evnt) {
+                emit(type, createEvent(evnt, { $tabs: $xeTabs }, params));
+            }
+        };
+        const tabsPrivateMethods = {};
+        Object.assign($xeTabs, tabsMethods, tabsPrivateMethods);
         const renderTabHeader = (list) => {
             const { type } = props;
             const { activeName, lintLeft, lintWidth } = reactData;

package/es/textarea/src/textarea.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, computed, nextTick, watch, reactive, inject } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig, getI18n } from '@vxe-ui/core';
+import { getConfig, getI18n, createEvent } from '@vxe-ui/core';
 import { getFuncText } from '../../ui/src/utils';
 import { useSize } from '../../hooks/size';
 let autoTxtElem;
@@ -160,7 +160,7 @@ export default defineComponent({
         };
         textareaMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $textarea: $xeTextarea, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $textarea: $xeTextarea }, params));
             },
             focus() {
                 const textElem = refTextarea.value;

package/es/tooltip/src/tooltip.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, nextTick, onBeforeUnmount, onMounted, reactive, watch } from 'vue';
 import XEUtils from 'xe-utils';
-import { getConfig } from '@vxe-ui/core';
+import { getConfig, createEvent } from '@vxe-ui/core';
 import { useSize } from '../../hooks/size';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
 import { getAbsolutePos, getDomNode } from '../../ui/src/dom';
@@ -152,7 +152,7 @@ export default defineComponent({
         }, props.enterDelay, { leading: false, trailing: true });
         tooltipMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $tooltip: $xetooltip, $event: evnt }, params));
+                emit(type, createEvent(evnt, { $tooltip: $xetooltip }, params));
             },
             open(target, content) {
                 return tooltipMethods.toVisible(target || reactData.target, content);

package/es/ui/index.js

@@ -1,5 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
+import { dynamicApp } from '../dynamics';
 VxeUI.uiVersion = process.env.VUE_APP_VXE_UI_VERSION;
+VxeUI.dynamicApp = dynamicApp;
 setConfig({
     anchor: {},
     anchorLink: {},