@chlp-tech/rpa-ui 0.0.1

package/dist/media-play/index.js

@@ -0,0 +1,245 @@
+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 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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+import React, { useEffect, useMemo, useState } from "react";
+import { Image } from "antd";
+import ReactDOM from "react-dom";
+
+// @ts-ignore
+import Close from "./close.svg";
+// @ts-ignore
+import Play from "./play.svg";
+// @ts-ignore
+import styles from "./index.module.less";
+var VideoPlay = function VideoPlay(_ref) {
+  var url = _ref.url,
+    type = _ref.type,
+    previewUrl = _ref.previewUrl,
+    onPlayClick = _ref.onPlayClick,
+    renderContent = _ref.renderContent,
+    disabled = _ref.disabled;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPlaying = _useState2[0],
+    setIsPlaying = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isPreviewVisible = _useState4[0],
+    setIsPreviewVisible = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentImageIndex = _useState6[0],
+    setCurrentImageIndex = _useState6[1];
+  var mediaInfo = useMemo(function () {
+    if (type === 'video') {
+      return {
+        url: url === null || url === void 0 ? void 0 : url[0],
+        previewUrl: previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl[0]
+      };
+    } else {
+      return {
+        url: url,
+        previewUrl: previewUrl
+      };
+    }
+  }, [type, url, previewUrl]);
+  useEffect(function () {
+    if (isPlaying) {
+      document.body.style.overflow = 'hidden';
+      document.body.style.touchAction = 'none';
+    } else {
+      document.body.style.overflow = '';
+      document.body.style.touchAction = '';
+    }
+    return function () {
+      document.body.style.overflow = '';
+      document.body.style.touchAction = '';
+    };
+  }, [isPlaying]);
+  var handleOverlayHover = function handleOverlayHover() {};
+  var handlePreviewVisibleChange = function handlePreviewVisibleChange(visible) {
+    setIsPreviewVisible(visible);
+  };
+  var handleOverlayClick = function handleOverlayClick() {
+    setIsPreviewVisible(true);
+  };
+  var handlePlayClick = function handlePlayClick() {
+    if (onPlayClick) {
+      return onPlayClick();
+    }
+    setIsPlaying(true);
+  };
+  var handleClose = function handleClose() {
+    setIsPlaying(false);
+  };
+  var renderVideoOverlay = function renderVideoOverlay() {
+    if (!isPlaying) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles['video-overlay'],
+      onClick: handleClose
+    }, /*#__PURE__*/React.createElement("video", {
+      className: "".concat(styles['video-player'], " ").concat(styles['fade-in']),
+      src: mediaInfo.previewUrl,
+      controls: true,
+      autoPlay: true,
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      crossOrigin: "anonymous"
+    }, /*#__PURE__*/React.createElement("source", {
+      src: mediaInfo.url,
+      type: "video/mp4"
+    }), /*#__PURE__*/React.createElement("source", {
+      src: mediaInfo.url,
+      type: "video/webm"
+    }), /*#__PURE__*/React.createElement("source", {
+      src: mediaInfo.url,
+      type: "video/ogg"
+    }), /*#__PURE__*/React.createElement("source", {
+      src: mediaInfo.url,
+      type: "video/avi"
+    })), /*#__PURE__*/React.createElement("img", {
+      src: Close,
+      alt: "Close",
+      className: styles['close-icon'],
+      onClick: handleClose
+    }));
+  };
+  var renderVideo = function renderVideo() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles['wrap']
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles['full-image']
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: mediaInfo.url,
+      preview: false,
+      width: '100%',
+      height: '100%'
+    }), disabled && /*#__PURE__*/React.createElement("div", {
+      className: styles['disabled-overlay']
+    }), renderContent && /*#__PURE__*/React.createElement("div", {
+      className: styles['content-wrap']
+    }, renderContent()), /*#__PURE__*/React.createElement("div", {
+      className: styles['play'],
+      onClick: handlePlayClick
+    }, /*#__PURE__*/React.createElement("img", {
+      src: Play,
+      alt: "Play"
+    }))), /*#__PURE__*/ReactDOM.createPortal(renderVideoOverlay(), document.body));
+  };
+  var renderImages = function renderImages() {
+    var _mediaInfo$previewUrl, _mediaInfo$previewUrl2, _mediaInfo$url, _mediaInfo$previewUrl3, _mediaInfo$url2, _mediaInfo$url3, _mediaInfo$previewUrl5, _mediaInfo$url4;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles['wrap']
+    }, disabled && /*#__PURE__*/React.createElement("div", {
+      className: styles['disabled-overlay'],
+      onMouseEnter: handleOverlayHover
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles['preview-text'],
+      onClick: handleOverlayClick
+    }, "\u9884\u89C8")), renderContent && /*#__PURE__*/React.createElement("div", {
+      className: styles['content-wrap']
+    }, renderContent()), mediaInfo.url.length === 1 && /*#__PURE__*/React.createElement(Image, {
+      src: mediaInfo.url[0],
+      className: styles['full-image'],
+      wrapperClassName: styles['image-wrapper'],
+      width: '100%',
+      height: '100%',
+      preview: onPlayClick ? false : {
+        visible: isPreviewVisible,
+        src: (_mediaInfo$previewUrl = (_mediaInfo$previewUrl2 = mediaInfo.previewUrl) === null || _mediaInfo$previewUrl2 === void 0 ? void 0 : _mediaInfo$previewUrl2[0]) !== null && _mediaInfo$previewUrl !== void 0 ? _mediaInfo$previewUrl : (_mediaInfo$url = mediaInfo.url) === null || _mediaInfo$url === void 0 ? void 0 : _mediaInfo$url[0],
+        onVisibleChange: handlePreviewVisibleChange
+      }
+    }), mediaInfo.url.length === 2 && /*#__PURE__*/React.createElement("div", {
+      className: styles['two-images']
+    }, /*#__PURE__*/React.createElement(Image.PreviewGroup, {
+      preview: onPlayClick ? false : _objectSpread(_objectSpread({
+        visible: isPreviewVisible
+      }, disabled ? {} : {
+        src: (_mediaInfo$previewUrl3 = mediaInfo.previewUrl) !== null && _mediaInfo$previewUrl3 !== void 0 && _mediaInfo$previewUrl3.length ? mediaInfo.previewUrl[currentImageIndex] : (_mediaInfo$url2 = mediaInfo.url) === null || _mediaInfo$url2 === void 0 ? void 0 : _mediaInfo$url2[currentImageIndex],
+        current: currentImageIndex
+      }), {}, {
+        onVisibleChange: handlePreviewVisibleChange,
+        onChange: function onChange(current) {
+          return setCurrentImageIndex(current);
+        }
+      })
+    }, (_mediaInfo$url3 = mediaInfo.url) === null || _mediaInfo$url3 === void 0 ? void 0 : _mediaInfo$url3.map(function (image, index) {
+      return /*#__PURE__*/React.createElement(Image, {
+        key: index,
+        src: image,
+        width: '100%',
+        height: '100%',
+        onClick: function onClick() {
+          var _mediaInfo$previewUrl4;
+          setCurrentImageIndex(index);
+          console.log((_mediaInfo$previewUrl4 = mediaInfo.previewUrl) === null || _mediaInfo$previewUrl4 === void 0 ? void 0 : _mediaInfo$previewUrl4[currentImageIndex]);
+        }
+      });
+    }))), mediaInfo.url.length === 3 && /*#__PURE__*/React.createElement("div", {
+      className: styles['three-images']
+    }, /*#__PURE__*/React.createElement(Image.PreviewGroup, {
+      preview: onPlayClick ? false : _objectSpread(_objectSpread({
+        visible: isPreviewVisible
+      }, disabled ? {} : {
+        src: (_mediaInfo$previewUrl5 = mediaInfo.previewUrl) !== null && _mediaInfo$previewUrl5 !== void 0 && _mediaInfo$previewUrl5.length ? mediaInfo.previewUrl[currentImageIndex] : (_mediaInfo$url4 = mediaInfo.url) === null || _mediaInfo$url4 === void 0 ? void 0 : _mediaInfo$url4[currentImageIndex],
+        current: currentImageIndex
+      }), {}, {
+        onVisibleChange: handlePreviewVisibleChange,
+        onChange: function onChange(current) {
+          return setCurrentImageIndex(current);
+        }
+      })
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: mediaInfo.url[0],
+      width: '100%',
+      height: '100%',
+      onClick: function onClick() {
+        return setCurrentImageIndex(0);
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%',
+        height: '50%'
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: mediaInfo.url[1],
+      width: '100%',
+      height: '100%',
+      onClick: function onClick() {
+        return setCurrentImageIndex(1);
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%',
+        height: '50%'
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: mediaInfo.url[2],
+      width: '100%',
+      height: '100%',
+      onClick: function onClick() {
+        return setCurrentImageIndex(2);
+      }
+    }))))));
+  };
+  return type === 'video' ? renderVideo() : renderImages();
+};
+export default VideoPlay;

