cnhis-design-vue 2.1.57 → 2.1.59

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

@@ -1,38 +1,38 @@
-// 聊天消息记录公共样式
-
-.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);
-}
+// 聊天消息记录公共样式
+
+.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 +1,93 @@
-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;
+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 +1,115 @@
-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
-    });
-  }
-}
+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 +1,68 @@
-[
-  "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"
-]
+[
+  "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"
+]