@chlp-tech/rpa-ui 0.0.1

package/dist/cover-modal/index.js

@@ -0,0 +1,410 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+import React, { useEffect, useState, useMemo } from "react";
+import { Button, Modal, Upload, Slider, message, Segmented, Space, Image, Alert, Popover } from "antd";
+import { InfoCircleOutlined } from "@ant-design/icons";
+import { MP4Clip } from '@webav/av-cliper';
+// @ts-ignore
+import UploadIcon from "./upload.png";
+// @ts-ignore
+import Boll from "./boll.gif";
+import dayjs from 'dayjs';
+import styles from "./index.module.less";
+import DeleteSvg from "./delete.svg";
+var TabOptions = /*#__PURE__*/function (TabOptions) {
+  TabOptions[TabOptions["Tab1"] = 1] = "Tab1";
+  TabOptions[TabOptions["Tab2"] = 2] = "Tab2";
+  return TabOptions;
+}(TabOptions || {});
+var start = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resList) {
+    var clip, durationInSeconds, params, width, t, imgList, cost;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.t0 = MP4Clip;
+          _context.next = 3;
+          return fetch(resList);
+        case 3:
+          _context.t1 = _context.sent.body;
+          clip = new _context.t0(_context.t1);
+          _context.next = 7;
+          return clip.ready;
+        case 7:
+          durationInSeconds = clip.meta.duration / 1e6;
+          if (durationInSeconds <= 40) {
+            width = 500;
+            params = {
+              step: 1e6
+            };
+          } else {
+            width = 200;
+            params = {};
+          }
+          t = performance.now();
+          _context.next = 12;
+          return clip.thumbnails(width, params);
+        case 12:
+          imgList = _context.sent;
+          cost = ((performance.now() - t) / 1000).toFixed(2);
+          return _context.abrupt("return", {
+            imgList: imgList,
+            cost: cost,
+            clip: clip
+          });
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function start(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var SelectCover = function SelectCover(props) {
+  var _imgList$value;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    imgList = _useState2[0],
+    setImgList = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeImg = _useState4[0],
+    setActiveImg = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    value = _useState6[0],
+    setValue = _useState6[1];
+  useEffect(function () {
+    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _props$videoUrl, _props$defaultData;
+      var _yield$start, imgList, cost, _imgList$index, _imgList$0$img, _imgList$, index, selectedImage, _imgList$2, defaultImage;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return start((_props$videoUrl = props === null || props === void 0 ? void 0 : props.videoUrl) !== null && _props$videoUrl !== void 0 ? _props$videoUrl : '');
+          case 2:
+            _yield$start = _context2.sent;
+            imgList = _yield$start.imgList;
+            cost = _yield$start.cost;
+            message.success("\u89E3\u6790\u5B8C\u6210\uFF0C\u8017\u65F6".concat(cost, "\u79D2"));
+            setImgList(imgList.map(function (it) {
+              return {
+                ts: it.ts,
+                img: URL.createObjectURL(it.img)
+              };
+            }));
+            if ((_props$defaultData = props.defaultData) !== null && _props$defaultData !== void 0 && _props$defaultData.selectCover) {
+              index = imgList.findIndex(function (item) {
+                var _props$defaultData2;
+                return item.ts === ((_props$defaultData2 = props.defaultData) === null || _props$defaultData2 === void 0 ? void 0 : _props$defaultData2.selectCover);
+              });
+              selectedImage = imgList === null || imgList === void 0 || (_imgList$index = imgList[index]) === null || _imgList$index === void 0 ? void 0 : _imgList$index.img;
+              setActiveImg(selectedImage ? URL.createObjectURL(selectedImage) : URL.createObjectURL((_imgList$0$img = imgList === null || imgList === void 0 || (_imgList$ = imgList[0]) === null || _imgList$ === void 0 ? void 0 : _imgList$.img) !== null && _imgList$0$img !== void 0 ? _imgList$0$img : ''));
+              setValue(index >= 0 ? index : 0);
+            } else {
+              defaultImage = imgList === null || imgList === void 0 || (_imgList$2 = imgList[0]) === null || _imgList$2 === void 0 ? void 0 : _imgList$2.img;
+              setActiveImg(defaultImage ? URL.createObjectURL(defaultImage) : '');
+              setValue(0);
+            }
+          case 8:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }))();
+  }, [props.defaultData]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: props.visible ? 'block' : 'none'
+    }
+  }, activeImg ? /*#__PURE__*/React.createElement("div", {
+    className: styles['select-cover']
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: '封面预览',
+    src: activeImg,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain',
+      objectPosition: 'center'
+    }
+  })) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      padding: 50
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: 160,
+      height: 160
+    },
+    src: Boll,
+    alt: ""
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.text
+  }, "\u89C6\u9891\u89E3\u6790\u4E2D")), imgList.length ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.slider
+  }, /*#__PURE__*/React.createElement(Slider, {
+    max: (imgList === null || imgList === void 0 ? void 0 : imgList.length) - 1,
+    tooltip: {
+      formatter: null
+    },
+    value: value,
+    onChange: function onChange(e) {
+      setActiveImg(imgList !== null && imgList !== void 0 && imgList[e] ? imgList === null || imgList === void 0 ? void 0 : imgList[e].img : '');
+      setValue(e);
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      width: '100%',
+      overflow: 'hidden',
+      marginTop: 24,
+      position: 'absolute',
+      top: -20,
+      pointerEvents: 'none'
+    }
+  }, imgList.map(function (it) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: it.ts,
+      style: {
+        flex: 1,
+        overflow: 'hidden',
+        height: 50
+      }
+    }, /*#__PURE__*/React.createElement("img", {
+      src: it.img,
+      alt: "",
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover'
+      }
+    }));
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: 60
+    }
+  }, dayjs((imgList === null || imgList === void 0 || (_imgList$value = imgList[value]) === null || _imgList$value === void 0 ? void 0 : _imgList$value.ts) / 1000).format('mm:ss'))), /*#__PURE__*/React.createElement(Space, {
+    style: {
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: props.handleClose
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      var _imgList$value2;
+      props.handleSubmit('selectCover', imgList === null || imgList === void 0 || (_imgList$value2 = imgList[value]) === null || _imgList$value2 === void 0 ? void 0 : _imgList$value2.ts);
+    }
+  }, "\u4FDD\u5B58"))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+var UploadCover = function UploadCover(props) {
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    file = _useState8[0],
+    setFile = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var handleRequest = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(info) {
+      var url;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            setLoading(true);
+            _context3.prev = 1;
+            _context3.t0 = props === null || props === void 0 ? void 0 : props.handleUpload;
+            if (!_context3.t0) {
+              _context3.next = 7;
+              break;
+            }
+            _context3.next = 6;
+            return props === null || props === void 0 ? void 0 : props.handleUpload(info.file);
+          case 6:
+            _context3.t0 = _context3.sent;
+          case 7:
+            url = _context3.t0;
+            setFile(url);
+            _context3.next = 14;
+            break;
+          case 11:
+            _context3.prev = 11;
+            _context3.t1 = _context3["catch"](1);
+            message.error('上传失败, 请检查网络或稍后重试');
+          case 14:
+            _context3.prev = 14;
+            setLoading(false);
+            return _context3.finish(14);
+          case 17:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[1, 11, 14, 17]]);
+    }));
+    return function handleRequest(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    var _props$defaultData3;
+    if ((_props$defaultData3 = props.defaultData) !== null && _props$defaultData3 !== void 0 && _props$defaultData3.uploadCover) {
+      var _props$defaultData4;
+      setFile((_props$defaultData4 = props.defaultData) === null || _props$defaultData4 === void 0 ? void 0 : _props$defaultData4.uploadCover);
+    }
+  }, [props.defaultData]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: props.visible ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Alert, {
+    style: {
+      marginTop: 12,
+      padding: 8
+    },
+    type: "info",
+    showIcon: true,
+    description: "Tiktok\u6682\u4E0D\u652F\u6301\u4E0A\u4F20\u5C01\u9762\uFF0C\u4E0A\u4F20\u5C01\u9762\u4FDD\u5B58\u540E\uFF0CTiktok\u5C01\u9762\u9ED8\u8BA4\u89C6\u9891\u7B2C\u4E00\u5E27"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadWrap
+  }, /*#__PURE__*/React.createElement(Upload, {
+    accept: '.jpg, .jpeg, .png',
+    maxCount: 1,
+    customRequest: handleRequest,
+    beforeUpload: function beforeUpload(file) {
+      if (file.size > 8 * 1024 * 1024 || !['image/jpg', 'image/jpeg', 'image/png'].includes(file.type)) {
+        message.error('封面大小不得超过8mb');
+        return false;
+      }
+      return true;
+    },
+    showUploadList: false
+  }, file ? /*#__PURE__*/React.createElement(Image, {
+    preview: false,
+    src: file,
+    style: {
+      width: 203,
+      height: '100%'
+    }
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      cursor: 'pointer'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: UploadIcon,
+    alt: ""
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadText
+  }, "\u4E0A\u4F20\u56FE\u7247"))), file && /*#__PURE__*/React.createElement("div", {
+    className: styles.video_wrap_delete,
+    onClick: function onClick() {
+      setFile(undefined);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: DeleteSvg,
+    alt: "delete"
+  }))), /*#__PURE__*/React.createElement(Space, {
+    style: {
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: props.handleClose
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    disabled: !file,
+    type: "primary",
+    loading: loading,
+    onClick: function onClick() {
+      return props.handleSubmit('uploadCover', file);
+    }
+  }, "\u4FDD\u5B58")));
+};
+var CoverModal = function CoverModal(props) {
+  var _props$defaultTab;
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    open = _useState12[0],
+    setOpen = _useState12[1];
+  var _useState13 = useState((_props$defaultTab = props.defaultTab) !== null && _props$defaultTab !== void 0 ? _props$defaultTab : 1),
+    _useState14 = _slicedToArray(_useState13, 2),
+    value = _useState14[0],
+    setValue = _useState14[1];
+  var handleOpen = function handleOpen() {
+    setOpen(true);
+  };
+  var handleClose = function handleClose() {
+    setOpen(false);
+  };
+  var handleSubmit = function handleSubmit(key, data) {
+    var _props$onChange, _props$afterClose;
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, key, data);
+    handleClose();
+    (_props$afterClose = props.afterClose) === null || _props$afterClose === void 0 || _props$afterClose.call(props);
+  };
+  var coverVisible = useMemo(function () {
+    return {
+      'selectVisible': value === 1,
+      'uploadVisible': value === 2
+    };
+  }, [value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
+    open: open,
+    title: "\u8BBE\u7F6E\u5C01\u9762",
+    footer: false,
+    width: 640,
+    onCancel: handleClose,
+    maskClosable: false
+  }, /*#__PURE__*/React.createElement(Segmented, {
+    value: value,
+    options: [{
+      label: '选取封面',
+      value: 1
+    }, {
+      label: /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          gap: 5,
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement("div", null, "\u4E0A\u4F20\u5C01\u9762"), /*#__PURE__*/React.createElement(Popover, {
+        placement: "right",
+        content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u5C01\u9762\u56FE\u7247\u5927\u5C0F\u4E0D\u5F97\u8D85\u8FC78mb\uFF0C"), /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u5C3A\u5BF8\u9700\u548C\u89C6\u9891\u5C3A\u5BF8\u76F8\u8FD1"))
+      }, /*#__PURE__*/React.createElement(InfoCircleOutlined, null))),
+      value: 2
+    }],
+    onChange: function onChange(e) {
+      return setValue(e);
+    }
+  }), /*#__PURE__*/React.createElement(SelectCover, {
+    visible: coverVisible['selectVisible'],
+    handleClose: handleClose,
+    handleSubmit: handleSubmit,
+    videoUrl: props.videoUrl,
+    defaultData: props.defaultData
+  }), /*#__PURE__*/React.createElement(UploadCover, {
+    visible: coverVisible['uploadVisible'],
+    handleClose: handleClose,
+    handleSubmit: handleSubmit,
+    handleUpload: props.handleUpload,
+    defaultData: props.defaultData
+  })), /*#__PURE__*/React.createElement("div", {
+    onClick: handleOpen
+  }, props.children));
+};
+export default CoverModal;

