cnhis-design-vue 2.2.3 → 2.2.5

package/packages/multi-chat/style/emoji.css

@@ -1,315 +0,0 @@
-@charset "UTF-8";
-.twa {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  margin: 0 0.05em 0 0.1em;
-  vertical-align: -0.1em;
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: 1em 1em;
-}
-
-.twa-lg {
-  height: 1.33em;
-  width: 1.33em;
-  margin: 0 0.0665em 0 0.133em;
-  vertical-align: -0.133em;
-  background-size: 1.33em 1.33em;
-}
-
-.twa-2x {
-  height: 2em;
-  width: 2em;
-  margin: 0 0.1em 0 0.2em;
-  vertical-align: -0.2em;
-  background-size: 2em 2em;
-}
-
-.twa-3x {
-  height: 3em;
-  width: 3em;
-  margin: 0 0.15em 0 0.3em;
-  vertical-align: -0.3em;
-  background-size: 3em 3em;
-}
-
-.twa-4x {
-  height: 4em;
-  width: 4em;
-  margin: 0 0.2em 0 0.4em;
-  vertical-align: -0.4em;
-  background-size: 4em 4em;
-}
-
-.twa-5x {
-  height: 5em;
-  width: 5em;
-  margin: 0 0.25em 0 0.5em;
-  vertical-align: -0.5em;
-  background-size: 5em 5em;
-}
-
-.twa-grinning {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f600.svg");
-}
-
-.twa-joy {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f602.svg");
-}
-
-.twa-sweat-smile {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f605.svg");
-}
-
-.twa-laughing {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f606.svg");
-}
-
-.twa-innocent {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f607.svg");
-}
-
-.twa-wink {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f609.svg");
-}
-
-.twa-blush {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f60a.svg");
-}
-
-.twa-satisfied {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f60c.svg");
-}
-
-.twa-heart-eyes {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f60d.svg");
-}
-
-.twa-smirk {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f60f.svg");
-}
-
-.twa-sweat {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f613.svg");
-}
-
-.twa-pensive {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f614.svg");
-}
-
-.twa-confused {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f615.svg");
-}
-
-.twa-kissing {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f617.svg");
-}
-
-.twa-confounded {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f616.svg");
-}
-
-.twa-disappointed {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f61e.svg");
-}
-
-.twa-worried {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f61f.svg");
-}
-
-.twa-angry {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f620.svg");
-}
-
-.twa-rage {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f621.svg");
-}
-
-.twa-cry {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f622.svg");
-}
-
-.twa-persevere {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f623.svg");
-}
-
-.twa-triumph {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f624.svg");
-}
-
-.twa-relieved {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f625.svg");
-}
-
-.twa-frowning {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f626.svg");
-}
-
-.twa-anguished {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f627.svg");
-}
-
-.twa-weary {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f629.svg");
-}
-
-.twa-sleepy {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f62a.svg");
-}
-
-.twa-grimacing {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f62c.svg");
-}
-
-.twa-open-mouth {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f62e.svg");
-}
-
-.twa-hushed {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f62f.svg");
-}
-
-.twa-astonished {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f632.svg");
-}
-
-.twa-sleeping {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f634.svg");
-}
-
-.twa-no-mouth {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f636.svg");
-}
-
-.twa-smile-cat {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f638.svg");
-}
-
-.twa-heart-eyes-cat {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f63b.svg");
-}
-
-.twa-smirk-cat {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f63c.svg");
-}
-
-.twa-pouting-cat {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f63e.svg");
-}
-
-.twa-slightly-frowning-face {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f641.svg");
-}
-
-.twa-slightly-smiling-face {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f642.svg");
-}
-
-.twa-upside-down-face {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f643.svg");
-}
-
-.twa-face-with-rolling-eyes {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f644.svg");
-}
-
-.twa-face-with-no-good-gesture-type-4 {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f645-1f3fd.svg");
-}
-
-.twa-see-no-evil {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f648.svg");
-}
-
-.twa-handshake {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f91d.svg");
-}
-
-.twa-victory-hand {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/270c.svg");
-}
-
-.twa-writing-hand {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/270d.svg");
-}
-
-.twa-soccer-ball {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/26bd.svg");
-}
-
-.twa-warning {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/26a0.svg");
-}
-
-.twa-snowflake {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/2744.svg");
-}
-
-.twa-coffee {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/2615.svg");
-}
-
-.twa-red-heart {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/2764.svg");
-}
-
-.twa-point-left {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f448.svg");
-}
-
-.twa-clap {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f44f.svg");
-}
-
-.twa-high-heel {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f460.svg");
-}
-
-.twa-handbag {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f45c.svg");
-}
-
-.twa-womans-clothes {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f45a.svg");
-}
-
-.twa-gift {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f381.svg");
-}
-
-.twa-ramen {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f35c.svg");
-}
-
-.twa-tada {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f389.svg");
-}
-
-.twa-trophy {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c6.svg");
-}
-
-.twa-hospital {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e5.svg");
-}
-
-.twa-feet {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f463.svg");
-}
-
-.twa-100 {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f4af.svg");
-}
-
-.twa-moneybag {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b0.svg");
-}
-
-.twa-round-pushpin {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f4cd.svg");
-}
-
-.twa-rose {
-  background-image: url("https://twemoji.maxcdn.com/2/svg/1f339.svg");
-}

