refactor: badge, collapse, comment (#1666)

* refactor: badge, collapse, comment

* fix(carousel): button import

---------

Co-authored-by: huaweidevcloud <[email protected]>

Author: GreatZPP

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue';
 import { badgeProps, BadgeProps } from './badge-types';
-import { useNamespace } from '../../shared/hooks/use-namespace';
+import { useNamespace } from '@devui/shared/utils';
 import './badge.scss';
 
 type IStyleMap = Pick<BadgeProps, 'bgColor' | 'textColor'>;

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onMounted, onBeforeUnmount, Fragment, Comment, toRefs } from 'vue';
 import type { VNode } from 'vue';
 import { carouselProps, DotTrigger, CarouselProps } from './types';
-import Icon from '@devui/shared/components/icon';
+import { Icon } from '@devui/shared/components/icon';
 import { useNamespace } from '@devui/shared/utils';
 import './carousel.scss';
 

packages/devui-vue/devui/collapse/src/collapse-item.tsx

@@ -1,6 +1,6 @@
 import { defineComponent, computed, inject, Transition, onMounted, shallowRef } from 'vue';
 import { collapseItemProps } from './collapse-types';
-import { useNamespace } from '../../shared/hooks/use-namespace';
+import { useNamespace } from '@devui/shared/utils';
 import OpenIcon from './collapse-open-icon';
 import { SELECT_TOKEN } from './const';
 
@@ -24,7 +24,6 @@ export default defineComponent({
     });
     const handlerTitleClick = (e: MouseEvent) => {
       e.preventDefault();
-      e.stopPropagation();
       if (!props.disabled) {
         collapse?.collapseItemClick(props.name);
       }

packages/devui-vue/devui/collapse/src/collapse.scss

@@ -28,6 +28,7 @@
   line-height: 45px;
   color: $devui-text;
   background-color: $devui-base-bg;
+  box-sizing: border-box;
   cursor: pointer;
 
   &.#{$devui-prefix}-collapse__item--disabled {

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

@@ -1,7 +1,7 @@
 import { defineComponent, provide, reactive, toRefs } from 'vue';
 import { SELECT_TOKEN } from './const';
 import { collapseProps, CollapseContext, CollapseActiveData } from './collapse-types';
-import { useNamespace } from '../../shared/hooks/use-namespace';
+import { useNamespace } from '@devui/shared/utils';
 import './collapse.scss';
 
 export default defineComponent({

packages/devui-vue/devui/comment/src/comment.scss

@@ -32,7 +32,8 @@
   &__content {
     margin-top: 8px;
     line-height: 20px;
-    font-size: $devui-text;
+    font-size: $devui-font-size;
+    color: $devui-text;
   }
 
   &__actions {

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

@@ -1,8 +1,7 @@
 import { defineComponent, toRefs } from 'vue';
 import { commentProps, CommentProps } from './comment-types';
-import { useNamespace } from '../../shared/hooks/use-namespace';
-import { isUrl, isBase64 } from '../../shared/utils/url';
-import { Avatar } from '../../avatar';
+import { useNamespace, isUrl, isBase64 } from '@devui/shared/utils';
+import { Avatar } from '@devui/shared/components/avatar';
 import './comment.scss';
 
 export default defineComponent({

packages/devui-vue/devui/shared/utils/index.ts

@@ -12,3 +12,4 @@ export * from './is';
 export * from './wait';
 export * from './omit';
 export * from './use-namespace';
+export * from './url';