vue-element-ui-x 1.0.4 → 1.0.5

package/src/components/Typewriter/src/main.vue

@@ -1,255 +0,0 @@
-<template>
-  <div
-    ref="typeWriterRef"
-    class="typer-container"
-  >
-    <div
-      ref="markdownContentRef"
-      class="typer-content"
-      :class="[
-        {
-          'markdown-content': isMarkdown,
-          'typing-cursor': typing && mergedConfig.suffix && isTyping,
-          'typing-cursor-foggy': isFog && typing && mergedConfig.suffix && isTyping,
-          'typing-markdown-cursor-foggy': isMarkdown && isFog && typing && isTyping,
-        },
-        isMarkdown ? 'markdown-body' : '',
-      ]"
-      :style="{
-        '--cursor-char': `'${mergedConfig.suffix}'`,
-        '--cursor-fog-bg-color': isFog
-          ? typeof isFog === 'object'
-            ? isFog.bgColor || '#ffffff'
-            : '#ffffff'
-          : '',
-        '--cursor-fog-width': isFog
-          ? typeof isFog === 'object'
-            ? isFog.width || '80px'
-            : '80px'
-          : '',
-      }"
-      v-html="renderedContent"
-    />
-  </div>
-</template>
-
-<script>
-  import DOMPurify from 'dompurify';
-  import MarkdownIt from 'markdown-it';
-  import Prism from 'prismjs';
-
-  export default {
-    name: 'ElXTypewriter',
-    props: {
-      content: {
-        type: String,
-        default: '',
-      },
-      isMarkdown: {
-        type: Boolean,
-        default: false,
-      },
-      typing: {
-        type: [Boolean, Object],
-        default: false,
-      },
-      isFog: {
-        type: [Boolean, Object],
-        default: false,
-      },
-      highlight: Function,
-      mdPlugins: Array,
-    },
-    data() {
-      return {
-        isTyping: false,
-        typingIndex: 0,
-        contentCache: '',
-        timer: null,
-        md: new MarkdownIt({
-          html: true,
-          linkify: true,
-          typographer: true,
-          breaks: true,
-          highlight: (code, lang) => {
-            try {
-              const grammar = Prism.languages[lang];
-              if (grammar) {
-                const highlighted = Prism.highlight(code, grammar, lang);
-                return highlighted;
-              }
-              return code;
-            } catch {
-              return code;
-            }
-          },
-        }),
-      };
-    },
-    computed: {
-      mergedConfig() {
-        const defaultConfig = {
-          step:
-            typeof this.typing === 'object'
-              ? this.typing.step !== undefined
-                ? this.typing.step
-                : 2
-              : 2,
-          interval:
-            typeof this.typing === 'object'
-              ? this.typing.interval !== undefined
-                ? this.typing.interval
-                : 50
-              : 50,
-          suffix: this.isMarkdown
-            ? ''
-            : typeof this.typing === 'object'
-            ? this.typing.suffix !== undefined
-              ? this.typing.suffix
-              : '|'
-            : '|',
-        };
-        return defaultConfig;
-      },
-      processedContent() {
-        if (!this.content) return '';
-        if (!this.typing) return this.content;
-        return this.contentCache.slice(0, this.typingIndex);
-      },
-      typingProgress() {
-        return this.contentCache
-          ? Math.min((this.typingIndex / this.contentCache.length) * 100, 100)
-          : 0;
-      },
-      renderedContent() {
-        if (!this.isMarkdown) return this.processedContent;
-        return DOMPurify.sanitize(this.md.render(this.processedContent));
-      },
-    },
-    watch: {
-      content: {
-        immediate: true,
-        handler(newVal, oldVal) {
-          if (!this.typing) {
-            this.typingIndex = (newVal && newVal.length) || 0;
-            this.isTyping = false;
-            this.contentCache = newVal || '';
-            return;
-          }
-
-          // 流式更新优化：如果新内容是旧内容的扩展，则不重置
-          if (oldVal && newVal && newVal.startsWith(oldVal)) {
-            // 增量更新，只更新缓存，不重置打字状态
-            this.contentCache = newVal;
-            // 如果当前没在打字，且有新内容，继续打字
-            if (!this.isTyping && this.typingIndex < newVal.length) {
-              this.startTyping();
-            }
-          } else if (!oldVal || newVal !== oldVal) {
-            // 完全不同的内容才重置
-            this.contentCache = newVal || '';
-            if (!this.isTyping) {
-              this.typingIndex = 0;
-              this.startTyping();
-            }
-          }
-        },
-      },
-    },
-    mounted() {
-      this.initMarkdownPlugins();
-      this.$nextTick(() => {
-        Prism.highlightAll();
-      });
-    },
-    beforeDestroy() {
-      this.destroy();
-    },
-    methods: {
-      initMarkdownPlugins() {
-        if (this.mdPlugins && this.mdPlugins.length) {
-          this.mdPlugins.forEach(plugin => {
-            this.md.use(plugin);
-          });
-        }
-      },
-      startTyping() {
-        clearTimeout(this.timer);
-
-        if (!this.typing || !this.contentCache) return;
-
-        this.isTyping = true;
-        this.$emit('start', this.getInstance());
-
-        const typeNext = () => {
-          this.typingIndex += this.mergedConfig.step;
-          this.$emit('writing', this.getInstance());
-
-          if (this.typingIndex >= this.contentCache.length) {
-            this.finishTyping();
-            return;
-          }
-
-          this.timer = setTimeout(typeNext, this.mergedConfig.interval);
-        };
-
-        this.timer = setTimeout(typeNext, this.mergedConfig.interval);
-      },
-      finishTyping() {
-        this.isTyping = false;
-        this.typingIndex = this.contentCache.length;
-        this.$emit('finish', this.getInstance());
-      },
-      interrupt() {
-        clearTimeout(this.timer);
-        this.isTyping = false;
-        // 保留当前打字进度不重置
-        this.$emit('interrupt', this.getInstance());
-      },
-      continueTyping() {
-        if (this.typingIndex < this.contentCache.length) {
-          this.isTyping = true;
-          this.$emit('continue', this.getInstance());
-          this.startTyping();
-        }
-      },
-      restart() {
-        clearTimeout(this.timer);
-        this.typingIndex = 0;
-        this.isTyping = true;
-        this.$emit('restart', this.getInstance());
-        this.$nextTick(() => {
-          this.startTyping();
-        });
-      },
-      destroy() {
-        clearTimeout(this.timer);
-        this.timer = null;
-        this.typingIndex = 0;
-        this.isTyping = false;
-      },
-      getInstance() {
-        return {
-          interrupt: this.interrupt,
-          continue: this.continueTyping,
-          restart: this.restart,
-          destroy: this.destroy,
-          renderedContent: this.renderedContent,
-          isTyping: this.isTyping,
-          progress: this.typingProgress,
-        };
-      },
-    },
-  };
-</script>
-
-<style lang="scss" scoped>
-  @import '../../../styles/Typewriter.scss';
-  @import 'prismjs/themes/prism.css';
-  // You can also use other themes from prismjs like:
-  // @import 'prismjs/themes/prism-coy.css';
-  // @import 'prismjs/themes/prism-dark.css';
-  // @import 'prismjs/themes/prism-okaidia.css';
-  // @import 'prismjs/themes/prism-tomorrow.css';
-  // @import 'prismjs/themes/prism-twilight.css';
-</style>

