cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/multi-chat/utils/rtc-client.js

@@ -1,381 +0,0 @@
-/* eslint-disable require-jsdoc */
-import { callSip, dropSip, getSipUserId } from '@/utils/sip-device';
-
-let TRTC;
-
-const localBox = 'local_stream';
-
-export default class RtcClient {
-  constructor(options) {
-    // this.sdkAppId_ = options.sdkAppId;
-    this.sdkAppId_ = options.vendor == 2 ? options.sdkAppId : Number(options.sdkAppId);
-    this.userId_ = options.userId;
-    this.userSig_ = options.userSig;
-    this.roomId_ = options.vendor == 2 ? options.roomId : Number(options.roomId);
-    const screen = options.screen || false;
-    // 是否开启视频
-    this.openVideo = screen ? false : options.openVideo;
-    this.screen = screen;
-    // 远端关闭时，关闭窗口
-    this.videoWindow = options.videoWindow;
-
-    this.isJoined_ = false;
-    this.isPublished_ = false;
-    this.localStream_ = null;
-    this.remoteStreams_ = [];
-    this.options = options;
-    const sdkjs = Promise.resolve(options.vendor == 2 ? require('@/utils/kty-sdk') : { default: require('trtc-js-sdk') });
-    sdkjs.then(res => {
-      TRTC = res.default;
-      // check if browser is compatible with TRTC
-      TRTC.checkSystemRequirements().then(result => {
-        if (!result) {
-          alert('Your browser is not compatible with TRTC! Please download Chrome M72+');
-        } else {
-          this.join();
-        }
-      });
-    });
-  }
-
-  async join() {
-    if (this.isJoined_) {
-      console.warn('duplicate RtcClient.join() observed');
-      return;
-    }
-
-    // create a client for RtcClient
-    this.client_ = TRTC.createClient({
-      mode: 'videoCall', // 实时通话模式
-      host: this.options.host,
-      roomId: this.roomId_,
-      sdkAppId: this.sdkAppId_,
-      userId: this.userId_,
-      userSig: this.userSig_
-    });
-
-    // 处理 client 事件
-    this.handleEvents();
-
-    try {
-      // join the room
-      await this.client_.join({ roomId: this.roomId_ });
-      console.log('join room success');
-      this.isJoined_ = true;
-    } catch (error) {
-      console.error('failed to join room because: ' + error);
-      if (this.options.vendor == 2) {
-        alert(error.message ? `进房失败原因：${error.message}` : '进房失败原因');
-        return;
-      }
-      alert(
-        '进房失败原因：' +
-          error +
-          '\r\n\r\n请确保您的网络连接是正常的，您可以先体验一下我们的Demo以确保网络连接是正常的：' +
-          '\r\n https://trtc-1252463788.file.myqcloud.com/web/demo/official-demo/index.html ' +
-          '\r\n\r\n另外，请确保您的帐号信息是正确的。' +
-          '\r\n请打开链接：https://cloud.tencent.com/document/product/647/34342 查询详细错误信息！'
-      );
-      return;
-    }
-
-    // create a local stream with audio/video captured from microphone/camera
-    this.localStream_ = TRTC.createStream(
-      {
-        audio: true,
-        video: this.openVideo,
-        screen: this.screen,
-        userId: this.userId_
-        // cameraId: getCameraId(),
-        // microphoneId: getMicrophoneId()
-      },
-      this.client_
-    );
-    // 设置视频分辨率帧率和码率
-    // console.log,暂时注释
-    this.localStream_.setVideoProfile(this.screen ? '1080p' : '720p');
-
-    try {
-      // initialize the local stream
-      await this.localStream_.initialize();
-      console.log('initialize local stream success');
-    } catch (error) {
-      console.error('failed to initialize local stream because: ' + error);
-      this.$emit('initializeError', error);
-      return;
-    }
-
-    this.localStream_.on('player-state-changed', event => {
-      console.log(`local stream ${event.type} player is ${event.state}`);
-      if (event.type === 'video' && event.state === 'PLAYING') {
-        // dismiss the remote user UI placeholder
-      } else if (event.type === 'video' && event.state === 'STOPPPED') {
-        // show the remote user UI placeholder
-      }
-    });
-    this.addSceenEvent(this.localStream_);
-    // publish local stream by default after join the room
-    await this.publish();
-    // 在名为 ‘local_stream’ 的 div 容器上播放本地音视频
-    this.playStream(this.localStream_, localBox);
-    if (this.options.noVoice) {
-      this.localStream_.muteAudio();
-    }
-  }
-
-  async leave() {
-    if (!this.isJoined_) {
-      console.warn('leave() - leave without join()d observed');
-      return;
-    }
-
-    if (this.isPublished_) {
-      // ensure the local stream has been unpublished before leaving.
-      await this.unpublish(true);
-    }
-
-    try {
-      // leave the room
-      await this.client_.leave();
-      this.isJoined_ = false;
-    } catch (error) {
-      console.error('failed to leave the room because ' + error);
-      location.reload();
-    } finally {
-      // 停止本地流，关闭本地流内部的音视频播放器
-      this.localStream_.stop();
-      // 关闭本地流，释放摄像头和麦克风访问权限
-      this.localStream_.close();
-      this.localStream_ = null;
-    }
-  }
-
-  async publish() {
-    if (!this.isJoined_) {
-      console.warn('publish() - please join() firstly');
-      return;
-    }
-    if (this.isPublished_) {
-      console.warn('duplicate RtcClient.publish() observed');
-      return;
-    }
-    try {
-      const sip = this.options.sip;
-      if (sip) {
-        // 如果是sip设备通话，就不推送本地流
-        this.useSip(sip);
-        this.callSip();
-      } else {
-        // 发布本地流
-        await this.client_.publish(this.localStream_);
-      }
-      this.isPublished_ = true;
-    } catch (error) {
-      console.error('failed to publish local stream ' + error);
-      this.isPublished_ = false;
-    }
-  }
-
-  async unpublish(isLeaving) {
-    if (!this.isJoined_) {
-      console.warn('unpublish() - please join() firstly');
-      return;
-    }
-    if (!this.isPublished_) {
-      console.warn('RtcClient.unpublish() called but not published yet');
-      return;
-    }
-
-    try {
-      if (this.isSip) {
-        this.dropSip();
-      } else {
-        // 停止发布本地流
-        await this.client_.unpublish(this.localStream_);
-      }
-      this.isPublished_ = false;
-    } catch (error) {
-      console.error('failed to unpublish local stream because ' + error);
-      if (!isLeaving) {
-        console.warn('leaving the room because unpublish failure observed');
-        this.leave();
-      }
-    }
-  }
-
-  handleEvents() {
-    // 处理 client 错误事件，错误均为不可恢复错误，建议提示用户后刷新页面
-    this.client_.on('error', err => {
-      console.error(err);
-      alert(err);
-      // location.reload();
-    });
-
-    // 处理用户被踢事件，通常是因为房间内有同名用户引起，这种问题一般是应用层逻辑错误引起的
-    // 应用层请尽量使用不同用户ID进房
-    this.client_.on('client-banned', err => {
-      console.error('client has been banned for ' + err);
-      // location.reload();
-    });
-
-    // 远端用户进房通知 - 仅限主动推流用户
-    this.client_.on('peer-join', evt => {
-      const userId = evt.userId;
-      console.log('peer-join ' + userId);
-    });
-    // 远端用户退房通知 - 仅限主动推流用户
-    this.client_.on('peer-leave', evt => {
-      const userId = evt.userId;
-      console.log('peer-leave ' + userId);
-    });
-
-    // 处理远端流增加事件
-    this.client_.on('stream-added', evt => {
-      const remoteStream = evt.stream;
-      const id = remoteStream.getId();
-      const userId = remoteStream.getUserId();
-      console.log(`remote stream added: [${userId}] ID: ${id} type: ${remoteStream.getType()}`);
-      console.log('subscribe to this remote stream');
-      // 远端流默认已订阅所有音视频，此处可指定只订阅音频或者音视频，不能仅订阅视频。
-      // 如果不想观看该路远端流，可调用 this.client_.unsubscribe(remoteStream) 取消订阅
-      this.client_.subscribe(remoteStream);
-    });
-
-    // 远端流订阅成功事件
-    this.client_.on('stream-subscribed', evt => {
-      const remoteStream = evt.stream;
-      const id = remoteStream.getId();
-      this.remoteStreams_.push(remoteStream);
-      let box = 'remote-video-wrap';
-      if (this.isSip && this.sip) {
-        const key = getSipUserId(this.sip);
-        const userId = remoteStream.getUserId();
-        if (userId === key) {
-          box = localBox;
-        }
-      }
-      // 在指定的 div 容器上播放音视频
-      this.playStream(remoteStream, box);
-      this.$emit('stream-subscribed', evt);
-      console.log('stream-subscribed ID: ', id, remoteStream);
-    });
-
-    // 处理远端流被删除事件
-    this.client_.on('stream-removed', evt => {
-      const remoteStream = evt.stream;
-      const id = remoteStream.getId();
-      // 关闭远端流内部的音视频播放器
-      remoteStream.stop();
-      this.remoteStreams_ = this.remoteStreams_.filter(stream => {
-        return stream.getId() !== id;
-      });
-      console.log(`stream-removed ID: ${id}  type: ${remoteStream.getType()}`);
-      // 添加，离开房间时关闭窗口
-      this.videoWindow.$emit('close-video', false);
-      this.videoWindow.isShowStart = true;
-      this.$emit('stream-removed', evt);
-      // 添加结束
-    });
-
-    // 处理远端流更新事件，在音视频通话过程中，远端流音频或视频可能会有更新
-    this.client_.on('stream-updated', evt => {
-      const remoteStream = evt.stream;
-      console.log('type: ' + remoteStream.getType() + ' stream-updated hasAudio: ' + remoteStream.hasAudio() + ' hasVideo: ' + remoteStream.hasVideo());
-    });
-
-    // 远端流音频或视频mute状态通知
-    this.client_.on('mute-audio', evt => {
-      console.log(evt.userId + ' mute audio');
-    });
-    this.client_.on('unmute-audio', evt => {
-      console.log(evt.userId + ' unmute audio');
-    });
-    this.client_.on('mute-video', evt => {
-      console.log(evt.userId + ' mute video');
-    });
-    this.client_.on('unmute-video', evt => {
-      console.log(evt.userId + ' unmute video');
-    });
-
-    // 信令通道连接状态通知
-    this.client_.on('connection-state-changed', evt => {
-      console.log(`RtcClient state changed to ${evt.state} from ${evt.prevState}`);
-    });
-
-    this.client_.on('kty-error', (type, error) => {
-      this.$emit(type, error);
-    });
-  }
-  playStream(stream, id) {
-    const el = this.videoWindow?.$el?.querySelector(`#${id}`);
-    el && stream.play(el);
-  }
-  $emit(evetName, evt) {
-    const events = this.options.events;
-    events && events.$emit(evetName, evt);
-  }
-  addSceenEvent(localStream) {
-    localStream.on('screen-sharing-stopped', event => {
-      this.$emit('screen-sharing-stopped', event);
-    });
-  }
-  getTRTC() {
-    return TRTC;
-  }
-
-  async toggleScreen(flag, options) {
-    if (this.options.vendor == 2) {
-      try {
-        // 科天屏幕共享逻辑
-        const client_ = this.client_;
-        this.localStream_?.stop();
-        if (flag) {
-          if (this.isSip) {
-            this.dropSip();
-          } else {
-            await client_.closeVideo();
-          }
-          const stream = await client_.createShareStream();
-          client_.publishShareStream(stream);
-          this.localStream_.switchMode(true);
-          this.playStream(this.localStream_, localBox);
-        } else {
-          await client_.stopShareScreen();
-          if (this.isSip) {
-            this.callSip();
-          } else {
-            client_.openVideo();
-            this.localStream_.switchMode(false);
-            this.playStream(this.localStream_, localBox);
-          }
-        }
-      } catch (error) {
-        this.$emit('initializeError', error);
-      }
-    } else {
-      if (this.isJoined_) {
-        await this.leave();
-      }
-      if (!TRTC || !TRTC.isScreenShareSupported()) {
-        return alert('当前浏览器不支持屏幕分享！');
-      }
-      this.screen = flag;
-      return new RtcClient({
-        ...this.options,
-        options,
-        openVideo: true,
-        screen: this.screen
-      });
-    }
-  }
-  callSip() {
-    this.sip && callSip(this.client_, this.sip);
-  }
-  dropSip() {
-    this.sip && dropSip(this.client_, this.sip);
-  }
-  useSip(sip) {
-    this.isSip = true;
-    this.sip = sip;
-  }
-}

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

