@cloud-app-dev/vidc 4.0.17 → 4.1.0

package/es/Progress/index.js

@@ -0,0 +1,60 @@
+var _templateObject, _templateObject2;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+import { Progress } from 'antd';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var loadingProgressCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 99;\n  height: 2px;\n  overflow: hidden;\n  opacity: 1;\n  transition: opacity 1s linear;\n  .ant-progress-outer {\n    display: block;\n    .ant-progress-inner {\n      display: block;\n      background-color: transparent;\n    }\n  }\n"])));
+var loadingProgressOverCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  opacity: 0;\n"])));
+function ProgressComponent(_ref) {
+  var status = _ref.status;
+  var timer = useRef();
+  var currentStatus = useRef('loading');
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    percent = _useState2[0],
+    setPersent = _useState2[1];
+  var isHide = useMemo(function () {
+    return percent === 100;
+  }, [percent]);
+  useEffect(function () {
+    if ((status === 'over' || status === 'error') && percent === 0) {
+      return;
+    }
+    if (percent <= 90 && currentStatus.current === 'loading') {
+      var num = percent + 20;
+      timer.current = setTimeout(function () {
+        return setPersent(num);
+      }, 10);
+    } else {
+      clearTimeout(timer.current);
+      setPersent(100);
+      timer.current = setTimeout(function () {
+        return setPersent(0);
+      }, 1000);
+    }
+  }, [percent, status]);
+  useEffect(function () {
+    return function () {
+      return clearTimeout(timer.current);
+    };
+  });
+  return /*#__PURE__*/_jsx(Progress, {
+    status: status === 'error' ? 'exception' : 'active',
+    percent: percent,
+    showInfo: false,
+    strokeWidth: 2,
+    strokeColor: status !== 'error' ? 'var(--primary)' : ' var(--danger)',
+    className: "".concat(loadingProgressCss, " ").concat(isHide ? loadingProgressOverCss : '')
+  });
+}
+ProgressComponent.defaultProps = {
+  status: 'loading'
+};
+export default ProgressComponent;

package/es/ROI/demo.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => import("react/jsx-runtime").JSX.Element;
+export default App;

package/es/ROI/demo.js

@@ -0,0 +1,17 @@
+import ROI from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: '100%',
+      height: 400,
+      background: '#999'
+    },
+    children: /*#__PURE__*/_jsx(ROI, {
+      debug: true,
+      isOpen: true,
+      onChange: console.log
+    })
+  });
+};
+export default App;

package/es/ROI/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+interface IRIOProps {
+    children?: React.ReactNode;
+    /**
+     * 调试模式，开启回绘制具体网格
+     */
+    debug?: boolean;
+    /**
+     * 绘制数据变化
+     */
+    onChange?: (rio: number[][], areas: [number, number][][]) => void;
+    /**
+     * 开启/关闭 标识
+     */
+    isOpen?: boolean;
+    /**
+     * key变化回清楚画布
+     */
+    renderKey?: React.Key;
+    /**
+     * rio共多少行
+     * @default 18
+     */
+    row?: number;
+    /**
+     * rio 一行有多少个位置
+     * @default 32
+     */
+    rowItems?: number;
+}
+declare function RIO({ children, debug, renderKey, onChange, isOpen, row, rowItems }: IRIOProps): import("react/jsx-runtime").JSX.Element;
+export default RIO;

package/es/ROI/index.js

