@cloud-app-dev/vidc 3.0.12 → 3.0.15

package/test.js

@@ -1,48 +1,96 @@
-const data = [
-  { beginTime: 1660492800000, endTime: 1660495901000 },
-  { beginTime: 1660495901000, endTime: 1660500078000 },
-  { beginTime: 1660500078000, endTime: 1660504255000 },
-  { beginTime: 1660504255000, endTime: 1660508434000 },
-  { beginTime: 1660508434000, endTime: 1660512614000 },
-  { beginTime: 1660512614000, endTime: 1660516805000 },
-  { beginTime: 1660516805000, endTime: 1660520999000 },
-  { beginTime: 1660520999000, endTime: 1660525198000 },
-  { beginTime: 1660525198000, endTime: 1660529393000 },
-  { beginTime: 1660529393000, endTime: 1660533595000 },
-  { beginTime: 1660533595000, endTime: 1660537792000 },
-  { beginTime: 1660537792000, endTime: 1660541987000 },
-  { beginTime: 1660541987000, endTime: 1660546174000 },
-  { beginTime: 1660546174000, endTime: 1660550358000 },
-  { beginTime: 1660550358000, endTime: 1660554546000 },
-  { beginTime: 1660554546000, endTime: 1660557065000 },
-  { beginTime: 1660557065000, endTime: 1660554546000 },
-  { beginTime: 1660558743000, endTime: 1660562938000 },
-  { beginTime: 1660562938000, endTime: 1660567141000 },
-  { beginTime: 1660567141000, endTime: 1660571333000 },
-  { beginTime: 1660571333000, endTime: 1660575521000 },
-  { beginTime: 1660575521000, endTime: 1660579199000 },
-];
-
-function completionSegments(start, end, segments) {
-  const arr = [];
-  if (segments.length > 0 && start < +segments[0].beginTime) {
-    arr.push({ beginTime: start, endTime: +segments[0].beginTime - start });
+const igrone_tag = ['table', 'ul', 'ol', 'img'];
+
+/**
+ *
+ * @param {string} html
+ * @returns {HTMLElement}
+ */
+function parseHtml(html) {
+  let htmlstr = '';
+  const doc = new DOMParser().parseFromString(html, 'text/html');
+  Array.from(doc.body.childNodes).forEach((item) => {
+    const tag = item.tagName ? item.tagName.toLowerCase() : '';
+    const html_str = getNodeHTML(item);
+    htmlstr += igrone_tag.includes(tag) ? html_str : `<p class="parse-html-p">${html_str}</p>`;
+  });
+  return htmlstr;
+}
+
+const filter_map = {
+  img: filterImgAttr,
+  table: filterTableAttr,
+};
+
+/**
+ *
+ * @param {HTMLElement} node HTML
+ * @returns {string}
+ */
+function getNodeHTML(node, html = '') {
+  if (node.nodeType === 3) {
+    html += node.textContent.replace(/\s/, '');
+    return html;
   }
-  segments.reduce((prev, current, idx) => {
-    if (arr.length === 0) {
-      prev.push(current);
-    } else if (segments[idx - 1].endTime !== current.beginTime) {
-      prev.push({ beginTime: segments[idx - 1].endTime, endTime: current.beginTime }, current);
-    } else {
-      prev.push(current);
-    }
-
-    return prev;
-  }, arr);
-
-  if (end > +segments[segments.length - 1].endTime) {
-    arr.push({ beginTime: segments[segments.length - 1].endTime, endTime: end });
+
+  // 过滤其他
+  if (node.nodeType !== 1) {
+    return html;
+  }
+
+  const tag = node.tagName.toLowerCase();
+
+  switch (tag) {
+    case 'img':
+    case 'table':
+      filter_map[tag](node);
+      html += node.outerHTML;
+      break;
+    default:
+      const childNodes = node.childNodes;
+      if (childNodes.length > 0) {
+        Array.from(childNodes).forEach((item) => {
+          html += getNodeHTML(item); //  合并标签处理，并且递归处理子元素
+        });
+      } else {
+        html += node.innerText.replace(/\s/, '');
+      }
+      break;
   }
-  return arr;
+  return html;
+}
+
+/**
+ *
+ * @param {HTMLElement} node
+ */
+function filterImgAttr(node) {
+  node.removeAttribute('width');
+  node.removeAttribute('height');
+
+  // 非顶层的img定义成行内元素，顶层定义为块元素
+  if (node.parentNode !== document.body) {
+    node.setAttribute('width', 40);
+    node.setAttribute('class', 'parse-html-img-inline');
+  } else {
+    node.style.display = 'block';
+    node.setAttribute('class', 'parse-html-img-block');
+  }
+}
+
+/**
+ *
+ * @param {HTMLTableElement} node
+ */
+function filterTableAttr(node) {
+  // 表格自适应
+  node.setAttribute('width', '100%');
+  node.setAttribute('class', 'parse-html-table');
+  const tds = node.querySelectorAll('td');
+  Array.from(tds).forEach((item_td) => {
+    //td 自适应
+    item_td.removeAttribute('width');
+
+    //格式化td内容
+    item_td.innerHTML = parseHtml(item_td.innerHTML);
+  });
 }
-console.log(completionSegments(1660492800000, 1660579199000, data))

package/es/ErrorBoundary/index.d.ts

@@ -1,18 +0,0 @@
-import React, { Component, ErrorInfo } from 'react';
-export declare type IErrorBoundaryProps = {
-    fallback?: React.ReactNode;
-    children?: React.ReactNode;
-};
-declare type State = {
-    error: boolean;
-};
-declare class ErrorBoundary extends Component<IErrorBoundaryProps, State> {
-    state: State;
-    static defaultProps: {
-        fallback: () => JSX.Element;
-    };
-    static getDerivedStateFromError(error: Error): State;
-    componentDidCatch(error: Error, info: ErrorInfo): void;
-    render(): React.ReactNode;
-}
-export default ErrorBoundary;

package/es/ErrorBoundary/index.js

@@ -1,79 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React, { Component } from 'react';
-
-var ErrorBoundary = /*#__PURE__*/function (_Component) {
-  _inherits(ErrorBoundary, _Component);
-
-  var _super = _createSuper(ErrorBoundary);
-
-  function ErrorBoundary() {
-    var _this;
-
-    _classCallCheck(this, ErrorBoundary);
-
-    _this = _super.apply(this, arguments);
-    _this.state = {
-      error: false
-    };
-    return _this;
-  }
-
-  _createClass(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, info) {
-      console.error('ErrorBoundary:', error, info);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var error = this.state.error;
-      var _this$props = this.props,
-          children = _this$props.children,
-          fallback = _this$props.fallback;
-
-      if (error) {
-        return fallback;
-      }
-
-      return children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      console.error(error);
-      return {
-        error: true
-      };
-    }
-  }]);
-
-  return ErrorBoundary;
-}(Component);
-
-ErrorBoundary.defaultProps = {
-  fallback: function fallback() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-};
-export default ErrorBoundary;