package/packages/multi-chat/style/message.mixin.less

@@ -1,38 +0,0 @@
-// 聊天消息记录公共样式
-
-.messageMixin(@l_pic_bgc, @r_pic_bgc) {
-  .pic-bgc (@color) when (isColor(@color)) {
-    background-color: @color;
-  }
-  .message-item {
-    &.left .msg-describe {
-      margin-left: 10px;
-    }
-    &.right .msg-describe {
-      margin-right: 10px;
-      border-radius: 8px 0;
-    }
-
-    &.left .msg-prescription {
-      border-radius: 0 16px 16px 16px;
-    }
-    &.right .msg-prescription {
-      border-radius: 16px 0 16px 16px;
-    }
-
-    &.left /deep/ .multichat-msg_picture {
-      border-top-left-radius: 0;
-      .pic-bgc(@l_pic_bgc);
-    }
-    &.right /deep/ .multichat-msg_picture {
-      border-top-left-radius: 16px;
-      border-top-right-radius: 0;
-      .pic-bgc(@r_pic_bgc);
-    }
-  }
-}
-
-// 根据颜色创建
-.createMessageStyle(@l_pic_bgc:0, @r_pic_bgc:0) {
-  .messageMixin(@l_pic_bgc, @r_pic_bgc);
-}

package/packages/multi-chat/utils/chatSock.js