@@ -1,7 +0,0 @@
-import ChatClient from '~/multi-chat/chat/client/index.vue';
-
-ChatClient.install = function(Vue) {
-  Vue.component(ChatClient.name, ChatClient);
-};
-
-export default ChatClient;

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

@@ -1,7 +0,0 @@
-import ChatHistory from '~/multi-chat/chat/chatHistory.vue';
-
-ChatHistory.install = function(Vue) {
-  Vue.component(ChatHistory.name, ChatHistory);
-};
-
-export default ChatHistory;

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

@@ -1,7 +0,0 @@
-import ChatMsgRecord from '~/multi-chat/setting/sessionList/messageRecord.vue';
-
-ChatMsgRecord.install = function(Vue) {
-  Vue.component(ChatMsgRecord.name, ChatMsgRecord);
-};
-
-export default ChatMsgRecord;

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

@@ -1,7 +0,0 @@
-import ChatSetting from '~/multi-chat/setting/page.vue';
-
-ChatSetting.install = function(Vue) {
-  Vue.component(ChatSetting.name, ChatSetting);
-};
-
-export default ChatSetting;

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

@@ -1,6 +0,0 @@
-import SipCom from '~/multi-chat/components/modal-sip.vue';
-SipCom.install = function(Vue) {
-  Vue.component(SipCom.name, SipCom);
-};
-
-export default SipCom;