package/es/List/renderItem.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CheckboxChangeEvent } from 'antd/lib/checkbox';
-interface IRenderItempProps<T> {
-    item: T;
-    checkedKeys: any[];
-    activeKey: any;
-    style?: React.CSSProperties;
-    itemNameKey: string;
-    renderItemExt?: (item: T) => JSX.Element;
-    whatIcon?: (item: T) => JSX.Element;
-    itemKey?: string;
-    checkable?: boolean;
-    keywords?: string;
-    onChecked?: (e: CheckboxChangeEvent) => void;
-    onClickItem?: (item: T) => void;
-    onMouseOverItem?: (item: T) => void;
-    onMouseOutItem?: (item: T) => void;
-}
-export declare function RenderItem({ item, checkedKeys, activeKey, style, itemNameKey, itemKey, checkable, keywords, ...props }: IRenderItempProps<any>): JSX.Element;
-export {};

package/es/List/renderItem.js

@@ -1,71 +0,0 @@
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
-import { __rest } from "tslib";
-import React, { useCallback, useMemo } from 'react';
-import HightLevel from '../HightLevel';
-export function RenderItem(_a) {
-  var item = _a.item,
-      checkedKeys = _a.checkedKeys,
-      activeKey = _a.activeKey,
-      style = _a.style,
-      itemNameKey = _a.itemNameKey,
-      itemKey = _a.itemKey,
-      checkable = _a.checkable,
-      keywords = _a.keywords,
-      props = __rest(_a, ["item", "checkedKeys", "activeKey", "style", "itemNameKey", "itemKey", "checkable", "keywords"]);
-
-  var renderItemExt = props.renderItemExt,
-      whatIcon = props.whatIcon,
-      onChecked = props.onChecked,
-      onClickItem = props.onClickItem,
-      onMouseOverItem = props.onMouseOverItem,
-      onMouseOutItem = props.onMouseOutItem;
-  var checked = checkedKeys ? checkedKeys.includes(item[itemKey]) : false;
-  var active = !activeKey ? false : Array.isArray(activeKey) ? activeKey.includes(item[itemKey]) : activeKey === item[itemKey];
-  var itemIcon = whatIcon ? whatIcon(item) : null;
-  var itemClick = useCallback(function (e) {
-    return e.stopPropagation();
-  }, []);
-
-  var _onMouseOver = useCallback(function (item) {
-    return onMouseOverItem && onMouseOverItem(item);
-  }, []);
-
-  var _onMouseOut = useCallback(function (item) {
-    return onMouseOutItem && onMouseOutItem(item);
-  }, []);
-
-  var _onClick = useCallback(function (item) {
-    return onClickItem && onClickItem(item);
-  }, []);
-
-  var className = useMemo(function () {
-    return "list-item ".concat(checkable ? 'has-check-box' : '', " ").concat(active ? 'list-item-active' : '');
-  }, [checkable, active]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: style,
-    className: className,
-    onClick: function onClick() {
-      return _onClick(item);
-    },
-    onMouseOver: function onMouseOver() {
-      return _onMouseOver(item);
-    },
-    onMouseOut: function onMouseOut() {
-      return _onMouseOut(item);
-    }
-  }, /*#__PURE__*/React.createElement("label", null, checkable && /*#__PURE__*/React.createElement(_Checkbox, {
-    value: item[itemKey],
-    disabled: item.disabled,
-    onClick: itemClick,
-    checked: checked,
-    onChange: onChecked
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "item-info"
-  }, itemIcon, keywords ? /*#__PURE__*/React.createElement(HightLevel, {
-    name: item[itemNameKey],
-    keyword: keywords
-  }) : /*#__PURE__*/React.createElement("span", {
-    title: item[itemNameKey]
-  }, item[itemNameKey])), renderItemExt && renderItemExt(item)));
-}