@@ -1,93 +0,0 @@
-import Stomp from 'stompjs';
-import SockJS from 'sockjs-client';
-
-class ChatSock {
-  stompClient;
-  // 重连定时器
-  reconnectTimer;
-  // 重连次数
-  reconnectionCount = 0;
-  // 心跳定时器
-  heartbeatTimer;
-  options = {};
-  url = '';
-  /**
-   *
-   * @param {String} url 请求地址
-   * @param {Object} options 配置项
-   * @param {Object} options.headers 请求头参数
-   * @param {Number} options.heartbeatRate 心跳频率
-   * @param {Function} options.heartbeatFn 心跳
-   * @param {Function} options.connectCb 连接成功
-   * @param {Function} options.errorCb 连接失败
-   * @param {Array} options.subscribeCbs 订阅列表
-   * @param {Number} options.reconnectMaxCount 重连最大次数
-   */
-  constructor(url, options) {
-    this.url = url;
-    this.options = options;
-    this.connection();
-  }
-  connection() {
-    if (!this.url) return;
-    const socket = new SockJS(this.url);
-    this.stompClient = Stomp.over(socket);
-    this.stompClient.connect(
-      this.options.headers || {},
-      () => {
-        const { connectCb } = this.options;
-        connectCb && connectCb(this.reconnectionCount > 0);
-        this.startHeartbeat();
-        this.subscribe(this.options.subscribeCbs);
-        this.reconnectionCount = 0;
-      },
-      err => {
-        const reconnectionCount = this.reconnectionCount;
-        const { errorCb, reconnectMaxCount = 60 } = this.options;
-        errorCb && errorCb(err, reconnectionCount);
-        if (reconnectionCount <= reconnectMaxCount) {
-          this.reconnect();
-        }
-      }
-    );
-  }
-  disconnect() {
-    this.heartbeatTimer && clearTimeout(this.heartbeatTimer);
-    this.reconnectTimer && clearTimeout(this.reconnectTimer);
-    this.stompClient?.disconnect();
-    this.stompClient = void 0;
-  }
-  reconnect() {
-    this.reconnectionCount++;
-    this.disconnect();
-    this.reconnectTimer = setTimeout(() => {
-      this.connection();
-    }, 1000);
-  }
-  subscribe(...args) {
-    const stompClient = this.stompClient;
-    if (!stompClient) return;
-    if (args.length === 1 && Array.isArray(args[0])) {
-      args[0].forEach(item => {
-        this.subscribe(item.action, item.cb);
-      });
-      return;
-    } else if (args.length === 2) {
-      return stompClient.subscribe(...args);
-    }
-  }
-  startHeartbeat() {
-    const heartbeatFn = this.options.heartbeatFn;
-    if (!heartbeatFn) return;
-    const rate = this.options.heartbeatRate || 10000;
-    this.heartbeatTimer = setTimeout(() => {
-      heartbeatFn();
-      this.startHeartbeat();
-    }, rate);
-  }
-  send(...args) {
-    return this.stompClient?.send(...args);
-  }
-}
-
-export default ChatSock;

package/packages/multi-chat/utils/compressImage.js

@@ -1,115 +0,0 @@
-export default class Compress {
-  constructor(file, el, request, options) {
-    this.file = file;
-    this.el = el;
-    this.request = request;
-    this.options = options;
-  }
-
-  execute() {
-    return this.loadImage();
-  }
-
-  loadImage() {
-    return new Promise(resolve => {
-      let that = this;
-      if (that.file.size < 51200) {
-        resolve(that.uploadImg("", that.file));
-      } else {
-        let reader = new FileReader();
-        reader.readAsDataURL(this.file);
-        reader.onload = function() {
-          let content = this.result; // 图片的src，base64格式
-          let img = new Image();
-          img.src = content;
-          img.onload = function() {
-            // 图片加载完毕
-            that.compressImage(img, dataURL => {
-              resolve(that.uploadImg(dataURL, that.file));
-            });
-          };
-        };
-      }
-    });
-  }
-
-  compressImage(img, callback) {
-    document.getElementById("canvas-wrapper").style.display = "block";
-    let canvas = document.getElementById(this.el);
-    let ctx = canvas.getContext("2d");
-    let width = img.width;
-    let height = img.height;
-    if (img.width > 1080) {
-      height = (1080 * height) / width;
-      width = 1080;
-    }
-    canvas.width = width;
-    canvas.height = height;
-    let Orientation = this.options.or;
-    if (Orientation && Orientation != 1) {
-      switch (Orientation) {
-        case 6: // 旋转90度
-          canvas.width = height;
-          canvas.height = width;
-          ctx.rotate(Math.PI / 2);
-          ctx.drawImage(img, 0, -height, width, height);
-          break;
-        case 3: // 旋转180度
-          ctx.rotate(Math.PI);
-          ctx.drawImage(img, -width, -height, width, height);
-          break;
-        case 8: // 旋转-90度
-          canvas.width = height;
-          canvas.height = width;
-          ctx.rotate((3 * Math.PI) / 2);
-          ctx.drawImage(img, -width, 0, width, height);
-          break;
-      }
-    } else {
-      ctx.drawImage(img, 0, 0, width, height);
-    }
-    // ctx.drawImage(img, 0, 0, width, height);
-    let dataURL = canvas.toDataURL("image/jpeg", this.file.size / 1024 / 1000 > 1 ? 0.2 : 1);
-    callback ? callback(dataURL) : null; // 调用回调函数
-  }
-
-  dataURItoBlob(dataurl) {
-    // dataurl是base64格式
-    var arr = dataurl.split(","),
-      mime = arr[0].match(/:(.*?);/)[1],
-      bstr = atob(arr[1]),
-      n = bstr.length,
-      u8arr = new Uint8Array(n);
-    while (n--) {
-      u8arr[n] = bstr.charCodeAt(n);
-    }
-    return new Blob([u8arr], { type: mime });
-  }
-
-  uploadImg(dataURL, file) {
-    // 创建新文件对象
-    file = new File([file], new Date().getTime() + "." + file.name.split(".").pop(), {
-      type: file.type
-    });
-    let blob = null;
-    if (dataURL) {
-      blob = this.dataURItoBlob(dataURL);
-    }
-    let formData = new FormData();
-    if (blob) {
-      if (dataURL) formData.append("file", blob, file.name);
-    } else {
-      formData.append("file", file);
-    }
-    if (this.options.curPage === "chatUploader") {
-      formData.append("appId", this.options.appId);
-    }
-    document.getElementById("canvas-wrapper").style.display = "none";
-
-    return this.request({
-      method: "post",
-      url: this.options.url,
-      data: formData
-    });
-  }
-}

