@dfsj/components 3.7.2 → 4.0.0-alpha.2

package/dist/components/Video/src/VideoPlayerToolbar.vue2.js

@@ -1,65 +0,0 @@
-import { defineComponent, toRefs, computed, openBlock, createElementBlock, renderSlot, createVNode, unref, mergeProps, withModifiers } from 'vue';
-import { useFullscreen } from '../../../node_modules/.pnpm/@vueuse_core@13.7.0_vue@3.5.19_typescript@5.9.2_/node_modules/@vueuse/core/index.js';
-import '../../Icon/src/Icon.vue.js';
-import '../../Icon/src/SvgIcon.vue.js';
-import propTypes from 'vue-types';
-import script$1 from '../../Icon/src/Icon.vue2.js';
-
-var _hoisted_1 = {
-  "class": "video-player-toolbar"
-};
-var script = defineComponent({
-  __name: 'VideoPlayerToolbar',
-  props: {
-    domRef: propTypes.any,
-    stop: propTypes.func,
-    play: propTypes.func,
-    isPlay: propTypes.bool,
-    isFullscreen: propTypes.bool,
-    toggleFullscreenFn: propTypes.func
-  },
-  setup: function setup(__props) {
-    var props = __props;
-    var _toRefs = toRefs(props),
-      domRef = _toRefs.domRef,
-      isPlay = _toRefs.isPlay,
-      isFullscreen = _toRefs.isFullscreen;
-    console.log('props', props.domRef);
-    var _useFullscreen = useFullscreen(domRef.value),
-      toggleDom = _useFullscreen.toggle;
-    var getAttr = computed(function () {
-      return {
-        color: "#fff",
-        size: 24
-      };
-    });
-    function playToggle() {
-      if (isPlay.value) {
-        var _props$stop;
-        (_props$stop = props.stop) === null || _props$stop === void 0 || _props$stop.call(props);
-      } else {
-        var _props$play;
-        (_props$play = props.play) === null || _props$play === void 0 || _props$play.call(props);
-      }
-    }
-    function fullToggle() {
-      var _props$toggleFullscre;
-      toggleDom();
-      (_props$toggleFullscre = props.toggleFullscreenFn) === null || _props$toggleFullscre === void 0 || _props$toggleFullscre.call(props);
-    }
-    return function (_ctx, _cache) {
-      return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default"), createVNode(unref(script$1), mergeProps({
-        icon: !unref(isFullscreen) ? 'mdi:fullscreen' : 'mdi:fit-to-screen'
-      }, getAttr.value, {
-        onClick: withModifiers(fullToggle, ["stop"])
-      }), null, 16, ["icon"]), createVNode(unref(script$1), mergeProps({
-        icon: !unref(isPlay) ? 'mdi:play-circle-outline' : 'mdi:pause-circle',
-        onClick: _cache[0] || (_cache[0] = withModifiers(function () {
-          return playToggle();
-        }, ["stop"]))
-      }, getAttr.value), null, 16, ["icon"])]);
-    };
-  }
-});
-
-export { script as default };

package/dist/components/Video/src/abstract/AbstractVideoControl.d.ts

@@ -1,7 +0,0 @@
-export default interface AbstractVideoControl {
-    login(): void;
-    logout(): void;
-    play(): void;
-    stop(): void;
-    dispose(): void;
-}

package/dist/components/Video/src/abstract/Observable.d.ts

@@ -1,6 +0,0 @@
-declare const Observable: {
-    (): void;
-    hasOwnKey: any;
-    slice: any;
-};
-export default Observable;

package/dist/components/Video/src/abstract/Observable.js