package/packages/notification/index.js

@@ -1,8 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { notification } from 'ant-design-vue';
-
-export default notification;

package/packages/page-header/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import Base from '../base';
-import PageHeader from './src/PageHeader';
-
-// 为组件提供 install 安装方法，供按需引入
-PageHeader.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(PageHeader.name, PageHeader);
-};
-
-// 默认导出组件
-export default PageHeader;

package/packages/page-header/src/PageHeader.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { PageHeader } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'page-header',
-  extends: PageHeader
-});

package/packages/pagination/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Pagination from './src/Pagination';
-
-// 为组件提供 install 安装方法，供按需引入
-Pagination.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Pagination.name, Pagination);
-};
-
-// 默认导出组件
-export default Pagination;

package/packages/pagination/src/Pagination.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Pagination } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'pagination',
-  extends: Pagination
-});

package/packages/popconfirm/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Popconfirm from './src/Popconfirm';
-
-// 为组件提供 install 安装方法，供按需引入
-Popconfirm.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Popconfirm.name, Popconfirm);
-};
-
-// 默认导出组件
-export default Popconfirm;

package/packages/popconfirm/src/Popconfirm.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Popconfirm } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'popconfirm',
-  extends: Popconfirm
-});

package/packages/popover/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Popover from './src/Popover';
-
-// 为组件提供 install 安装方法，供按需引入
-Popover.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Popover.name, Popover);
-};
-
-// 默认导出组件
-export default Popover;

