cnhis-design-vue 0.2.63-beta → 0.3.1-beta

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"
-]

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

@@ -1,181 +0,0 @@
-import { message } from 'ant-design-vue';
-import { getCacheSIP, setCacheSip, openSipDialog } from '@/utils/sip-device';
-import fetch from '@/utils/chatFetch';
-let chatUid = 0;
-let chatUids = [];
-const chatUidUp = () => {
-  chatUids.push(`multiChat-${chatUid}/assemblyId`);
-  chatUid++;
-};
-
-/**
- * 获取撤回文案
- * @param ctx Vue
- * @param item 消息
- * @param flag  true:我方|false:对方
- */
-
-function getRecallText(ctx, item, flag = false) {
-  let value = flag ? ctx.i18nText('1.9.366') : ctx.i18nText('1.9.367');
-  if (item.content.type === 4) {
-    // 模板文案是自定义的
-    let content;
-    try {
-      content = JSON.parse(item?.content?.content) || {};
-    } catch (err) {
-      content = {};
-    }
-
-    const v = flag ? content?.recallTextSetting?.serverRecall : content?.recallTextSetting?.clientRecall;
-    value = v || value;
-  }
-  return value;
-}
-
-/**
- * 聊天鉴权
- * @param token string
- * @returns Promise<boolean>
- */
-function chatAuthentication(token) {
-  return new Promise((resolve, reject) => {
-    if (token) {
-      fetch({
-        url: '/free/checkToken',
-        method: 'POST',
-        params: {
-          token
-        }
-      }).then(({ data }) => {
-        const r = data.result === 'SUCCESS';
-        if (r) {
-          resolve(data);
-        } else {
-          data.resultMsg && message.error(data.resultMsg);
-          reject(data);
-        }
-      });
-    } else {
-      resolve(false);
-    }
-  });
-}
-
-// 统一机器人消息格式
-export function fmtRobotMessage(message) {
-  if (Array.isArray(message)) {
-    return message.map(item => fmtRobotMessage(item));
-  }
-  let dictionaryValues = message.dictionaryValues || '';
-  if (dictionaryValues) {
-    try {
-      dictionaryValues = typeof dictionaryValues === 'string' ? JSON.parse(dictionaryValues) : dictionaryValues;
-    } catch (error) {
-      dictionaryValues = message.dictionaryValues;
-    }
-    // PC只对 词槽为文本类型并且是普通字典 的机器人消息 供用户点击选择
-    // 符合上述条件的消息 dictionaryValues 是个 Array  故其他有dictionaryValues的需要清除
-    message.dictionaryValues = Array.isArray(dictionaryValues) ? dictionaryValues : '';
-  }
-  return message;
-}
-
-export async function checkTalkingEnv(assemblyId, sdkInfo, constraints) {
-  const mediaConstraints = constraints || { audio: true, video: true };
-  function getSips(assemblyId) {
-    return fetch({
-      url: `/chat/service/getSipList`,
-      method: 'GET',
-      params: { assemblyId: assemblyId, pageSize: 100, pageNum: 1 }
-    }).then(res => {
-      let list = [];
-      if (res.data.result === 'SUCCESS') {
-        list = res.data.map?.data || [];
-      }
-      return list;
-    });
-  }
-  function getDeviceAuth(obj) {
-    return new Promise((resolve, _reject) => {
-      const getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
-      if (getUserMedia) {
-        getUserMedia.call(
-          navigator,
-          obj,
-          function onSuccess(mediaStream) {
-            mediaStream.getTracks()?.forEach(v => {
-              v?.stop();
-            });
-            resolve(true);
-          },
-          function onError() {
-            resolve(false);
-          }
-        );
-      } else {
-        resolve(false);
-      }
-    });
-  }
-  function chooseSip(sips) {
-    return new Promise((resolve, _reject) => {
-      // 无可用设备并且有设备列表 去选择设备
-      const close = openSipDialog({
-        sip: '',
-        sips: Object.freeze(sips),
-        onOk(v) {
-          close();
-          resolve({
-            status: true,
-            sip: v
-          });
-        },
-        onCancel() {
-          resolve({
-            status: false,
-            message: '请选择音视频设备'
-          });
-        }
-      });
-    });
-  }
-  if (sdkInfo?.vendor != 2) {
-    const status = await getDeviceAuth(mediaConstraints); // 无效查找本地设备
-    return { status: status, message: status ? '' : '未检测到你的音视频设备，请检查后重试！' };
-  }
-  let sip, sips;
-  //  检查缓存 并且有效否
-  const id = getCacheSIP();
-  if (id) {
-    sips = await getSips(assemblyId);
-    sip = sips.find(item => item.id === id);
-    // 忙线禁止选择
-    if (sip && sip.status != 1) {
-      sip = null;
-    }
-  }
-  let status = !!sip;
-  if (!status) {
-    // 无效查找本地设备
-    status = await getDeviceAuth(mediaConstraints);
-  }
-  if (!status && !sips) {
-    // 无可用设备，检查是否有设备列表
-    sips = await getSips(assemblyId);
-  }
-  if (!status && sips?.length) {
-    // 无可用设备并且有设备列表 去选择设备
-    const value = await chooseSip(sips);
-    if (value?.sip) {
-      setCacheSip(value.sip.id);
-    }
-    return value;
-  }
-  return {
-    status,
-    sip,
-    message: status ? '' : '系统没有检测到音视频设备，请检查设备和权限！'
-  };
-}
-
-export { chatUid, chatUids, chatUidUp, getRecallText, chatAuthentication };