package/dist/cover-modal/index.module.less

@@ -0,0 +1,76 @@
+.slider {
+  position: relative;
+  padding-bottom: 10px;
+  :global .ant-slider-handle {
+    z-index: 5;
+  }
+  :global .ant-slider-horizontal {
+    height: 50px;
+  }
+  :global .ant-slider .ant-slider-handle::after {
+    height: 55px;
+    width: 10px;
+    border-radius: 0;
+  }
+}
+
+
+.select-cover {
+  width: 100%;
+  height: 360px;
+  background: #F5F7FA;
+  border-radius: 8px;
+  margin-top: 18px;
+}
+
+.text {
+  height: 25px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 18px;
+  color: #004FD3;
+  line-height: 25px;
+  text-align: center;
+  font-style: normal;
+}
+
+
+.uploadWrap {
+  width: 100%;
+  height: 360px;
+  background: #F5F7FA;
+  border-radius: 8px;
+  border: 1px dashed #D4DBE7;
+  margin-bottom: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 18px;
+  position: relative;
+}
+
+.uploadText {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 16px;
+  color: #142A51;
+  line-height: 22px;
+  text-align: center;
+  font-style: normal;
+}
+
+
+.video_wrap_delete {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  width: 24px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 24px;
+  background: rgba(0,0,0,0.5);
+  border-radius: 4px;
+  cursor: pointer;
+}