@@ -1,89 +0,0 @@
-import _typeof from '@babel/runtime/helpers/typeof';
-
-var Observable = function Observable() {
-  this.Events = {};
-  this.__cnt = 0;
-};
-Observable.hasOwnKey = Function.call.bind(Object.hasOwnProperty);
-Observable.slice = Function.call.bind(Array.prototype.slice);
-Observable.prototype.on = function (eventName, callback, context) {
-  return this.bindEvent(eventName, callback, 0, context);
-};
-Observable.prototype.un = function (event) {
-  var eventName = '';
-  var key = '';
-  var r = false;
-  var type = _typeof(event);
-  var that = this;
-  if (type === 'string') {
-    if (Observable.hasOwnKey(this.Events, event)) {
-      delete this.Events[event];
-      return true;
-    }
-    return false;
-  } else if (type === 'object') {
-    eventName = event[0];
-    key = event[1];
-    if (Observable.hasOwnKey(this.Events, eventName) && Observable.hasOwnKey(this.Events[eventName], key)) {
-      delete this.Events[eventName][key];
-      return true;
-    }
-    return false;
-  } else if (type === 'function') {
-    that.eachEvent(that.Events, function (keyA, itemA) {
-      that.eachEvent(itemA, function (keyB, itemB) {
-        if (itemB[0] === event) {
-          delete that.Events[keyA][keyB];
-          r = true;
-        }
-      });
-    });
-    return r;
-  }
-  return true;
-};
-Observable.prototype.once = function (eventName, callback, context) {
-  return this.bindEvent(eventName, callback, 1, context);
-};
-Observable.prototype.action = function (eventName, args) {
-  if (Observable.hasOwnKey(this.Events, eventName)) {
-    this.eachEvent(this.Events[eventName], function (key, item) {
-      item[0].apply(item[2], args);
-      if (item[1]) {
-        delete this.Events[eventName][key];
-      }
-    });
-  }
-};
-Observable.prototype.dispatch = function (eventName) {
-  var that = this;
-  var args = Observable.slice(arguments, 1);
-  setTimeout(function () {
-    that.action(eventName, args);
-  });
-};
-Observable.prototype.dispatchSync = function (eventName) {
-  this.action(eventName, Observable.slice(arguments, 1));
-};
-Observable.prototype.clear = function () {
-  this.Events = {};
-};
-Observable.prototype.bindEvent = function (eventName, callback, isOne, context) {
-  if (typeof eventName !== 'string' || typeof callback !== 'function') {
-    throw new Error('传入的事件名称和回调函数有误！');
-  }
-  if (!Observable.hasOwnKey(this.Events, eventName)) {
-    this.Events[eventName] = {};
-  }
-  this.Events[eventName][++this.__cnt] = [callback, isOne, context];
-  return [eventName, this.__cnt];
-};
-Observable.prototype.eachEvent = function (obj, callback) {
-  for (var key in obj) {
-    if (Observable.hasOwnKey(obj, key)) {
-      callback(key, obj[key]);
-    }
-  }
-};
-
-export { Observable as default };

package/dist/components/Video/src/abstract/VideoControl.d.ts

@@ -1,32 +0,0 @@
-import AbstractVideoControl from "./AbstractVideoControl";
-import Observable from "./Observable";
-export interface VideoBaseOpt {
-    ip: string;
-    port: string | number;
-    channel: string | number;
-    username: string;
-    streamType: string | number;
-    password: string;
-    wrapEl: any;
-    canvasEl: any;
-    videoEl: any;
-    needPlugin: boolean;
-    needLogin: boolean;
-}
-export default class VideoControl extends Observable implements AbstractVideoControl {
-    ip: string;
-    port: string | number;
-    channel: string | number;
-    streamType: string | number;
-    username: string;
-    password: string;
-    wrapEl: any;
-    isPlayback: boolean;
-    playbackIndex: number;
-    state: object;
-    player: any;
-    needPlugin: boolean;
-    needLogin: boolean;
-    constructor(opt: Partial<VideoBaseOpt>);
-    get identify(): string;
-}

package/dist/components/Video/src/abstract/VideoControl.js