package/packages/multi-chat/utils/observer-scroll.js

@@ -1,49 +0,0 @@
-export default class ObserverScroll {
-  list = new Set();
-  timer = 0;
-  constructor(root, cb) {
-    this.once = true;
-    this.cb = cb;
-    this._observer = new IntersectionObserver(this.handler.bind(this), { root, threshold: 0.6 });
-  }
-
-  handler(entries) {
-    entries.forEach(entry => {
-      if (!entry.isIntersecting) return;
-      const target = entry.target;
-      if (this.once) {
-        const id = target.getAttribute('data-rid');
-        id && this.list.add(id);
-        this.unobserve(target);
-      }
-    });
-    this.notify(this.cb);
-  }
-  notify(cb) {
-    if (this.timer || this.list.size < 1) return;
-    this.timer = setTimeout(() => {
-      const list = Array.from(this.list);
-      this.list.clear();
-      this.timer = 0;
-      cb(list);
-    }, 60);
-  }
-
-  observe(el) {
-    if (Array.isArray(el)) {
-      el.forEach(v => this.observe(v));
-    } else {
-      el && this._observer.observe(el);
-    }
-  }
-  disconnect() {
-    this._observer.disconnect();
-  }
-  unobserve(el) {
-    this._observer.unobserve(el);
-  }
-  remove() {
-    this.disconnect();
-    clearTimeout(this.timer);
-  }
-}

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

@@ -1,48 +0,0 @@
-import fetch from "@/utils/chatFetch";
-
-export function parseParams(params, clientParams = {}) {
-  return (params || []).reduce((v, p) => {
-    const { p_name, p_value } = p;
-    if (p_value.startsWith("form.")) {
-      v[p_name] = clientParams[p_value.slice(5)];
-    } else {
-      v[p_name] = p_value;
-    }
-    return v;
-  }, {});
-}
-
-export function parseSettingParams(panel, clientParams) {
-  function queryPanelParams(panel, clientParams) {
-    const param = JSON.stringify(panel.params || []).replace(/^\[|\]$/g, "");
-    const params = {
-      url: panel.precondition.targetName,
-      parseParam: param
-    };
-    let pp = panel.precondition.params;
-    pp = Array.isArray(pp) ? pp : [];
-    const params2 = parseParams(pp, clientParams);
-    return fetch({
-      method: "POST",
-      url: "/api/executeApi",
-      headers: {
-        "Content-Type": "application/x-www-form-urlencoded"
-      },
-      params: Object.assign(params, params2)
-    }).then(res => {
-      const obj = res.data.obj ? JSON.parse(`[${res.data.obj}]`) : [];
-      return obj;
-    });
-  }
-  return queryPanelParams(panel, clientParams);
-}
-
-export function getPanelSetting(params, setting, clientParams) {
-  const panel = setting;
-  const v = clientParams;
-  if (v && panel && panel.params && panel.precondition) {
-    return parseSettingParams(panel, v).then(data => parseParams(data, clientParams));
-  } else {
-    return Promise.resolve(params);
-  }
-}