vue-element-ui-x 0.1.6-beta → 0.1.8-beta

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

@@ -12,7 +12,15 @@ import ElXTypewriter from './components/Typewriter/index.js';
 import ElXWelcome from './components/Welcome/index.js';
 // 导入所有 mixins
 import * as customMixins from './mixins';
-import { streamMixin, sendMixin, recordMixin } from './mixins';
+import {
+  createSendUtils,
+  createStreamUtils,
+  recordMixin,
+  sendMixin,
+  streamMixin,
+  XRequest,
+  XStream,
+} from './mixins';
 
 const components = [
   ElXTypewriter,
@@ -52,8 +60,16 @@ export {
 };
 
 // 具名导出（按需引入）- Mixins
-export { customMixins, streamMixin, sendMixin, recordMixin };
-
+export {
+  createSendUtils,
+  createStreamUtils,
+  customMixins,
+  recordMixin,
+  sendMixin,
+  streamMixin,
+  XRequest,
+  XStream,
+};
 // 默认导出（完整引入）
 const ElementUIX = {
   version: '1.0.0',
@@ -70,5 +86,9 @@ ElementUIX.customMixins = customMixins;
 ElementUIX.streamMixin = streamMixin;
 ElementUIX.sendMixin = sendMixin;
 ElementUIX.recordMixin = recordMixin;
+ElementUIX.createStreamUtils = createStreamUtils;
+ElementUIX.createSendUtils = createSendUtils;
+ElementUIX.XRequest = XRequest;
+ElementUIX.XStream = XStream;
 
 export default ElementUIX;