vue-element-ui-x 0.1.10-beta → 0.2.1

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>

package/src/index.js

@@ -5,7 +5,6 @@ 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 ElXThink from './components/Think/index.js';
 import ElXThinking from './components/Thinking/index.js';
 import ElXThoughtChain from './components/ThoughtChain/index.js';
 import ElXTypewriter from './components/Typewriter/index.js';
@@ -29,7 +28,6 @@ const components = [
   ElXPrompts,
   ElXConversations,
   ElXThinking,
-  ElXThink,
   ElXThoughtChain,
   ElXSender,
   ElXFilesCard,
@@ -52,7 +50,6 @@ export {
   ElXFilesCard,
   ElXPrompts,
   ElXSender,
-  ElXThink,
   ElXThinking,
   ElXThoughtChain,
   ElXTypewriter,