@smallwei/avue 3.8.5 → 3.8.6

package/es/packages/element-plus/cascader/index.vue

@@ -1,132 +0,0 @@
-<template>
-  <el-cascader
-    ref="cascader"
-    :options="dic"
-    :class="b()"
-    @click="handleClick"
-    @change="handleValueChange"
-    v-model="text"
-    :placeholder="placeholder"
-    :props="allProps"
-    :size="size"
-    :effect="effect"
-    :clearable="clearableVal"
-    :show-all-levels="showAllLevels"
-    :filterable="filterable"
-    :popper-class="popperClass"
-    :separator="separator"
-    :disabled="disabled"
-    :show-checked-strategy="showCheckedStrategy"
-    :collapse-tags="tags || collapseTags"
-    :collapse-tags-tooltip="collapseTagsTooltip"
-    :max-collapse-tags="maxCollapseTags"
-    @focus="handleFocus"
-    @blur="handleBlur"
-  >
-    <template #="{ data, node }">
-      <slot v-if="$slots.default" :data="data" :node="node"></slot>
-      <span v-else>{{ data[labelKey] }}</span>
-    </template>
-  </el-cascader>
-</template>
-
-<script>
-import create from "../../../core/create.mjs";
-import props from "../../core/common/props.mjs";
-import event from "../../core/common/event.mjs";
-export default create({
-  name: "cascader",
-  mixins: [props(), event()],
-  props: {
-    clearValidate: Function,
-    effect: {
-      type: String,
-      default: "light",
-    },
-    showCheckedStrategy: String,
-    checkStrictly: {
-      type: Boolean,
-      default: false,
-    },
-    emitPath: {
-      type: Boolean,
-      default: true,
-    },
-    tags: {
-      type: Boolean,
-      default: false,
-    },
-    collapseTags: Boolean,
-    collapseTagsTooltip: Boolean,
-    maxCollapseTags: Number,
-    expandTrigger: {
-      type: String,
-      default: "hover",
-    },
-    showAllLevels: {
-      type: Boolean,
-      default: true,
-    },
-    lazy: {
-      type: Boolean,
-      default: false,
-    },
-    lazyLoad: Function,
-    filterable: {
-      type: Boolean,
-      default: false,
-    },
-    separator: {
-      type: String,
-    },
-  },
-  computed: {
-    allProps() {
-      return {
-        label: this.labelKey,
-        value: this.valueKey,
-        disabled: this.disabledKey,
-        children: this.childrenKey,
-        checkStrictly: this.checkStrictly,
-        multiple: this.multiple,
-        emitPath: this.emitPath,
-        expandTrigger: this.props.expandTrigger,
-        hoverThreshold: this.props.hoverThreshold,
-        leaf: this.leafKey,
-        lazy: this.lazy,
-        lazyLoad: (node, resolve) => {
-          let callback = (list) => {
-            let findDic = (list, value, children) => {
-              list.forEach((ele) => {
-                if (ele[this.valueKey] == value) {
-                  ele[this.childrenKey] = children;
-                } else if (ele[this.childrenKey]) {
-                  findDic(ele[this.childrenKey]);
-                }
-              });
-            };
-            findDic(this.dic, node[this.valueKey], list);
-            resolve(list);
-          };
-          this.lazyLoad && this.lazyLoad(node, callback);
-        },
-        expandTrigger: this.expandTrigger,
-      };
-    },
-  },
-  created() {},
-  mounted() {},
-  methods: {
-    handleValueChange(val) {
-      setTimeout(() => {
-        if (!this.validatenull(val) && this.rules && this.clearValidate) {
-          this.clearValidate(this.prop);
-        }
-      });
-    },
-    getCheckedNodes(leafOnly = false) {
-      return this.$refs.cascader.getCheckedNodes(leafOnly);
-    },
-  },
-});
-</script>

package/es/packages/element-plus/chat/index.vue

