diff --git a/.eslintrc.js b/.eslintrc.js
index d1be1e9942..b3f9188bad 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -51,6 +51,7 @@ module.exports = {
     '@typescript-eslint/restrict-template-expressions': 'off',
     '@typescript-eslint/no-invalid-this': 'off',
     'vue/no-deprecated-dollar-scopedslots-api': 'off',
-    '@typescript-eslint/lines-between-class-members': 'off'
+    '@typescript-eslint/lines-between-class-members': 'off',
+    '@typescript-eslint/no-this-alias': 'off'
   }
 }
diff --git a/examples/sites/vite.config.ts b/examples/sites/vite.config.ts
index c82fe871f4..68db61ae8f 100644
--- a/examples/sites/vite.config.ts
+++ b/examples/sites/vite.config.ts
@@ -135,6 +135,7 @@ export default defineConfig((config) => {
     resolve: {
       extensions: ['.js', '.ts', '.tsx', '.vue'],
       alias: {
+        '@mobile-root': pathFromWorkspaceRoot('packages/mobile'),
         '@': path.resolve('src'),
         '@demos': path.resolve(`${demosPath}`),
         '@menu': menuPath,
diff --git a/examples/vue3/vite.config.ts b/examples/vue3/vite.config.ts
index 1c208dd563..0b70e685bd 100644
--- a/examples/vue3/vite.config.ts
+++ b/examples/vue3/vite.config.ts
@@ -92,6 +92,7 @@ export default defineConfig((config) => {
     resolve: {
       extensions: ['.js', '.ts', '.tsx', '.vue'],
       alias: {
+        '@mobile-root': pathFromWorkspaceRoot('packages/mobile'),
         'vue': path.resolve('node_modules/vue/dist/vue.esm-bundler.js'),
         'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
         '@': pathFromWorkspaceRoot('examples/docs/newsrc'),
diff --git a/packages/mobile/components/action-sheet/src/mobile.vue b/packages/mobile/components/action-sheet/src/mobile.vue
index 26416676e6..c59687931d 100644
--- a/packages/mobile/components/action-sheet/src/mobile.vue
+++ b/packages/mobile/components/action-sheet/src/mobile.vue
@@ -52,7 +52,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import '@opentiny/vue-theme-mobile/action-sheet/index.less'
 import BScroll from '@better-scroll/core'
 import { actionSheetProps } from './action-sheet'
diff --git a/packages/mobile/components/alert/src/mobile.vue b/packages/mobile/components/alert/src/mobile.vue
index a6809601a3..a50fc703a7 100644
--- a/packages/mobile/components/alert/src/mobile.vue
+++ b/packages/mobile/components/alert/src/mobile.vue
@@ -28,7 +28,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { iconClose, iconSuccess, iconError, iconHelp, iconWarningTriangle } from '@opentiny/vue-icon'
 import type { IAlertApi } from './alert'
 import { alertProps } from './alert'
diff --git a/packages/mobile/components/avatar/src/mobile.vue b/packages/mobile/components/avatar/src/mobile.vue
index 98e0bb3c05..36380307e3 100644
--- a/packages/mobile/components/avatar/src/mobile.vue
+++ b/packages/mobile/components/avatar/src/mobile.vue
@@ -10,7 +10,7 @@
  *
  -->
 <script lang="tsx">
-import { $prefix, setup, h, defineComponent } from '../../../vue-common'
+import { $prefix, setup, h, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import '@opentiny/vue-theme-mobile/avatar/index.less'
 
diff --git a/packages/mobile/components/badge/src/mobile.vue b/packages/mobile/components/badge/src/mobile.vue
index 8befb500e6..f580866a6a 100644
--- a/packages/mobile/components/badge/src/mobile.vue
+++ b/packages/mobile/components/badge/src/mobile.vue
@@ -38,7 +38,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { badgeProps } from './badge'
 import '@opentiny/vue-theme-mobile/badge/index.less'
 
diff --git a/packages/mobile/components/badge/src/renderless/vue.ts b/packages/mobile/components/badge/src/renderless/vue.ts
index dca20a1cc1..55b2fc35d2 100644
--- a/packages/mobile/components/badge/src/renderless/vue.ts
+++ b/packages/mobile/components/badge/src/renderless/vue.ts
@@ -11,7 +11,7 @@
  */
 
 import { computedContent, computedValueRef, computedTransform } from './index'
-import { xss } from '@opentiny/mobile-utils/xss'
+import { xss } from '@mobile-root/utils/xss'
 import type { IBadgeState, IBadgeProps, IBadgeApi, IBadgeRenderlessParams } from '../badge'
 
 export const api = ['state']
diff --git a/packages/mobile/components/button/src/mobile.vue b/packages/mobile/components/button/src/mobile.vue
index 8db23cac3c..088cca317b 100644
--- a/packages/mobile/components/button/src/mobile.vue
+++ b/packages/mobile/components/button/src/mobile.vue
@@ -45,7 +45,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { buttonProps } from './button'
 import '@opentiny/vue-theme-mobile/button/index.less'
 
diff --git a/packages/mobile/components/button/src/renderless/index.ts b/packages/mobile/components/button/src/renderless/index.ts
index f54f5bc4bc..be570b3bd6 100644
--- a/packages/mobile/components/button/src/renderless/index.ts
+++ b/packages/mobile/components/button/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 import type { IButtonRenderlessParams, IButtonState } from '../button'
-import { xss } from '@opentiny/mobile-utils'
+import { xss } from '@mobile-root/utils'
 
 export const handleClick =
   ({ emit, props, state }: Pick<IButtonRenderlessParams, 'emit' | 'props' | 'state'>) =>
diff --git a/packages/mobile/components/checkbox-group/src/mobile.vue b/packages/mobile/components/checkbox-group/src/mobile.vue
index 414d75b546..d7daade641 100644
--- a/packages/mobile/components/checkbox-group/src/mobile.vue
+++ b/packages/mobile/components/checkbox-group/src/mobile.vue
@@ -26,7 +26,7 @@
 
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import Checkbox from '../../checkbox'
 import { CheckboxGroupProps } from './checkbox-group'
 import '@opentiny/vue-theme-mobile/checkbox-group/index.less'
diff --git a/packages/mobile/components/checkbox/src/checkbox.ts b/packages/mobile/components/checkbox/src/checkbox.ts
index a4ae281623..4588382336 100644
--- a/packages/mobile/components/checkbox/src/checkbox.ts
+++ b/packages/mobile/components/checkbox/src/checkbox.ts
@@ -9,8 +9,8 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
-import { $prefix } from '../../../vue-common'
-import type { PropType } from '../../../vue-common'
+import { $prefix } from '@mobile-root/vue-common'
+import type { PropType } from '@mobile-root/vue-common'
 import type { ExtractPropTypes, ComputedRef } from 'vue'
 import type { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from '../../../types/shared.type'
 
diff --git a/packages/mobile/components/checkbox/src/mobile.vue b/packages/mobile/components/checkbox/src/mobile.vue
index e42a0b9606..cddab8e5da 100644
--- a/packages/mobile/components/checkbox/src/mobile.vue
+++ b/packages/mobile/components/checkbox/src/mobile.vue
@@ -64,7 +64,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { checkboxProps } from './checkbox'
 import '@opentiny/vue-theme-mobile/checkbox/index.less'
 
diff --git a/packages/mobile/components/checkbox/src/renderless/index.ts b/packages/mobile/components/checkbox/src/renderless/index.ts
index 971e16d937..479a17ed6a 100644
--- a/packages/mobile/components/checkbox/src/renderless/index.ts
+++ b/packages/mobile/components/checkbox/src/renderless/index.ts
@@ -11,7 +11,7 @@
  */
 
 import type { ICheckboxRenderlessParams, ICheckboxState, ICheckboxChangeEvent, ICheckboxProps } from '../checkbox'
-import { isNull } from '@opentiny/mobile-utils/type'
+import { isNull } from '@mobile-root/utils/type'
 
 export const addToStore =
   ({ state, props }: Pick<ICheckboxRenderlessParams, 'state' | 'props'>) =>
diff --git a/packages/mobile/components/container/src/mobile.vue b/packages/mobile/components/container/src/mobile.vue
index 97f95b201b..f38d2aad38 100644
--- a/packages/mobile/components/container/src/mobile.vue
+++ b/packages/mobile/components/container/src/mobile.vue
@@ -25,7 +25,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { containerProps } from './container'
 import '@opentiny/vue-theme-mobile/container/index.less'
 
diff --git a/packages/mobile/components/container/src/renderless/index.ts b/packages/mobile/components/container/src/renderless/index.ts
index f564baad76..a0ca638ad3 100644
--- a/packages/mobile/components/container/src/renderless/index.ts
+++ b/packages/mobile/components/container/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { isNumber } from '@opentiny/mobile-utils/type'
+import { isNumber } from '@mobile-root/utils/type'
 
 export const computedShowHeader =
   ({ constants, props }) =>
@@ -128,7 +128,7 @@ export const computedLeftStyle =
 export const computedShowRight =
   ({ constants, props }) =>
   () => {
-    return props.pattern === constants.DEFAULT ? false : true
+    return props.pattern !== constants.DEFAULT
   }
 
 export const computedRightStyle =
diff --git a/packages/mobile/components/date-picker/src/date-picker.ts b/packages/mobile/components/date-picker/src/date-picker.ts
index a42e201e69..f6f8cb0113 100644
--- a/packages/mobile/components/date-picker/src/date-picker.ts
+++ b/packages/mobile/components/date-picker/src/date-picker.ts
@@ -9,10 +9,11 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
-import type { PropType } from '../../../vue-common'
+import type { PropType } from '@mobile-root/vue-common'
 import { iconClose } from '@opentiny/vue-icon'
 import type { ComputedRef, ExtractPropTypes } from 'vue'
 import type { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from '../../../types/shared.type'
+
 export type { ISharedRenderlessParamHooks } from '../../../types/shared.type'
 
 const currentYear = new Date().getFullYear()
diff --git a/packages/mobile/components/date-picker/src/mobile.vue b/packages/mobile/components/date-picker/src/mobile.vue
index 54869742d5..b2ec7a52ea 100644
--- a/packages/mobile/components/date-picker/src/mobile.vue
+++ b/packages/mobile/components/date-picker/src/mobile.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts">
-import { props, setup, defineComponent } from '../../../vue-common'
+import { props, setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import MiniPicker from '../../mini-picker'
 import Input from '../../input'
diff --git a/packages/mobile/components/date-picker/src/renderless/vue.ts b/packages/mobile/components/date-picker/src/renderless/vue.ts
index 9cdb481b29..b7089018a2 100644
--- a/packages/mobile/components/date-picker/src/renderless/vue.ts
+++ b/packages/mobile/components/date-picker/src/renderless/vue.ts
@@ -27,7 +27,7 @@ import {
   onChange,
   updateColumnValue
 } from './index'
-import { DATE } from '@opentiny/mobile-utils'
+import { DATE } from '@mobile-root/utils'
 import type {
   IDatePickerApi,
   IDatePickerProps,
diff --git a/packages/mobile/components/dialog-box/src/dialog-box.ts b/packages/mobile/components/dialog-box/src/dialog-box.ts
index c96e0ae7cd..fd950bd2cc 100644
--- a/packages/mobile/components/dialog-box/src/dialog-box.ts
+++ b/packages/mobile/components/dialog-box/src/dialog-box.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { $prefix } from '../../../vue-common'
+import { $prefix } from '@mobile-root/vue-common'
 import type { ExtractPropTypes } from 'vue'
 import type {
   handleCancel,
diff --git a/packages/mobile/components/dialog-box/src/mobile.vue b/packages/mobile/components/dialog-box/src/mobile.vue
index b25c34aaac..9b91410e9a 100644
--- a/packages/mobile/components/dialog-box/src/mobile.vue
+++ b/packages/mobile/components/dialog-box/src/mobile.vue
@@ -38,7 +38,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { dialogBoxProps } from './dialog-box'
 import '@opentiny/vue-theme-mobile/dialog-box/index.less'
 
diff --git a/packages/mobile/components/dialog-box/src/renderless/index.ts b/packages/mobile/components/dialog-box/src/renderless/index.ts
index e56058db03..f39df0547a 100644
--- a/packages/mobile/components/dialog-box/src/renderless/index.ts
+++ b/packages/mobile/components/dialog-box/src/renderless/index.ts
@@ -10,9 +10,9 @@
  *
  */
 
-import { on, off, addClass, removeClass } from '@opentiny/mobile-utils/deps/dom'
-import { emitEvent } from '@opentiny/mobile-utils/event'
-import { getDomNode } from '@opentiny/mobile-utils/deps/dom'
+import { on, off, addClass, removeClass } from '@mobile-root/utils/deps/dom'
+import { emitEvent } from '@mobile-root/utils/event'
+import { getDomNode } from '@mobile-root/utils/deps/dom'
 import type { IDialogBoxRenderlessParams, IDialogBoxStyle } from '../dialog-box'
 
 export const computedAnimationName =
diff --git a/packages/mobile/components/dialog-box/src/renderless/vue.ts b/packages/mobile/components/dialog-box/src/renderless/vue.ts
index 1d150a96ab..1c8d7e499f 100644
--- a/packages/mobile/components/dialog-box/src/renderless/vue.ts
+++ b/packages/mobile/components/dialog-box/src/renderless/vue.ts
@@ -31,7 +31,7 @@ import {
   hideScrollbar,
   computedBodyStyle
 } from './index'
-import usePopup from '@opentiny/mobile-utils/deps/vue-popup'
+import usePopup from '@mobile-root/utils/deps/vue-popup'
 import type {
   IDialogBoxApi,
   IDialogBoxProps,
diff --git a/packages/mobile/components/dropdown-item/src/mobile.vue b/packages/mobile/components/dropdown-item/src/mobile.vue
index fe76a76779..2510a6bcb6 100644
--- a/packages/mobile/components/dropdown-item/src/mobile.vue
+++ b/packages/mobile/components/dropdown-item/src/mobile.vue
@@ -99,11 +99,11 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent, directive } from '../../../vue-common'
+import { setup, defineComponent, directive } from '@mobile-root/vue-common'
 import { iconYes } from '@opentiny/vue-icon'
 import Popup from '../../popup'
 import Button from '../../button'
-import Clickoutside from '@opentiny/mobile-utils/deps/clickoutside'
+import Clickoutside from '@mobile-root/utils/deps/clickoutside'
 import '@opentiny/vue-theme-mobile/dropdown-item/index.less'
 import { dropdownItemProps } from './dropdown-item'
 
diff --git a/packages/mobile/components/dropdown-item/src/renderless/index.ts b/packages/mobile/components/dropdown-item/src/renderless/index.ts
index 079c3bdc22..ddc4b4e5d1 100644
--- a/packages/mobile/components/dropdown-item/src/renderless/index.ts
+++ b/packages/mobile/components/dropdown-item/src/renderless/index.ts
@@ -16,7 +16,7 @@ import type {
   IDropdownItemTag,
   IDropdownItemOptionStyle
 } from '../dropdown-item'
-import { on, off } from '@opentiny/mobile-utils/deps/dom'
+import { on, off } from '@mobile-root/utils/deps/dom'
 
 export const getTitle = (props: IDropdownItemRenderlessParams['props']) => (): string => {
   if (props.title) {
diff --git a/packages/mobile/components/dropdown-menu/src/mobile.vue b/packages/mobile/components/dropdown-menu/src/mobile.vue
index 86f29ef082..95f91bf77f 100644
--- a/packages/mobile/components/dropdown-menu/src/mobile.vue
+++ b/packages/mobile/components/dropdown-menu/src/mobile.vue
@@ -51,8 +51,8 @@
                   item.type === 'filter'
                     ? 'IconUnfilter'
                     : item.type === 'selection' && item.state.showPopup
-                      ? 'IconUp'
-                      : 'IconDown'
+                    ? 'IconUp'
+                    : 'IconDown'
                 "
                 :class="[item.type === 'filter' ? 'filter-icon' : '']"
               />
@@ -68,10 +68,10 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent, directive } from '../../../vue-common'
+import { setup, defineComponent, directive } from '@mobile-root/vue-common'
 import { iconUp, iconDown, iconUnfilter, iconSort, iconDeltaDown, iconDeltaUp } from '@opentiny/vue-icon'
 import { dropdownMenuProps } from './dropdown-menu'
-import Clickoutside from '@opentiny/mobile-utils/deps/clickoutside'
+import Clickoutside from '@mobile-root/utils/deps/clickoutside'
 import '@opentiny/vue-theme-mobile/dropdown-menu/index.less'
 
 export default defineComponent({
diff --git a/packages/mobile/components/dropdown-menu/src/renderless/index.ts b/packages/mobile/components/dropdown-menu/src/renderless/index.ts
index 0c2bf98113..f35d0af239 100644
--- a/packages/mobile/components/dropdown-menu/src/renderless/index.ts
+++ b/packages/mobile/components/dropdown-menu/src/renderless/index.ts
@@ -11,7 +11,7 @@
  */
 
 import type { IDropdownMenuRenderlessParams, IDropdownMenuPopperParams, IDropdownItemVm } from '../dropdown-menu'
-import userPopper from '@opentiny/mobile-utils/deps/vue-popper'
+import userPopper from '@mobile-root/utils/deps/vue-popper'
 
 export const toggleItem =
   (state: IDropdownMenuRenderlessParams['state']) =>
diff --git a/packages/mobile/components/exception/src/mobile.vue b/packages/mobile/components/exception/src/mobile.vue
index c8b79c12cb..4c8d0786c4 100644
--- a/packages/mobile/components/exception/src/mobile.vue
+++ b/packages/mobile/components/exception/src/mobile.vue
@@ -38,7 +38,7 @@
 
 <script>
 import { renderless, api } from './renderless/vue'
-import { setup, $prefix, defineComponent } from '../../../vue-common'
+import { setup, $prefix, defineComponent } from '@mobile-root/vue-common'
 import Button from '../../button'
 import { exceptionProps } from './exception'
 import '@opentiny/vue-theme-mobile/exception/index.less'
diff --git a/packages/mobile/components/file-upload/src/file-upload.ts b/packages/mobile/components/file-upload/src/file-upload.ts
index f0c9bc0536..787df2712d 100644
--- a/packages/mobile/components/file-upload/src/file-upload.ts
+++ b/packages/mobile/components/file-upload/src/file-upload.ts
@@ -85,7 +85,7 @@ import type {
 } from './renderless'
 import type { downloadFile as ordinaryDownload } from '../../upload-list/src/upload-list'
 import type { IUploadFormData } from '../../upload/src/upload'
-import { $props } from '../../../vue-common'
+import { $props } from '@mobile-root/vue-common'
 
 export type { ISharedRenderlessParamHooks } from '../../../types/shared.type'
 
diff --git a/packages/mobile/components/file-upload/src/mobile.vue b/packages/mobile/components/file-upload/src/mobile.vue
index c0e4a4acac..8d9b035518 100644
--- a/packages/mobile/components/file-upload/src/mobile.vue
+++ b/packages/mobile/components/file-upload/src/mobile.vue
@@ -11,7 +11,7 @@
  -->
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { setup, h, defineComponent } from '../../../vue-common'
+import { setup, h, defineComponent } from '@mobile-root/vue-common'
 import UploadList from '../../upload-list'
 import Upload from '../../upload'
 import { iconUpload } from '@opentiny/vue-icon'
diff --git a/packages/mobile/components/file-upload/src/renderless/index.ts b/packages/mobile/components/file-upload/src/renderless/index.ts
index ad94d81f6f..dcea57ee3a 100644
--- a/packages/mobile/components/file-upload/src/renderless/index.ts
+++ b/packages/mobile/components/file-upload/src/renderless/index.ts
@@ -29,11 +29,11 @@ import type {
   IFileUploadLargeDocumentDownload
 } from '../file-upload'
 
-import { extend } from '@opentiny/mobile-utils/object'
-import { xss, log } from '@opentiny/mobile-utils/xss'
-import uploadAjax from '@opentiny/mobile-utils/deps/upload-ajax'
-import { isObject } from '@opentiny/mobile-utils/type'
-import { isEmptyObject } from '@opentiny/mobile-utils/type'
+import { extend } from '@mobile-root/utils/object'
+import { xss, log } from '@mobile-root/utils/xss'
+import uploadAjax from '@mobile-root/utils/deps/upload-ajax'
+import { isObject } from '@mobile-root/utils/type'
+import { isEmptyObject } from '@mobile-root/utils/type'
 
 let initTokenPromise = null
 
diff --git a/packages/mobile/components/file-upload/src/renderless/vue.ts b/packages/mobile/components/file-upload/src/renderless/vue.ts
index ca4142240b..6337cd1cfa 100644
--- a/packages/mobile/components/file-upload/src/renderless/vue.ts
+++ b/packages/mobile/components/file-upload/src/renderless/vue.ts
@@ -20,7 +20,7 @@ import type {
   IFileUploadStreamsaver
 } from '../file-upload'
 import { downloadFile as ordinaryDownload } from '../../../upload-list/src/renderless'
-import { formatFileSize } from '@opentiny/mobile-utils/string'
+import { formatFileSize } from '@mobile-root/utils/string'
 
 import {
   initService,
@@ -96,7 +96,7 @@ import {
   closeRecordPanel,
   getTipMessage
 } from './index'
-import { isEmptyObject } from '@opentiny/mobile-utils/type'
+import { isEmptyObject } from '@mobile-root/utils/type'
 
 export const api = [
   'state',
diff --git a/packages/mobile/components/form-item/src/label-wrap.ts b/packages/mobile/components/form-item/src/label-wrap.ts
index 283b62e036..f20d83e9bb 100644
--- a/packages/mobile/components/form-item/src/label-wrap.ts
+++ b/packages/mobile/components/form-item/src/label-wrap.ts
@@ -1,4 +1,4 @@
-import { setup, h, $props, defineComponent } from '../../../vue-common'
+import { setup, h, $props, defineComponent } from '@mobile-root/vue-common'
 
 export default defineComponent({
   props: {
diff --git a/packages/mobile/components/form-item/src/mobile.vue b/packages/mobile/components/form-item/src/mobile.vue
index 4222b1b760..14c678ca87 100644
--- a/packages/mobile/components/form-item/src/mobile.vue
+++ b/packages/mobile/components/form-item/src/mobile.vue
@@ -10,7 +10,7 @@
  *
  -->
 <script lang="tsx">
-import { $prefix, setup, parseVnode, h, defineComponent, isVue2 } from '../../../vue-common'
+import { $prefix, setup, parseVnode, h, defineComponent, isVue2 } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import LabelWrap from './label-wrap'
 import Tooltip from '../../tooltip'
diff --git a/packages/mobile/components/form-item/src/renderless/index.ts b/packages/mobile/components/form-item/src/renderless/index.ts
index 56b7c23106..dc2f3f8972 100644
--- a/packages/mobile/components/form-item/src/renderless/index.ts
+++ b/packages/mobile/components/form-item/src/renderless/index.ts
@@ -10,12 +10,12 @@
  *
  */
 
-import { POSITION, VALIDATE_STATE } from '@opentiny/mobile-utils'
-import { omitText } from '@opentiny/mobile-utils/string'
-import { merge } from '@opentiny/mobile-utils/object'
-import Validator from '@opentiny/mobile-utils/validate'
-import { isNull } from '@opentiny/mobile-utils/type'
-import debounce from '@opentiny/mobile-utils/deps/debounce'
+import { POSITION, VALIDATE_STATE } from '@mobile-root/utils'
+import { omitText } from '@mobile-root/utils/string'
+import { merge } from '@mobile-root/utils/object'
+import Validator from '@mobile-root/utils/validate'
+import { isNull } from '@mobile-root/utils/type'
+import debounce from '@mobile-root/utils/deps/debounce'
 import type {
   IFormItemRenderlessParams,
   IFormItemDisplayedValueParam,
diff --git a/packages/mobile/components/form/src/mobile.vue b/packages/mobile/components/form/src/mobile.vue
index 76ac8b8386..6ce5dbedb3 100644
--- a/packages/mobile/components/form/src/mobile.vue
+++ b/packages/mobile/components/form/src/mobile.vue
@@ -25,7 +25,7 @@
 
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import type { IFormApi } from '@opentiny/vue-renderless/types/form.type'
 import { formProps } from './form'
 import '@opentiny/vue-theme-mobile/form/index.less'
diff --git a/packages/mobile/components/form/src/renderless/index.ts b/packages/mobile/components/form/src/renderless/index.ts
index 8c6fc70d4b..72fbc63d57 100644
--- a/packages/mobile/components/form/src/renderless/index.ts
+++ b/packages/mobile/components/form/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { merge } from '@opentiny/mobile-utils/object'
+import { merge } from '@mobile-root/utils/object'
 
 import type { IFormRenderlessParams } from '../form'
 
diff --git a/packages/mobile/components/image-viewer/src/mobile.vue b/packages/mobile/components/image-viewer/src/mobile.vue
index 11c58e1988..ae41540df5 100644
--- a/packages/mobile/components/image-viewer/src/mobile.vue
+++ b/packages/mobile/components/image-viewer/src/mobile.vue
@@ -112,7 +112,7 @@
 
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { props, setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import {
   iconClose,
   iconChevronLeft,
diff --git a/packages/mobile/components/image-viewer/src/mobileTouch.ts b/packages/mobile/components/image-viewer/src/mobileTouch.ts
index cc12d910fe..1bf7cc3a21 100644
--- a/packages/mobile/components/image-viewer/src/mobileTouch.ts
+++ b/packages/mobile/components/image-viewer/src/mobileTouch.ts
@@ -9,8 +9,8 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
-import { directive } from '../../../vue-common'
-import { isObject } from '@opentiny/mobile-utils/type'
+import { directive } from '@mobile-root/vue-common'
+import { isObject } from '@mobile-root/utils/type'
 
 class TinyTouch {
   constructor(element, tinyBinding, type) {
@@ -49,7 +49,7 @@ class TinyTouch {
 
     this.time = setTimeout(() => {
       if (this.tinyVueLeave && this.tinyVueMoves) {
-        this.touchType == 'longtap' && this.tinyVueCallBack(this.tinyBinding.value, e)
+        this.touchType === 'longtap' && this.tinyVueCallBack(this.tinyBinding.value, e)
         this.tinyLongTouch = false
       }
     }, 1000)
@@ -66,28 +66,28 @@ class TinyTouch {
     clearTimeout(this.time)
 
     if (Math.abs(disX) > 10 || Math.abs(disY) > 100) {
-      this.touchType == 'swipe' && this.tinyVueCallBack(this.tinyBinding.value, e)
+      this.touchType === 'swipe' && this.tinyVueCallBack(this.tinyBinding.value, e)
 
       if (Math.abs(disX) > Math.abs(disY)) {
         if (disX > 10) {
-          this.touchType == 'swiperight' && this.tinyVueCallBack(this.tinyBinding.value, e)
+          this.touchType === 'swiperight' && this.tinyVueCallBack(this.tinyBinding.value, e)
         }
 
         if (disX < -10) {
-          this.touchType == 'swipeleft' && this.tinyVueCallBack(this.tinyBinding.value, e)
+          this.touchType === 'swipeleft' && this.tinyVueCallBack(this.tinyBinding.value, e)
         }
       } else {
         if (disY > 10) {
-          this.touchType == 'swipedown' && this.tinyVueCallBack(this.tinyBinding.value, e)
+          this.touchType === 'swipedown' && this.tinyVueCallBack(this.tinyBinding.value, e)
         }
 
         if (disY < -10) {
-          this.touchType == 'swipeup' && this.tinyVueCallBack(this.tinyBinding.value, e)
+          this.touchType === 'swipeup' && this.tinyVueCallBack(this.tinyBinding.value, e)
         }
       }
     } else {
       if (this.tinyLongTouch && this.tinyVueMoves) {
-        this.touchType == 'tap' && this.tinyVueCallBack(this.tinyBinding.value, e)
+        this.touchType === 'tap' && this.tinyVueCallBack(this.tinyBinding.value, e)
         this.tinyVueLeave = false
       }
     }
@@ -106,6 +106,7 @@ const mapDirective = () => {
     deactives[name] = directive({
       vTouch: {
         bind(el, tinyBinding) {
+          // eslint-disable-next-line no-new
           new TinyTouch(el, tinyBinding, name)
         }
       }
diff --git a/packages/mobile/components/image-viewer/src/renderless/index.ts b/packages/mobile/components/image-viewer/src/renderless/index.ts
index af25631a37..594e70c270 100644
--- a/packages/mobile/components/image-viewer/src/renderless/index.ts
+++ b/packages/mobile/components/image-viewer/src/renderless/index.ts
@@ -10,10 +10,10 @@
  *
  */
 
-import { on, off } from '@opentiny/mobile-utils/deps/dom'
-import { KEY_CODE } from '@opentiny/mobile-utils'
-import PopupManager from '@opentiny/mobile-utils/deps/popup-manager'
-import { xss } from '@opentiny/mobile-utils/xss'
+import { on, off } from '@mobile-root/utils/deps/dom'
+import { KEY_CODE } from '@mobile-root/utils'
+import PopupManager from '@mobile-root/utils/deps/popup-manager'
+import { xss } from '@mobile-root/utils/xss'
 
 const isFirefox = () => !!window.navigator.userAgent.match(/firefox/i)
 
diff --git a/packages/mobile/components/index-bar-anchor/src/index.vue b/packages/mobile/components/index-bar-anchor/src/index.vue
index 4b2a4b3614..972e5aa685 100644
--- a/packages/mobile/components/index-bar-anchor/src/index.vue
+++ b/packages/mobile/components/index-bar-anchor/src/index.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts">
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import '@opentiny/vue-theme-mobile/index-bar-anchor/index.less'
 
diff --git a/packages/mobile/components/index-bar/src/mobile.vue b/packages/mobile/components/index-bar/src/mobile.vue
index 7e62837a6b..437abe6339 100644
--- a/packages/mobile/components/index-bar/src/mobile.vue
+++ b/packages/mobile/components/index-bar/src/mobile.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script lang="ts">
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 
 import '@opentiny/vue-theme-mobile/index-bar/index.less'
diff --git a/packages/mobile/components/input/src/input.ts b/packages/mobile/components/input/src/input.ts
index ff37b4883b..845db807c2 100644
--- a/packages/mobile/components/input/src/input.ts
+++ b/packages/mobile/components/input/src/input.ts
@@ -9,7 +9,7 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
-import type { PropType } from '../../../vue-common'
+import type { PropType } from '@mobile-root/vue-common'
 import type { ExtractPropTypes, ComputedRef } from 'vue'
 import type { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from '../../../types/shared.type'
 
diff --git a/packages/mobile/components/input/src/mobile.vue b/packages/mobile/components/input/src/mobile.vue
index 8e9338701a..5480e48ff0 100644
--- a/packages/mobile/components/input/src/mobile.vue
+++ b/packages/mobile/components/input/src/mobile.vue
@@ -173,7 +173,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { props, setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { iconClose, iconEyeopen, iconEyeclose, iconChevronRight } from '@opentiny/vue-icon'
 import ActionSheet from '../../action-sheet'
 import { inputProps } from './input'
diff --git a/packages/mobile/components/input/src/renderless/index.ts b/packages/mobile/components/input/src/renderless/index.ts
index 97624717e3..565a223973 100644
--- a/packages/mobile/components/input/src/renderless/index.ts
+++ b/packages/mobile/components/input/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { omitText } from '@opentiny/mobile-utils/string'
+import { omitText } from '@mobile-root/utils/string'
 import type {
   IInputApi,
   IInputClassPrefixConstants,
diff --git a/packages/mobile/components/input/src/renderless/tall-storage/index.ts b/packages/mobile/components/input/src/renderless/tall-storage/index.ts
index 2724bd9508..11bbb3f448 100644
--- a/packages/mobile/components/input/src/renderless/tall-storage/index.ts
+++ b/packages/mobile/components/input/src/renderless/tall-storage/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { KEY_CODE } from '@opentiny/mobile-utils'
+import { KEY_CODE } from '@mobile-root/utils'
 
 export const mousedown = (event) => {
   if (event && event.preventDefault) {
diff --git a/packages/mobile/components/label/src/mobile.vue b/packages/mobile/components/label/src/mobile.vue
index d64a631d0c..d59ffe4b3a 100644
--- a/packages/mobile/components/label/src/mobile.vue
+++ b/packages/mobile/components/label/src/mobile.vue
@@ -18,7 +18,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { labelProps } from './label'
 import '@opentiny/vue-theme-mobile/label/index.less'
 
diff --git a/packages/mobile/components/list/src/mobile.vue b/packages/mobile/components/list/src/mobile.vue
index 11c8f2cd10..974d86646e 100644
--- a/packages/mobile/components/list/src/mobile.vue
+++ b/packages/mobile/components/list/src/mobile.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts">
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import '@opentiny/vue-theme-mobile/list/index.less'
 
diff --git a/packages/mobile/components/loading/src/directive.ts b/packages/mobile/components/loading/src/directive.ts
index 7a7eb5b832..99b4c75c1b 100644
--- a/packages/mobile/components/loading/src/directive.ts
+++ b/packages/mobile/components/loading/src/directive.ts
@@ -9,11 +9,11 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
-import afterLeave from '@opentiny/mobile-utils/deps/after-leave'
-import PopupManager from '@opentiny/mobile-utils/deps/popup-manager'
-import { addClass, getStyle, removeClass } from '@opentiny/mobile-utils/deps/dom'
+import afterLeave from '@mobile-root/utils/deps/after-leave'
+import PopupManager from '@mobile-root/utils/deps/popup-manager'
+import { addClass, getStyle, removeClass } from '@mobile-root/utils/deps/dom'
 import Loading from './mobile.vue'
-import { hooks, directive, createComponent, appProperties } from '../../../vue-common'
+import { hooks, directive, createComponent, appProperties } from '@mobile-root/vue-common'
 import { constants, defaults } from './service'
 
 const insertDom = (parent, el, binding) => {
diff --git a/packages/mobile/components/loading/src/mobile.vue b/packages/mobile/components/loading/src/mobile.vue
index 7dbb40e51c..4e683e89b6 100644
--- a/packages/mobile/components/loading/src/mobile.vue
+++ b/packages/mobile/components/loading/src/mobile.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts">
-import { $prefix, setup, $props, defineComponent } from '../../../vue-common'
+import { $prefix, setup, $props, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import loadingImg from '@opentiny/vue-theme-mobile/images/loading.png'
 import '@opentiny/vue-theme-mobile/loading/index.less'
diff --git a/packages/mobile/components/loading/src/renderless/index.ts b/packages/mobile/components/loading/src/renderless/index.ts
index daf1281753..a4611e2fbd 100644
--- a/packages/mobile/components/loading/src/renderless/index.ts
+++ b/packages/mobile/components/loading/src/renderless/index.ts
@@ -11,8 +11,8 @@
  */
 
 import type { ILoadingRenderlessParamUtils, ILoadingRenderlessParams, ILoadingState } from '../loading'
-import afterLeave from '@opentiny/mobile-utils/deps/after-leave'
-import { removeClass } from '@opentiny/mobile-utils/deps/dom'
+import afterLeave from '@mobile-root/utils/deps/after-leave'
+import { removeClass } from '@mobile-root/utils/deps/dom'
 
 export const handleAfterLeave = (emit: ILoadingRenderlessParamUtils['emit']) => (): void => {
   emit('after-leave')
diff --git a/packages/mobile/components/loading/src/service.ts b/packages/mobile/components/loading/src/service.ts
index 7a1435639e..174ff20b9d 100644
--- a/packages/mobile/components/loading/src/service.ts
+++ b/packages/mobile/components/loading/src/service.ts
@@ -10,9 +10,9 @@
  *
  */
 
-import PopupManager from '@opentiny/mobile-utils/deps/popup-manager'
-import { getStyle, addClass } from '@opentiny/mobile-utils/deps/dom'
-import { createComponent, hooks, appProperties } from '../../../vue-common'
+import PopupManager from '@mobile-root/utils/deps/popup-manager'
+import { getStyle, addClass } from '@mobile-root/utils/deps/dom'
+import { createComponent, hooks, appProperties } from '@mobile-root/vue-common'
 import Loading from './mobile.vue'
 
 export const defaults = {
diff --git a/packages/mobile/components/mask/src/mobile.vue b/packages/mobile/components/mask/src/mobile.vue
index c88ab07f3e..5a14ae83da 100644
--- a/packages/mobile/components/mask/src/mobile.vue
+++ b/packages/mobile/components/mask/src/mobile.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script lang="ts">
-import { props, setup, defineComponent, $prefix } from '../../../vue-common'
+import { props, setup, defineComponent, $prefix } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import '@opentiny/vue-theme-mobile/mask/index.less'
 
diff --git a/packages/mobile/components/message/index.ts b/packages/mobile/components/message/index.ts
index 2d455f0de1..62d2ae44e3 100644
--- a/packages/mobile/components/message/index.ts
+++ b/packages/mobile/components/message/index.ts
@@ -1,6 +1,6 @@
 import Modal from '../modal'
-import { extend } from '@opentiny/mobile-utils/object'
-import { $prefix } from '../../../vue-common'
+import { extend } from '@mobile-root/utils/object'
+import { $prefix } from '@mobile-root/vue-common'
 
 const Message = extend(true, { props: { componentName: { type: String, default: 'Message' } } }, Modal, {
   name: $prefix + 'Message'
diff --git a/packages/mobile/components/mini-picker/src/mobile.vue b/packages/mobile/components/mini-picker/src/mobile.vue
index eabd69364b..de09af8d81 100644
--- a/packages/mobile/components/mini-picker/src/mobile.vue
+++ b/packages/mobile/components/mini-picker/src/mobile.vue
@@ -45,7 +45,7 @@
 <script lang="tsx">
 import { t } from '@opentiny/vue-locale'
 import { renderless, api } from './renderless/vue'
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import PickerColumn from '../../picker-column'
 import '@opentiny/vue-theme-mobile/mini-picker/index.less'
 
diff --git a/packages/mobile/components/modal/src/mobile.vue b/packages/mobile/components/modal/src/mobile.vue
index be0c93186b..429c5f0887 100644
--- a/packages/mobile/components/modal/src/mobile.vue
+++ b/packages/mobile/components/modal/src/mobile.vue
@@ -10,7 +10,7 @@
  *
  -->
 <script lang="tsx">
-import { props, setup, h, defineComponent } from '../../../vue-common'
+import { setup, h, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import Button from '../../button'
 import { iconFullscreenLeft, iconMinscreenLeft } from '@opentiny/vue-icon'
@@ -19,9 +19,6 @@ import '@opentiny/vue-theme-mobile/modal/index.less'
 
 export default defineComponent({
   props: modalProps,
-  components: {
-    Button
-  },
   provide() {
     return { dialog: this }
   },
diff --git a/packages/mobile/components/modal/src/renderless/index.ts b/packages/mobile/components/modal/src/renderless/index.ts
index 8c45fab121..f79bc8807f 100644
--- a/packages/mobile/components/modal/src/renderless/index.ts
+++ b/packages/mobile/components/modal/src/renderless/index.ts
@@ -10,11 +10,11 @@
  *
  */
 
-import { KEY_CODE } from '@opentiny/mobile-utils'
-import { on, off, addClass, hasClass, removeClass } from '@opentiny/mobile-utils/deps/dom'
-import PopupManager from '@opentiny/mobile-utils/deps/popup-manager'
-import { getDomNode } from '@opentiny/mobile-utils/deps/dom'
-import { getViewportWindow } from '@opentiny/mobile-utils/global'
+import { KEY_CODE } from '@mobile-root/utils'
+import { on, off, addClass, hasClass, removeClass } from '@mobile-root/utils/deps/dom'
+import PopupManager from '@mobile-root/utils/deps/popup-manager'
+import { getDomNode } from '@mobile-root/utils/deps/dom'
+import { getViewportWindow } from '@mobile-root/utils/global'
 
 import type {
   IModalProps,
diff --git a/packages/mobile/components/multi-select-item/src/mobile.vue b/packages/mobile/components/multi-select-item/src/mobile.vue
index 28d39fe0ec..6295a74c41 100644
--- a/packages/mobile/components/multi-select-item/src/mobile.vue
+++ b/packages/mobile/components/multi-select-item/src/mobile.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script lang="ts">
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import { iconChevronDown } from '@opentiny/vue-icon'
 import Button from '../../button'
diff --git a/packages/mobile/components/multi-select/src/mobile.vue b/packages/mobile/components/multi-select/src/mobile.vue
index f9896cb0a3..b865c6f81d 100644
--- a/packages/mobile/components/multi-select/src/mobile.vue
+++ b/packages/mobile/components/multi-select/src/mobile.vue
@@ -116,8 +116,8 @@
 </template>
 
 <script lang="ts">
-import type { PropType } from '../../../vue-common'
-import { $prefix, setup, defineComponent, directive } from '../../../vue-common'
+import type { PropType } from '@mobile-root/vue-common'
+import { $prefix, setup, defineComponent, directive } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import { iconChevronDown, iconSearch } from '@opentiny/vue-icon'
 import Button from '../../button'
@@ -125,9 +125,8 @@ import Input from '../../input'
 import Mask from '../../mask'
 import MultiSelectItem from '../../multi-select-item'
 import Wheel from '../../wheel'
-import Clickoutside from '@opentiny/mobile-utils/deps/clickoutside'
+import Clickoutside from '@mobile-root/utils/deps/clickoutside'
 import { t } from '@opentiny/vue-locale'
-import { multiSelectProps } from './multi-select'
 import '@opentiny/vue-theme-mobile/multi-select/index.less'
 
 export default defineComponent({
diff --git a/packages/mobile/components/multi-select/src/multi-select.ts b/packages/mobile/components/multi-select/src/multi-select.ts
index 4040f353fe..80b0827f67 100644
--- a/packages/mobile/components/multi-select/src/multi-select.ts
+++ b/packages/mobile/components/multi-select/src/multi-select.ts
@@ -9,7 +9,7 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
-import type { PropType } from '../../../vue-common'
+import type { PropType } from '@mobile-root/vue-common'
 
 export const multiSelectProps = {
   dataSource: {
diff --git a/packages/mobile/components/multi-select/src/renderless/index.ts b/packages/mobile/components/multi-select/src/renderless/index.ts
index b0373ed0ee..cf9b6f193a 100644
--- a/packages/mobile/components/multi-select/src/renderless/index.ts
+++ b/packages/mobile/components/multi-select/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { cloneDeep } from '@opentiny/mobile-utils/object'
+import { cloneDeep } from '@mobile-root/utils/object'
 
 export const initValue =
   ({ props, emit }) =>
diff --git a/packages/mobile/components/nav-bar/src/mobile.vue b/packages/mobile/components/nav-bar/src/mobile.vue
index def729eb4b..743fb73aa4 100644
--- a/packages/mobile/components/nav-bar/src/mobile.vue
+++ b/packages/mobile/components/nav-bar/src/mobile.vue
@@ -10,7 +10,7 @@
  *
  -->
 <script lang="tsx">
-import { $prefix, h, defineComponent } from '../../../vue-common'
+import { $prefix, h, defineComponent } from '@mobile-root/vue-common'
 
 // 此处引入 h 是为了防止打包后 h 被重命名导致组件报错的问题
 import { iconChevronLeft, iconPlus } from '@opentiny/vue-icon'
diff --git a/packages/mobile/components/numeric/src/mobile.vue b/packages/mobile/components/numeric/src/mobile.vue
index b564c9c9f0..582d4972be 100644
--- a/packages/mobile/components/numeric/src/mobile.vue
+++ b/packages/mobile/components/numeric/src/mobile.vue
@@ -71,8 +71,8 @@
 
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { props, setup, directive, defineComponent } from '../../../vue-common'
-import bind from '@opentiny/mobile-utils/deps/repeat-click'
+import { setup, directive, defineComponent } from '@mobile-root/vue-common'
+import bind from '@mobile-root/utils/deps/repeat-click'
 import { iconChevronDown, iconChevronUp, iconMinus, iconPlus } from '@opentiny/vue-icon'
 import { numericProps } from './numeric'
 import '@opentiny/vue-theme-mobile/numeric/index.less'
diff --git a/packages/mobile/components/numeric/src/numeric.ts b/packages/mobile/components/numeric/src/numeric.ts
index da0c049f33..45653606ba 100644
--- a/packages/mobile/components/numeric/src/numeric.ts
+++ b/packages/mobile/components/numeric/src/numeric.ts
@@ -10,7 +10,7 @@
  *
  */
 import type { ExtractPropTypes } from 'vue'
-import type { BigIntDecimal } from '@opentiny/mobile-utils/bigInt'
+import type { BigIntDecimal } from '@mobile-root/utils/bigInt'
 import type {
   focus,
   select,
@@ -42,6 +42,7 @@ import type {
   handleChange
 } from './renderless'
 import type { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from '../../../types/shared.type'
+
 export type { ISharedRenderlessParamHooks } from '../../../types/shared.type'
 
 export const $constants = {
diff --git a/packages/mobile/components/numeric/src/renderless/index.ts b/packages/mobile/components/numeric/src/renderless/index.ts
index b47d3153e9..9d3c00cd18 100644
--- a/packages/mobile/components/numeric/src/renderless/index.ts
+++ b/packages/mobile/components/numeric/src/renderless/index.ts
@@ -18,12 +18,12 @@ import type {
   INumericGetEmitValueParams,
   INumericUnitPrecision
 } from '../numeric'
-import type { BigIntDecimal } from '@opentiny/mobile-utils/bigInt'
-import { formatNumber, roundFixed } from '@opentiny/mobile-utils/decimal'
-import { getMiniDecimal, lessEquals, equalsDecimal } from '@opentiny/mobile-utils/bigInt'
-import { isNumber, isNull } from '@opentiny/mobile-utils/type'
-import { MOUSEDELTA } from '@opentiny/mobile-utils'
-import { on, off } from '@opentiny/mobile-utils/deps/dom'
+import type { BigIntDecimal } from '@mobile-root/utils/bigInt'
+import { formatNumber, roundFixed } from '@mobile-root/utils/decimal'
+import { getMiniDecimal, lessEquals, equalsDecimal } from '@mobile-root/utils/bigInt'
+import { isNumber, isNull } from '@mobile-root/utils/type'
+import { MOUSEDELTA } from '@mobile-root/utils'
+import { on, off } from '@mobile-root/utils/deps/dom'
 
 export const initService = (
   service: INumericRenderlessParamUtils['service']
diff --git a/packages/mobile/components/picker-column/src/mobile.vue b/packages/mobile/components/picker-column/src/mobile.vue
index 1f0e114e8e..5f81fdbcbc 100644
--- a/packages/mobile/components/picker-column/src/mobile.vue
+++ b/packages/mobile/components/picker-column/src/mobile.vue
@@ -33,7 +33,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import '@opentiny/vue-theme-mobile/picker-column/index.less'
 
 export default defineComponent({
diff --git a/packages/mobile/components/picker-column/src/renderless/index.ts b/packages/mobile/components/picker-column/src/renderless/index.ts
index 4efef8cd45..3b160767bc 100644
--- a/packages/mobile/components/picker-column/src/renderless/index.ts
+++ b/packages/mobile/components/picker-column/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { on, off } from '@opentiny/mobile-utils/deps/dom'
+import { on, off } from '@mobile-root/utils/deps/dom'
 
 export const computedWrapperStyle = (state) => () => {
   const wrapperStyle = {
diff --git a/packages/mobile/components/popover/src/mobile.vue b/packages/mobile/components/popover/src/mobile.vue
index bd2b7b99cb..fbb15bf059 100644
--- a/packages/mobile/components/popover/src/mobile.vue
+++ b/packages/mobile/components/popover/src/mobile.vue
@@ -53,7 +53,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { props, setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { popoverProps } from './popover'
 import '@opentiny/vue-theme-mobile/popover/index.less'
 
diff --git a/packages/mobile/components/popover/src/renderless/index.ts b/packages/mobile/components/popover/src/renderless/index.ts
index 45baae8fdb..420544c9f7 100644
--- a/packages/mobile/components/popover/src/renderless/index.ts
+++ b/packages/mobile/components/popover/src/renderless/index.ts
@@ -10,9 +10,9 @@
  *
  */
 import type { IPopoverRenderlessParams, IPopoverState } from '../popover'
-import { on, off, addClass, removeClass } from '@opentiny/mobile-utils/deps/dom'
-import { guid } from '@opentiny/mobile-utils/string'
-import { KEY_CODE } from '@opentiny/mobile-utils'
+import { on, off, addClass, removeClass } from '@mobile-root/utils/deps/dom'
+import { guid } from '@mobile-root/utils/string'
+import { KEY_CODE } from '@mobile-root/utils'
 
 const processTrigger = ({
   api,
diff --git a/packages/mobile/components/popover/src/renderless/vue.ts b/packages/mobile/components/popover/src/renderless/vue.ts
index 52c0e089e0..344a901e07 100644
--- a/packages/mobile/components/popover/src/renderless/vue.ts
+++ b/packages/mobile/components/popover/src/renderless/vue.ts
@@ -31,7 +31,7 @@ import {
   handleItemClick,
   observeCallback
 } from './index'
-import userPopper from '@opentiny/mobile-utils/deps/vue-popper'
+import userPopper from '@mobile-root/utils/deps/vue-popper'
 import type {
   IPopoverApi,
   IPopoverProps,
diff --git a/packages/mobile/components/popup/src/mobile.vue b/packages/mobile/components/popup/src/mobile.vue
index bdfe2b716c..39a00b1dee 100644
--- a/packages/mobile/components/popup/src/mobile.vue
+++ b/packages/mobile/components/popup/src/mobile.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script lang="ts">
-import { setup, $prefix, $props, defineComponent } from '../../../vue-common'
+import { setup, $prefix, $props, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import { iconClose } from '@opentiny/vue-icon'
 import '@opentiny/vue-theme-mobile/popup/index.less'
diff --git a/packages/mobile/components/popup/src/renderless/index.ts b/packages/mobile/components/popup/src/renderless/index.ts
index 13784d248e..9d6524f860 100644
--- a/packages/mobile/components/popup/src/renderless/index.ts
+++ b/packages/mobile/components/popup/src/renderless/index.ts
@@ -10,10 +10,10 @@
  *
  */
 
-import { on, off } from '@opentiny/mobile-utils/deps/dom'
-import { touchStart, touchMove } from '@opentiny/mobile-utils/deps/touch'
+import { on, off } from '@mobile-root/utils/deps/dom'
+import { touchStart, touchMove } from '@mobile-root/utils/deps/touch'
 import { getScroller } from '../../../dropdown-menu/src/renderless'
-import { isNull } from '@opentiny/mobile-utils/type'
+import { isNull } from '@mobile-root/utils/type'
 
 export const getStyle = (props) => () => {
   const style = { ...props.popupStyle }
diff --git a/packages/mobile/components/progress/src/mobile.vue b/packages/mobile/components/progress/src/mobile.vue
index c52a72c9e7..669c6e67a9 100644
--- a/packages/mobile/components/progress/src/mobile.vue
+++ b/packages/mobile/components/progress/src/mobile.vue
@@ -68,7 +68,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { iconClose, iconSuccessful, iconError, iconYes, iconWarning } from '@opentiny/vue-icon'
 import '@opentiny/vue-theme-mobile/progress/index.less'
 import { progressProps } from './progress'
diff --git a/packages/mobile/components/pull-refresh/src/mobile.vue b/packages/mobile/components/pull-refresh/src/mobile.vue
index a145e7070b..e9bb818a0d 100644
--- a/packages/mobile/components/pull-refresh/src/mobile.vue
+++ b/packages/mobile/components/pull-refresh/src/mobile.vue
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="tsx">
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import { pullRefreshProps } from './pull-refresh'
 import '@opentiny/vue-theme-mobile/pull-refresh/index.less'
diff --git a/packages/mobile/components/pull-refresh/src/renderless/index.ts b/packages/mobile/components/pull-refresh/src/renderless/index.ts
index 1829c6a435..3d4e168dfa 100644
--- a/packages/mobile/components/pull-refresh/src/renderless/index.ts
+++ b/packages/mobile/components/pull-refresh/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { on, off } from '@opentiny/mobile-utils/deps/dom'
+import { on, off } from '@mobile-root/utils/deps/dom'
 
 // 上拉触发事件超时时间
 const PULL_UP_TIME_OUT = 300
diff --git a/packages/mobile/components/radio-group/src/mobile.vue b/packages/mobile/components/radio-group/src/mobile.vue
index 85696f0be6..821237960f 100644
--- a/packages/mobile/components/radio-group/src/mobile.vue
+++ b/packages/mobile/components/radio-group/src/mobile.vue
@@ -28,7 +28,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import Radio from '../../radio'
 import { radioGroupProps } from './radio-group'
 import type { IRadioGroupApi } from './radio-group'
diff --git a/packages/mobile/components/radio-group/src/renderless/index.ts b/packages/mobile/components/radio-group/src/renderless/index.ts
index c0ad01e2f6..e3ac9fcd35 100644
--- a/packages/mobile/components/radio-group/src/renderless/index.ts
+++ b/packages/mobile/components/radio-group/src/renderless/index.ts
@@ -11,7 +11,7 @@
  */
 
 import type { IRadioGroupRenderlessParams } from '../radio-group'
-import { KEY_CODE } from '@opentiny/mobile-utils'
+import { KEY_CODE } from '@mobile-root/utils'
 
 export const handleKeydown =
   (parent: IRadioGroupRenderlessParams['parent']) =>
diff --git a/packages/mobile/components/radio/src/mobile.vue b/packages/mobile/components/radio/src/mobile.vue
index 301fb95620..96a25aca1f 100644
--- a/packages/mobile/components/radio/src/mobile.vue
+++ b/packages/mobile/components/radio/src/mobile.vue
@@ -47,7 +47,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { props, setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { radioProps } from './radio'
 import '@opentiny/vue-theme-mobile/radio/index.less'
 
diff --git a/packages/mobile/components/search/src/mobile.vue b/packages/mobile/components/search/src/mobile.vue
index 914bc2ca4f..8a7016427f 100644
--- a/packages/mobile/components/search/src/mobile.vue
+++ b/packages/mobile/components/search/src/mobile.vue
@@ -66,7 +66,7 @@
 
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { iconSearch, iconClose } from '@opentiny/vue-icon'
 import '@opentiny/vue-theme-mobile/search/index.less'
 import type { ISearchApi } from './search'
diff --git a/packages/mobile/components/search/src/renderless/index.ts b/packages/mobile/components/search/src/renderless/index.ts
index fbbc78f453..e6436db966 100644
--- a/packages/mobile/components/search/src/renderless/index.ts
+++ b/packages/mobile/components/search/src/renderless/index.ts
@@ -10,9 +10,9 @@
  *
  */
 import type { ISearchRenderlessParams, ISearchValue } from '../search'
-import { on, off } from '@opentiny/mobile-utils/deps/dom'
-import PopupManager from '@opentiny/mobile-utils/deps/popup-manager'
-import { isObject, typeOf } from '@opentiny/mobile-utils/type'
+import { on, off } from '@mobile-root/utils/deps/dom'
+import PopupManager from '@mobile-root/utils/deps/popup-manager'
+import { isObject, typeOf } from '@mobile-root/utils/type'
 
 export const emitInput =
   ({ emit }: Pick<ISearchRenderlessParams, 'emit'>) =>
diff --git a/packages/mobile/components/slider/src/mobile.vue b/packages/mobile/components/slider/src/mobile.vue
index c1e16b8849..4608d64c3e 100644
--- a/packages/mobile/components/slider/src/mobile.vue
+++ b/packages/mobile/components/slider/src/mobile.vue
@@ -58,7 +58,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import type { ISliderApi } from './slider'
 import { sliderProps } from './slider'
 import '@opentiny/vue-theme-mobile/slider/index.less'
diff --git a/packages/mobile/components/slider/src/renderless/index.ts b/packages/mobile/components/slider/src/renderless/index.ts
index d80790768b..6c55383d1b 100644
--- a/packages/mobile/components/slider/src/renderless/index.ts
+++ b/packages/mobile/components/slider/src/renderless/index.ts
@@ -10,10 +10,10 @@
  *
  */
 
-import { KEY_CODE } from '@opentiny/mobile-utils'
-import { emitEvent } from '@opentiny/mobile-utils/event'
-import { on, off, hasClass } from '@opentiny/mobile-utils/deps/dom'
-import { toNumber } from '@opentiny/mobile-utils/string'
+import { KEY_CODE } from '@mobile-root/utils'
+import { emitEvent } from '@mobile-root/utils/event'
+import { on, off, hasClass } from '@mobile-root/utils/deps/dom'
+import { toNumber } from '@mobile-root/utils/string'
 import type { ISliderApi, ISliderRenderlessParams, ISliderState } from '../slider'
 
 export const bindEvent = (api: ISliderApi) => () => {
diff --git a/packages/mobile/components/switch/src/mobile.vue b/packages/mobile/components/switch/src/mobile.vue
index 1087469f16..dbe136ec19 100644
--- a/packages/mobile/components/switch/src/mobile.vue
+++ b/packages/mobile/components/switch/src/mobile.vue
@@ -19,7 +19,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import '@opentiny/vue-theme-mobile/switch/index.less'
 import { switchProps } from './switch'
 
diff --git a/packages/mobile/components/tab-item/src/mobile.vue b/packages/mobile/components/tab-item/src/mobile.vue
index bea0fbbc6d..812c75f56a 100644
--- a/packages/mobile/components/tab-item/src/mobile.vue
+++ b/packages/mobile/components/tab-item/src/mobile.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts">
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import type { ITabItemApi } from '@opentiny/vue-renderless/types/tab-item.type'
 import { tabItemProps } from './tab-item'
diff --git a/packages/mobile/components/tabbar-item/src/mobile.vue b/packages/mobile/components/tabbar-item/src/mobile.vue
index 30e53eae72..8b47a98734 100644
--- a/packages/mobile/components/tabbar-item/src/mobile.vue
+++ b/packages/mobile/components/tabbar-item/src/mobile.vue
@@ -32,7 +32,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { $props, $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { tabbarItemProps } from './tabbar-item'
 import '@opentiny/vue-theme-mobile/tabbar-item/index.less'
 
diff --git a/packages/mobile/components/tabbar-item/src/renderless/index.ts b/packages/mobile/components/tabbar-item/src/renderless/index.ts
index 097c8ff51b..46481c29d9 100644
--- a/packages/mobile/components/tabbar-item/src/renderless/index.ts
+++ b/packages/mobile/components/tabbar-item/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { isObject, isNull } from '@opentiny/mobile-utils/type'
+import { isObject, isNull } from '@mobile-root/utils/type'
 
 export const getRouteActive =
   ({ props, route }) =>
diff --git a/packages/mobile/components/tabbar-item/src/renderless/vue.ts b/packages/mobile/components/tabbar-item/src/renderless/vue.ts
index 5d3efa1762..3f7cd7121e 100644
--- a/packages/mobile/components/tabbar-item/src/renderless/vue.ts
+++ b/packages/mobile/components/tabbar-item/src/renderless/vue.ts
@@ -11,7 +11,7 @@
  */
 
 import { getRouteActive, onClick, bindChildren, routeTab, getTabbarItemsWidth } from './index'
-import { xss } from '@opentiny/mobile-utils'
+import { xss } from '@mobile-root/utils'
 
 export const api = ['state', 'onClick', 'getTabbarItemsWidth']
 
diff --git a/packages/mobile/components/tabbar/src/mobile.vue b/packages/mobile/components/tabbar/src/mobile.vue
index 564dd58387..4f134f3738 100644
--- a/packages/mobile/components/tabbar/src/mobile.vue
+++ b/packages/mobile/components/tabbar/src/mobile.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script lang="ts">
-import { setup, $prefix, defineComponent } from '../../../vue-common'
+import { setup, $prefix, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import { tabbarProps } from './tabbar'
 import '@opentiny/vue-theme-mobile/tabbar/index.less'
diff --git a/packages/mobile/components/tabbar/src/renderless/index.ts b/packages/mobile/components/tabbar/src/renderless/index.ts
index 170331b958..b0e57a4104 100644
--- a/packages/mobile/components/tabbar/src/renderless/index.ts
+++ b/packages/mobile/components/tabbar/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { off } from '@opentiny/mobile-utils/deps/dom'
+import { off } from '@mobile-root/utils/deps/dom'
 
 export const setActiveItem =
   ({ props, state }) =>
diff --git a/packages/mobile/components/tabbar/src/renderless/vue.ts b/packages/mobile/components/tabbar/src/renderless/vue.ts
index f59ab752be..9f8d5e0f31 100644
--- a/packages/mobile/components/tabbar/src/renderless/vue.ts
+++ b/packages/mobile/components/tabbar/src/renderless/vue.ts
@@ -11,7 +11,7 @@
  */
 
 import { setActiveItem, onChange, getChildrens, getItems, beforeDestroy, initPage } from './index'
-import { on } from '@opentiny/mobile-utils/deps/dom'
+import { on } from '@mobile-root/utils/deps/dom'
 
 export const api = ['state', 'onChange', 'getChildrens']
 
diff --git a/packages/mobile/components/table/src/mobile.vue b/packages/mobile/components/table/src/mobile.vue
index 8d75fa5840..e761ae00b3 100644
--- a/packages/mobile/components/table/src/mobile.vue
+++ b/packages/mobile/components/table/src/mobile.vue
@@ -90,7 +90,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { iconRadioselected, iconRadio, iconCheck, iconCheckedSur, iconHalfselect } from '@opentiny/vue-icon'
 import { tableProps } from './table'
 import '@opentiny/vue-theme-mobile/table/index.less'
diff --git a/packages/mobile/components/tabs/src/mobile.vue b/packages/mobile/components/tabs/src/mobile.vue
index dc0b02385a..576fb85685 100644
--- a/packages/mobile/components/tabs/src/mobile.vue
+++ b/packages/mobile/components/tabs/src/mobile.vue
@@ -11,10 +11,10 @@
  -->
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { setup, h, defineComponent } from '../../../vue-common'
+import { setup, h, defineComponent } from '@mobile-root/vue-common'
 import TabNav from './tab-nav/mb.vue'
 import { iconPlus } from '@opentiny/vue-icon'
-import { touchStart, touchMove } from '@opentiny/mobile-utils/deps/touch'
+import { touchStart, touchMove } from '@mobile-root/utils/deps/touch'
 import '@opentiny/vue-theme-mobile/tabs/index.less'
 import type { ITabsApi } from './tabs'
 import { tabsProps } from './tabs'
diff --git a/packages/mobile/components/tabs/src/tab-nav/renderless/index.ts b/packages/mobile/components/tabs/src/tab-nav/renderless/index.ts
index 85aa8793a9..d43ddafd7f 100644
--- a/packages/mobile/components/tabs/src/tab-nav/renderless/index.ts
+++ b/packages/mobile/components/tabs/src/tab-nav/renderless/index.ts
@@ -10,10 +10,10 @@
  *
  */
 import type { ITabNavRenderlessParams } from '../tab-nav'
-import { KEY_CODE, POSITION } from '@opentiny/mobile-utils'
-import { capitalize } from '@opentiny/mobile-utils/string'
-import { addResizeListener, removeResizeListener } from '@opentiny/mobile-utils/deps/resize-event'
-import { on, off } from '@opentiny/mobile-utils/deps/dom'
+import { KEY_CODE, POSITION } from '@mobile-root/utils'
+import { capitalize } from '@mobile-root/utils/string'
+import { addResizeListener, removeResizeListener } from '@mobile-root/utils/deps/resize-event'
+import { on, off } from '@mobile-root/utils/deps/dom'
 
 export const computedNavStyle = (state: ITabNavRenderlessParams['state']): { transform: string; width?: string } => {
   const dir = ~[POSITION.Top, POSITION.Bottom].indexOf(state.rootTabs.position) ? 'X' : 'Y'
diff --git a/packages/mobile/components/tag/src/mobile.vue b/packages/mobile/components/tag/src/mobile.vue
index 5c00a241f8..85c1b67223 100644
--- a/packages/mobile/components/tag/src/mobile.vue
+++ b/packages/mobile/components/tag/src/mobile.vue
@@ -21,7 +21,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { props, setup, h, defineComponent } from '../../../vue-common'
+import { setup, h, defineComponent } from '@mobile-root/vue-common'
 import { tagProps } from './tag'
 import type { ITagApi } from '@opentiny/vue-renderless/types/tag.type'
 import '@opentiny/vue-theme-mobile/tag/index.less'
diff --git a/packages/mobile/components/time-line/src/mobile.vue b/packages/mobile/components/time-line/src/mobile.vue
index 670b202659..663b95c630 100644
--- a/packages/mobile/components/time-line/src/mobile.vue
+++ b/packages/mobile/components/time-line/src/mobile.vue
@@ -81,7 +81,7 @@
 
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { iconYes } from '@opentiny/vue-icon'
 import { timelineProps } from './time-line'
 import '@opentiny/vue-theme-mobile/steps/index.less'
diff --git a/packages/mobile/components/time-line/src/renderless/index.ts b/packages/mobile/components/time-line/src/renderless/index.ts
index 6998092fa5..df3af3365c 100644
--- a/packages/mobile/components/time-line/src/renderless/index.ts
+++ b/packages/mobile/components/time-line/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { format } from '@opentiny/mobile-utils/date'
+import { format } from '@mobile-root/utils/date'
 import type {
   ITimelineProps,
   ITimelineRenderlessParams,
diff --git a/packages/mobile/components/time-line/src/time-line.ts b/packages/mobile/components/time-line/src/time-line.ts
index 513ed1f7f8..2dabc04168 100644
--- a/packages/mobile/components/time-line/src/time-line.ts
+++ b/packages/mobile/components/time-line/src/time-line.ts
@@ -9,10 +9,11 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
-import type { PropType } from '../../../vue-common'
+import type { PropType } from '@mobile-root/vue-common'
 import type { ExtractPropTypes } from 'vue'
 import type { toggleFold } from './renderless'
 import type { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from '../../../types/shared.type'
+
 export type { ISharedRenderlessParamHooks } from '../../../types/shared.type'
 
 export const $constants = {
diff --git a/packages/mobile/components/toast/src/mobile.vue b/packages/mobile/components/toast/src/mobile.vue
index 595e5040e5..891fdbee5e 100644
--- a/packages/mobile/components/toast/src/mobile.vue
+++ b/packages/mobile/components/toast/src/mobile.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script lang="ts">
-import { props, setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import '@opentiny/vue-theme-mobile/toast/index.less'
 import { IconMobileErrorWhite, IconMobileSuccessWhite } from '@opentiny/vue-icon'
diff --git a/packages/mobile/components/toast/src/service.ts b/packages/mobile/components/toast/src/service.ts
index 771a849f68..4f059cf7b8 100644
--- a/packages/mobile/components/toast/src/service.ts
+++ b/packages/mobile/components/toast/src/service.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { createComponent } from '../../../vue-common'
+import { createComponent } from '@mobile-root/vue-common'
 import Toast from './mobile.vue'
 
 const defaults = {
diff --git a/packages/mobile/components/tooltip/src/mobile.vue b/packages/mobile/components/tooltip/src/mobile.vue
index 7719c2ea63..2305198abd 100644
--- a/packages/mobile/components/tooltip/src/mobile.vue
+++ b/packages/mobile/components/tooltip/src/mobile.vue
@@ -22,7 +22,7 @@ import {
   defineComponent,
   isEmptyVnode,
   hooks
-} from '../../../vue-common'
+} from '@mobile-root/vue-common'
 import type { ITooltipApi, ITinyVm } from './tooltip'
 import { tooltipProps } from './tooltip'
 
diff --git a/packages/mobile/components/tooltip/src/renderless/index.ts b/packages/mobile/components/tooltip/src/renderless/index.ts
index 01cb874527..9f06d4cc63 100644
--- a/packages/mobile/components/tooltip/src/renderless/index.ts
+++ b/packages/mobile/components/tooltip/src/renderless/index.ts
@@ -11,8 +11,8 @@
  */
 
 import type { ITooltipApi, ITooltipRenderlessParams, ITooltipState } from '@/types'
-import debounce from '@opentiny/mobile-utils/deps/debounce'
-import { on, off, addClass, removeClass } from '@opentiny/mobile-utils/deps/dom'
+import debounce from '@mobile-root/utils/deps/debounce'
+import { on, off, addClass, removeClass } from '@mobile-root/utils/deps/dom'
 
 export const show =
   ({ api, state, props }: Pick<ITooltipRenderlessParams, 'api' | 'state' | 'props'>) =>
diff --git a/packages/mobile/components/tooltip/src/renderless/vue.ts b/packages/mobile/components/tooltip/src/renderless/vue.ts
index 0041355479..1bc194113e 100644
--- a/packages/mobile/components/tooltip/src/renderless/vue.ts
+++ b/packages/mobile/components/tooltip/src/renderless/vue.ts
@@ -28,8 +28,8 @@ import {
   observeCallback,
   handleDocumentClick
 } from './index'
-import userPopper from '@opentiny/mobile-utils/deps/vue-popper'
-import { guid } from '@opentiny/mobile-utils/string'
+import userPopper from '@mobile-root/utils/deps/vue-popper'
+import { guid } from '@mobile-root/utils/string'
 import type { ISharedRenderlessParamHooks, ISharedRenderlessParamUtils } from 'types/shared.type'
 import type { ITooltipApi, ITooltipProps, ITooltipState } from 'types/tooltip.type'
 
diff --git a/packages/mobile/components/upload-list/src/mobile.vue b/packages/mobile/components/upload-list/src/mobile.vue
index f37365747d..c9243d7dbd 100644
--- a/packages/mobile/components/upload-list/src/mobile.vue
+++ b/packages/mobile/components/upload-list/src/mobile.vue
@@ -292,7 +292,7 @@
 </template>
 
 <script lang="tsx">
-import { $prefix, setup, props, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import Progress from '../../progress'
 import Button from '../../button'
diff --git a/packages/mobile/components/upload-list/src/renderless/index.ts b/packages/mobile/components/upload-list/src/renderless/index.ts
index 796f54678c..0a989c984f 100644
--- a/packages/mobile/components/upload-list/src/renderless/index.ts
+++ b/packages/mobile/components/upload-list/src/renderless/index.ts
@@ -11,8 +11,8 @@
  */
 import type { IUploadListRenderlessParams, IFileUploadFile, IUploadListVideoParam } from '../upload-list'
 
-import { xss } from '@opentiny/mobile-utils/xss'
-import { addResizeListener, removeResizeListener } from '@opentiny/mobile-utils/deps/resize-event'
+import { xss } from '@mobile-root/utils/xss'
+import { addResizeListener, removeResizeListener } from '@mobile-root/utils/deps/resize-event'
 
 export const parsePercentage =
   () =>
diff --git a/packages/mobile/components/upload-list/src/renderless/vue.ts b/packages/mobile/components/upload-list/src/renderless/vue.ts
index 53ff7be80e..8d63f7d1f9 100644
--- a/packages/mobile/components/upload-list/src/renderless/vue.ts
+++ b/packages/mobile/components/upload-list/src/renderless/vue.ts
@@ -31,7 +31,7 @@ import {
   getNotSuccessFiles
 } from './index'
 import { getToken, initService } from '../../../file-upload/src/renderless'
-import { formatFileSize } from '@opentiny/mobile-utils/string'
+import { formatFileSize } from '@mobile-root/utils/string'
 import { getApi } from '../../../file-upload/src/renderless/vue'
 
 export const api = [
diff --git a/packages/mobile/components/upload/src/mobile.vue b/packages/mobile/components/upload/src/mobile.vue
index 886a0c627e..eccb5c687a 100644
--- a/packages/mobile/components/upload/src/mobile.vue
+++ b/packages/mobile/components/upload/src/mobile.vue
@@ -11,7 +11,7 @@
  -->
 
 <script lang="tsx">
-import { $prefix, setup, h, defineComponent } from '../../../vue-common'
+import { $prefix, setup, h, defineComponent } from '@mobile-root/vue-common'
 
 // 此处引入 h 是为了防止打包后 h 被重命名导致组件报错的问题
 import { renderless, api } from './renderless/vue'
diff --git a/packages/mobile/components/upload/src/renderless/index.ts b/packages/mobile/components/upload/src/renderless/index.ts
index ee4a59f3a3..fcce27035f 100644
--- a/packages/mobile/components/upload/src/renderless/index.ts
+++ b/packages/mobile/components/upload/src/renderless/index.ts
@@ -19,7 +19,7 @@ import type {
   IUploadOptionsOfHwh5
 } from '../upload'
 
-import { KEY_CODE } from '@opentiny/mobile-utils'
+import { KEY_CODE } from '@mobile-root/utils'
 
 export const isImage = (str: string): boolean => str.includes('image')
 
diff --git a/packages/mobile/components/upload/src/upload.ts b/packages/mobile/components/upload/src/upload.ts
index c93733c498..258cfd6d6d 100644
--- a/packages/mobile/components/upload/src/upload.ts
+++ b/packages/mobile/components/upload/src/upload.ts
@@ -1,4 +1,4 @@
-import uploadAjax from '@opentiny/mobile-utils/deps/upload-ajax'
+import uploadAjax from '@mobile-root/utils/deps/upload-ajax'
 import type { ExtractPropTypes } from 'vue'
 import type {
   ISharedRenderlessFunctionParams,
diff --git a/packages/mobile/components/user-head/src/mobile.vue b/packages/mobile/components/user-head/src/mobile.vue
index e3d06e5076..403a1a0b46 100644
--- a/packages/mobile/components/user-head/src/mobile.vue
+++ b/packages/mobile/components/user-head/src/mobile.vue
@@ -38,7 +38,7 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { props, setup, defineComponent } from '../../../vue-common'
+import { setup, defineComponent } from '@mobile-root/vue-common'
 import { iconUser } from '@opentiny/vue-icon'
 import { userHeadProps } from './user-head'
 import '@opentiny/vue-theme-mobile/user-head/index.less'
diff --git a/packages/mobile/components/wheel/src/mobile.vue b/packages/mobile/components/wheel/src/mobile.vue
index 5575c17308..8871888938 100644
--- a/packages/mobile/components/wheel/src/mobile.vue
+++ b/packages/mobile/components/wheel/src/mobile.vue
@@ -47,7 +47,7 @@
 </template>
 
 <script lang="ts">
-import { $prefix, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '@mobile-root/vue-common'
 import { renderless, api } from './renderless/vue'
 import { IconYes } from '@opentiny/vue-icon'
 import BScroll from '@better-scroll/core'
diff --git a/packages/mobile/components/wheel/src/renderless/index.ts b/packages/mobile/components/wheel/src/renderless/index.ts
index 12e52d8cca..84a1544838 100644
--- a/packages/mobile/components/wheel/src/renderless/index.ts
+++ b/packages/mobile/components/wheel/src/renderless/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { cloneDeep } from '@opentiny/mobile-utils/object'
+import { cloneDeep } from '@mobile-root/utils/object'
 
 export const created = (api) => () => {
   api.loadPickerData()
diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index 1189e527a3..dea03615d6 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -31,17 +31,16 @@
     "@better-scroll/core": "^2.5.0",
     "@better-scroll/wheel": "^2.5.0",
     "@opentiny/vue-icon": "workspace:~",
-    "@opentiny/mobile-utils": "workspace:~",
-    "@opentiny/vue-theme-mobile": "workspace:~",
-    "@opentiny/vue-locale": "workspace:~"
+    "@opentiny/vue-locale": "workspace:~",
+    "@opentiny/vue-theme-mobile": "workspace:~"
   },
   "devDependencies": {
-    "vue": "^3.5.0",
-    "typescript": "catalog:",
-    "vite": "catalog:",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "typescript": "catalog:",
+    "vite": "catalog:",
     "vite-plugin-dts": "^4.3.0",
-    "vite-svg-loader": "^5.1.0"
+    "vite-svg-loader": "^5.1.0",
+    "vue": "^3.5.0"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/mobile/tsconfig.json b/packages/mobile/tsconfig.json
index 56c154f085..538dcfd265 100644
--- a/packages/mobile/tsconfig.json
+++ b/packages/mobile/tsconfig.json
@@ -18,7 +18,12 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+
+    /* alias */
+    "paths": {
+      "@mobile-root/*": ["./*"]
+    }
   },
   "include": ["components/**/*.ts", "components/**/*.tsx", "components/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]
diff --git a/packages/mobile/utils/package.json b/packages/mobile/utils/package.json
deleted file mode 100644
index 3d3ceedebc..0000000000
--- a/packages/mobile/utils/package.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "name": "@opentiny/mobile-utils",
-  "type": "module",
-  "version": "3.21.0",
-  "sideEffects": false,
-  "main": "index.ts",
-  "dependencies": {
-    "xss": "1.0.14"
-  },
-  "scripts": {
-    "build": "pnpm -w build:ui",
-    "postversion": "pnpm build"
-  }
-}
\ No newline at end of file
diff --git a/packages/mobile/vite.config.ts b/packages/mobile/vite.config.ts
index 263b9ec4a3..b55d92f657 100644
--- a/packages/mobile/vite.config.ts
+++ b/packages/mobile/vite.config.ts
@@ -1,10 +1,10 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import svgLoader from 'vite-svg-loader'
+import path from 'node:path'
 
 export default defineConfig({
-  plugins: [vue(), vueJsx(), svgLoader()],
+  plugins: [vue(), vueJsx()],
   build: {
     lib: {
       entry: './index.ts'
@@ -20,5 +20,10 @@ export default defineConfig({
         }
       ]
     }
+  },
+  resolve: {
+    alias: {
+      '@mobile-root': path.resolve(__dirname, '')
+    }
   }
 })
diff --git a/packages/mobile/vue-common/src/adapter/index.ts b/packages/mobile/vue-common/src/adapter/index.ts
index 68139b2ef5..c438418538 100644
--- a/packages/mobile/vue-common/src/adapter/index.ts
+++ b/packages/mobile/vue-common/src/adapter/index.ts
@@ -11,7 +11,7 @@
  */
 import * as hooks from 'vue'
 
-import { camelize, capitalize, hyphenate } from '@opentiny/mobile-utils/string'
+import { camelize, capitalize, hyphenate } from '@mobile-root/utils/string'
 import { bindFilter, emitter, getElementCssClass, getElementStatusClass } from './utils'
 
 const Teleport = hooks.Teleport
@@ -473,7 +473,6 @@ export const createComponentFn = (design) => {
     return createVm({}, vnode.component)
   }
 }
-
 export const defineComponent = hooks.defineComponent
 
 export default hooks
diff --git a/packages/mobile/vue-common/src/adapter/vue3/index.ts b/packages/mobile/vue-common/src/adapter/vue3/index.ts
index d7b00f08cb..b358c7ab38 100644
--- a/packages/mobile/vue-common/src/adapter/vue3/index.ts
+++ b/packages/mobile/vue-common/src/adapter/vue3/index.ts
@@ -11,7 +11,7 @@
  */
 import * as hooks from 'vue'
 
-import { camelize, capitalize, hyphenate } from '@opentiny/mobile-utils/string'
+import { camelize, capitalize, hyphenate } from '@mobile-root/utils/string'
 import { bindFilter, emitter, getElementCssClass, getElementStatusClass } from '../utils'
 
 const Teleport = hooks.Teleport
diff --git a/packages/mobile/vue-common/src/breakpoint.ts b/packages/mobile/vue-common/src/breakpoint.ts
index c45c402cfa..7b9b498507 100644
--- a/packages/mobile/vue-common/src/breakpoint.ts
+++ b/packages/mobile/vue-common/src/breakpoint.ts
@@ -1,6 +1,6 @@
 import hooks from './adapter'
-import { isServer } from '@opentiny/mobile-utils/deps/dom'
-import debounce from '@opentiny/mobile-utils/deps/debounce'
+import { isServer } from '@mobile-root/utils/deps/dom'
+import debounce from '@mobile-root/utils/deps/debounce'
 
 /**
  * 组合使用 Tailwind 的响应性断点状态