package/dist/media-play/index.module.less

@@ -0,0 +1,196 @@
+.wrap {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+
+.full-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: relative;
+}
+
+.play {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  z-index: 20;
+}
+
+.video-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.45);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  opacity: 0;
+  animation: fadeIn 1s forwards;
+  z-index: 9999;
+}
+
+@keyframes fadeIn {
+  to {
+    opacity: 1;
+  }
+}
+
+.fade-in {
+  opacity: 0;
+  animation: videoFadeIn 1s forwards;
+}
+
+@keyframes videoFadeIn {
+  to {
+    opacity: 1;
+  }
+}
+
+.video-player {
+  height: auto;
+  max-height: 80%;
+  ::cue {
+    white-space: pre-wrap;
+    background: transparent;
+  }
+}
+
+.close-icon {
+  position: absolute;
+  top: 20px;
+  right: 50px;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+}
+
+
+.two-images {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+.half-image {
+  width: 50%;
+  height: auto;
+}
+
+.left-img {
+  width: 100%;
+  height: 100%;
+}
+
+.three-images {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+.disabled-overlay {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  background: rgba(255,255,255,0.6);
+}
+
+.preview-overlay {
+  background: rgba(255,255,255,0.6);
+  width: 100%;
+  height: 100%;
+}
+
+
+.with-bg {
+  position: relative;
+}
+
+.with-bg::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.6);
+  z-index: 1;
+}
+
+.with-bg {
+  position: relative;
+  z-index: 2;
+}
+
+.image-wrapper {
+  background: rgba(255, 255, 255, 0.6);
+  display: inline-block;
+}
+
+.mask {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+
+.mask_info{
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 0 4px;
+  width: 100%;
+  height: 100%;
+}
+
+.disabled-overlay {
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 15;
+}
+
+.content-wrap {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 12;
+}
+
+.preview-text {
+  font-size: 16px;
+  color: #FFFFFF;
+  border-radius: 4px;
+  cursor: pointer;
+  display: none;
+}
+
+.disabled-overlay:hover .preview-text {
+  display: block;
+}
+
+.full-image {
+  position: relative;
+  //z-index: 10;
+}

package/dist/media-play/play.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" 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(-862.000000, -560.000000)">
+            <g id="编组-15备份-4" transform="translate(810.000000, 488.000000)">
+                <g id="编组备份-5" transform="translate(52.000000, 72.000000)">
+                    <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="48" height="48"></rect>
+                    <circle id="椭圆形" stroke="#FFFFFF" stroke-width="3" fill-opacity="0.25" fill="#000000" cx="24" cy="24" r="18.5"></circle>
+                    <path d="M21.1138257,18.2134066 C20.2233117,17.7007919 19.5,18.1429341 19.5,19.2048477 L19.5,30.2960524 C19.5,31.3502429 20.2223879,31.8010735 21.1138257,31.2874935 L30.8328071,25.6815552 C31.7214736,25.1679751 31.7233211,24.3338903 30.8328071,23.8193449 L21.1138257,18.2134066 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/modal-wrapper/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ModalProps } from 'antd';
+interface ModalWrapperProps {
+    title: string | React.ReactNode;
+    content: React.ReactNode;
+    width?: number;
+    footer?: React.ReactNode;
+    children: React.ReactNode;
+    modalProps?: ModalProps;
+    onSuccess?: () => void;
+    btnClassName?: string;
+    onOpen?: () => void;
+}
+declare const ModalWrapper: React.FC<ModalWrapperProps & {
+    ref?: React.Ref<any>;
+}>;
+export default ModalWrapper;

package/dist/modal-wrapper/index.js

@@ -0,0 +1,66 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+import React, { useState, useImperativeHandle, forwardRef } from "react";
+import { Modal } from 'antd';
+//@ts-ignore
+var ModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
+  // eslint-disable-next-line react/prop-types
+  var children = props.children,
+    title = props.title,
+    content = props.content,
+    onSuccess = props.onSuccess,
+    btnClassName = props.btnClassName,
+    onOpen = props.onOpen;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModalVisible = _useState2[0],
+    setIsModalVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    confirmLoading = _useState4[0],
+    setConfirmLoading = _useState4[1];
+  var showModal = function showModal() {
+    setIsModalVisible(true);
+    onOpen === null || onOpen === void 0 || onOpen();
+  };
+  var closeModal = function closeModal() {
+    setIsModalVisible(false);
+  };
+  var handleOk = function handleOk() {
+    setConfirmLoading(true);
+    Promise.resolve(onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess()).then(function () {
+      setConfirmLoading(false);
+      closeModal();
+    }).catch(function () {
+      setConfirmLoading(false);
+    });
+  };
+  var handleCancel = function handleCancel() {
+    closeModal();
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      closeModal: closeModal
+    };
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    onClick: showModal,
+    className: btnClassName
+  }, children), /*#__PURE__*/React.createElement(Modal, _extends({
+    title: title,
+    width: props.width || 900,
+    open: isModalVisible,
+    onOk: handleOk,
+    onCancel: handleCancel,
+    confirmLoading: confirmLoading,
+    cancelText: "\u53D6\u6D88",
+    okText: "\u786E\u5B9A"
+  }, props.modalProps), content));
+});
+ModalWrapper.displayName = 'ModalWrapper';
+export default ModalWrapper;

