vue-element-ui-x 1.0.1 → 1.0.3

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "vue-element-ui-x",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "基于Vue 2 + Element UI的AI聊天组件库",
-  "main": "lib/index.esm.js",
-  "module": "lib/index.umd.js",
+  "main": "lib/index.common.js",
+  "module": "lib/index.esm.js",
   "files": [
     "lib",
     "src",
@@ -28,11 +28,13 @@
   },
   "scripts": {
     "build": "npm run build:common && npm run build:esm && npm run build:umd && npm run build:components && npm run build:locale",
-    "build:common": "webpack --config build/webpack.common.conf.js",
-    "build:esm": "webpack --config build/webpack.esm.conf.js",
-    "build:umd": "webpack --config build/webpack.umd.conf.js",
-    "build:components": "node build/build-components.js",
-    "build:locale": "node build/build-locale.js"
+    "build:common": "cross-env SASS_SILENCE_DEPRECATIONS=legacy-js-api,import webpack --config build/webpack.common.conf.js",
+    "build:esm": "cross-env SASS_SILENCE_DEPRECATIONS=legacy-js-api,import webpack --config build/webpack.esm.conf.js",
+    "build:umd": "cross-env SASS_SILENCE_DEPRECATIONS=legacy-js-api,import webpack --config build/webpack.umd.conf.js",
+    "build:components": "cross-env SASS_SILENCE_DEPRECATIONS=legacy-js-api,import node build/build-components.js",
+    "build:locale": "cross-env SASS_SILENCE_DEPRECATIONS=legacy-js-api,import node build/build-locale.js",
+    "build:lib": "npm run build",
+    "publish:lib": "npm publish"
   },
   "peerDependencies": {
     "element-ui": "2.15.14",
@@ -40,8 +42,9 @@
   },
   "devDependencies": {
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "css-loader": "^5.2.7",
-    "node-sass": "^6.0.1",
+    "sass": "^1.32.13",
     "sass-loader": "^10.0.0",
     "style-loader": "^2.0.0",
     "terser-webpack-plugin": "^4.2.3",

package/src/components/Attachments/src/main.vue

@@ -159,9 +159,7 @@
 
   export default {
     name: 'ElXAttachments',
-    components: {
-      ElXFilesCard,
-    },
+    components: { ElXFilesCard },
     props: {
       items: {
         type: Array,
@@ -348,13 +346,7 @@
 
         // 默认实现：发出事件，让父组件处理
         const { file } = options;
-        this.$emit(
-          'upload-change',
-          {
-            file,
-          },
-          [file],
-        );
+        this.$emit('upload-change', { file }, [file]);
 
         // 如果需要模拟上传进度和成功/失败状态，可以在此实现
         // 例如：options.onProgress({ percent: 50 })

package/src/components/Bubble/src/main.vue

@@ -28,10 +28,9 @@
       class="el-x-bubble-avatar el-x-bubble-avatar-size"
     >
       <el-avatar
-        :size="avatarSize"
+        :size="0"
         :src="avatar"
         :shape="avatarShape"
-        :icon="avatarIcon"
         :src-set="avatarSrcSet"
         :alt="avatarAlt"
         @error="avatarError"
@@ -64,12 +63,12 @@
         class="el-x-bubble-content"
         :class="{
           'el-x-bubble-content-loading': loading,
-          'el-x-bubble-content-round': shape === 'round',
-          'el-x-bubble-content-corner': shape === 'corner',
-          'el-x-bubble-content-filled': variant === 'filled',
-          'el-x-bubble-content-borderless': variant === 'borderless',
-          'el-x-bubble-content-outlined': variant === 'outlined',
-          'el-x-bubble-content-shadow': variant === 'shadow',
+          'el-x-bubble-content-round': shape === 'round' && !noStyle,
+          'el-x-bubble-content-corner': shape === 'corner' && !noStyle,
+          'el-x-bubble-content-filled': variant === 'filled' && !noStyle,
+          'el-x-bubble-content-borderless': variant === 'borderless' && !noStyle,
+          'el-x-bubble-content-outlined': variant === 'outlined' && !noStyle,
+          'el-x-bubble-content-shadow': variant === 'shadow' && !noStyle,
         }"
       >
         <div
@@ -134,18 +133,12 @@
 
   export default {
     name: 'ElXBubble',
-    components: {
-      ElXTypewriter,
-    },
+    components: { ElXTypewriter },
     props: {
       content: {
         type: String,
         default: '',
       },
-      reasoning_content: {
-        type: String,
-        default: '',
-      },
       avatar: {
         type: String,
         default: '',
@@ -174,10 +167,6 @@
         type: String,
         default: 'circle',
       },
-      avatarIcon: {
-        type: String,
-        default: '',
-      },
       avatarSrcSet: {
         type: String,
         default: '',

package/src/components/BubbleList/src/main.vue

@@ -37,7 +37,6 @@
       :avatar-size="defaultAvatarSize || item.avatarSize"
       :avatar-gap="defaultAvatarGap || item.avatarGap"
       :avatar-shape="defaultAvatarShape || item.avatarShape"
-      :avatar-icon="defaultAvatarIcon || item.avatarIcon"
       :avatar-src-set="defaultAvatarSrcSet || item.avatarSrcSet"
       :avatar-alt="defaultAvatarAlt || item.avatarAlt"
       :avatar-fit="defaultAvatarFit || item.avatarFit"
@@ -48,19 +47,7 @@
         <slot
           name="avatar"
           :item="item"
-        >
-          <template v-if="defaultAvatar || item.avatar">
-            <el-avatar
-              :size="defaultAvatarSize || item.avatarSize || 40"
-              :src="defaultAvatar || item.avatar"
-              :shape="defaultAvatarShape || item.avatarShape || 'circle'"
-              :icon="defaultAvatarIcon || item.avatarIcon"
-              :src-set="defaultAvatarSrcSet || item.avatarSrcSet"
-              :alt="defaultAvatarAlt || item.avatarAlt"
-              :fit="defaultAvatarFit || item.avatarFit || 'cover'"
-            />
-          </template>
-        </slot>
+        ></slot>
       </template>
       <template
         v-if="$scopedSlots.header || $slots.header"
@@ -129,9 +116,9 @@
 </template>
 
 <script>
+  import createScrollDetector from '../../../utils/scrollDetector';
   import Bubble from '../../Bubble/index.js';
   import loadingBg from './loading.vue';
-  import createScrollDetector from '../../../utils/scrollDetector';
 
   export default {
     name: 'ElXBubbleList',
@@ -232,10 +219,6 @@
         type: String,
         default: '',
       },
-      defaultAvatarIcon: {
-        type: String,
-        default: '',
-      },
       defaultAvatarSrcSet: {
         type: String,
         default: '',

package/src/components/Conversations/src/main.vue

@@ -583,46 +583,5 @@
 </script>
 
 <style lang="scss">
-  // 引入外部样式文件
   @import '../../../styles/Conversations.scss';
-
-  /* 自定义滚动条样式 */
-  .el-x-conversations-scrollbar {
-    height: 100%;
-    overflow-y: auto;
-
-    /* 隐藏默认滚动条 */
-    &::-webkit-scrollbar {
-      width: 6px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background-color: transparent;
-      border-radius: 3px;
-      transition: background-color 0.3s ease;
-    }
-
-    &::-webkit-scrollbar-track {
-      background-color: transparent;
-    }
-
-    /* 鼠标悬停时显示滚动条 */
-    &:hover {
-      &::-webkit-scrollbar-thumb {
-        background-color: #e0e0e0;
-      }
-    }
-  }
-
-  /* 为Firefox添加滚动条样式 */
-  @supports (scrollbar-width: thin) {
-    .el-x-conversations-scrollbar {
-      scrollbar-width: thin;
-      scrollbar-color: transparent transparent;
-
-      &:hover {
-        scrollbar-color: #e0e0e0 transparent;
-      }
-    }
-  }
 </style>