package/src/components/Welcome/index.js

@@ -1,8 +0,0 @@
-import ElXWelcome from './src/main.vue';
-
-/* istanbul ignore next */
-ElXWelcome.install = function (Vue) {
-  Vue.component(ElXWelcome.name, ElXWelcome);
-};
-
-export default ElXWelcome;

package/src/components/Welcome/src/main.vue

@@ -1,151 +0,0 @@
-<template>
-  <div
-    :class="containerClass"
-    :style="styleConfig"
-    class="el-x-welcome"
-  >
-    <!--  image -->
-    <slot name="image">
-      <div
-        v-if="hasIcon"
-        :class="iconClass"
-        :style="styles && styles.icon"
-        class="el-x-welcome-icon"
-      >
-        <el-image
-          :src="icon"
-          class="icon-image"
-        />
-      </div>
-    </slot>
-
-    <div class="content-wrapper">
-      <!-- extra -->
-      <div
-        v-if="hasTitleOrExtra"
-        class="title-wrapper"
-      >
-        <div
-          v-if="title"
-          :class="titleClass"
-          :style="styles && styles.title"
-          class="el-x-welcome-title"
-        >
-          {{ title }}
-        </div>
-        <div
-          v-if="hasExtraOrSlot"
-          :class="extraClass"
-          :style="styles && styles.extra"
-          class="el-x-welcome-extra"
-        >
-          <slot name="extra">{{ extra }}</slot>
-        </div>
-      </div>
-
-      <!--  description -->
-      <div
-        v-if="hasDescription"
-        :class="descriptionClass"
-        :style="styles && styles.description"
-        class="el-x-welcome-description"
-      >
-        {{ description }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'ElXWelcome',
-    props: {
-      className: {
-        type: String,
-        default: '',
-      },
-      rootClassName: {
-        type: String,
-        default: '',
-      },
-      variant: {
-        type: String,
-        default: 'filled',
-        validator: value => ['filled', 'borderless'].includes(value),
-      },
-      direction: {
-        type: String,
-        default: 'ltr',
-        validator: value => ['ltr', 'rtl'].includes(value),
-      },
-      classNames: {
-        type: Object,
-        default: () => ({}),
-      },
-      icon: {
-        type: String,
-        default: '',
-      },
-      title: {
-        type: String,
-        default: '',
-      },
-      extra: {
-        type: [String, Object],
-        default: '',
-      },
-      description: {
-        type: String,
-        default: '',
-      },
-      styleConfig: {
-        type: Object,
-        default: () => ({}),
-      },
-      styles: {
-        type: Object,
-        default: () => ({}),
-      },
-    },
-    computed: {
-      hasIcon() {
-        return !!this.icon;
-      },
-      hasTitleOrExtra() {
-        return !!this.title || !!this.extra;
-      },
-      hasExtraOrSlot() {
-        return !!this.extra || !!this.$slots.extra;
-      },
-      hasDescription() {
-        return !!this.description;
-      },
-      containerClass() {
-        return [
-          this.className,
-          this.rootClassName,
-          `el-x-welcome-${this.variant}`,
-          {
-            'el-x-welcome-rtl': this.direction === 'rtl',
-          },
-        ];
-      },
-      iconClass() {
-        return this.classNames && this.classNames.icon;
-      },
-      titleClass() {
-        return this.classNames && this.classNames.title;
-      },
-      extraClass() {
-        return this.classNames && this.classNames.extra;
-      },
-      descriptionClass() {
-        return this.classNames && this.classNames.description;
-      },
-    },
-  };
-</script>
-
-<style lang="scss" scoped>
-  @import '../../../styles/Welcome.scss';
-</style>