package/dist/cover-modal/question.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1737367610966" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5467" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M514.048 54.272q95.232 0 178.688 36.352t145.92 98.304 98.304 145.408 35.84 178.688-35.84 178.176-98.304 145.408-145.92 98.304-178.688 35.84-178.176-35.84-145.408-98.304-98.304-145.408-35.84-178.176 35.84-178.688 98.304-145.408 145.408-98.304 178.176-36.352zM515.072 826.368q26.624 0 44.544-17.92t17.92-43.52q0-26.624-17.92-44.544t-44.544-17.92-44.544 17.92-17.92 44.544q0 25.6 17.92 43.52t44.544 17.92zM567.296 574.464q-1.024-16.384 20.48-34.816t48.128-40.96 49.152-50.688 24.576-65.024q2.048-39.936-8.192-74.752t-33.792-59.904-60.928-39.936-87.552-14.848q-62.464 0-103.936 22.016t-67.072 53.248-35.84 64.512-9.216 55.808q1.024 26.624 16.896 38.912t34.304 12.8 33.792-10.24 15.36-31.232q0-12.288 7.68-30.208t20.992-34.304 32.256-27.648 42.496-11.264q46.08 0 73.728 23.04t25.6 57.856q0 17.408-10.24 32.256t-26.112 28.672-33.792 27.648-33.792 28.672-26.624 32.256-11.776 37.888l1.024 38.912q0 15.36 14.336 29.184t37.888 14.848q23.552-1.024 37.376-15.36t12.8-32.768l0-24.576z" p-id="5468"></path></svg>