@@ -1,48 +0,0 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import Observable from './Observable.js';
-
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var VideoControl = /*#__PURE__*/function (_Observable) {
-  function VideoControl(opt) {
-    var _this;
-    _classCallCheck(this, VideoControl);
-    _this = _callSuper(this, VideoControl);
-    _defineProperty(_this, "ip", void 0);
-    _defineProperty(_this, "port", void 0);
-    _defineProperty(_this, "channel", void 0);
-    _defineProperty(_this, "streamType", void 0);
-    _defineProperty(_this, "username", void 0);
-    _defineProperty(_this, "password", void 0);
-    _defineProperty(_this, "wrapEl", void 0);
-    _defineProperty(_this, "isPlayback", void 0);
-    _defineProperty(_this, "playbackIndex", void 0);
-    _defineProperty(_this, "state", void 0);
-    _defineProperty(_this, "player", void 0);
-    _defineProperty(_this, "needPlugin", void 0);
-    _defineProperty(_this, "needLogin", void 0);
-    console.log('opt', opt);
-    _this.ip = opt.ip;
-    _this.port = opt.port;
-    _this.channel = opt.channel;
-    _this.streamType = opt.streamType;
-    _this.username = opt.username;
-    _this.password = opt.password;
-    _this.wrapEl = opt.wrapEl;
-    return _this;
-  }
-  _inherits(VideoControl, _Observable);
-  return _createClass(VideoControl, [{
-    key: "identify",
-    get: function get() {
-      return this.ip + '_' + this.port;
-    }
-  }]);
-}(Observable);
-
-export { VideoControl as default };

package/dist/components/Video/src/control/DaHua.d.ts

@@ -1,12 +0,0 @@
-import VideoControl, { VideoBaseOpt } from "../abstract/VideoControl";
-export default class DaHua extends VideoControl {
-    canvasEl: any;
-    videoEl: any;
-    constructor(opts: Partial<VideoBaseOpt>);
-    generateEl(): void;
-    removeEl(): void;
-    login(): void;
-    stop(): void;
-    play(isPlayback?: boolean): void;
-    dispose(): void;
-}

package/dist/components/Video/src/control/DaHua.js

