refactor(skeleton): refactpr import path (DevCloudFE#1705)

Author: GreatZPP

packages/devui-vue/devui/skeleton/__tests__/skeleton.spec.tsx

@@ -2,7 +2,7 @@ import { mount } from '@vue/test-utils';
 import { nextTick, ref } from 'vue';
 import DSkeleton from '../src/skeleton';
 import DSkeletonItem from '../src/components/skeleton-item';
-import { useNamespace } from '../../shared/hooks/use-namespace';
+import { useNamespace } from '@devui/shared/utils';
 
 const ns = useNamespace('skeleton', true);
 const noDotNs = useNamespace('skeleton');

packages/devui-vue/devui/skeleton/src/components/skeleton-item.scss

@@ -1,4 +1,4 @@
-@import '../../../styles-var/devui-var.scss';
+@import '@devui/theme/styles-var/devui-var.scss';
 
 .#{$devui-prefix}-skeleton-item {
  background-color: $devui-list-item-hover-bg;
@@ -62,7 +62,8 @@
 
  &--animation {
  &.#{$devui-prefix}-skeleton-item {
- background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%)
+ background:
+ linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%)
  $devui-list-item-hover-bg;
  background-size: 200% 100%;
  background-position-x: 180%;

packages/devui-vue/devui/skeleton/src/composables/use-skeleton-item.ts

@@ -1,7 +1,7 @@
 import { computed, toRefs, inject } from 'vue';
 import { roundInjectionKey, animationInjectionKey } from '../skeleton-types';
 import { SkeletonItemProps, UseSkeletonItem } from '../components/skeleton-item-types';
-import { useNamespace } from '../../../shared/hooks/use-namespace';
+import { useNamespace } from '@devui/shared/utils';
 
 export function useSkeletonItem(props: SkeletonItemProps): UseSkeletonItem {
  const ns = useNamespace('skeleton-item');

packages/devui-vue/devui/skeleton/src/skeleton.tsx

@@ -2,7 +2,7 @@ import { computed, defineComponent, provide, toRefs } from 'vue';
 import type { SetupContext } from 'vue';
 import SkeletonItem from './components/skeleton-item';
 import { skeletonProps, SkeletonProps, roundInjectionKey, animationInjectionKey } from './skeleton-types';
-import { useNamespace } from '../../shared/hooks/use-namespace';
+import { useNamespace } from '@devui/shared/utils';
 import './skeleton.scss';
 
 export default defineComponent({