vxe-pc-ui 4.6.23 → 4.6.25

package/es/alert/src/alert.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, h, reactive } from 'vue';
+import { ref, h, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, getIcon, createEvent, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeAlert',
     props: {
         title: {

package/es/anchor/src/anchor-link.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, h, computed, reactive, inject, onMounted, onUnmounted, provide, watch } from 'vue';
+import { ref, h, computed, reactive, inject, onMounted, onUnmounted, provide, watch } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { renderEmptyElement } from '../../ui';
 import { assembleAnchorLink, destroyAnchorLink } from './util';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeAnchorLink',
     props: {
         content: [String, Number],

package/es/anchor/src/anchor.js

@@ -1,9 +1,10 @@
-import { defineComponent, ref, h, reactive, provide, nextTick, onBeforeUnmount, onMounted, watch, computed } from 'vue';
+import { ref, h, reactive, provide, nextTick, onBeforeUnmount, onMounted, watch, computed } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { createEvent, renderEmptyElement } from '../../ui';
 import { getOffsetPos } from '../../ui/src/dom';
 import VxeAnchorLinkComponent from './anchor-link';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeAnchor',
     props: {
         modelValue: String,

package/es/avatar/src/avatar.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, h, computed, reactive } from 'vue';
+import { ref, h, computed, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { toCssUnit } from '../../ui/src/dom';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeAvatar',
     props: {
         count: [String, Number],

package/es/badge/src/badge.js

@@ -1,7 +1,8 @@
-import { defineComponent, ref, h, computed, reactive } from 'vue';
+import { ref, h, computed, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, createEvent, useSize, renderEmptyElement } from '../../ui';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeBadge',
     props: {
         count: [String, Number],

package/es/breadcrumb/src/breadcrumb-item.js

@@ -1,7 +1,8 @@
-import { defineComponent, ref, h, reactive, computed, resolveComponent, inject } from 'vue';
+import { ref, h, reactive, computed, resolveComponent, inject } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { renderEmptyElement } from '../../ui';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeBreadcrumbItem',
     props: {
         title: String,

package/es/breadcrumb/src/breadcrumb.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, h, reactive, provide } from 'vue';
+import { ref, h, reactive, provide } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, createEvent } from '../../ui';
 import XEUtils from 'xe-utils';
 import VxeBreadcrumbItemComponent from './breadcrumb-item';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeBreadcrumb',
     props: {
         separator: {

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

@@ -1,8 +1,9 @@
-import { defineComponent, h, reactive, provide } from 'vue';
+import { h, reactive, provide } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, createEvent, useSize, usePermission, renderEmptyElement } from '../../ui';
 import XEUtils from 'xe-utils';
 import VxeButtonComponent from './button';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeButtonGroup',
     props: {
         options: Array,

package/es/button/src/button.js

@@ -1,11 +1,12 @@
-import { defineComponent, h, ref, computed, Teleport, resolveComponent, onUnmounted, reactive, nextTick, onMounted, inject } from 'vue';
+import { h, ref, computed, Teleport, resolveComponent, onUnmounted, reactive, nextTick, onMounted, inject } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, globalEvents, getIcon, createEvent, useSize, usePermission, permission, renderEmptyElement } from '../../ui';
 import { getEventTargetNode, updatePanelPlacement } from '../../ui/src/dom';
 import { getFuncText, getLastZIndex, nextZIndex } from '../../ui/src/utils';
 import { warnLog } from '../../ui/src/log';
 import VxeTooltipComponent from '../../tooltip/src/tooltip';
-const VxeButtonComponent = defineComponent({
+const VxeButtonComponent = defineVxeComponent({
     name: 'VxeButton',
     props: {
         /**

package/es/calendar/src/calendar.js

@@ -1,10 +1,11 @@
-import { defineComponent, h, ref, computed, reactive, watch, onMounted } from 'vue';
+import { h, ref, computed, reactive, watch, onMounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, getI18n, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getDateQuarter } from '../../date-panel/src/util';
 import { toCssUnit } from '../../ui/src/dom';
 import VxeButtonComponent from '../../button/src/button';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCalendar',
     props: {
         modelValue: [String, Number, Date],

package/es/card/src/card.js

@@ -1,10 +1,11 @@
-import { defineComponent, ref, h, reactive, computed } from 'vue';
+import { ref, h, reactive, computed } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getSlotVNs } from '../../ui/src/vn';
 import { getConfig, createEvent, renderEmptyElement } from '../../ui';
 import { toCssUnit } from '../../ui/src/dom';
 import VxeLoadingComponent from '../../loading/src/loading';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCard',
     props: {
         title: String,

package/es/carousel/src/carousel-item.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, h, reactive, inject, watch, onMounted, onUnmounted } from 'vue';
+import { ref, h, reactive, inject, watch, onMounted, onUnmounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { createEvent } from '../../ui';
 import { assembleCarouselItem, destroyCarouselItem } from './util';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCarouselItem',
     props: {
         name: [String, Number],

package/es/carousel/src/carousel.js

@@ -1,10 +1,11 @@
-import { defineComponent, ref, h, reactive, provide, watch, nextTick, onMounted, computed, onUnmounted } from 'vue';
+import { ref, h, reactive, provide, watch, nextTick, onMounted, computed, onUnmounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, getIcon, createEvent, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 import { toCssUnit } from '../../ui/src/dom';
 import VxeLoadingComponent from '../../loading/src/loading';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCarousel',
     props: {
         modelValue: [String, Number],

package/es/checkbox/src/checkbox.js

@@ -1,8 +1,9 @@
-import { defineComponent, h, computed, inject, reactive } from 'vue';
+import { h, computed, inject, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
 import { getConfig, createEvent, useSize, getIcon } from '../../ui';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCheckbox',
     props: {
         modelValue: [String, Number, Boolean],

package/es/checkbox/src/group.js

@@ -1,8 +1,9 @@
-import { defineComponent, h, provide, computed, inject, reactive } from 'vue';
+import { h, provide, computed, inject, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, createEvent, useSize } from '../../ui';
 import XEUtils from 'xe-utils';
 import VxeCheckboxComponent from './checkbox';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCheckboxGroup',
     props: {
         modelValue: Array,

package/es/collapse/src/collapse-pane.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, h, inject, watch, reactive, onMounted, onUnmounted } from 'vue';
+import { ref, h, inject, watch, reactive, onMounted, onUnmounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { createEvent } from '../../ui';
 import { assembleCollapseItem, destroyCollapseItem } from './util';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCollapsePane',
     props: {
         title: [String, Number],

package/es/collapse/src/collapse.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, h, reactive, provide, computed, watch } from 'vue';
+import { ref, h, reactive, provide, computed, watch } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, getIcon, createEvent, permission, renderEmptyElement, useSize } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCollapse',
     props: {
         modelValue: Array,

package/es/color-picker/src/color-picker.js

@@ -1,4 +1,5 @@
-import { defineComponent, watch, computed, provide, ref, inject, Teleport, h, nextTick, reactive, onMounted, onUnmounted } from 'vue';
+import { watch, computed, provide, ref, inject, Teleport, h, nextTick, reactive, onMounted, onUnmounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { VxeUI, getIcon, getConfig, getI18n, globalEvents, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getEventTargetNode, toCssUnit, updatePanelPlacement } from '../../ui/src/dom';
@@ -6,7 +7,7 @@ import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
 import { parseColor, updateColorAlpha, hexToHsv, rgbToHsv, rgbToHex, hexToRgb, hsvToRgb, toRgb } from './util';
 import VxeButtonComponent from '../../button/src/button';
 import VxeInputComponent from '../../input/src/input';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeColorPicker',
     props: {
         modelValue: String,

package/es/countdown/src/countdown.js

@@ -1,9 +1,10 @@
-import { defineComponent, ref, h, reactive, watch, computed, onUnmounted, onMounted } from 'vue';
+import { ref, h, reactive, watch, computed, onUnmounted, onMounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, getI18n, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 import VxeTextComponent from '../../text/src/text';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeCountdown',
     props: {
         modelValue: [Number, String],

package/es/date-panel/src/date-panel.js

@@ -1,8 +1,9 @@
-import { defineComponent, h, ref, computed, reactive, nextTick, watch } from 'vue';
+import { h, ref, computed, reactive, nextTick, watch } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, getI18n, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { toStringTimeDate, getDateQuarter, parseDateValue, parseDateObj } from './util';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeDatePanel',
     props: {
         modelValue: [String, Number, Date],

package/es/date-picker/src/date-picker.js

@@ -1,4 +1,5 @@
-import { defineComponent, h, Teleport, ref, computed, provide, reactive, inject, nextTick, watch, onUnmounted } from 'vue';
+import { h, Teleport, ref, computed, provide, reactive, inject, nextTick, watch, onUnmounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, getIcon, getI18n, commands, createEvent, globalEvents, useSize, renderEmptyElement } from '../../ui';
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
@@ -9,7 +10,7 @@ import { errLog } from '../../ui/src/log';
 import VxeDatePanelComponent from '../../date-panel/src/date-panel';
 import VxeButtonComponent from '../../button/src/button';
 import VxeButtonGroupComponent from '../../button/src/button-group';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeDatePicker',
     props: {
         modelValue: [String, Number, Date],

package/es/date-range-picker/src/date-range-picker.js

@@ -1,4 +1,5 @@
-import { defineComponent, h, Teleport, ref, computed, provide, reactive, inject, nextTick, watch, onDeactivated, onUnmounted, onBeforeUnmount } from 'vue';
+import { h, Teleport, ref, computed, provide, reactive, inject, nextTick, watch, onDeactivated, onUnmounted, onBeforeUnmount } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, getIcon, getI18n, commands, globalEvents, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
@@ -9,7 +10,7 @@ import { errLog } from '../../ui/src/log';
 import VxeDatePanelComponent from '../../date-panel/src/date-panel';
 import VxeButtonComponent from '../../button/src/button';
 import VxeButtonGroupComponent from '../../button/src/button-group';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeDateRangePicker',
     props: {
         modelValue: [String, Number, Date, Array],

package/es/drawer/src/drawer.js

@@ -1,4 +1,5 @@
-import { defineComponent, h, Teleport, ref, inject, reactive, nextTick, provide, watch, onMounted, onUnmounted, computed } from 'vue';
+import { h, Teleport, ref, inject, reactive, nextTick, provide, watch, onMounted, onUnmounted, computed } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { useSize, getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, renderEmptyElement } from '../../ui';
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils';
@@ -7,7 +8,7 @@ import { getSlotVNs } from '../../ui/src/vn';
 import VxeButtonComponent from '../../button/src/button';
 import VxeLoadingComponent from '../../loading/index';
 export const allActiveDrawers = [];
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeDrawer',
     props: {
         modelValue: Boolean,

package/es/dynamics/index.js

@@ -1,4 +1,5 @@
-import { defineComponent, h, createApp, reactive, createCommentVNode } from 'vue';
+import { h, createApp, reactive, createCommentVNode } from 'vue';
+import { defineVxeComponent } from '../ui/src/comp';
 import { VxeUI } from '@vxe-ui/core';
 let dynamicContainerElem;
 export const dynamicStore = reactive({
@@ -10,7 +11,7 @@ export const dynamicStore = reactive({
 /**
  * 动态组件
  */
-const VxeDynamics = defineComponent({
+const VxeDynamics = defineVxeComponent({
     setup() {
         const VxeUIModalComponent = VxeUI.getComponent('VxeModal');
         const VxeUIDrawerComponent = VxeUI.getComponent('VxeDrawer');

package/es/empty/src/empty.js

@@ -1,7 +1,8 @@
-import { defineComponent, ref, h, reactive } from 'vue';
+import { ref, h, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getI18n, getIcon, createEvent } from '../../ui';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeEmpty',
     props: {
         imageUrl: String,

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

@@ -1,6 +1,7 @@
-import { defineComponent, ref, h, reactive } from 'vue';
+import { ref, h, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeFlowDesign',
     props: {},
     emits: [],

package/es/flow-view/src/flow-view.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, h, reactive } from 'vue';
+import { ref, h, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeFlowView',
     props: {},
     emits: [],

package/es/form/src/form-config-item.js

@@ -1,9 +1,10 @@
-import { defineComponent, h, inject, provide, createCommentVNode } from 'vue';
+import { h, inject, provide, createCommentVNode } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { renderer } from '../../ui';
 import { isEnableConf } from '../../ui/src/utils';
 import { renderTitle, getItemClass, getItemContentClass, renderItemContent } from './render';
 import XEUtils from 'xe-utils';
-const VxeFormConfigItem = defineComponent({
+const VxeFormConfigItem = defineVxeComponent({
     name: 'VxeFormConfigItem',
     props: {
         itemConfig: Object

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

@@ -1,11 +1,12 @@
-import { defineComponent, onUnmounted, inject, ref, h, reactive, onMounted, provide } from 'vue';
+import { onUnmounted, inject, ref, h, reactive, onMounted, provide } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { createItem, watchItem, destroyItem, assembleItem } from './util';
 import { renderer, renderEmptyElement } from '../../ui';
 import { isEnableConf } from '../../ui/src/utils';
 import { formItemProps } from './form-item';
 import { renderTitle, getItemClass, getItemContentClass } from './render';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeFormGroup',
     props: formItemProps,
     setup(props, context) {

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

@@ -1,4 +1,5 @@
-import { defineComponent, h, onUnmounted, inject, ref, provide, onMounted, reactive } from 'vue';
+import { h, onUnmounted, inject, ref, provide, onMounted, reactive } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { createItem, watchItem, destroyItem, assembleItem } from './util';
 import { renderer, renderEmptyElement } from '../../ui';
 import { isEnableConf } from '../../ui/src/utils';
@@ -82,7 +83,7 @@ export const formItemProps = {
     itemRender: Object,
     rules: Array
 };
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeFormItem',
     props: formItemProps,
     setup(props, { slots }) {

package/es/form/src/form.js

@@ -1,4 +1,5 @@
-import { defineComponent, h, ref, provide, computed, inject, reactive, watch, nextTick, onMounted } from 'vue';
+import { h, ref, provide, computed, inject, reactive, watch, nextTick, onMounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, validators, renderer, createEvent, useSize } from '../../ui';
 import { eqEmptyValue, getFuncText, isEnableConf } from '../../ui/src/utils';
@@ -128,7 +129,7 @@ function checkRuleStatus(rule, val) {
     }
     return true;
 }
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeForm',
     props: {
         collapseStatus: {

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

@@ -1,10 +1,11 @@
-import { h, defineComponent, inject, createCommentVNode } from 'vue';
+import { h, inject, createCommentVNode } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getIcon, getI18n } from '../../ui';
 import VxeFormComponent from '../../form/src/form';
 import VxeFormItemComponent from '../../form/src/form-item';
 import VxeSwitchComponent from '../../switch/src/switch';
 import VxeTextComponent from '../../text/src/text';
-export const DefaultSettingFormComponent = defineComponent({
+export const DefaultSettingFormComponent = defineVxeComponent({
     name: 'DefaultSettingForm',
     props: {
         formData: {

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

@@ -1,4 +1,5 @@
-import { h, defineComponent, ref, inject, createCommentVNode } from 'vue';
+import { h, ref, inject, createCommentVNode } 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';
@@ -49,7 +50,7 @@ const renderLayoutOption = (formData, field, type, changeEvent) => {
         h('div', {}, isVertical ? getI18n('vxe.formDesign.styleSetting.verticalLayout') : getI18n('vxe.formDesign.styleSetting.horizontalLayout'))
     ]);
 };
-export const DefaultPCStyleFormComponent = defineComponent({
+export const DefaultPCStyleFormComponent = defineVxeComponent({
     name: 'DefaultPCStyleForm',
     props: {
         formData: {
@@ -183,7 +184,7 @@ export const DefaultPCStyleFormComponent = defineComponent({
         };
     }
 });
-export const DefaultMobileStyleFormComponent = defineComponent({
+export const DefaultMobileStyleFormComponent = defineVxeComponent({
     name: 'DefaultMobileStyleForm',
     props: {
         formData: {

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

@@ -1,4 +1,5 @@
-import { defineComponent, ref, h, reactive, provide, watch, nextTick, createCommentVNode } from 'vue';
+import { ref, h, reactive, provide, watch, nextTick, createCommentVNode } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { VxeUI, getConfig, getIcon, getI18n, renderer, useSize, createEvent, renderEmptyElement } from '../../ui';
 import { toCssUnit } from '../../ui/src/dom';
 import { FormDesignWidgetInfo, getWidgetConfig, getWidgetConfigCustomGroup, configToWidget } from './widget-info';
@@ -9,7 +10,7 @@ import LayoutPreviewComponent from './layout-preview';
 import LayoutSettingComponent from './layout-setting';
 import LayoutStyleComponent from './layout-style';
 import { getDefaultSettingFormData } from './default-setting-data';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeFormDesign',
     props: {
         size: {

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

@@ -1,4 +1,5 @@
-import { defineComponent, ref, h, reactive, nextTick, inject, provide, watch } from 'vue';
+import { ref, h, reactive, nextTick, inject, provide, watch } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, renderer, useSize, createEvent, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
@@ -8,7 +9,7 @@ import VxeFormGroupComponent from '../../form/src/form-group';
 import VxeFormItemComponent from '../../form/src/form-item';
 import { configToWidget } from './widget-info';
 import { warnLog } from '../../ui/src/log';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'VxeFormView',
     props: {
         modelValue: Object,

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

@@ -1,11 +1,12 @@
-import { defineComponent, h, inject, TransitionGroup } from 'vue';
+import { h, inject, TransitionGroup } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { renderer } from '@vxe-ui/core';
 import { getSlotVNs } from '../../ui/src/vn';
 import { ViewItemComponent } from './layout-view-item';
 import { hasFormDesignLayoutType } from '../src/util';
 import VxeFormComponent from '../../form/src/form';
 import XEUtils from 'xe-utils';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'FormDesignLayoutPreview',
     props: {},
     emits: [],

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

@@ -1,10 +1,11 @@
-import { defineComponent, h, inject, createCommentVNode, watch, ref } from 'vue';
+import { h, inject, createCommentVNode, watch, ref } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getI18n, renderer } from '@vxe-ui/core';
 import { getSlotVNs } from '../../ui/src/vn';
 import VxeTabsComponent from '../../tabs/src/tabs';
 import VxeTabPaneComponent from '../../tabs/src/tab-pane';
 import { DefaultSettingFormComponent } from './default-setting-form';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'FormDesignLayoutSetting',
     props: {},
     emits: [],

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

@@ -1,4 +1,5 @@
-import { createCommentVNode, defineComponent, h, inject, ref, reactive, provide } from 'vue';
+import { createCommentVNode, h, inject, ref, reactive, provide } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getIcon, getI18n, renderer } from '@vxe-ui/core';
 import { getSlotVNs } from '../../ui/src/vn';
 import VxeModalComponent from '../../modal/src/modal';
@@ -7,7 +8,7 @@ import VxeTabPaneComponent from '../../tabs/src/tab-pane';
 import VxeFormViewComponent from './form-view';
 import { DefaultPCStyleFormComponent, DefaultMobileStyleFormComponent } from './default-style-form';
 import { createDefaultFormViewPCFormConfig, createDefaultFormViewMobileFormConfig } from './default-setting-data';
-export default defineComponent({
+export default defineVxeComponent({
     name: 'FormDesignLayoutStyle',
     props: {},
     emits: [],

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

@@ -1,8 +1,9 @@
-import { h, defineComponent, inject, createCommentVNode } from 'vue';
+import { h, inject, createCommentVNode } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getIcon } from '@vxe-ui/core';
 import VxeButtonComponent from '../../button/src/button';
-export const ViewItemComponent = defineComponent({
+export const ViewItemComponent = defineVxeComponent({
     name: 'FormDesignLayoutViewItem',
     props: {
         item: {

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

@@ -1,9 +1,10 @@
-import { defineComponent, h, inject } from 'vue';
+import { h, inject } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getIcon, getI18n, renderer } from '@vxe-ui/core';
 import { getSlotVNs } from '../../ui/src/vn';
 import { getWidgetConfig, getWidgetConfigTitle } from './widget-info';
-export default defineComponent({
+export default defineVxeComponent({
     props: {},
     emits: [],
     setup() {

package/es/form-design/widget-input/input-form.js

@@ -1,11 +1,12 @@
-import { defineComponent, h } from 'vue';
+import { 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';
 import VxeInputComponent from '../../input/src/input';
 import VxeSwitchComponent from '../../switch/src/switch';
 import { useWidgetName } from '../../form-design/src/use';
-export const WidgetInputFormComponent = defineComponent({
+export const WidgetInputFormComponent = defineVxeComponent({
     props: {
         renderOpts: {
             type: Object,

package/es/form-design/widget-input/input-view.js

@@ -1,8 +1,9 @@
-import { defineComponent, h, inject } from 'vue';
+import { h, inject } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
 import { getI18n } from '@vxe-ui/core';
 import { useWidgetName } from '../../form-design/src/use';
 import VxeFormItemComponent from '../../form/src/form-item';
-export const WidgetInputViewComponent = defineComponent({
+export const WidgetInputViewComponent = defineVxeComponent({
     props: {
         renderOpts: {
             type: Object,