@@ -0,0 +1,67 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+import { useUpdateEffect } from 'ahooks';
+import React, { useEffect, useRef } from 'react';
+import useDrawROI from "../useDrawROI";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var roiLayoutCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"])));
+var canvasCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
+var roiDebugBoxCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n"])));
+var rowIndexCss = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n"])));
+var spanCss = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex: 1;\n  border: 1px solid #eee;\n"])));
+function RIO(_ref) {
+  var children = _ref.children,
+    debug = _ref.debug,
+    renderKey = _ref.renderKey,
+    onChange = _ref.onChange,
+    isOpen = _ref.isOpen,
+    _ref$row = _ref.row,
+    row = _ref$row === void 0 ? 18 : _ref$row,
+    _ref$rowItems = _ref.rowItems,
+    rowItems = _ref$rowItems === void 0 ? 32 : _ref$rowItems;
+  var ref = useRef(null);
+  var _useDrawROI = useDrawROI(ref, {
+      row: row,
+      rowItems: rowItems
+    }),
+    open = _useDrawROI.open,
+    close = _useDrawROI.close,
+    clear = _useDrawROI.clear,
+    rio = _useDrawROI.rio,
+    areas = _useDrawROI.areas;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(function () {
+    return isOpen ? open() : close();
+  }, [isOpen]);
+  useUpdateEffect(function () {
+    return clear();
+  }, [renderKey]);
+  useUpdateEffect(function () {
+    return onChange === null || onChange === void 0 ? void 0 : onChange(rio, areas);
+  }, [rio]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: roiLayoutCss,
+    children: [children, debug && /*#__PURE__*/_jsx("div", {
+      className: roiDebugBoxCss,
+      children: rio.map(function (item, index) {
+        return /*#__PURE__*/_jsx("div", {
+          className: rowIndexCss,
+          children: item.map(function (n, i) {
+            return /*#__PURE__*/_jsx("span", {
+              className: spanCss,
+              style: {
+                backgroundColor: n === 1 ? 'rgba(0,0,0,0.5)' : 'transparent'
+              }
+            }, "item-".concat(i));
+          })
+        }, "row-".concat(index));
+      })
+    }), /*#__PURE__*/_jsx("canvas", {
+      ref: ref,
+      className: canvasCss
+    })]
+  });
+}
+export default RIO;

package/es/RefDrawer/Footer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface IFooterProps {
+    onClose?: (e: React.MouseEvent) => void;
+    cancelText: string;
+    okText: string;
+    onOk?: (e: React.MouseEvent) => void;
+}
+declare function Footer({ onClose, cancelText, okText, onOk }: IFooterProps): import("react/jsx-runtime").JSX.Element;
+export default Footer;

package/es/RefDrawer/Footer.js

@@ -0,0 +1,27 @@
+import { Button } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function Footer(_ref) {
+  var onClose = _ref.onClose,
+    cancelText = _ref.cancelText,
+    okText = _ref.okText,
+    onOk = _ref.onOk;
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      textAlign: 'right'
+    },
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: onClose,
+      style: {
+        marginRight: 8
+      },
+      children: cancelText
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: onOk,
+      type: "primary",
+      children: okText
+    })]
+  });
+}
+export default Footer;

package/es/RefDrawer/demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/es/RefDrawer/demo.js

@@ -0,0 +1,32 @@
+import { Button } from 'antd';
+import React, { useRef } from 'react';
+import RefDrawer from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var App = function App() {
+  var ref = useRef(null);
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      onClick: function onClick() {
+        var _ref$current;
+        return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.open({
+          content: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("p", {
+              children: "Some contents..."
+            }), /*#__PURE__*/_jsx("p", {
+              children: "Some contents..."
+            }), /*#__PURE__*/_jsx("p", {
+              children: "Some contents..."
+            })]
+          })
+        });
+      },
+      children: "RefDrawer"
+    }), /*#__PURE__*/_jsx(RefDrawer, {
+      ref: ref
+    })]
+  });
+};
+export default App;

package/es/RefDrawer/index.d.ts

@@ -0,0 +1,26 @@
+import { DrawerProps } from 'antd';
+import React from 'react';
+export interface IUseDrawerHookState {
+    content?: React.ReactNode;
+    visible?: boolean;
+    title?: React.ReactNode;
+    onOk?: (e: React.MouseEvent) => void;
+    width?: number | string;
+    className?: string;
+}
+export interface IRefDrawerMethodsProps {
+    open: (options: IUseDrawerHookState) => void;
+    close: () => void;
+}
+export interface IDrawerProps extends DrawerProps {
+    cancelText?: string;
+    onOk?: (e: React.MouseEvent) => void;
+    /**
+     * @description 确认按钮文本
+     * @default 确定
+     * @type string
+     */
+    okText?: string;
+}
+declare const RefDrawer: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<IRefDrawerMethodsProps>>;
+export default RefDrawer;

package/es/RefDrawer/index.js