package/src/index.js

@@ -1,104 +0,0 @@
-import ElXAttachments from './components/Attachments/index.js';
-import ElXBubble from './components/Bubble/index.js';
-import ElXBubbleList from './components/BubbleList/index.js';
-import ElXConversations from './components/Conversations/index.js';
-import ElXFilesCard from './components/FilesCard/index.js';
-import ElXPrompts from './components/Prompts/index.js';
-import ElXSender from './components/Sender/index.js';
-import ElXThinking from './components/Thinking/index.js';
-import ElXThoughtChain from './components/ThoughtChain/index.js';
-import ElXTypewriter from './components/Typewriter/index.js';
-import ElXWelcome from './components/Welcome/index.js';
-
-// 导入 mixins
-import {
-  createSendUtils,
-  createStreamUtils,
-  recordMixin,
-  sendMixin,
-  streamMixin,
-  XRequest,
-  XStream,
-} from './mixins';
-// 导入国际化功能
-import locale from './locale';
-import lang from './locale/lang';
-
-const components = [
-  ElXTypewriter,
-  ElXBubble,
-  ElXBubbleList,
-  ElXPrompts,
-  ElXConversations,
-  ElXThinking,
-  ElXThoughtChain,
-  ElXSender,
-  ElXFilesCard,
-  ElXAttachments,
-  ElXWelcome,
-];
-
-const install = function (Vue, opts = {}) {
-  // 处理国际化配置
-  if (opts.locale) {
-    locale.use(opts.locale);
-  }
-  if (opts.i18n) {
-    locale.i18n(opts.i18n);
-  }
-
-  components.forEach(component => {
-    Vue.component(component.name, component);
-  });
-};
-
-// 具名导出（按需引入）- 组件和Mixins
-export {
-  // Mixins
-  createSendUtils,
-  createStreamUtils,
-  recordMixin,
-  sendMixin,
-  streamMixin,
-  XRequest,
-  XStream,
-  // 组件
-  ElXAttachments,
-  ElXBubble,
-  ElXBubbleList,
-  ElXConversations,
-  ElXFilesCard,
-  ElXPrompts,
-  ElXSender,
-  ElXThinking,
-  ElXThoughtChain,
-  ElXTypewriter,
-  ElXWelcome,
-  lang,
-  // 国际化
-  locale,
-};
-
-// 默认导出（完整引入）
-const ElementUIX = {
-  version: '0.2.2',
-  install,
-  locale,
-  lang,
-};
-
-// 将组件添加到默认导出对象中
-components.forEach(component => {
-  ElementUIX[component.name] = component;
-});
-
-// 添加mixins
-ElementUIX.streamMixin = streamMixin;
-ElementUIX.sendMixin = sendMixin;
-ElementUIX.recordMixin = recordMixin;
-ElementUIX.createStreamUtils = createStreamUtils;
-ElementUIX.createSendUtils = createSendUtils;
-ElementUIX.XRequest = XRequest;
-ElementUIX.XStream = XStream;
-
-export default ElementUIX;

package/src/locale/index.js

