vxe-pc-ui 4.6.23 → 4.6.25

package/packages/form-design/widget-vxe-date-picker/vxe-date-picker-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeDatePickerFormObjVO } from './vxe-date-picker-data'
 import { useWidgetName } from '../../form-design/src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeDatePickerComponent from '../../date-picker/src/date-picker'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeDatePickerViewComponent = defineComponent({
+export const WidgetVxeDatePickerViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-input/vxe-input-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import VxeFormComponent from '../../form/src/form'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -9,7 +10,7 @@ import { useWidgetName } from '../../form-design/src/use'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeInputFormComponent = defineComponent({
+export const WidgetVxeInputFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-input/vxe-input-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeInputFormObjVO } from './vxe-input-data'
 import { useWidgetName } from '../../form-design/src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeInputComponent from '../../input/src/input'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeInputViewComponent = defineComponent({
+export const WidgetVxeInputViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-number-input/vxe-number-input-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeNumberInputFormObjVO } from './vxe-number-input-data'
 import { useWidgetName } from '../../form-design/src/use'
@@ -9,7 +10,7 @@ import VxeSwitchComponent from '../../switch/src/switch'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeNumberInputFormComponent = defineComponent({
+export const WidgetVxeNumberInputFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-number-input/vxe-number-input-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeNumberInputFormObjVO } from './vxe-number-input-data'
 import { useWidgetName } from '../../form-design/src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeNumberInputComponent from '../../number-input/src/number-input'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeNumberInputViewComponent = defineComponent({
+export const WidgetVxeNumberInputViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-radio-group/vxe-radio-group-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeRadioGroupFormObjVO } from './vxe-radio-group-data'
 import VxeFormComponent from '../../form/src/form'
@@ -9,7 +10,7 @@ import { useWidgetName, useWidgetPropDataSource } from '../../form-design/src/us
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeRadioGroupFormComponent = defineComponent({
+export const WidgetVxeRadioGroupFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-radio-group/vxe-radio-group-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeRadioGroupFormObjVO } from './vxe-radio-group-data'
 import { useWidgetName } from '../../form-design/src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeRadioGroupComponent from '../../radio/src/group'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeRadioGroupViewComponent = defineComponent({
+export const WidgetVxeRadioGroupViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-rate/vxe-rate-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeRateFormObjVO } from './vxe-rate-data'
 import { useWidgetName } from '../src/use'
@@ -8,7 +9,7 @@ import VxeFormItemComponent from '../../form/src/form-item'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeRateFormComponent = defineComponent({
+export const WidgetVxeRateFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-rate/vxe-rate-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeRateFormObjVO } from './vxe-rate-data'
 import { useWidgetName } from '../src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeRateComponent from '../../rate/src/rate'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeRateViewComponent = defineComponent({
+export const WidgetVxeRateViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-select/vxe-select-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeSelectFormObjVO } from './vxe-select-data'
 import VxeFormComponent from '../../form/src/form'