package/es/Player/style/iconfont.css

@@ -1,179 +0,0 @@
-@font-face {
-  font-family: "lm-player-iconfont"; /* Project id 1153292 */
-  src: url('iconfont.woff2?t=1661511384224') format('woff2'),
-       url('iconfont.woff?t=1661511384224') format('woff'),
-       url('iconfont.ttf?t=1661511384224') format('truetype');
-}
-
-.lm-player-iconfont {
-  font-family: "lm-player-iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.lm-player-xiazai:before {
-  content: "\e6d0";
-}
-
-.lm-player-bofang:before {
-  content: "\e6cf";
-}
-
-.lm-player-tingzhi:before {
-  content: "\e6ce";
-}
-
-.lm-player-quanbuguanbi:before {
-  content: "\e6cc";
-}
-
-.lm-player-huamianshiying:before {
-  content: "\e6cb";
-}
-
-.lm-player-quanping:before {
-  content: "\e6c6";
-}
-
-.lm-player-a-guanbi_close-one11:before {
-  content: "\e623";
-}
-
-.lm-player-lunxunkaishi:before {
-  content: "\e6c3";
-}
-
-.lm-player-fenping16:before {
-  content: "\e6c5";
-}
-
-.lm-player-xiangji1fill:before {
-  content: "\e77e";
-}
-
-.lm-player-M_Device_jiazaishibai:before {
-  content: "\e6de";
-}
-
-.lm-player-M_Bar_CloudAuto:before {
-  content: "\e6c9";
-}
-
-.lm-player-S_Box_VideoCloud:before {
-  content: "\e6ca";
-}
-
-.lm-player-S_Bar_LatLongYes:before {
-  content: "\e792";
-}
-
-.lm-player-S_Device_kuaijin:before {
-  content: "\e6c7";
-}
-
-.lm-player-S_Device_shezhi:before {
-  content: "\e6c8";
-}
-
-.lm-player-S_View_Playerpley:before {
-  content: "\e827";
-}
-
-.lm-player-S_View_RotateRight:before {
-  content: "\e828";
-}
-
-.lm-player-S_View_ScreenSizeFull:before {
-  content: "\e82d";
-}
-
-.lm-player-S_View_SoundMiddle:before {
-  content: "\e835";
-}
-
-.lm-player-S_Edit_LoadDown:before {
-  content: "\e7b6";
-}
-
-.lm-player-S_Edit_Reset:before {
-  content: "\e7c3";
-}
-
-.lm-player-S_View_SearchBox:before {
-  content: "\e833";
-}
-
-.lm-player-S_View_PlayerPlay1:before {
-  content: "\e6b7";
-}
-
-.lm-player-YesorNo_No_Dark:before {
-  content: "\e6dd";
-}
-
-.lm-player-Refresh_Main:before {
-  content: "\e687";
-}
-
-.lm-player-SearchBox:before {
-  content: "\e706";
-}
-
-.lm-player-ZoomIn_Main:before {
-  content: "\e663";
-}
-
-.lm-player-ZoomDefault_Main:before {
-  content: "\e664";
-}
-
-.lm-player-ZoomOut_Main:before {
-  content: "\e665";
-}
-
-.lm-player-PrevFast:before {
-  content: "\e71f";
-}
-
-.lm-player-NextFast_Light:before {
-  content: "\e720";
-}
-
-.lm-player-volume-close:before {
-  content: "\e602";
-}
-
-.lm-player-volume-normal-fuben:before {
-  content: "\e604";
-}
-
-.lm-player-volume-max:before {
-  content: "\e605";
-}
-
-.lm-player-ExitFull_Main:before {
-  content: "\e68e";
-}
-
-.lm-player-Full_Main:before {
-  content: "\e690";
-}
-
-.lm-player-Loading:before {
-  content: "\e65d";
-}
-
-.lm-player-Pause_Main:before {
-  content: "\e652";
-}
-
-.lm-player-Play_Main:before {
-  content: "\e654";
-}
-
-.lm-player-PlaySource:before {
-  content: "\e6cd";
-}
-

