vue-element-ui-x 1.0.42-beta → 1.0.43-beta

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

@@ -1,288 +0,0 @@
-<template>
-  <div
-    v-if="!internalDestroyed"
-    class="el-x-bubble"
-    :class="{
-      'el-x-bubble-start': placement === 'start',
-      'el-x-bubble-end': placement === 'end',
-      'el-x-bubble-no-style': noStyle,
-      'el-x-bubble-is-typing': isTypingClass,
-    }"
-    :style="{
-      '--el-box-shadow-tertiary': `0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)`,
-      '--bubble-content-max-width': `${maxWidth}`,
-      '--el-x-bubble-avatar-placeholder-width': `${
-        $scopedSlots.avatar || $slots.avatar ? '' : avatarSize + 'px'
-      }`,
-      '--el-x-bubble-avatar-placeholder-height': `${
-        $scopedSlots.avatar || $slots.avatar ? '' : avatarSize + 'px'
-      }`,
-      '--el-x-bubble-avatar-placeholder-gap': `${avatarGap}px`,
-    }"
-  >
-    <!-- 头像 -->
-    <div
-      v-if="!($scopedSlots.avatar || $slots.avatar) && avatar"
-      class="el-x-bubble-avatar el-x-bubble-avatar-size"
-    >
-      <el-avatar
-        :size="0"
-        :src="avatar"
-        :shape="avatarShape"
-        :src-set="avatarSrcSet"
-        :alt="avatarAlt"
-        @error="avatarError"
-      />
-    </div>
-    <!-- 头像属性进行占位 -->
-    <div
-      v-if="!($scopedSlots.avatar || $slots.avatar) && !avatar && avatarSize"
-      class="el-x-bubble-avatar-placeholder"
-    />
-
-    <div
-      v-if="$scopedSlots.avatar || $slots.avatar"
-      class="el-x-bubble-avatar"
-    >
-      <slot name="avatar" />
-    </div>
-
-    <!-- 内容 -->
-    <div class="el-x-bubble-content-wrapper">
-      <!-- 头部内容 -->
-      <div
-        v-if="$scopedSlots.header || $slots.header"
-        class="el-x-bubble-header"
-      >
-        <slot name="header" />
-      </div>
-
-      <div
-        class="el-x-bubble-content"
-        :class="{
-          'el-x-bubble-content-loading': loading,
-          '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
-          v-if="!loading"
-          class="el-typewriter"
-          :class="{
-            'no-content': !content,
-          }"
-        >
-          <el-x-typewriter
-            v-if="!($scopedSlots.content || $slots.content) && content"
-            ref="typewriterRef"
-            :typing="_typing"
-            :content="content"
-            :is-markdown="isMarkdown"
-            :is-fog="isFog"
-            @start="onStart"
-            @writing="onWriting"
-            @finish="onFinish"
-          />
-        </div>
-
-        <!-- 内容-自定义 -->
-        <slot
-          v-if="!internalDestroyed && ($scopedSlots.content || $slots.content) && !loading"
-          name="content"
-        />
-
-        <!-- 加载中-默认 -->
-        <div
-          v-if="loading && !($scopedSlots.loading || $slots.loading)"
-          class="el-x-bubble-loading-wrap"
-        >
-          <div
-            v-for="(_, index) in dots"
-            :key="index"
-            class="dot"
-            :style="{ animationDelay: `${index * 0.2}s` }"
-          />
-        </div>
-
-        <!-- 加载中-自定义 -->
-        <div
-          v-if="loading && ($scopedSlots.loading || $slots.loading)"
-          class="el-x-bubble-loading-wrap"
-        >
-          <slot name="loading" />
-        </div>
-      </div>
-
-      <div
-        v-if="$scopedSlots.footer || $slots.footer"
-        class="el-x-bubble-footer"
-      >
-        <slot name="footer" />
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  import ElXTypewriter from '../../Typewriter/index';
-
-  export default {
-    name: 'ElXBubble',
-    components: { ElXTypewriter },
-    props: {
-      content: {
-        type: String,
-        default: '',
-      },
-      avatar: {
-        type: String,
-        default: '',
-      },
-      placement: {
-        type: String,
-        default: 'start',
-      },
-      variant: {
-        type: String,
-        default: 'filled',
-      },
-      maxWidth: {
-        type: String,
-        default: '500px',
-      },
-      avatarSize: {
-        type: Number,
-        default: 0,
-      },
-      avatarGap: {
-        type: Number,
-        default: 12,
-      },
-      avatarShape: {
-        type: String,
-        default: 'circle',
-      },
-      avatarSrcSet: {
-        type: String,
-        default: '',
-      },
-      avatarAlt: {
-        type: String,
-        default: '',
-      },
-      avatarFit: {
-        type: String,
-        default: 'cover',
-      },
-      noStyle: {
-        type: Boolean,
-        default: false,
-      },
-      typing: {
-        type: [Boolean, Object],
-        default: undefined,
-      },
-      loading: {
-        type: Boolean,
-        default: false,
-      },
-      shape: {
-        type: String,
-        default: '',
-      },
-      isMarkdown: {
-        type: Boolean,
-        default: false,
-      },
-      isFog: {
-        type: Boolean,
-        default: false,
-      },
-    },
-    data() {
-      return {
-        internalDestroyed: false,
-        isTypingClass: false,
-      };
-    },
-    computed: {
-      _step() {
-        if (typeof this.typing === 'object' && this.typing.step) return this.typing.step;
-        return 2;
-      },
-      _suffix() {
-        if (typeof this.typing === 'object' && this.typing.suffix) return this.typing.suffix;
-        return '|';
-      },
-      _interval() {
-        if (typeof this.typing === 'object' && this.typing.interval) return this.typing.interval;
-        return 50;
-      },
-      _typing() {
-        if (typeof this.typing === 'undefined') {
-          return false;
-        } else if (typeof this.typing === 'boolean') {
-          return this.typing;
-        } else {
-          return {
-            suffix: this._suffix,
-            step: this._step,
-            interval: this._interval,
-          };
-        }
-      },
-      dots() {
-        return [1, 2, 3];
-      },
-    },
-    watch: {
-      content(newVal, oldVal) {
-        if (newVal !== oldVal && this.internalDestroyed) {
-          this.restart();
-        }
-      },
-    },
-    methods: {
-      onStart(instance) {
-        this.$emit('start', instance);
-      },
-      onFinish(instance) {
-        this.isTypingClass = false;
-        this.$emit('finish', instance);
-      },
-      onWriting(instance) {
-        this.isTypingClass = true;
-        this.$emit('writing', instance);
-      },
-      avatarError(e) {
-        this.$emit('avatarError', e);
-      },
-      interrupt() {
-        this.$refs.typewriterRef && this.$refs.typewriterRef.interrupt();
-      },
-      continueTyping() {
-        this.$refs.typewriterRef && this.$refs.typewriterRef.continueTyping();
-      },
-      restart() {
-        this.internalDestroyed = false;
-        this.$refs.typewriterRef && this.$refs.typewriterRef.restart();
-      },
-      destroy() {
-        this.$refs.typewriterRef && this.$refs.typewriterRef.destroy();
-        this.internalDestroyed = true;
-      },
-    },
-    beforeDestroy() {
-      this.destroy();
-    },
-  };
-</script>
-
-<style lang="scss" scoped>
-  @import '../../../styles/Bubble.scss';
-</style>