@@ -9,7 +10,7 @@ import { useWidgetName, useWidgetPropDataSource } from '../../form-design/src/us
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeSelectFormComponent = defineComponent({
+export const WidgetVxeSelectFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-select/vxe-select-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeSelectFormObjVO } from './vxe-select-data'
 import { useWidgetName } from '../../form-design/src/use'
@@ -7,7 +8,7 @@ import VxeSelectComponent from '../../select/src/select'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeSelectViewComponent = defineComponent({
+export const WidgetVxeSelectViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-slider/vxe-slider-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeSliderFormObjVO } from './vxe-slider-data'
 import { useWidgetName } from '../src/use'
@@ -8,7 +9,7 @@ import VxeFormItemComponent from '../../form/src/form-item'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeSliderFormComponent = defineComponent({
+export const WidgetVxeSliderFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-slider/vxe-slider-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeSliderFormObjVO } from './vxe-slider-data'
 import { useWidgetName } from '../src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeSliderComponent from '../../slider/src/slider'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeSliderViewComponent = defineComponent({
+export const WidgetVxeSliderViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-switch/vxe-switch-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeSwitchFormObjVO } from './vxe-switch-data'
 import { useWidgetName } from '../../form-design/src/use'
@@ -8,7 +9,7 @@ import VxeFormItemComponent from '../../form/src/form-item'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeSwitchFormComponent = defineComponent({
+export const WidgetVxeSwitchFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-switch/vxe-switch-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeSwitchFormObjVO } from './vxe-switch-data'
 import { useWidgetName } from '../../form-design/src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeSwitchComponent from '../../switch/src/switch'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeSwitchViewComponent = defineComponent({
+export const WidgetVxeSwitchViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-textarea/vxe-textarea-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeTextareaFormObjVO } from './vxe-textarea-data'
 import { useWidgetName } from '../../form-design/src/use'
@@ -9,7 +10,7 @@ import VxeSwitchComponent from '../../switch/src/switch'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeTextareaFormComponent = defineComponent({
+export const WidgetVxeTextareaFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-textarea/vxe-textarea-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeTextareaFormObjVO } from './vxe-textarea-data'
 import { useWidgetName } from '../../form-design/src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeTextareaComponent from '../../textarea/src/textarea'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeTextareaViewComponent = defineComponent({
+export const WidgetVxeTextareaViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-tree-select/vxe-tree-select-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h } from 'vue'
+import { PropType, h } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeTreeSelectFormObjVO } from './vxe-tree-select-data'
 import VxeFormComponent from '../../form/src/form'
@@ -9,7 +10,7 @@ import { useWidgetName } from '../src/use'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeTreeSelectFormComponent = defineComponent({
+export const WidgetVxeTreeSelectFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-tree-select/vxe-tree-select-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeTreeSelectFormObjVO } from './vxe-tree-select-data'
 import { useWidgetName } from '../src/use'
@@ -7,7 +8,7 @@ import VxeTreeSelectComponent from '../../tree-select/src/tree-select'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeTreeSelectViewComponent = defineComponent({
+export const WidgetVxeTreeSelectViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-upload-file/vxe-upload-file-form.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, ref, createCommentVNode } from 'vue'
+import { PropType, h, ref, createCommentVNode } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeUploadFileFormObjVO, getLimitSizeOptions } from './vxe-upload-file-data'
 import { useWidgetName } from '../../form-design/src/use'
@@ -9,7 +10,7 @@ import VxeSwitchComponent from '../../switch/src/switch'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeUploadFileFormComponent = defineComponent({
+export const WidgetVxeUploadFileFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-upload-file/vxe-upload-file-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeUploadFileFormObjVO } from './vxe-upload-file-data'
 import { useWidgetName } from '../../form-design/src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeUploadComponent from '../../upload/src/upload'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeUploadFileViewComponent = defineComponent({
+export const WidgetVxeUploadFileViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/form-design/widget-vxe-upload-image/vxe-upload-image-form.ts

@@ -1,4 +1,5 @@
-import { PropType, createCommentVNode, defineComponent, h, ref } from 'vue'
+import { PropType, createCommentVNode, h, ref } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getI18n } from '@vxe-ui/core'
 import { WidgetVxeUploadImageFormObjVO } from './vxe-upload-image-data'
 import { getLimitSizeOptions } from '../widget-vxe-upload-file/vxe-upload-file-data'
@@ -10,7 +11,7 @@ import VxeSwitchComponent from '../../switch/src/switch'
 
 import type { VxeGlobalRendererHandles } from '../../../types'
 
-export const WidgetVxeUploadImageFormComponent = defineComponent({
+export const WidgetVxeUploadImageFormComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,

package/packages/form-design/widget-vxe-upload-image/vxe-upload-image-view.ts

@@ -1,4 +1,5 @@
-import { PropType, defineComponent, h, inject } from 'vue'
+import { PropType, h, inject } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { WidgetVxeUploadImageFormObjVO } from './vxe-upload-image-data'
 import { useWidgetName } from '../../form-design/src/use'
 import VxeFormItemComponent from '../../form/src/form-item'
@@ -6,7 +7,7 @@ import VxeUploadComponent from '../../upload/src/upload'
 
 import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
 
-export const WidgetVxeUploadImageViewComponent = defineComponent({
+export const WidgetVxeUploadImageViewComponent = defineVxeComponent({
   props: {
     renderOpts: {
       type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,

package/packages/icon/src/icon.ts

@@ -1,10 +1,11 @@
-import { defineComponent, h, PropType } from 'vue'
+import { h, PropType } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getConfig, createEvent, useSize } from '../../ui'
 import XEUtils from 'xe-utils'
 
 import type { VxeIconPropTypes, VxeIconEmits, IconMethods, IconPrivateMethods, VxeIconConstructor, VxeIconPrivateMethods, ValueOf } from '../../../types'
 
-export default defineComponent({
+export default defineVxeComponent({
   name: 'VxeIcon',
   props: {
     name: String as PropType<VxeIconPropTypes.Name>,

package/packages/icon-picker/src/icon-picker.ts

@@ -1,4 +1,5 @@
-import { defineComponent, h, Teleport, PropType, ref, inject, watch, computed, provide, onUnmounted, reactive, nextTick, onMounted } from 'vue'
+import { h, Teleport, PropType, ref, inject, watch, computed, provide, onUnmounted, reactive, nextTick, onMounted } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, globalEvents, createEvent, useSize, GLOBAL_EVENT_KEYS, renderEmptyElement } from '../../ui'
 import { getEventTargetNode, getAbsolutePos } from '../../ui/src/dom'
@@ -7,7 +8,7 @@ import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils'
 import type { VxeIconPickerPropTypes, VxeIconPickerConstructor, IconPickerInternalData, ValueOf, IconPickerReactData, VxeIconPickerEmits, IconPickerMethods, IconPickerPrivateRef, VxeIconPickerMethods, VxeIconPickerDefines, VxeDrawerConstructor, VxeDrawerMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
-export default defineComponent({
+export default defineVxeComponent({
   name: 'VxeIconPicker',
   props: {
     modelValue: String as PropType<VxeIconPickerPropTypes.ModelValue>,

package/packages/image/src/group.ts

@@ -1,4 +1,5 @@
-import { defineComponent, computed, h, provide, PropType } from 'vue'
+import { computed, h, provide, PropType } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getConfig, createEvent, useSize } from '@vxe-ui/core'
 import { openPreviewImage } from './util'
 import XEUtils from 'xe-utils'
@@ -6,7 +7,7 @@ import VxeImageComponent from './image'
 
 import type { VxeImageGroupPropTypes, VxeImageGroupEmits, VxeImageGroupConstructor, VxeImageGroupPrivateMethods, ImageGroupMethods, ButtonPrivateComputed, ImageGroupPrivateMethods } from '../../../types'
 
-export default defineComponent({
+export default defineVxeComponent({
   name: 'VxeImageGroup',
   props: {
     urlList: [Array, String] as PropType<VxeImageGroupPropTypes.UrlList>,

package/packages/image/src/image.ts

@@ -1,4 +1,5 @@
-import { defineComponent, ref, h, inject, reactive, PropType, computed } from 'vue'
+import { ref, h, inject, reactive, PropType, computed } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { getConfig, createEvent, useSize } from '../../ui'
 import XEUtils from 'xe-utils'
 import { toCssUnit } from '../../ui/src/dom'
@@ -6,7 +7,7 @@ import { openPreviewImage } from './util'
 
 import type { VxeImagePropTypes, ImageReactData, VxeImageEmits, ImagePrivateRef, VxeImagePrivateComputed, VxeImageConstructor, VxeImagePrivateMethods, ImageMethods, ImagePrivateMethods, VxeImageGroupConstructor, VxeImageGroupPrivateMethods } from '../../../types'
 
-export default defineComponent({
+export default defineVxeComponent({
   name: 'VxeImage',
   props: {
     src: [String, Array] as PropType<VxeImagePropTypes.Src>,

package/packages/image/src/preview.ts

@@ -1,11 +1,12 @@
-import { defineComponent, h, provide, PropType, ref, reactive, computed, watch, onMounted, onUnmounted, onBeforeUnmount } from 'vue'
+import { h, provide, PropType, ref, reactive, computed, watch, onMounted, onUnmounted, onBeforeUnmount } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import { VxeUI, getConfig, createEvent, getIcon, globalEvents, GLOBAL_EVENT_KEYS, getI18n, renderEmptyElement } from '../../ui'
 import XEUtils from 'xe-utils'
 import { getDomNode, addClass, removeClass, hasControlKey } from '../../ui/src/dom'
 
 import type { VxeImagePreviewConstructor, ImagePreviewReactData, ImagePreviewPrivateRef, VxeGlobalIcon, VxeImagePreviewEmits, VxeImagePreviewPrivateMethods, ImagePreviewPrivateMethods, ImagePreviewPrivateComputed, ImagePreviewMethods, VxeImagePreviewPropTypes, ValueOf, VxeImagePreviewDefines } from '../../../types'
 
-export default defineComponent({
+export default defineVxeComponent({
   name: 'VxeImagePreview',
   props: {
     modelValue: Number as PropType<VxeImagePreviewPropTypes.ModelValue>,

package/packages/input/src/input.ts

@@ -1,4 +1,5 @@
-import { defineComponent, h, Teleport, ref, Ref, computed, reactive, onMounted, inject, nextTick, watch, onBeforeUnmount, PropType, createCommentVNode } from 'vue'
+import { h, Teleport, ref, Ref, computed, reactive, onMounted, inject, nextTick, watch, onBeforeUnmount, PropType, createCommentVNode } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize, renderEmptyElement } from '../../ui'
 import { getFuncText, getLastZIndex, nextZIndex, eqEmptyValue } from '../../ui/src/utils'
@@ -10,7 +11,7 @@ import { getSlotVNs } from '../../ui/src/vn'
 import type { VxeInputConstructor, VxeInputEmits, InputReactData, InputMethods, ValueOf, InputInternalData, VxeInputPropTypes, InputPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, VxeDrawerConstructor, VxeDrawerMethods, VxeModalConstructor, VxeModalMethods, VxeDatePanelDefines, VxeSelectConstructor, VxeSelectMethods, VxeTreeSelectConstructor, VxeTreeSelectMethods, VxeComponentStyleType } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
-export default defineComponent({
+export default defineVxeComponent({
   name: 'VxeInput',
   props: {
     modelValue: [String, Number, Date] as PropType<VxeInputPropTypes.ModelValue>,

package/packages/language/ar-EG.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: 'تم استبدال خلايا {0} بنجاح'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'عمود تجميد',

package/packages/language/de-DE.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: 'Erfolgreich ersetzt {0} Zellen'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'Einfrierensäule',

package/packages/language/en-US.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: 'Successfully replaced {0} cells'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: 'Group',
+          values: 'Values'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'Freeze column',

package/packages/language/es-ES.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: 'Reemplazó con éxito {0} celdas'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'Columna de congelación',

package/packages/language/fr-FR.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: 'Cellules {0} remplacées avec succès'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'Colonne de gel',

package/packages/language/hu-HU.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: 'Sikeresen cserélte a {0} sejteket'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'Fagyasztási oszlop',

package/packages/language/hy-AM.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: '成功替换 {0} 个单元格'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: '冻结列',

package/packages/language/id-ID.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: 'Berhasil menggantikan {0} sel'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'Kolom beku',

package/packages/language/it-IT.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: 'Sostituire correttamente le celle {0}'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'Colonna di congelamento',

package/packages/language/ja-JP.ts

@@ -558,6 +558,12 @@ export default {
           replaceSuccess: '{0}セルを正常に交換しました'
         }
       },
+      extendPivotTable: {
+        aggregation: {
+          grouping: '分组',
+          values: '值'
+        }
+      },
       filterComplexInput: {
         menus: {
           fixedColumn: 'フリーズコラム',