@@ -0,0 +1,73 @@
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Drawer } from 'antd';
+import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
+import AppContext from "../AppContext";
+import Footer from "./Footer";
+import { jsx as _jsx } from "react/jsx-runtime";
+var RefDrawer = /*#__PURE__*/React.forwardRef(function RefDrawer(_, ref) {
+  var context = useContext(AppContext.Context);
+  var root = useMemo(function () {
+    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
+  }, [context === null || context === void 0 ? void 0 : context.root]);
+  var _useState = useState({
+      content: null,
+      visible: false,
+      title: '',
+      onOk: undefined,
+      width: undefined,
+      className: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var open = function open(options) {
+    setState(function (old) {
+      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
+        visible: true
+      });
+    });
+  };
+  var close = function close() {
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        visible: false
+      });
+    });
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      open: open,
+      close: close
+    };
+  }, [state]);
+  return /*#__PURE__*/_jsx(Drawer, {
+    footer: /*#__PURE__*/_jsx(Footer, {
+      onClose: close,
+      onOk: state.onOk,
+      okText: "\u786E\u5B9A",
+      cancelText: "\u53D6\u6D88"
+    }),
+    open: state.visible,
+    onClose: close,
+    destroyOnClose: true,
+    title: state.title,
+    width: state.width,
+    className: state.className,
+    getContainer: function getContainer() {
+      return root;
+    },
+    children: state.content
+  });
+});
+export default RefDrawer;

package/es/RefModal/demo.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => import("react/jsx-runtime").JSX.Element;
+export default App;

package/es/RefModal/demo.js

@@ -0,0 +1,32 @@
+import { Button } from 'antd';
+import React, { useRef } from 'react';
+import RefModal from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var App = function App() {
+  var ref = useRef(null);
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      onClick: function onClick() {
+        var _ref$current;
+        return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.open({
+          content: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("p", {
+              children: "some contents..."
+            }), /*#__PURE__*/_jsx("p", {
+              children: "some contents..."
+            }), /*#__PURE__*/_jsx("p", {
+              children: "some contents..."
+            })]
+          })
+        });
+      },
+      children: "RefModal"
+    }), /*#__PURE__*/_jsx(RefModal, {
+      ref: ref
+    })]
+  });
+};
+export default App;

package/es/RefModal/index.d.ts

@@ -0,0 +1,17 @@
+import { ModalProps } from 'antd';
+import React from 'react';
+export interface IUseModalHookState {
+    content?: React.ReactNode;
+    visible?: boolean;
+    title?: React.ReactNode;
+    onOk?: () => void;
+    width?: number | string;
+    className?: string;
+}
+export interface IRefModalMethodsProps {
+    open: (options: IUseModalHookState) => void;
+    close: () => void;
+}
+export type IModalProps = ModalProps;
+declare const RefModal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<IRefModalMethodsProps>>;
+export default RefModal;

package/es/RefModal/index.js

@@ -0,0 +1,71 @@
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Modal } from 'antd';
+import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
+import AppContext from "../AppContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+var RefModal = /*#__PURE__*/React.forwardRef(function RefModal(props, ref) {
+  var context = useContext(AppContext.Context);
+  var root = useMemo(function () {
+    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
+  }, [context === null || context === void 0 ? void 0 : context.root]);
+  var _useState = useState({
+      content: null,
+      visible: false,
+      title: '',
+      onOk: undefined,
+      width: undefined,
+      className: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var open = function open(options) {
+    setState(function (old) {
+      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
+        visible: true
+      });
+    });
+  };
+  var close = function close() {
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        visible: false
+      });
+    });
+  };
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useImperativeHandle(ref, function () {
+    return {
+      open: open,
+      close: close
+    };
+  }, [state]);
+  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
+    okText: "\u786E\u5B9A",
+    cancelText: "\u53D6\u6D88",
+    open: state.visible,
+    onOk: state.onOk,
+    onCancel: close,
+    destroyOnClose: true,
+    title: state.title,
+    width: state.width,
+    className: state.className,
+    getContainer: function getContainer() {
+      return root;
+    },
+    children: state.content
+  }));
+});
+export default RefModal;

package/es/ScreenPlayer/Live.d.ts

@@ -0,0 +1,8 @@
+import type { ILivePlayerProps } from './interface';
+declare function LivePlayer({ list, children, oneWinExtTools, allWinExtTools, ...props }: ILivePlayerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LivePlayer {
+    var defaultProps: {
+        list: never[];
+    };
+}
+export default LivePlayer;