package/packages/popover/src/Popover.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Popover } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'popover',
-  extends: Popover
-});

package/packages/progress/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Progress from './src/Progress';
-
-// 为组件提供 install 安装方法，供按需引入
-Progress.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Progress.name, Progress);
-};
-
-// 默认导出组件
-export default Progress;

package/packages/progress/src/Progress.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Progress } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'progress',
-  extends: Progress
-});

package/packages/radio/index.js

@@ -1,33 +0,0 @@
-/*
- * @Author: zhouzhiliang
- * @LastEditors: zhouzhiliang
- * @Date: 2021-06-17 08:37:45
- * @LastEditTime: 2021-07-12 09:33:51
- * @Email: 
- * @FilePath: \cnhis-design-vue\packages\radio\index.js
- * @Description: 
- */
-// 导入组件
-import Base from '../base';
-import Radio from './src/Radio';
-import Group from './src/Group';
-import RadioButton from './src/RadioButton';
-import RadioImg from './src/RadioImg';
-
-// 为组件提供 install 安装方法，供按需引入
-Radio.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Radio.name, Radio);
-  Vue.component(Group.name, Group);
-  Vue.component(RadioButton.name, RadioButton);
-  Vue.component(RadioImg.name, RadioImg);
-};
-
-Object.assign(Radio, {
-  Group,
-  RadioButton,
-  RadioImg
-});
-
-// 默认导出组件
-export default Radio;

package/packages/radio/src/Group.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Radio } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'radio-group',
-  extends: Radio.Group
-});

package/packages/radio/src/Radio.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Radio } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'radio',
-  extends: Radio
-});

package/packages/radio/src/RadioButton.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Radio } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'radio-button',
-  extends: Radio.Button
-});