vue-element-ui-x 1.0.1 → 1.0.2

package/src/components/ThoughtChain/src/main.vue

@@ -102,9 +102,7 @@
   import ElXTypewriter from '../../Typewriter/index.js';
   export default {
     name: 'ElXThoughtChain',
-    components: {
-      ElXTypewriter,
-    },
+    components: { ElXTypewriter },
     props: {
       thinkingItems: {
         type: Array,

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

@@ -76,11 +76,11 @@
               const grammar = Prism.languages[lang];
               if (grammar) {
                 const highlighted = Prism.highlight(code, grammar, lang);
-                return `<pre class="language-${lang}"><code class="language-${lang}">${highlighted}</code></pre>`;
+                return highlighted;
               }
-              return `<pre class="language-${lang}"><code class="language-${lang}">${code}</code></pre>`;
+              return code;
             } catch {
-              return `<pre><code>${code}</code></pre>`;
+              return code;
             }
           },
         }),
@@ -158,7 +158,6 @@
     },
     mounted() {
       this.initMarkdownPlugins();
-      this.updateFogColor();
       this.$nextTick(() => {
         Prism.highlightAll();
       });
@@ -240,9 +239,6 @@
           progress: this.typingProgress,
         };
       },
-      updateFogColor() {
-        // 实现雾化颜色更新逻辑
-      },
     },
   };
 </script>

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

@@ -1,151 +1,151 @@
-<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>
+<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>