package/src/components/BubbleList/index.js

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

package/src/components/BubbleList/src/loading.vue

@@ -1,75 +0,0 @@
-<script></script>
-
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    version="1.1"
-    width="704"
-    height="704"
-    viewBox="0 0 704 704"
-  >
-    <defs>
-      <filter
-        id="master_svg0_62_10054"
-        filterUnits="objectBoundingBox"
-        color-interpolation-filters="sRGB"
-        x="-0.030120481927710843"
-        y="-0.030120481927710843"
-        width="1.0602409638554218"
-        height="1.0602409638554218"
-      >
-        <feFlood
-          flood-opacity="0"
-          result="BackgroundImageFix"
-        />
-        <feBlend
-          mode="normal"
-          in="SourceGraphic"
-          in2="BackgroundImageFix"
-          result="shape"
-        />
-        <feGaussianBlur
-          stdDeviation="5"
-          result="effect1_foregroundBlur"
-        />
-      </filter>
-      <linearGradient
-        id="master_svg1_62_10082"
-        x1="0.5"
-        y1="-0.13192443549633026"
-        x2="0.42319029569625854"
-        y2="1.368432641029358"
-      >
-        <stop
-          offset="9.145302325487137%"
-          stop-color="currentColor"
-          stop-opacity="1"
-        />
-        <stop
-          offset="13.636428117752075%"
-          stop-color="currentColor"
-          stop-opacity="0.07539999485015869"
-        />
-        <stop
-          offset="16.968481242656708%"
-          stop-color="currentColor"
-          stop-opacity="0"
-        />
-      </linearGradient>
-    </defs>
-    <g
-      transform="matrix(0,1,-1,0,704,-664)"
-      filter="url(#master_svg0_62_10054)"
-    >
-      <path
-        d="M1016,684C1199.359,684,1348,535.359,1348,352C1348,168.641,1199.359,20,1016,20C832.641,20,684,168.641,684,352C684,535.359,832.641,684,1016,684ZM1016,32C1192.731,32,1336,175.269,1336,352C1336,528.731,1192.731,672,1016,672C839.269,672,696,528.731,696,352C696,175.269,839.269,32,1016,32Z"
-        fill-rule="evenodd"
-        fill="url(#master_svg1_62_10082)"
-        fill-opacity="1"
-      />
-    </g>
-  </svg>
-</template>
-
-<style scoped></style>