package/packages/multi-chat/utils/emoji.json

@@ -1,68 +0,0 @@
-[
-  "twa-grinning",
-  "twa-joy",
-  "twa-sweat-smile",
-  "twa-laughing",
-  "twa-innocent",
-  "twa-wink",
-  "twa-blush",
-  "twa-satisfied",
-  "twa-heart-eyes",
-  "twa-smirk",
-  "twa-sweat",
-  "twa-pensive",
-  "twa-confused",
-  "twa-kissing",
-  "twa-confounded",
-  "twa-disappointed",
-  "twa-worried",
-  "twa-angry",
-  "twa-rage",
-  "twa-cry",
-  "twa-persevere",
-  "twa-triumph",
-  "twa-relieved",
-  "twa-frowning",
-  "twa-anguished",
-  "twa-weary",
-  "twa-sleepy",
-  "twa-grimacing",
-  "twa-open-mouth",
-  "twa-hushed",
-  "twa-astonished",
-  "twa-sleeping",
-  "twa-no-mouth",
-  "twa-smile-cat",
-  "twa-heart-eyes-cat",
-  "twa-smirk-cat",
-  "twa-pouting-cat",
-  "twa-slightly-frowning-face",
-  "twa-slightly-smiling-face",
-  "twa-upside-down-face",
-  "twa-face-with-rolling-eyes",
-  "twa-face-with-no-good-gesture-type-4",
-  "twa-see-no-evil",
-  "twa-handshake",
-  "twa-victory-hand",
-  "twa-writing-hand",
-  "twa-soccer-ball",
-  "twa-warning",
-  "twa-snowflake",
-  "twa-coffee",
-  "twa-red-heart",
-  "twa-point-left",
-  "twa-clap",
-  "twa-high-heel",
-  "twa-handbag",
-  "twa-womans-clothes",
-  "twa-gift",
-  "twa-ramen",
-  "twa-tada",
-  "twa-trophy",
-  "twa-hospital",
-  "twa-feet",
-  "twa-100",
-  "twa-moneybag",
-  "twa-round-pushpin",
-  "twa-rose"
-]