@@ -1,97 +0,0 @@
-import defaultLang from './lang/zh-CN';
-
-let lang = defaultLang;
-let merged = false;
-let i18nHandler = function () {
-  // 检查是否存在 vue-i18n@5.x (Vue.locale)
-  if (typeof window !== 'undefined' && window.Vue && window.Vue.locale) {
-    const vuei18n = window.Vue.locale;
-    if (typeof vuei18n === 'function') {
-      if (!merged) {
-        merged = true;
-        window.Vue.locale(
-          window.Vue.config.lang,
-          deepMerge(lang, window.Vue.locale(window.Vue.config.lang) || {}, { clone: true }),
-        );
-      }
-      return vuei18n.apply(this, arguments);
-    }
-  }
-
-  // 检查是否存在 vue-i18n@6.x+ (this.$t)
-  if (this && this.$t && typeof this.$t === 'function') {
-    try {
-      return this.$t.apply(this, arguments);
-    } catch (e) {
-      // 如果出错，回退到内置翻译
-    }
-  }
-};
-
-const deepMerge = function (target, source, options) {
-  options = options || {};
-  const clone = options.clone !== false;
-  const mergedTarget = clone ? { ...target } : target;
-
-  for (const key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      const value = source[key];
-      if (value !== null && typeof value === 'object' && !Array.isArray(value)) {
-        mergedTarget[key] = deepMerge(mergedTarget[key] || {}, value, options);
-      } else {
-        mergedTarget[key] = value;
-      }
-    }
-  }
-
-  return mergedTarget;
-};
-
-const t = function (path, options) {
-  let value = i18nHandler.apply(this, arguments);
-  if (value !== null && value !== undefined) return value;
-
-  const array = path.split('.');
-  let current = lang;
-
-  for (let i = 0, j = array.length; i < j; i++) {
-    const property = array[i];
-    value = current[property];
-    if (i === j - 1) return format(value, options);
-    if (!value) return '';
-    current = value;
-  }
-  return '';
-};
-
-const format = function (template, ...args) {
-  if (typeof template === 'function') {
-    return template(...args);
-  }
-
-  if (typeof template !== 'string') {
-    return template;
-  }
-
-  const [options] = args;
-  if (!options) return template;
-
-  return template.replace(/\{(\w+)\}/g, (match, key) => {
-    return options[key] !== undefined ? options[key] : match;
-  });
-};
-
-const use = function (l) {
-  lang = l || lang;
-  merged = false;
-};
-
-const i18n = function (fn) {
-  i18nHandler = fn || i18nHandler;
-};
-
-export default {
-  use,
-  t,
-  i18n,
-};

package/src/locale/lang/ar.js

@@ -1,18 +0,0 @@
-export default {
-  el_x: {
-    thinking: {
-      start: 'ابدأ التفكير',
-      processing: 'جاري التفكير...',
-      completed: 'اكتمل التفكير',
-      error: 'خطأ في التفكير',
-      errorContent: 'حدث خطأ أثناء التفكير',
-    },
-    sender: { placeholder: 'يرجى إدخال المحتوى' },
-    common: {
-      loading: 'جاري التحميل...',
-      success: 'نجح',
-      error: 'خطأ',
-      warning: 'تحذير',
-    },
-  },
-};

package/src/locale/lang/de.js

@@ -1,18 +0,0 @@
-export default {
-  el_x: {
-    thinking: {
-      start: 'Denken beginnen',
-      processing: 'Denken...',
-      completed: 'Denken abgeschlossen',
-      error: 'Denkfehler',
-      errorContent: 'Beim Denken ist ein Fehler aufgetreten',
-    },
-    sender: { placeholder: 'Bitte geben Sie Inhalt ein' },
-    common: {
-      loading: 'Laden...',
-      success: 'Erfolg',
-      error: 'Fehler',
-      warning: 'Warnung',
-    },
-  },
-};

package/src/locale/lang/en.js

@@ -1,18 +0,0 @@
-export default {
-  el_x: {
-    thinking: {
-      start: 'Start Thinking',
-      processing: 'Thinking...',
-      completed: 'Thinking Completed',
-      error: 'Thinking Error',
-      errorContent: 'An error occurred during thinking',
-    },
-    sender: { placeholder: 'Please enter content' },
-    common: {
-      loading: 'Loading...',
-      success: 'Success',
-      error: 'Error',
-      warning: 'Warning',
-    },
-  },
-};

package/src/locale/lang/es.js

@@ -1,18 +0,0 @@
-export default {
-  el_x: {
-    thinking: {
-      start: 'Comenzar a pensar',
-      processing: 'Pensando...',
-      completed: 'Pensamiento completado',
-      error: 'Error de pensamiento',
-      errorContent: 'Ocurrió un error durante el pensamiento',
-    },
-    sender: { placeholder: 'Por favor ingrese contenido' },
-    common: {
-      loading: 'Cargando...',
-      success: 'Éxito',
-      error: 'Error',
-      warning: 'Advertencia',
-    },
-  },
-};