@@ -1,154 +0,0 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import VideoControl from '../abstract/VideoControl.js';
-import { EventEnum } from '../enums/CommonEnum.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var DEF = {
-  ip: '172.168.1.247',
-  port: 80,
-  username: 'admin',
-  password: 'admin123',
-  channel: 1,
-  streamType: 0
-};
-var DaHua = /*#__PURE__*/function (_VideoControl) {
-  function DaHua(opts) {
-    var _this;
-    _classCallCheck(this, DaHua);
-    _this = _callSuper(this, DaHua, [_objectSpread(_objectSpread({}, DEF), opts)]);
-    _defineProperty(_this, "canvasEl", void 0);
-    _defineProperty(_this, "videoEl", void 0);
-    _this.isPlayback = false;
-    _this.playbackIndex = 0;
-    _this.generateEl();
-    _this.play();
-    return _this;
-  }
-  _inherits(DaHua, _VideoControl);
-  return _createClass(DaHua, [{
-    key: "generateEl",
-    value: function generateEl() {
-      this.canvasEl = document.createElement('canvas');
-      this.canvasEl.style.cssText = "position: absolute;left: 0;top: 0;width: 100%;height: 100%;";
-      this.videoEl = document.createElement('video');
-      this.videoEl.style.cssText = "display: none;width:100%;height:100%;position:absolute;top:0;left:0";
-      if (this.wrapEl) {
-        this.wrapEl.appendChild(this.canvasEl);
-        this.wrapEl.appendChild(this.videoEl);
-      }
-    }
-  }, {
-    key: "removeEl",
-    value: function removeEl() {
-      var remove = function remove(el) {
-        var parent = el === null || el === void 0 ? void 0 : el.parentNode;
-        if (parent) {
-          parent.removeChild(el);
-        }
-      };
-      remove(this.videoEl);
-      remove(this.canvasEl);
-      this.videoEl = null;
-      this.canvasEl = null;
-    }
-  }, {
-    key: "login",
-    value: function login() {
-      var ip = this.ip,
-        port = this.port,
-        username = this.username,
-        password = this.password;
-      var target = ip + ':' + port;
-      setIP(target);
-      RPC.login(username, password, false).then(function (res) {
-        console.info('登录成功', res);
-        RPC.keepAlive(300, 60000, _getSession(), target);
-      });
-    }
-  }, {
-    key: "stop",
-    value: function stop() {
-      var _this$player, _this$player$pause;
-      this === null || this === void 0 || (_this$player = this.player) === null || _this$player === void 0 || (_this$player$pause = _this$player.pause) === null || _this$player$pause === void 0 || _this$player$pause.call(_this$player);
-      this.dispatch(EventEnum.PAUSE, {
-        type: 'Pause',
-        target: this
-      });
-    }
-  }, {
-    key: "play",
-    value: function play() {
-      var _this2 = this;
-      var isPlayback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      this.stop();
-      var ip = this.ip,
-        port = this.port,
-        username = this.username,
-        password = this.password,
-        streamType = this.streamType,
-        channel = this.channel;
-      var url;
-      var options = {
-        wsURL: 'ws://' + ip + ':' + port + '/rtspoverwebsocket',
-        rtspURL: !isPlayback ? 'rtsp://' + ip + ':' + port + '/cam/realmonitor?channel=' + channel + '&subtype=' + streamType + '&proto=Private3' : 'rtsp://' + ip + ':' + port + '/' + url,
-        username: username,
-        password: password,
-        lessRateCanvas: true,
-        playback: this.isPlayback,
-        isPrivateProtocol: false,
-        realm: RPC.realm,
-        playbackIndex: this.playbackIndex
-      };
-      this.player = new PlayerControl(options);
-      console.log('this.player', this.player);
-      this.player.on('PlayStart', function (e) {
-        _this2.dispatch(EventEnum.PLAY, {
-          type: 'PlayStart',
-          target: _this2
-        });
-        console.log('PlayStart', e);
-        if (!_this2.player.isPlayback) ;
-      });
-      this.player.on('Error', function (e) {
-        console.log('Error: ' + JSON.stringify(e));
-        _this2.dispatch(EventEnum.ERROR, {
-          type: 'Error',
-          code: ''
-        });
-      });
-      this.player.on('WorkerReady', function (ev) {
-        _this2.dispatch(EventEnum.READY, {
-          type: 'WorkerReady',
-          target: _this2
-        });
-        console.log('准备好了   开始链接播放..', ev);
-        _this2.player.connect();
-      });
-      console.log('this.', this);
-      this.player.init(this.canvasEl, this.videoEl);
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      var _this$player2, _this$player2$stop, _this$player3, _this$player3$close;
-      this.dispatch(EventEnum.DISPOSE, {
-        type: 'dispose',
-        target: this
-      });
-      this.player && ((_this$player2 = this.player) === null || _this$player2 === void 0 || (_this$player2$stop = _this$player2.stop) === null || _this$player2$stop === void 0 ? void 0 : _this$player2$stop.call(_this$player2));
-      this.player && ((_this$player3 = this.player) === null || _this$player3 === void 0 || (_this$player3$close = _this$player3.close) === null || _this$player3$close === void 0 ? void 0 : _this$player3$close.call(_this$player3));
-      this.removeEl();
-      this.player = null;
-    }
-  }]);
-}(VideoControl);
-
-export { DaHua as default };

package/dist/components/Video/src/control/Hikvision.d.ts

@@ -1,28 +0,0 @@
-import VideoControl, { VideoBaseOpt } from '../abstract/VideoControl';
-interface IHikvision {
-    elId: string;
-    width: number;
-    height: number;
-    szBasePath: string;
-}
-type HikvisionOpt = Partial<VideoBaseOpt> & IHikvision;
-export default class Hikvision extends VideoControl {
-    width: number;
-    height: number;
-    elId: string;
-    container: any;
-    szBasePath: string;
-    constructor(opts: Partial<HikvisionOpt>);
-    get pluginElId(): string;
-    generateEl(): void;
-    removeEl(): void;
-    checkPlugin(): boolean;
-    play(): void;
-    stop(): void;
-    dispose(): void;
-    login(): void;
-    logout(): void;
-    fullScreen(flag: boolean): void;
-    downloadPlugin(): void;
-}
-export {};