upd: taro vue relative path optimization

jd/demo.js

@@ -7,7 +7,7 @@ var demoModel = function (nameLc) {
 </template>
 <script lang="ts">
 import { reactive, toRefs, computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('${nameLc}');
 export default create({
   props: {
@@ -48,7 +48,7 @@ export default create({
   </div>
 </template>
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('${nameLc}');
 export default createDemo({
   props: {},

src/packages/__VUE/actionsheet/index.taro.vue

@@ -29,7 +29,7 @@
   </view>
 </template>
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { computed, useSlots } from 'vue';
 const { componentName, create } = createComponent('actionsheet');
 import { popupProps } from '../popup/index.vue';

src/packages/__VUE/actionsheet/index.vue

@@ -36,7 +36,7 @@
   </view>
 </template>
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { computed, useSlots } from 'vue';
 import { popupProps } from '../popup/index.vue';
 const { componentName, create } = createComponent('actionsheet');

src/packages/__VUE/address/demo.vue

@@ -96,7 +96,7 @@
 </template>
 
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { reactive, ref, toRefs } from 'vue';
 const { createDemo } = createComponent('address');
 interface CalBack {

src/packages/__VUE/address/index.taro.vue

@@ -127,7 +127,7 @@
 </template>
 <script lang="ts">
 import { reactive, ref, toRefs, watch, computed, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import Taro from '@tarojs/taro';
 
 const { create, componentName, translate } = createComponent('address');

src/packages/__VUE/address/index.vue

@@ -132,7 +132,7 @@
 </template>
 <script lang="ts">
 import { reactive, ref, toRefs, watch, nextTick, computed, Ref, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { popupProps } from '../popup/index.vue';
 const { componentName, create, translate } = createComponent('address');
 interface RegionData {

src/packages/__VUE/addresslist/components/GeneralShell.vue

@@ -20,7 +20,7 @@
 </template>
 <script lang="ts">
 import { ref, watch, reactive, toRefs, onMounted, useSlots } from 'vue';
-import { createComponent } from '../../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('general-shell');
 import ItemContents from './ItemContents.vue';
 

src/packages/__VUE/addresslist/components/ItemContents.vue

@@ -24,7 +24,7 @@
 </template>
 <script lang="ts">
 import { toRefs, reactive, onMounted, ref, watch } from 'vue';
-import { createComponent } from '../../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('item-contents');
 
 export default create({

src/packages/__VUE/addresslist/components/LongPressShell.vue

@@ -41,7 +41,7 @@
 </template>
 <script lang="ts">
 import { ref, watch, reactive, toRefs, onMounted, useSlots } from 'vue';
-import { createComponent } from '../../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('long-press-shell');
 import ItemContents from './ItemContents.vue';
 

src/packages/__VUE/addresslist/components/SwipeShell.vue

@@ -29,7 +29,7 @@
 </template>
 <script lang="ts">
 import { ref, watch, reactive, toRefs, onMounted, useSlots } from 'vue';
-import { createComponent } from '../../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('swipe-shell');
 // import { Swipe } from '@nutui/nutui';
 import ItemContents from './ItemContents.vue';

src/packages/__VUE/addresslist/demo.vue

@@ -41,7 +41,7 @@
 </template>
 
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { toRefs, reactive, onMounted, ref } from 'vue';
 const { createDemo } = createComponent('addresslist');
 export default createDemo({

src/packages/__VUE/addresslist/index.taro.vue

@@ -66,12 +66,12 @@
 </template>
 <script lang="ts">
 import { toRefs, reactive, onMounted, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('addresslist');
 import LongPressShell from './components/LongPressShell.vue';
 import SwipeShell from './components/SwipeShell.vue';
 import GeneralShell from './components/GeneralShell.vue';
-import { floatData } from '../../utils/util';
+import { floatData } from '@/packages/utils/util';
 export default create({
   props: {
     data: {

src/packages/__VUE/addresslist/index.vue

@@ -66,12 +66,12 @@
 </template>
 <script lang="ts">
 import { toRefs, reactive, onMounted, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('addresslist');
 import LongPressShell from './components/LongPressShell.vue';
 import SwipeShell from './components/SwipeShell.vue';
 import GeneralShell from './components/GeneralShell.vue';
-import { floatData } from '../../utils/util';
+import { floatData } from '@/packages/utils/util';
 export default create({
   props: {
     data: {

src/packages/__VUE/audio/demo.vue

@@ -71,7 +71,7 @@
 <script lang="ts">
 import { reactive, toRefs, ref } from '@vue/reactivity';
 import { onMounted } from '@vue/runtime-core';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('audio');
 export default createDemo({
   props: {},

src/packages/__VUE/audio/index.taro.vue

@@ -60,7 +60,7 @@
 </template>
 <script lang="ts">
 import { toRefs, ref, onMounted, reactive, watch, provide } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('audio');
 
 export default create({

src/packages/__VUE/audio/index.vue

@@ -60,7 +60,7 @@
 </template>
 <script lang="ts">
 import { toRefs, ref, onMounted, reactive, watch, provide } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('audio');
 
 export default create({

src/packages/__VUE/audiooperate/index.vue

@@ -21,7 +21,7 @@
 </template>
 <script lang="ts">
 import { toRefs, ref, useSlots, onMounted, reactive, inject } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('audio-operate');
 
 export default create({

src/packages/__VUE/avatar/demo.vue

@@ -89,7 +89,7 @@
   </div>
 </template>
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('avatar');
 export default createDemo({
   props: {},

src/packages/__VUE/avatar/index.taro.vue

@@ -31,7 +31,7 @@
 </template>
 <script lang="ts">
 import { toRefs, onMounted, computed, inject, reactive, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('avatar');
 export default create({
   props: {

src/packages/__VUE/avatar/index.vue

@@ -31,7 +31,7 @@
 </template>
 <script lang="ts">
 import { toRefs, onMounted, computed, inject, reactive, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('avatar');
 export default create({
   props: {

src/packages/__VUE/avatargroup/index.taro.vue

@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
 import { toRefs, onMounted, computed, provide, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('avatar-group');
 export default create({
   props: {

src/packages/__VUE/avatargroup/index.vue

@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
 import { toRefs, onMounted, computed, provide, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('avatar-group');
 export default create({
   props: {

src/packages/__VUE/backtop/demo.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script>
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('backtop');
 
 export default createDemo({

src/packages/__VUE/backtop/index.taro.vue

@@ -19,7 +19,7 @@
 
 <script lang="ts">
 import { reactive, computed, toRefs } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('backtop');
 export default create({
   props: {

src/packages/__VUE/backtop/index.vue

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 import { computed, onMounted, onUnmounted, onActivated, onDeactivated, reactive } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('backtop');
 export default create({
   props: {

src/packages/__VUE/badge/demo.vue

@@ -89,7 +89,7 @@
 </template>
 
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('badge');
 
 export default createDemo({

src/packages/__VUE/badge/index.taro.vue

@@ -17,7 +17,7 @@
 
 <script lang="ts">
 import { computed, reactive } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('badge');
 export default create({
   props: {

src/packages/__VUE/badge/index.vue

@@ -17,7 +17,7 @@
 
 <script lang="ts">
 import { computed, reactive } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('badge');
 export default create({
   props: {

src/packages/__VUE/barrage/demo.vue

@@ -12,7 +12,7 @@
 
 <script lang="ts">
 import { ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('barrage');
 export default createDemo({
   props: {},

src/packages/__VUE/barrage/index.taro.vue

@@ -25,7 +25,7 @@ import {
   onDeactivated,
   getCurrentInstance
 } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import Taro from '@tarojs/taro';
 const { componentName, create } = createComponent('barrage');
 

src/packages/__VUE/barrage/index.vue

@@ -7,18 +7,8 @@
   </view>
 </template>
 <script lang="ts">
-import {
-  computed,
-  onMounted,
-  onUnmounted,
-  onDeactivated,
-  ref,
-  reactive,
-  toRefs,
-  watch,
-  nextTick
-} from 'vue';
-import { createComponent } from '../../utils/create';
+import { computed, onMounted, onUnmounted, onDeactivated, ref, reactive, toRefs, watch, nextTick } from 'vue';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('barrage');
 
 export default create({
@@ -106,9 +96,7 @@ export default create({
     };
 
     const play = () => {
-      const _index = props.loop
-        ? index.value % danmuList.value.length
-        : index.value;
+      const _index = props.loop ? index.value % danmuList.value.length : index.value;
       let el = document.createElement(`view`);
       el.innerHTML = danmuList.value[_index] as string;
       el.classList.add('dmitem');

src/packages/__VUE/button/demo.vue

@@ -61,7 +61,7 @@
 
 <script lang="ts">
 import { ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('button');
 export default createDemo({
   props: {},

src/packages/__VUE/button/index.taro.vue

@@ -17,7 +17,7 @@
 
 <script lang="ts">
 import { PropType, CSSProperties, toRefs, computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('button');
 import Icon from '../icon/index.taro.vue';
 export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';

src/packages/__VUE/button/index.vue

@@ -17,7 +17,7 @@
 
 <script lang="ts">
 import { PropType, CSSProperties, toRefs, computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import Icon from '../icon/index.vue';
 const { componentName, create } = createComponent('button');
 

src/packages/__VUE/calendar/demo.vue

@@ -151,8 +151,8 @@
 
 <script lang="ts">
 import { reactive, toRefs } from 'vue';
-import { createComponent } from '../../utils/create';
-import Utils from '../../utils/date';
+import { createComponent } from '@/packages/utils/create';
+import Utils from '@/packages/utils/date';
 
 const { createDemo } = createComponent('calendar');
 

src/packages/__VUE/calendar/index.taro.vue

@@ -80,10 +80,10 @@
 </template>
 <script lang="ts">
 import { ref, watch, computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('calendar');
 import CalendarItem from '../calendaritem/index.taro.vue';
-import Utils from '../../utils/date';
+import Utils from '@/packages/utils/date';
 export default create({
   components: {
     [CalendarItem.name]: CalendarItem

src/packages/__VUE/calendar/index.vue

@@ -82,10 +82,10 @@
 </template>
 <script lang="ts">
 import { PropType, ref, computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('calendar');
 import CalendarItem from '../calendaritem/index.vue';
-import Utils from '../../utils/date';
+import Utils from '@/packages/utils/date';
 type InputDate = string | string[];
 export default create({
   components: {

src/packages/__VUE/calendaritem/index.taro.vue

@@ -68,11 +68,11 @@
 </template>
 <script lang="ts">
 import { PropType, reactive, ref, watch, toRefs, computed, onMounted, nextTick } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create, translate } = createComponent('calendar-item');
 import Taro from '@tarojs/taro';
-import Utils from '../../utils/date';
-import requestAniFrame from '../../utils/raf';
+import Utils from '@/packages/utils/date';
+import requestAniFrame from '@/packages/utils/raf';
 let TARO_ENV = process.env.TARO_ENV;
 
 type InputDate = string | string[];

src/packages/__VUE/calendaritem/index.vue

@@ -66,10 +66,10 @@
 </template>
 <script lang="ts">
 import { PropType, reactive, ref, watch, toRefs, computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create, translate } = createComponent('calendar-item');
-import Utils from '../../utils/date';
-import requestAniFrame from '../../utils/raf';
+import Utils from '@/packages/utils/date';
+import requestAniFrame from '@/packages/utils/raf';
 type InputDate = string | string[];
 interface CalendarState {
   yearMonthTitle: string;

src/packages/__VUE/card/demo.vue

@@ -87,7 +87,7 @@
 
 <script lang="ts">
 import { reactive } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('card');
 
 export default createDemo({

src/packages/__VUE/card/index.taro.vue

@@ -35,7 +35,7 @@
 
 <script lang="ts">
 import { computed, reactive } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('card');
 export default create({
   props: {

src/packages/__VUE/card/index.vue

@@ -32,7 +32,7 @@
 
 <script lang="ts">
 import { computed, reactive } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('card');
 export default create({
   props: {

src/packages/__VUE/cascader/cascader-item.vue

@@ -30,7 +30,7 @@
 </template>
 <script lang="ts">
 import { watch, ref, Ref, computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create, translate } = createComponent('cascader-item');
 import { convertListToOptions } from './helper';
 import { CascaderPane, CascaderOption, CascaderValue, convertConfig } from './types';

src/packages/__VUE/cascader/demo.vue

@@ -122,7 +122,7 @@
 
 <script lang="ts">
 import { onMounted, reactive, watch } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('cascader');
 
 export default createDemo({

src/packages/__VUE/cascader/index.taro.vue

@@ -29,7 +29,7 @@
 <script lang="ts">
 import { watch, ref, Ref, computed } from 'vue';
 import { CascaderValue, CascaderOption } from './types';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('cascader');
 import CascaderItem from './cascader-item.vue';
 

src/packages/__VUE/cascader/index.vue

@@ -29,7 +29,7 @@
 <script lang="ts">
 import { watch, ref, Ref, computed } from 'vue';
 import { CascaderValue, CascaderOption } from './types';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('cascader');
 import CascaderItem from './cascader-item.vue';
 

src/packages/__VUE/category/demo.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('cmt');
 import { reactive, toRefs, onMounted } from 'vue';
 

src/packages/__VUE/category/index.taro.vue

@@ -18,7 +18,7 @@
 </template>
 <script lang="ts">
 import { Ref, ref, toRefs, warn, watch, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('category');
 
 //经典分类

src/packages/__VUE/category/index.vue

@@ -18,7 +18,7 @@
 </template>
 <script lang="ts">
 import { Ref, ref, toRefs, warn, watch, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('category');
 
 //经典分类

src/packages/__VUE/categorypane/index.taro.vue

@@ -47,7 +47,7 @@
 </template>
 <script lang="ts">
 import { Ref, ref, toRefs, warn, watch, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('categorypane');
 
 //经典分类

src/packages/__VUE/categorypane/index.vue

@@ -47,7 +47,7 @@
 </template>
 <script lang="ts">
 import { Ref, ref, toRefs, warn, watch, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('categorypane');
 
 //经典分类

src/packages/__VUE/cell/__tests__/demo.spec.oldts

@@ -1,4 +0,0 @@
-import Demo from '../demo.vue';
-import { snapshotDemo } from '../../../utils/test/demo';
-
-snapshotDemo(Demo);

src/packages/__VUE/cell/demo.vue

@@ -46,7 +46,7 @@
 
 <script lang="ts">
 import { ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('cell');
 export default createDemo({
   setup() {

src/packages/__VUE/cell/index.taro.vue

@@ -24,8 +24,8 @@
 
 <script lang="ts">
 import { computed } from 'vue';
-import { createComponent } from '../../utils/create';
-import { pxCheck } from '../../utils/pxCheck';
+import { createComponent } from '@/packages/utils/create';
+import { pxCheck } from '@/packages/utils/pxCheck';
 const { componentName, create } = createComponent('cell');
 
 export default create({

src/packages/__VUE/cell/index.vue

@@ -24,7 +24,7 @@
 
 <script lang="ts">
 import { computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { useRouter } from '@/packages/utils/useRoute';
 import { pxCheck } from '@/packages/utils/pxCheck';
 const { componentName, create } = createComponent('cell');

src/packages/__VUE/cellgroup/index.vue

@@ -12,7 +12,7 @@
 
 <script lang="ts">
 import { computed } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('cell-group');
 export default create({
   props: {

src/packages/__VUE/checkbox/demo.vue

@@ -80,7 +80,7 @@
 </template>
 <script lang="ts">
 import { reactive, ref, toRefs, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { Toast } from '@/packages/nutui.vue';
 const { createDemo } = createComponent('checkbox');
 export default createDemo({

src/packages/__VUE/checkbox/index.taro.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 import { h, computed, inject, getCurrentInstance, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create, componentName } = createComponent('checkbox');
 import nutIcon from '../icon/index.taro.vue';
 export default create({

src/packages/__VUE/checkbox/index.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 import { h, computed, inject, getCurrentInstance, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create, componentName } = createComponent('checkbox');
 import nutIcon from '../icon/index.vue';
 

src/packages/__VUE/checkboxgroup/index.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { h, watch, provide, computed, ComponentInternalInstance, reactive, ComponentPublicInstance } from 'vue';
-import { createComponent } from '../../utils/create';
-import { useExpose } from '../../utils/useExpose/index';
+import { createComponent } from '@/packages/utils/create';
+import { useExpose } from '@/packages/utils/useExpose/index';
 const { create, componentName } = createComponent('checkboxgroup');
 
 export default create({

src/packages/__VUE/circleprogress/demo.vue

@@ -34,7 +34,7 @@
 </template>
 <script lang="ts">
 import { ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('circleprogress');
 export default createDemo({
   setup() {

src/packages/__VUE/circleprogress/index.taro.vue

@@ -10,7 +10,7 @@
 
 <script lang="ts">
 import { computed, ref, watch, useSlots } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('circleprogress');
 interface Item {
   key?: string;

src/packages/__VUE/circleprogress/index.vue

@@ -29,7 +29,7 @@
 
 <script lang="ts">
 import { computed, useSlots } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { isObject } from '@/packages/utils/util';
 const { componentName, create } = createComponent('circleprogress');
 export default create({

src/packages/__VUE/col/index.vue

@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
 import { computed, inject } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('col');
 
 export default create({

src/packages/__VUE/collapse/demo.vue

@@ -58,7 +58,7 @@
 </template>
 <script lang="ts">
 import { onMounted, reactive, ref, toRefs } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('collapse');
 export default createDemo({
   setup(props, context) {

src/packages/__VUE/collapse/index.taro.vue

@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
 import { provide } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('collapse');
 export default create({
   props: {
@@ -60,10 +60,7 @@ export default create({
     };
 
     const changeValAry = (name: string) => {
-      const activeItem: any =
-        props.active instanceof Object
-          ? Object.values(props.active)
-          : props.active;
+      const activeItem: any = props.active instanceof Object ? Object.values(props.active) : props.active;
       let index = -1;
       activeItem.forEach((item: string | number, idx: number) => {
         if (String(item) == String(name)) {
@@ -77,9 +74,7 @@ export default create({
     const isExpanded = (name: string | number | Array<string | number>) => {
       const { accordion, active } = props;
       if (accordion) {
-        return typeof active === 'number' || typeof active === 'string'
-          ? active == name
-          : false;
+        return typeof active === 'number' || typeof active === 'string' ? active == name : false;
       }
     };
 
@@ -88,20 +83,14 @@ export default create({
       const childrenList: any = slots.default?.();
       let act: any = [];
       childrenList.forEach((item: any, index: number) => {
-        if (
-          typeof activeCollapse == 'number' ||
-          typeof activeCollapse == 'string'
-        ) {
+        if (typeof activeCollapse == 'number' || typeof activeCollapse == 'string') {
           if (item.props.name == activeCollapse) {
             act.push(item.flag);
             return act;
           }
         } else {
           let ary = Array.from(activeCollapse);
-          if (
-            ary.includes(String(item.props.name)) ||
-            ary.includes(Number(item.props.name))
-          ) {
+          if (ary.includes(String(item.props.name)) || ary.includes(Number(item.props.name))) {
             act.push(item.flag);
           }
         }

src/packages/__VUE/collapse/index.vue

@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
 import { provide } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('collapse');
 export default create({
   props: {
@@ -60,10 +60,7 @@ export default create({
     };
 
     const changeValAry = (name: string) => {
-      const activeItem: any =
-        props.active instanceof Object
-          ? Object.values(props.active)
-          : props.active;
+      const activeItem: any = props.active instanceof Object ? Object.values(props.active) : props.active;
       let index = -1;
       activeItem.forEach((item: string | number, idx: number) => {
         if (String(item) == String(name)) {
@@ -77,9 +74,7 @@ export default create({
     const isExpanded = (name: string | number | Array<string | number>) => {
       const { accordion, active } = props;
       if (accordion) {
-        return typeof active === 'number' || typeof active === 'string'
-          ? active == name
-          : false;
+        return typeof active === 'number' || typeof active === 'string' ? active == name : false;
       }
     };
 

src/packages/__VUE/collapseitem/index.taro.vue

@@ -62,8 +62,8 @@ import {
   VNode
 } from 'vue';
 import Taro, { eventCenter, getCurrentInstance as getCurrentInstanceTaro } from '@tarojs/taro';
-import { createComponent } from '../../utils/create';
-import { useTaroRect } from '../../utils/useTaroRect';
+import { createComponent } from '@/packages/utils/create';
+import { useTaroRect } from '@/packages/utils/useTaroRect';
 const { create, componentName } = createComponent('collapse-item');
 
 export default create({

src/packages/__VUE/collapseitem/index.vue

@@ -54,7 +54,7 @@ import {
   getCurrentInstance,
   ComponentInternalInstance
 } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { create, componentName } = createComponent('collapse-item');
 
 export default create({

src/packages/__VUE/comment/components/CmtBottom.vue

@@ -25,7 +25,7 @@
 <script lang="ts">
 import { ref, watch, onMounted } from 'vue';
 
-import { createComponent } from '../../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('comment-bottom');
 
 export default create({

src/packages/__VUE/comment/components/CmtHeader.vue

@@ -34,7 +34,7 @@
 <script lang="ts">
 import { ref, watch, onMounted } from 'vue';
 
-import { createComponent } from '../../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('comment-header');
 
 export default create({

src/packages/__VUE/comment/components/CmtImages.vue

@@ -33,7 +33,7 @@
 <script lang="ts">
 import { ref, watch, onMounted } from 'vue';
 
-import { createComponent } from '../../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('comment-images');
 
 export default create({

src/packages/__VUE/comment/demo.vue

@@ -63,7 +63,7 @@
 </template>
 <script lang="ts">
 import { onMounted, ref } from '@vue/runtime-core';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('comment');
 export default createDemo({
   props: {},

src/packages/__VUE/comment/index.taro.vue

@@ -41,7 +41,7 @@
 </template>
 <script lang="ts">
 import { ref, onMounted, computed, watch } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('comment');
 
 import CommentHeader from './components/CmtHeader.vue';

src/packages/__VUE/comment/index.vue

@@ -41,7 +41,7 @@
 </template>
 <script lang="ts">
 import { ref, onMounted, computed, watch } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('comment');
 
 import CommentHeader from './components/CmtHeader.vue';

src/packages/__VUE/countdown/demo.vue

@@ -64,7 +64,7 @@
 
 <script lang="ts">
 import { toRefs, onMounted, onUnmounted, reactive } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('countdown');
 export default createDemo({
   props: {},

src/packages/__VUE/countdown/index.taro.vue

@@ -31,7 +31,7 @@ import {
   watch,
   vModelText
 } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('countdown');
 
 export default create({

src/packages/__VUE/countdown/index.vue

@@ -31,7 +31,7 @@ import {
   watch,
   vModelText
 } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('countdown');
 
 export default create({

src/packages/__VUE/countup/demo.vue

@@ -48,7 +48,7 @@
 
 <script lang="ts">
 import { ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { reactive, toRefs } from '@vue/reactivity';
 import { onMounted } from '@vue/runtime-core';
 const { createDemo } = createComponent('countup');

src/packages/__VUE/countup/index.taro.vue

@@ -111,8 +111,8 @@
 </template>
 <script lang="ts">
 import { reactive, toRefs, ref, onMounted, onUnmounted, nextTick, watch } from 'vue';
-import { createComponent } from '../../utils/create';
-import { useExtend } from '../../utils/useRelation/useRelation';
+import { createComponent } from '@/packages/utils/create';
+import { useExtend } from '@/packages/utils/useRelation/useRelation';
 const { componentName, create } = createComponent('countup');
 
 interface IData {

src/packages/__VUE/countup/index.vue

@@ -112,8 +112,8 @@
 </template>
 <script lang="ts">
 import { reactive, toRefs, ref, onMounted, onUnmounted, nextTick, watch } from 'vue';
-import { createComponent } from '../../utils/create';
-import { useExtend } from '../../utils/useRelation/useRelation';
+import { createComponent } from '@/packages/utils/create';
+import { useExtend } from '@/packages/utils/useRelation/useRelation';
 const { componentName, create } = createComponent('countup');
 
 interface IData {

src/packages/__VUE/datepicker/demo.vue

@@ -120,7 +120,7 @@
 
 <script lang="ts">
 import { toRefs, watch, ref, reactive } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('datepicker');
 export default createDemo({
   props: {},

src/packages/__VUE/datepicker/index.taro.vue

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
 import nutPicker from '../picker/index.taro.vue';
 import { popupProps } from '../popup/index.vue';
 import { PickerOption } from '../picker/types';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { padZero } from './utils';
 const { componentName, create } = createComponent('datepicker');
 

src/packages/__VUE/datepicker/index.vue

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
 import picker from '../picker/index.vue';
 import { popupProps } from '../popup/index.vue';
 import { PickerOption } from '../picker/types';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 import { padZero } from './utils';
 const { componentName, create } = createComponent('datepicker');
 

src/packages/__VUE/dialog/demo.vue

@@ -34,7 +34,7 @@
 </template>
 <script lang="ts">
 import { ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('dialog');
 import { Dialog } from '@/packages/nutui.vue';
 

src/packages/__VUE/dialog/index.taro.vue

@@ -50,7 +50,7 @@
 </template>
 <script lang="ts">
 import { onMounted, computed, watch, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('dialog');
 import Popup, { popupProps } from '../popup/index.taro.vue';
 import Button from '../button/index.taro.vue';

src/packages/__VUE/dialog/index.vue

@@ -50,7 +50,7 @@
 </template>
 <script lang="ts">
 import { onMounted, computed, watch, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('dialog');
 import Popup, { popupProps } from '../popup/index.vue';
 import Button from '../button/index.vue';

src/packages/__VUE/divider/demo.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('divider');
 export default createDemo({
   props: {},

src/packages/__VUE/divider/index.taro.vue

@@ -6,7 +6,7 @@
 <script lang="ts">
 import { login } from '@tarojs/taro';
 import { computed, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('divider');
 
 export default create({

src/packages/__VUE/divider/index.vue

@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
 import { computed, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('divider');
 
 export default create({

src/packages/__VUE/drag/demo.vue

@@ -12,11 +12,7 @@
       <nut-button type="primary">只能Y轴拖拽</nut-button>
     </nut-drag>
     <h2 style="top: 60px; position: relative">自动吸边</h2>
-    <nut-drag
-      direction="x"
-      :attract="true"
-      :style="{ top: '275px', left: '8px' }"
-    >
+    <nut-drag direction="x" :attract="true" :style="{ top: '275px', left: '8px' }">
       <nut-button type="primary">拖动我</nut-button>
     </nut-drag>
     <h2 style="top: 90px; position: relative">限制拖动边界</h2>
@@ -31,7 +27,7 @@
 </template>
 
 <script lang="ts">
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('drag');
 export default createDemo({
   setup() {

src/packages/__VUE/drag/index.taro.vue

@@ -18,8 +18,8 @@
 
 <script lang="ts">
 import { onMounted, onDeactivated, onActivated, reactive, ref, computed } from 'vue';
-import { createComponent } from '../../utils/create';
-import requestAniFrame from '../../utils/raf';
+import { createComponent } from '@/packages/utils/create';
+import requestAniFrame from '@/packages/utils/raf';
 const { componentName, create } = createComponent('drag');
 import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro';
 export default create({

src/packages/__VUE/drag/index.vue

@@ -12,8 +12,8 @@
 
 <script lang="ts">
 import { onMounted, onDeactivated, onActivated, reactive, ref, computed } from 'vue';
-import { createComponent } from '../../utils/create';
-import requestAniFrame from '../../utils/raf';
+import { createComponent } from '@/packages/utils/create';
+import requestAniFrame from '@/packages/utils/raf';
 const { componentName, create } = createComponent('drag');
 export default create({
   props: {

src/packages/__VUE/ecard/demo.vue

@@ -14,7 +14,7 @@
 </template>
 <script lang="ts">
 import { reactive, ref } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('ecard');
 export default createDemo({
   setup() {

src/packages/__VUE/ecard/index.taro.vue

@@ -31,7 +31,7 @@
 </template>
 <script lang="ts">
 import { Ref, ref, watch } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('ecard');
 export default create({
   props: {

src/packages/__VUE/ecard/index.vue

@@ -32,7 +32,7 @@
 </template>
 <script lang="ts">
 import { Ref, ref, watch } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('ecard');
 
 interface props {

src/packages/__VUE/elevator/demo.vue

@@ -25,7 +25,7 @@
 
 <script lang="ts">
 import { reactive, toRefs } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from '@/packages/utils/create';
 const { createDemo } = createComponent('elevator');
 export default createDemo({
   setup() {

src/packages/__VUE/elevator/index.taro.vue

@@ -43,8 +43,8 @@
 </template>
 <script lang="ts">
 import { computed, reactive, toRefs, nextTick, ref, Ref, onMounted } from 'vue';
-import { createComponent } from '../../utils/create';
-import { useExpose } from '../../utils/useExpose/index';
+import { createComponent } from '@/packages/utils/create';
+import { useExpose } from '@/packages/utils/useExpose/index';
 const { componentName, create } = createComponent('elevator');
 import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro';
 interface ElevatorData {