package/dist/custom.d.ts

@@ -0,0 +1,10 @@
+declare module '*.svg' {
+  const content: any;
+  export default content;
+}
+
+
+declare module '*.less' {
+  const classes: { [key: string]: string };
+  export default classes;
+}

package/dist/drawer-task/img/close.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>矩形</title>
+    <desc>Created with Sketch.</desc>
+    <g id="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="发布管理-任务详情--视频任务" transform="translate(-1880.000000, -77.000000)" stroke="#3F5270" stroke-width="1.5">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-5" transform="translate(80.000000, 16.000000)">
+                    <g id="编组" transform="translate(760.000000, 5.000000)">
+                        <line x1="3" y1="3" x2="13" y2="13" id="路径"></line>
+                        <line x1="3" y1="13" x2="13" y2="3" id="路径"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/drawer-task/img/icon.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>矩形</title>
+    <desc>Created with Sketch.</desc>
+    <g id="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-任务详情--视频任务" transform="translate(-1068.000000, -74.000000)">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-15" transform="translate(12.000000, 12.000000)">
+                    <g id="详情选中" transform="translate(16.000000, 6.000000)">
+                        <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                        <g id="编组" transform="translate(1.000000, 1.000000)" fill="#004FD3" fill-rule="nonzero">
+                            <path d="M12.136075,0.750955716 C16.7467729,0.763156829 18.3024936,1.02433105 19.6391187,2.36089848 C20.9426631,3.66448982 21.2087307,4.91376633 21.2451466,9.57300751 L21.2451466,9.57300751 L21.25,11 C21.25,16.8487351 21.0668082,18.2113494 19.639111,19.6391491 L19.639111,19.6391491 L19.5460417,19.7305039 C18.2740791,20.9552036 16.9752703,21.2095976 12.426985,21.2451466 L12.426985,21.2451466 L11,21.25 C5.15123111,21.25 3.78864138,21.0668102 2.36089848,19.6391187 C1.13270139,18.4108686 0.812579193,16.9976115 0.759274422,13.1973165 L0.759274422,13.1973165 L0.750955716,12.1340907 L0.750955716,9.86391604 C0.7631568,5.25319778 1.02432945,3.69749999 2.36091182,2.36090801 C3.58912797,1.13270068 5.00236292,0.812578992 8.80267041,0.759274392 L8.80267041,0.759274392 L9.86590029,0.750955716 Z M6.5,14.25 C5.80965097,14.25 5.25,14.8096819 5.25,15.5 C5.25,16.1903181 5.80965097,16.75 6.5,16.75 C7.19034903,16.75 7.75,16.1903181 7.75,15.5 C7.75,14.8096819 7.19034903,14.25 6.5,14.25 Z M16,14.75 L10,14.75 L9.89822944,14.7568466 C9.53215388,14.806509 9.25,15.1203042 9.25,15.5 C9.25,15.9142136 9.58578644,16.25 10,16.25 L10,16.25 L16,16.25 L16.1017706,16.2431534 C16.4678461,16.193491 16.75,15.8796958 16.75,15.5 C16.75,15.0857864 16.4142136,14.75 16,14.75 L16,14.75 Z M6.5,9.75 C5.80965097,9.75 5.25,10.3096819 5.25,11 C5.25,11.6903181 5.80965097,12.25 6.5,12.25 C7.19034903,12.25 7.75,11.6903181 7.75,11 C7.75,10.3096819 7.19034903,9.75 6.5,9.75 Z M16,10.25 L10,10.25 L9.89822944,10.2568466 C9.53215388,10.306509 9.25,10.6203042 9.25,11 C9.25,11.4142136 9.58578644,11.75 10,11.75 L10,11.75 L16,11.75 L16.1017706,11.7431534 C16.4678461,11.693491 16.75,11.3796958 16.75,11 C16.75,10.5857864 16.4142136,10.25 16,10.25 L16,10.25 Z M6.5,5.25 C5.80964644,5.25 5.25,5.80964644 5.25,6.5 C5.25,7.19035356 5.80964644,7.75 6.5,7.75 C7.19035356,7.75 7.75,7.19035356 7.75,6.5 C7.75,5.80964644 7.19035356,5.25 6.5,5.25 Z M16,5.75 L10,5.75 L9.89822944,5.75684662 C9.53215388,5.80650904 9.25,6.12030423 9.25,6.5 C9.25,6.91421356 9.58578644,7.25 10,7.25 L10,7.25 L16,7.25 L16.1017706,7.24315338 C16.4678461,7.19349096 16.75,6.87969577 16.75,6.5 C16.75,6.08578644 16.4142136,5.75 16,5.75 L16,5.75 Z" id="形状结合"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/drawer-task/index.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+interface DrawerTaskProps {
+    children: React.ReactNode;
+    title: string;
+    open?: boolean;
+    defaultTab?: string;
+    back?: boolean | React.ReactNode;
+    menu: {
+        items: {
+            label: string;
+            key: string;
+            component: React.ReactNode;
+            title?: string;
+            icon?: React.ReactNode;
+            icon2?: React.ReactNode;
+        }[];
+    };
+    width?: number;
+    onClose?: () => void;
+    onOpen?: () => void;
+    onClickBack?: () => void;
+}
+declare const DrawerTask: React.ForwardRefExoticComponent<DrawerTaskProps & React.RefAttributes<unknown>>;
+export default DrawerTask;