package/dist/publish-account/imgs/close.svg

@@ -0,0 +1,25 @@
+<?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">
+        <g id="发布管理-任务详情--文本任务-异常情况" transform="translate(-1568.000000, -507.000000)">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-17" transform="translate(104.000000, 81.000000)">
+                    <g id="编组-33" transform="translate(0.000000, 360.000000)">
+                        <g id="编组-31备份" transform="translate(252.000000, 0.000000)">
+                            <g id="编组-33" transform="translate(172.000000, 10.000000)">
+                                <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                                <g id="编组" transform="translate(3.000000, 3.000000)" stroke="#142A51" stroke-linecap="round" stroke-linejoin="round">
+                                    <line x1="0" y1="0" x2="10" y2="10" id="路径"></line>
+                                    <line x1="0" y1="10" x2="10" y2="0" id="路径"></line>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-account/imgs/fb.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" 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(-1144.000000, -502.000000)" fill-rule="nonzero">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-17" transform="translate(104.000000, 81.000000)">
+                    <g id="编组-33" transform="translate(0.000000, 364.000000)">
+                        <g id="facebook" transform="translate(0.000000, 1.000000)">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                            <path d="M30.6666667,15.9917267 C30.6157794,8.15081431 24.4774152,1.71951574 16.6917967,1.34998948 C8.90617812,0.980463233 2.19319237,6.80180241 1.40875977,14.6030701 C0.624327162,22.4043379 6.04248736,29.4601799 13.7439479,30.6666667 L13.7439479,20.4520913 L9.98711285,20.4520913 L9.98711285,15.9917267 L13.7439479,15.9917267 L13.7439479,12.0534404 C13.7969709,9.36045579 15.9413711,7.18320482 18.6176799,7.10504615 C19.8896924,7.03924118 21.1647196,7.14613144 22.4083603,7.42283294 L22.4083603,11.0206334 L19.9940579,11.0206334 C19.4953209,11.0264153 19.0200291,11.2345205 18.6759437,11.5977659 C18.3318582,11.9610112 18.1481276,12.4486254 18.1664084,12.9500532 L18.1664084,15.9917267 L22.2955424,15.9917267 L21.6411988,20.4520913 L18.1664084,20.4520913 L18.1664084,30.6666667 C25.3684945,29.560267 30.683123,23.3210284 30.6666667,15.9917267 L30.6666667,15.9917267 Z" id="路径" fill="#1876F2"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-account/imgs/ins.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" 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>
+    <defs>
+        <linearGradient x1="14.6140845%" y1="85.3314554%" x2="85.2446009%" y2="14.7007042%" id="linearGradient-1">
+            <stop stop-color="#F9ED41" offset="0%"></stop>
+            <stop stop-color="#FF833D" offset="24.12%"></stop>
+            <stop stop-color="#EE5568" offset="40.1%"></stop>
+            <stop stop-color="#E7407B" offset="48.88%"></stop>
+            <stop stop-color="#0028FF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-任务详情--视频任务" transform="translate(-1144.000000, -599.000000)" fill-rule="nonzero">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-17" transform="translate(104.000000, 81.000000)">
+                    <g id="编组-33" transform="translate(0.000000, 364.000000)">
+                        <g id="instagram-fill" transform="translate(0.000000, 98.000000)">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                            <g id="编组" transform="translate(1.333333, 1.333333)">
+                                <circle id="椭圆形" fill="url(#linearGradient-1)" cx="14.5302326" cy="14.5984496" r="14.5302326"></circle>
+                                <g transform="translate(5.457364, 5.457364)" fill="#FFFFFF">
+                                    <path d="M12.8930233,0.272868217 L5.18449612,0.272868217 C2.45581395,0.272868217 0.204651163,2.52403101 0.204651163,5.25271318 L0.204651163,12.9612403 C0.204651163,15.6899225 2.45581395,17.9410853 5.18449612,17.9410853 L12.8930233,17.9410853 C15.6217054,17.9410853 17.8728682,15.6899225 17.8728682,12.9612403 L17.8728682,5.25271318 C17.8728682,2.52403101 15.6217054,0.272868217 12.8930233,0.272868217 Z M16.303876,12.8248062 C16.303876,14.7348837 14.7348837,16.303876 12.8248062,16.303876 L5.32093023,16.303876 C3.41085271,16.303876 1.84186047,14.7348837 1.84186047,12.8248062 L1.84186047,5.32093023 C1.84186047,3.41085271 3.41085271,1.84186047 5.32093023,1.84186047 L12.8248062,1.84186047 C14.7348837,1.84186047 16.303876,3.41085271 16.303876,5.32093023 L16.303876,12.8248062 Z" id="形状"></path>
+                                    <path d="M9.07286822,4.57054264 C6.54883721,4.57054264 4.57054264,6.61705426 4.57054264,9.07286822 C4.57054264,11.5286822 6.61705426,13.5751938 9.07286822,13.5751938 C11.5968992,13.5751938 13.5751938,11.5286822 13.5751938,9.07286822 C13.5751938,6.61705426 11.5286822,4.57054264 9.07286822,4.57054264 Z M9.07286822,11.9379845 C7.50387597,11.9379845 6.20775194,10.6418605 6.20775194,9.07286822 C6.20775194,7.50387597 7.50387597,6.20775194 9.07286822,6.20775194 C10.6418605,6.20775194 11.9379845,7.50387597 11.9379845,9.07286822 C11.9379845,10.7100775 10.6418605,11.9379845 9.07286822,11.9379845 Z" id="形状"></path>
+                                    <path d="M14.8031008,4.36589147 C14.8031008,4.97984496 14.3255814,5.45736434 13.7116279,5.45736434 C13.0976744,5.45736434 12.620155,4.97984496 12.620155,4.36589147 C12.620155,3.75193798 13.0976744,3.2744186 13.7116279,3.2744186 C14.3255814,3.2744186 14.8031008,3.82015504 14.8031008,4.36589147 Z" id="路径"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>