@@ -1,514 +0,0 @@
-<template>
-  <div :class="b()"
-       :style="heightStyleName"
-       @keyup.enter="handleSend">
-    <audio ref="chatAudio">
-      <source :src="audio[0]"
-              type="audio/ogg">
-      <source :src="audio[1]"
-              type="audio/mpeg">
-      <source :src="audio[2]"
-              type="audio/wav">
-    </audio>
-    <div class="web__logo">
-      <img :src="config.img"
-           class="web__logo-img"
-           alt="">
-      <div class="web__logo-info">
-        <p class="web__logo-name">{{config.name}}</p>
-        <p class="web__logo-dept">{{config.dept}}</p>
-      </div>
-      <slot name="header"></slot>
-    </div>
-    <div class="web__content">
-      <div :style="widthStyleName">
-        <div class="web__main"
-             ref="main">
-          <div class="web__main-item"
-               v-for="(item,index) in list"
-               :key="index"
-               :class="{'web__main-item--mine':item.mine}">
-            <div class="web__main-user">
-              <img :src="item.img">
-              <cite>
-                {{item.name}}
-                <i>{{item.date}}</i>
-              </cite>
-            </div>
-            <div class="web__main-text">
-              <div class="web__main-arrow"></div>
-              <span v-html="handleDetail(item.text.text)"
-                    ref="content"></span>
-              <ul class=" web__main-list"
-                  v-if="!validatenull(item.text.list)">
-                <li @click="handleItemMsg(citem)"
-                    v-for="(citem,cindex) in item.text.list"
-                    :key="cindex">{{citem.text}}</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="web__footer"
-             :style="widthStyleName">
-          <div class="web__tools">
-            <el-icon v-if="tools.img"
-                     @click="handleUpload('img')">
-              <el-icon-picture />
-            </el-icon>
-            <el-icon v-if="tools.video"
-                     @click="handleUpload('video')">
-              <el-icon-video-camera />
-            </el-icon>
-            <el-icon v-if="tools.file"
-                     @click="handleUpload('file')">
-              <el-icon-folder-opened />
-            </el-icon>
-            <slot name="menu"></slot>
-          </div>
-          <div class="web__msg">
-            <textarea v-model="msg"
-                      rows="2"
-                      :placeholder="messagePlaceholder"
-                      class="web__msg-input"></textarea>
-            <div class="web__msg-menu">
-              <el-dropdown split-button
-                           class="web__msg-submit"
-                           type="primary"
-                           :size="size"
-                           @click="handleSend"
-                           trigger="click">
-                {{ t("chat.sendBtn") }}
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item>
-                      <el-popover placement="top"
-                                  width="160"
-                                  v-model="visible">
-                        <div>
-                          <el-input :size="size"
-                                    style="margin-bottom:10px"
-                                    :rows="3"
-                                    show-word-limit
-                                    :placeholder="t('chat.quickReplyPlaceholder')"
-                                    v-model="keys"
-                                    type="textarea"></el-input>
-                          <div style="text-align: right; margin: 0">
-                            <el-button :size="size"
-                                       text
-                                       @click="visible = false">{{t("common.cancelBtn")}}</el-button>
-                            <el-button type="primary"
-                                       :size="size"
-                                       @click="addKey">{{t("common.submitBtn")}}</el-button>
-                          </div>
-                        </div>
-                        <template #reference>
-                          <el-button texts
-                                     icon="el-icon-plus"></el-button>
-                        </template>
-
-                      </el-popover>
-
-                    </el-dropdown-item>
-                    <el-scrollbar style="height:100px">
-                      <el-dropdown-item v-for="(item,index) in keylist"
-                                        :key="index"
-                                        @click="sendKey(item)">
-                        <el-tooltip effect="dark"
-                                    :content="item"
-                                    placement="top">
-                          <span> {{item.substr(0,10)}}{{item.length>10?'...':''}}</span>
-                        </el-tooltip>
-
-                      </el-dropdown-item>
-                    </el-scrollbar>
-
-                  </el-dropdown-menu>
-                </template>
-
-              </el-dropdown>
-            </div>
-          </div>
-        </div>
-      </div>
-      <slot></slot>
-    </div>
-    <div v-if="upload.box">
-      <el-dialog :title="upload.title"
-                 destroy-on-close
-                 :append-to-body="$AVUE.appendToBody"
-                 v-model="upload.box"
-                 width="30%">
-        <el-form ref="form"
-                 :model="upload">
-          <el-form-item prop="src"
-                        :rules="[
-      { required: true, message: t('chat.addressRequired')},
-    ]">
-            <el-input :size="size"
-                      style="margin-bottom:10px"
-                      :rows="4"
-                      show-word-limit
-                      maxlength="100"
-                      :placeholder="t('chat.addressPlaceholder')"
-                      v-model="upload.src"
-                      type="textarea"></el-input>
-          </el-form-item>
-        </el-form>
-        <template #footer>
-          <span class="dialog-footer">
-            <el-button @click="upload.box=false"
-                       size="small">{{t("common.cancelBtn")}}</el-button>
-            <el-button type="primary"
-                       @click="uploadSubmit"
-                       size="small">{{t("common.submitBtn")}}</el-button>
-          </span>
-        </template>
-
-      </el-dialog>
-    </div>
-    <div v-if="show">
-      <el-dialog v-model="show"
-                 width="40%"
-                 destroy-on-close
-                 :append-to-body="$AVUE.appendToBody"
-                 :before-close="handleClose"
-                 class="web__dialog">
-        <img :src="imgSrc"
-             v-if="imgSrc"
-             style="width:100%;object-fit: cover;">
-        <video :src="videoSrc"
-               v-if="videoSrc"
-               style="width:100%;object-fit: cover;"
-               controls="controls">
-        </video>
-        <audio :src="audioSrc"
-               v-if="audioSrc"
-               style="width:100%;object-fit: cover;"
-               controls="controls">
-        </audio>
-      </el-dialog>
-    </div>
-
-  </div>
-</template>
-
-<script>
-import create from "../../../core/create.mjs";
-import locale from "../../../core/locale.mjs";
-import * as __avueImportModule0 from 'dayjs';
-const dayjs = __avueImportModule0.default || __avueImportModule0;
-export default create({
-  name: "chat",
-  mixins: [locale],
-  data () {
-    return {
-      upload: {
-        box: false,
-        src: "",
-        type: '',
-        title: '',
-      },
-      visible: false,
-      imgSrc: '',
-      videoSrc: '',
-      audioSrc: '',
-      keys: "",
-      show: false
-    }
-  },
-  props: {
-    size: String,
-    beforeOpen: Function,
-    tools: {
-      type: Object,
-      default: () => {
-        return {
-          img: true,
-          video: true,
-          file: true
-        }
-      }
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    width: {
-      type: [String, Number],
-      default: 320
-    },
-    height: {
-      type: [String, Number],
-      default: 520
-    },
-    modelValue: {
-      type: String
-    },
-    notice: {
-      type: Boolean,
-      default: true
-    },
-    audio: {
-      type: Array,
-      default: () => {
-        return [
-          'https://www.helloweba.net/demo/notifysound/notify.ogg',
-          'https://www.helloweba.net/demo/notifysound/notify.mp3',
-          'https://www.helloweba.net/demo/notifysound/notify.wav'
-        ]
-      }
-    },
-    config: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    keylist: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    list: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    }
-  },
-  computed: {
-    msg: {
-      get () {
-        return this.modelValue
-      },
-      set (val) {
-        this.$emit('update:modelValue', val);
-        this.$emit('change', val);
-      }
-    },
-    heightStyleName () {
-      return {
-        height: this.setPx(this.height)
-      }
-    },
-    widthStyleName () {
-      return {
-        width: this.setPx(this.width),
-      }
-    },
-    msgActive () {
-      return !this.validatenull(this.msg.replace(/[\r\n]/g, ""))
-    },
-    messagePlaceholder () {
-      return this.placeholder || this.t('chat.inputPlaceholder');
-    }
-  },
-  methods: {
-    uploadSubmit () {
-      this.$refs.form.validate((valid) => {
-        if (valid) {
-          this.upload.box = false;
-          this.$emit('submit', this.getDetail(this.upload));
-        }
-      });
-    },
-    handleUpload (type) {
-      this.upload.type = type;
-      this.upload.src = '';
-      if (type === 'img') {
-        this.upload.title = this.t('chat.uploadImageTitle')
-      } else if (type === 'video') {
-        this.upload.title = this.t('chat.uploadVideoTitle')
-      } else if (type === 'file') {
-        this.upload.title = this.t('chat.uploadFileTitle')
-      }
-      this.upload.box = true;
-    },
-    handleClose (done) {
-      this.imgSrc = undefined;
-      this.videoSrc = undefined;
-      this.audioSrc = undefined;
-      done();
-    },
-    addKey () {
-      if (this.keys !== '') {
-        this.$emit('keyadd', this.keys)
-        this.keys = '';
-      }
-      this.visible = false
-
-    },
-    sendKey (key) {
-      this.$emit('keysend', key)
-    },
-    getAudio () {
-      this.$refs.chatAudio.play();
-    },
-    getNotification (text) {
-      const safe = this;
-      const NotificationInstance = Notification || window.Notification;
-      if (!!NotificationInstance) {
-        const permissionNow = NotificationInstance.permission;
-        if (permissionNow === 'granted') {//允许通知
-          CreatNotification();
-        } else if (permissionNow === 'denied') {
-          console.log(this.t('chat.notificationDenied'));
-        } else {
-          setPermission();
-        }
-        function setPermission () {
-          //请求获取通知权限
-          NotificationInstance.requestPermission(function (PERMISSION) {
-            if (PERMISSION === 'granted') {
-              CreatNotification();
-            } else {
-              console.log(safe.t('chat.notificationRejected'));
-            }
-          });
-        }
-        function CreatNotification () {
-          const n = new Notification(safe.config.name, {
-            body: text,
-            icon: safe.config.img
-          });
-          n.onshow = function () {
-            safe.getAudio();
-            setTimeout(() => {
-              n.close();
-            }, 2500);
-          }
-          n.onclick = function (e) {
-            n.close();
-          }
-        }
-      }
-    },
-    //mine为'我'的对话
-    //text为内容
-    pushMsg (params = {}) {
-      const mine = params.mine === true ? true : false;
-      const text = params.text || {};
-      const date = params.date
-      const textObj = {
-        date: date || dayjs().format('YYYY-MM-DD HH:mm:ss'),
-        text: (() => {
-          if (typeof (text) != 'object') {
-            return {
-              text: text
-            }
-          }
-          return text
-        })(),
-        mine: mine,
-        img: mine ? this.config.myImg : this.config.img,
-        name: mine ? this.config.myName : this.config.name,
-      }
-      this.list.push(textObj)
-      setTimeout(() => {
-        this.setScroll();
-      }, 50)
-
-    },
-    setScroll (count) {
-      //滚动条一直处于下方
-      this.$nextTick(() => {
-        this.$refs.main.scrollTop = count || this.$refs.main.scrollHeight
-      })
-    },
-    //用户主动发送
-    handleSend () {
-      if (this.msgActive) {
-        this.$emit('submit');
-      }
-    },
-    //选择列表
-    handleItemMsg (item) {
-      this.$emit('submit', item.ask);
-    },
-    //处理排版
-    handleDetail (html = '') {
-      let result = html;
-      setTimeout(() => {
-        const list = this.$refs.content || [];
-        list.forEach(ele => {
-          for (let i = 0; i < ele.children.length; i++) {
-            const child = ele.children[i];
-            if (child.getAttribute('data-flag') != 0) {
-              child.setAttribute('data-flag', 0)
-              child.onclick = () => {
-                this.handleEvent(child.dataset)
-              };
-              if (child.tagName === 'IMG') {
-                child.className = 'web__msg--img'
-                child.src = child.getAttribute('data-src')
-              } else if (child.tagName === 'VIDEO') {
-                child.className = 'web__msg--video'
-                child.src = child.getAttribute('data-src')
-              } else if (child.tagName === 'AUDIO') {
-                child.className = 'web__msg--audio'
-                child.controls = 'controls';
-                child.src = child.getAttribute('data-src')
-              } else if (child.tagName === 'FILE') {
-                child.className = 'web__msg--file'
-                child.innerHTML = `<h2>${this.t('chat.fileLabel')}</h2><span>${child.getAttribute('data-name')}</span>`
-              } else if (child.tagName === 'MAP') {
-                child.className = 'web__msg--file web__msg--map'
-                child.innerHTML = `<h2>${this.t('chat.mapLabel')}</h2><span>${child.getAttribute('data-longitude')} , ${child.getAttribute('data-latitude')}<br />${child.getAttribute('data-address')}</span>`
-              }
-              this.setScroll();
-            }
-          }
-        });
-      }, 0)
-      return result;
-    },
-    getDetail (params = {}) {
-      const { type, src, name, longitude, latitude, address } = params;
-      if (type === 'img') {
-        return `<img data-type="IMG" data-src="${src}"  />`
-      } else if (type === 'video') {
-        return `<video data-type="VIDEO"  data-src="${src}"></video>`
-      } else if (type === 'audio') {
-        return `<audio data-type="AUDIO"  data-src="${src}"></audio>`
-      } else if (type === 'file') {
-        return `<file data-type="FILE" data-name="${name}" data-src="${src}"></file>`
-      } else if (type === 'map') {
-        return `<map data-type="MAP" data-src="${src}" data-address="${address} "data-latitude="${latitude}" data-longitude="${longitude}"></map>`
-      }
-    },
-    //处理事件
-    handleEvent (params) {
-      const callback = () => {
-        if (params.type === 'IMG') {
-          this.imgSrc = params.src;
-          this.show = true;
-        } else if (params.type === 'VIDEO') {
-          this.videoSrc = params.src;
-          this.show = true;
-        } else if (params.type === 'AUDIO') {
-          this.audioSrc = params.src;
-          this.show = true;
-        } else if (params.type === 'FILE') {
-          window.open(params.src)
-        }
-      }
-      if (typeof this.beforeOpen === 'function') {
-        this.beforeOpen(params, callback)
-      } else {
-        callback();
-      }
-
-    },
-    rootSendMsg (msg) {
-      this.pushMsg({
-        text: msg
-      });
-      if (this.notice) {
-        this.getNotification(msg.text || msg);
-      }
-    }
-  }
-});
-</script>
-