package/es/withErrorBoundary/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IErrorBoundaryProps } from '../ErrorBoundary';
-/**
- * HOC
- * @param Component 业务组件
- * @param errorBoundaryProps error boundary的props
- */
-declare function withErrorBoundary<P>(Component: React.ComponentType<P>, errorBoundaryProps?: IErrorBoundaryProps): React.ComponentType<P>;
-export default withErrorBoundary;

package/es/withErrorBoundary/index.js

@@ -1,45 +0,0 @@
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-import "antd/lib/result/style";
-import _Result from "antd/lib/result";
-import React from 'react';
-import ErrorBoundary from '../ErrorBoundary';
-
-var Fallback = function Fallback() {
-  return /*#__PURE__*/React.createElement(_Result, {
-    status: "warning",
-    title: "\u7EC4\u4EF6\u65E0\u6CD5\u6210\u529F\u6E32\u67D3\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5",
-    style: {
-      width: '100%',
-      height: '100%'
-    },
-    extra: /*#__PURE__*/React.createElement(_Button, {
-      type: "primary",
-      key: "refresh",
-      onClick: function onClick() {
-        return window.location.reload();
-      }
-    }, "\u5237\u65B0\uFF0C\u91CD\u8BD5")
-  });
-};
-/**
- * HOC
- * @param Component 业务组件
- * @param errorBoundaryProps error boundary的props
- */
-
-
-function withErrorBoundary(Component, errorBoundaryProps) {
-  var Wrapped = function Wrapped(props) {
-    return /*#__PURE__*/React.createElement(ErrorBoundary, Object.assign({
-      fallback: /*#__PURE__*/React.createElement(Fallback, null)
-    }, errorBoundaryProps), /*#__PURE__*/React.createElement(Component, Object.assign({}, props)));
-  }; // DevTools 显示的组件名
-
-
-  var name = Component.displayName || Component.name || 'Unknown';
-  Wrapped.displayName = "withErrorBoundary(".concat(name, ")");
-  return Wrapped;
-}
-
-export default withErrorBoundary;