chore: 修改 Thinking 组件中的箭头类名,解决类名冲突问题

Author: weilei

packages/element-ui-x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-element-ui-x",
-  "version": "0.1.7-beta",
+  "version": "0.1.8-beta",
   "description": "基于Vue 2 + Element UI的AI聊天组件库",
   "main": "lib/index.esm.js",
   "module": "lib/index.umd.js",

packages/element-ui-x/src/components/Thinking/src/main.vue

@@ -59,7 +59,7 @@
       <transition name="rotate">
         <span
           v-if="!disabled"
-          class="arrow el-icon-center"
+          class="thinking-arrow el-icon-center"
           :class="{ expanded: isExpanded }"
         >
           <slot name="arrow">

packages/element-ui-x/src/styles/Thinking.scss

@@ -57,12 +57,12 @@
   font-size: $--el-x-font-size-medium;
 }
 
-.arrow {
+.thinking-arrow {
   margin-left: auto;
   transition: transform var(--el-x-thinking-animation-duration);
 }
 
-.arrow.expanded {
+.thinking-arrow.expanded {
   transform: rotate(180deg);
 }