component-shipinlv 1.0.16 → 1.0.18

package/dist/Product/dict.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface Props {
+    productType: string;
+    env?: Global.Env;
+}
+interface ProductTypeDict {
+    [productType: string]: ProductTypeList;
+}
+interface ProductTypeList {
+    productType: string;
+    icon?: React.ReactNode;
+    title: string;
+    color: string;
+}
+declare const ProductTypeDict: React.FC<Props>;
+export default ProductTypeDict;

package/dist/Product/dict.js

@@ -0,0 +1,93 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { Tag } from 'antd';
+import { useRequest } from "@umijs/hooks";
+import * as ProductController from "../service/api/ProductController";
+import Tool from "../lib/Tool";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ProductTypeInfo = {
+  list: [],
+  status: '' // loading | success | fail
+};
+
+var ProductTypeDict = function ProductTypeDict(_ref) {
+  var productType = _ref.productType,
+    env = _ref.env;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    productList = _useState2[0],
+    setProductList = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    videoPublishTaskStatusDict = _useState4[0],
+    setProductTypeDict = _useState4[1];
+  var _useRequest = useRequest(function () {
+      return ProductController.list({
+        webDomain: document.location.hostname
+      }, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(list) {
+        onList(list);
+        Tool.event.run('component-product-list', list);
+      },
+      onError: function onError() {
+        ProductTypeInfo.status = 'fail';
+      }
+    }),
+    loadingProduct = _useRequest.loading,
+    runProduct = _useRequest.run;
+  var onList = function onList(list) {
+    setProductList(list);
+    ProductTypeInfo.status = 'success';
+    ProductTypeInfo.list = list;
+    var dict = {};
+    list.forEach(function (items) {
+      dict[items.productType] = {
+        productType: items.productType,
+        // icon: items,
+        title: items.name,
+        color: ''
+      };
+    });
+    setProductTypeDict(dict);
+  };
+  var itemData = videoPublishTaskStatusDict[productType] || {
+    icon: '',
+    title: '',
+    color: ''
+  };
+  var getColor = function getColor(color) {
+    if (color) {
+      return color;
+    }
+    var matchColor = (parseInt(productType || '', 36) || 0).toString(16);
+    if (!matchColor) {
+      matchColor = 'gray';
+    } else {
+      matchColor = '#' + "".concat(matchColor, "0000000").slice(0, 6);
+    }
+    return matchColor;
+  };
+  useEffect(function () {
+    Tool.event.on('component-product-list', function (list) {
+      onList(list);
+    });
+    if (['success'].includes(ProductTypeInfo.status)) {
+      Tool.event.run('component-product-list', ProductTypeInfo.list);
+      return;
+    }
+    if (['loading'].includes(ProductTypeInfo.status)) {
+      return;
+    }
+    ProductTypeInfo.status = 'loading';
+    runProduct();
+  }, []);
+  return productType ? /*#__PURE__*/_jsxs(Tag, {
+    color: getColor(itemData.color),
+    children: [itemData.icon, " ", itemData.title || productType]
+  }) : null;
+};
+export default ProductTypeDict;

package/dist/UI/PageContentWarp.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
+import './PageContentWarp.less';
 interface Props {
+    id?: string;
     title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    disabledTitleBorder?: boolean;
     className?: string;
     minHeight?: number | string;
     loading?: boolean;
     loadingDom?: React.ReactNode;
+    needLogin?: boolean;
     error?: Error | null;
+    leftExtInfo?: React.ReactNode;
     extInfo?: React.ReactNode;
     children?: React.ReactNode;
     errorNode?: (err: Error) => React.ReactNode;

package/dist/UI/PageContentWarp.js

@@ -1,34 +1,57 @@
 import React from 'react';
-import styles from "./PageContentWarp.css";
+import "./PageContentWarp.less";
 import LoadError from "./LoadError";
 import { LoadingOutlined } from '@ant-design/icons';
+import { Space } from "antd";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var PageContentWarp = function PageContentWarp(_ref) {
-  var _ref$title = _ref.title,
+  var id = _ref.id,
+    _ref$title = _ref.title,
     title = _ref$title === void 0 ? '' : _ref$title,
+    disabledTitleBorder = _ref.disabledTitleBorder,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? -1 : _ref$minHeight,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
+    needLogin = _ref.needLogin,
+    _ref$leftExtInfo = _ref.leftExtInfo,
+    leftExtInfo = _ref$leftExtInfo === void 0 ? '' : _ref$leftExtInfo,
     _ref$loadingDom = _ref.loadingDom,
     loadingDom = _ref$loadingDom === void 0 ? '' : _ref$loadingDom,
     _ref$extInfo = _ref.extInfo,
     extInfo = _ref$extInfo === void 0 ? '' : _ref$extInfo,
+    subtitle = _ref.subtitle,
     children = _ref.children,
     error = _ref.error,
     errorNode = _ref.errorNode,
     onReload = _ref.onReload;
-  return /*#__PURE__*/_jsxs(styles.PageContentBox, {
-    className: "ktv-ai-pageContentBox ".concat(className),
+  return /*#__PURE__*/_jsxs("div", {
+    id: id,
+    className: "pageContentBox ".concat(className),
     style: {
-      minHeight: minHeight ? minHeight : 'auto'
+      minHeight: minHeight ? minHeight : undefined
     },
-    children: [title && /*#__PURE__*/_jsx("h2", {
-      children: title
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "pageTitle ".concat(disabledTitleBorder ? 'noTitleBorder' : '', " ").concat(!title && 'noTitle', " ").concat(!title && !extInfo ? 'noTitles' : ''),
+      children: [title && /*#__PURE__*/_jsx("span", {
+        className: "title",
+        children: title
+      }), /*#__PURE__*/_jsx("span", {
+        className: "subtitle",
+        children: subtitle
+      }), /*#__PURE__*/_jsx("div", {
+        className: "extInfo",
+        children: /*#__PURE__*/_jsx(Space, {
+          size: "middle",
+          children: Array.isArray(extInfo) ? /*#__PURE__*/_jsx(Space, {
+            children: extInfo
+          }) : extInfo
+        })
+      })]
     }), error ? /*#__PURE__*/_jsx(_Fragment, {
       children: errorNode && errorNode(error) ? errorNode(error) : /*#__PURE__*/_jsx(LoadError, {
         title: error.message,
@@ -37,10 +60,21 @@ var PageContentWarp = function PageContentWarp(_ref) {
       })
     }) : /*#__PURE__*/_jsx(_Fragment, {
       children: loading ? loadingDom ? loadingDom : /*#__PURE__*/_jsx("div", {
-        className: "pageContentBoxLoading ktv-ai-loading",
+        className: "pageContentBoxLoading loading",
         children: /*#__PURE__*/_jsx(LoadingOutlined, {})
-      }) : children
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [leftExtInfo && /*#__PURE__*/_jsx("div", {
+          className: "leftExtInfo",
+          children: leftExtInfo
+        }), children
+        // needLogin && ! userInfo.isLogin ?
+        //   <AuthNotLogin />
+        //   :
+        //   children
+        ]
+      })
     })]
   });
 };
+
 export default PageContentWarp;

package/dist/UI/PageContentWarp.less

@@ -0,0 +1,48 @@
+.pageContentBox{
+  .loading{
+    padding: 20px;
+    text-align: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    font-size: 30px;
+  }
+
+  .pageTitle {
+    position: relative;
+    padding: 5px 15px 12px 0;
+    font-size: 18px;
+    font-weight: 400;
+    color: #333;
+    border-bottom: 1px solid #eee;
+    line-height: 1.2em;
+    margin: 0 0 12px 0;
+    &.noTitles {
+      display: none;
+    }
+    &.noTitle {
+      border-bottom: none;
+    }
+    &.noTitleBorder{
+        border-bottom: none;
+    }
+    .subtitle{
+      padding-right: 10px;
+      padding-left: 10px;
+      font-weight: 300;
+    }
+    .subtitle {
+      font-size: 15px;
+      display: inline-block;
+      color: #888;
+    }
+    .extInfo {
+      position: absolute;
+      bottom: 6px;
+      right: 0;
+      font-size: 14px;
+      line-height: 38px;
+    }
+  }
+
+}

package/dist/VideoPublish/creat-task/hour-enabled.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./hour-enabled.less";
+interface Props {
+    disabled?: boolean;
+    hourEnabled: number[];
+    onHourEnabled: (hourEnabled: number[]) => void;
+}
+declare const VideoPublishCreateTaskHourSelect: React.FC<Props>;
+export default VideoPublishCreateTaskHourSelect;

package/dist/VideoPublish/creat-task/hour-enabled.js

@@ -0,0 +1,42 @@
+import React from "react";
+import "./hour-enabled.less";
+import { Col, Row } from "antd";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var VideoPublishCreateTaskHourSelect = function VideoPublishCreateTaskHourSelect(_ref) {
+  var disabled = _ref.disabled,
+    _ref$hourEnabled = _ref.hourEnabled,
+    hourEnabled = _ref$hourEnabled === void 0 ? [] : _ref$hourEnabled,
+    _ref$onHourEnabled = _ref.onHourEnabled,
+    onHourEnabled = _ref$onHourEnabled === void 0 ? function () {} : _ref$onHourEnabled;
+  var onHour = function onHour(hour) {
+    if (disabled) {
+      return;
+    }
+    var index = hourEnabled.indexOf(hour);
+    if (index > -1) {
+      hourEnabled.splice(index, 1);
+    } else {
+      hourEnabled.push(hour);
+    }
+    onHourEnabled(hourEnabled);
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "videoPublishCreatTaskHourSelect",
+    children: /*#__PURE__*/_jsx(Row, {
+      children: Array(24).join(',').split(',').map(function (item, i) {
+        return /*#__PURE__*/_jsx(Col, {
+          span: 3,
+          children: /*#__PURE__*/_jsxs("div", {
+            className: "items-hour ".concat(disabled ? 'disabled' : '', " ").concat(hourEnabled.includes(i) ? 'active' : ''),
+            onClick: function onClick() {
+              return onHour(i);
+            },
+            children: [i, ":00"]
+          })
+        }, i);
+      })
+    })
+  });
+};
+export default VideoPublishCreateTaskHourSelect;

package/dist/VideoPublish/creat-task/hour-enabled.less

@@ -0,0 +1,24 @@
+.videoPublishCreatTaskHourSelect{
+  max-width: 720px;
+  .items-hour{
+    background-color: #F2F2F2;
+    padding: 7px 0;
+    line-height: 1em;
+    margin: 0 3px 3px 0;
+    text-align: center;
+    border-radius: 2px;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    transition: all 0.3s ease-in-out;
+    -webkit-transition: all 0.3s ease-in-out;
+    &.active{
+      background-color: #722ED1;
+      color: #FFF;
+    }
+    &.disabled{
+      cursor: not-allowed !important;
+    }
+  }
+}

package/dist/VideoPublish/creat-task/index.js

@@ -14,8 +14,9 @@ import VideoPublishTaskList from "./task-list";
 import VideoPublishSelectList from "./select-list";
 import { useRequest } from "@umijs/hooks";
 import * as VideoPublishController from "../../service/api/VideoPublishController";
-import VideoPlatformLogo from "../../component/video-platform/logo";
+import VideoPlatform from "../../component/video-platform/logo";
 import fileSelect from "../../base/fileSelect";
+import VideoPublishCreateTaskHourEnabled from "./hour-enabled";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -26,6 +27,7 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
     env = _ref.env;
   var _useState = useState({
       videoFrom: productType ? 'task' : 'local',
+      taskFromProductType: productType,
       accountList: [],
       normalVideoRate: 1,
       normalVideoRateType: 'hour',
@@ -36,6 +38,7 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
       salesVideoRateType: 'hour',
       salesDayMaxCount: 2,
       salesVideoKindRateType: '',
+      hourEnabled: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23],
       videoList: []
     }),
     _useState2 = _slicedToArray(_useState, 2),
@@ -59,6 +62,10 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
     setTreeVideoAccountData = _useState10[1];
   var _useRequest = useRequest(function () {
       return VideoPublishController.videoAccountList({
+        isLoginValid: '',
+        // | '1' | '0';
+        keyword: '',
+        platform: '',
         current: 1,
         pageSize: 300 // 服务器 固定死了 300；
       }, {
@@ -87,7 +94,7 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
           }) : items.followerCount;
           dict[items.groupId].children.push({
             title: /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(VideoPlatformLogo, {
+              children: [/*#__PURE__*/_jsx(VideoPlatform, {
                 platform: items.platform,
                 size: 14
               }), " ", items.nickname, /*#__PURE__*/_jsxs(styles.followerCount, {
@@ -457,6 +464,19 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
               children: "\u4E00\u6B21\u6027\u5168\u53D1\u5E03"
             })]
           })
+        }), /*#__PURE__*/_jsx(Divider, {
+          orientation: "left",
+          children: "\u54EA\u4E9B\u5C0F\u65F6\u533A\u95F4\u53EF\u53D1"
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u65F6\u95F4\u6BB5",
+          children: /*#__PURE__*/_jsx(VideoPublishCreateTaskHourEnabled, {
+            disabled: true,
+            hourEnabled: formData.hourEnabled,
+            onHourEnabled: function onHourEnabled(hourEnabled) {
+              formData.hourEnabled = hourEnabled;
+              setFormData(_objectSpread({}, formData));
+            }
+          })
         }), /*#__PURE__*/_jsx(Divider, {
           orientation: "left",
           children: "\u5176\u4ED6\u8BBE\u7F6E"

package/dist/VideoPublish/index.js

@@ -41,7 +41,7 @@ var VideoPublish = function VideoPublish(_ref) {
   }, {
     key: 'task-list',
     icon: /*#__PURE__*/_jsx(ClockCircleOutlined, {}),
-    label: '发布任务',
+    label: '发布列表',
     children: /*#__PURE__*/_jsx(VideoPublishTaskList, {
       disabled: disabled,
       env: env

package/dist/VideoPublish/task-list/index.js

@@ -1,12 +1,18 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from "react";
 import "./index.less";
 import PageContentWarp from "../../UI/PageContentWarp";
 import { useRequest } from "@umijs/hooks";
 import * as VideoPublishController from "../../service/api/VideoPublishController";
-import { Popover, Table, Tag } from "antd";
+import { Button, Space, Table, Tag } from "antd";
+import VideoPublishTaskListQuery from "./query";
+import Time from "../../UI/Time";
+import Money from "../../UI/Money";
+import ProductTypeDict from "../../Product/dict";
+import Tool from "../../lib/Tool";
+import VideoPublishTaskPlanList from "./plan/list";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 var VideoPublishTaskList = function VideoPublishTaskList(_ref) {
   var disabled = _ref.disabled,
@@ -19,11 +25,23 @@ var VideoPublishTaskList = function VideoPublishTaskList(_ref) {
       current: 1,
       pageSize: 20,
       total: 0,
-      simple: true
+      simple: true,
+      showSizeChanger: false,
+      showQuickJumper: false
     }),
     _useState4 = _slicedToArray(_useState3, 2),
     pagination = _useState4[0],
     setPagination = _useState4[1];
+  var _useState5 = useState({
+      startTime: 0,
+      // Date.now(),
+      endTime: 0 //Date.now(),
+      // taskStatus: '',
+      // keyword: '',
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    query = _useState6[0],
+    setQuery = _useState6[1];
   var columns = [{
     title: '序号',
     dataIndex: '-',
@@ -37,57 +55,85 @@ var VideoPublishTaskList = function VideoPublishTaskList(_ref) {
     dataIndex: 'id',
     key: 'id'
   }, {
-    title: '平台',
-    dataIndex: 'platform',
-    key: 'platform'
+    title: '视频来源',
+    dataIndex: 'videoFrom',
+    key: 'videoFrom',
+    render: function render(videoFrom, record) {
+      if (videoFrom === 'local') {
+        return /*#__PURE__*/_jsx(Tag, {
+          children: "\u672C\u5730\u7535\u8111"
+        });
+      }
+      return /*#__PURE__*/_jsx(ProductTypeDict, {
+        productType: (record === null || record === void 0 ? void 0 : record.taskFromProductType) || '任务'
+      });
+    }
   }, {
-    title: '名称',
-    dataIndex: 'nickname',
-    key: 'nickname',
-    render: function render(nickname, record) {
-      return /*#__PURE__*/_jsx(Popover, {
-        title: "\u6807\u9898",
-        content: nickname,
-        children: /*#__PURE__*/_jsxs("div", {
-          className: "title",
-          children: [nickname, /*#__PURE__*/_jsx("div", {
-            children: record === null || record === void 0 ? void 0 : record.accountId
-          })]
-        })
+    title: '视频数量',
+    dataIndex: 'videoAmount',
+    key: 'videoAmount',
+    render: function render(videoAmount) {
+      return /*#__PURE__*/_jsx(Money, {
+        pre: "",
+        value: videoAmount,
+        end: "\u4E2A",
+        precision: 0
       });
     }
   }, {
     title: /*#__PURE__*/_jsx(_Fragment, {
-      children: "\u662F\u5426\u767B\u5F55"
+      children: "\u72B6\u6001"
     }),
-    dataIndex: 'isLoginValid',
-    key: 'isLoginValid',
-    render: function render(isLoginValid, record) {
-      return isLoginValid ? /*#__PURE__*/_jsx(Tag, {
-        color: "green",
-        children: "\u5DF2\u767B\u5F55"
-      }) : /*#__PURE__*/_jsx(Tag, {
-        color: "red",
-        children: "\u672A\u767B\u5F55"
-      });
-    }
+    dataIndex: 'taskStatus',
+    key: 'taskStatus'
   }, {
     title: /*#__PURE__*/_jsx(_Fragment, {
-      children: "\u89C6\u9891\u6570\u91CF"
+      children: "\u5F00\u59CB\u65F6\u95F4"
     }),
-    dataIndex: 'videoCount',
-    key: 'videoCount'
+    dataIndex: 'startTime',
+    key: 'startTime',
+    render: function render(startTime) {
+      return /*#__PURE__*/_jsx(Time, {
+        time: startTime
+      });
+    }
   }, {
-    title: '粉丝数',
-    dataIndex: 'followerCount',
-    key: 'followerCount'
+    title: '创建时间',
+    dataIndex: 'created',
+    key: 'created',
+    render: function render(created) {
+      return /*#__PURE__*/_jsx(Time, {
+        time: created
+      });
+    }
+  }, {
+    title: '发布计划',
+    dataIndex: '——',
+    key: '——',
+    render: function render(_, record) {
+      return /*#__PURE__*/_jsx(Space, {
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          size: "small",
+          onClick: function onClick() {
+            return onTaskPlan((record === null || record === void 0 ? void 0 : record.id) || 0);
+          },
+          children: "\u67E5\u770B"
+        })
+      });
+    }
   }];
+  var _onQuery = function onQuery(query) {
+    setQuery(_objectSpread({}, query));
+    runTaskList(query, 1);
+  };
   var _useRequest = useRequest(function () {
-      var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : pagination.current;
-      return VideoPublishController.taskList({
-        current: 1,
+      var postQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : query;
+      var current = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pagination.current;
+      return VideoPublishController.taskList(_objectSpread(_objectSpread({}, postQuery), {}, {
+        current: current,
         pageSize: pagination.pageSize
-      }, {
+      }), {
         env: env
       });
     }, {
@@ -99,12 +145,28 @@ var VideoPublishTaskList = function VideoPublishTaskList(_ref) {
     runTaskList = _useRequest.run,
     loadingTaskList = _useRequest.loading,
     errorTaskList = _useRequest.error;
+  var onTaskPlan = function onTaskPlan(publishTaskId) {
+    var dialog = Tool.drawer({
+      title: '视频任务计划',
+      content: /*#__PURE__*/_jsx(VideoPublishTaskPlanList, {
+        env: env,
+        publishTaskId: publishTaskId
+      }),
+      width: 920
+    });
+  };
   return /*#__PURE__*/_jsx(PageContentWarp, {
     loading: loadingTaskList,
     error: errorTaskList,
     onReload: runTaskList,
-    title: "\u53D1\u5E03\u4EFB\u52A1",
+    title: "\u53D1\u5E03\u5217\u8868",
     className: "videoPublishTaskList",
+    extInfo: /*#__PURE__*/_jsx(VideoPublishTaskListQuery, {
+      defaultQuery: query,
+      onQuery: function onQuery(query) {
+        return _onQuery(query);
+      }
+    }),
     children: /*#__PURE__*/_jsx(Table, {
       size: "small",
       bordered: true,
@@ -114,7 +176,10 @@ var VideoPublishTaskList = function VideoPublishTaskList(_ref) {
       loading: false,
       columns: columns,
       dataSource: listData,
-      pagination: false
+      pagination: pagination,
+      onChange: function onChange(page, filters, sorter, extra) {
+        runTaskList(query, page.current);
+      }
     })
   });
 };

package/dist/VideoPublish/task-list/index.less

@@ -1,5 +1,8 @@
-.videoPublishVideoAccountList{
+.videoPublishTaskList{
   display: flex;
   flex-direction: column;
   height: 100%;
+  .ant-pagination-options{
+    display: none;
+  }
 }

package/dist/VideoPublish/task-list/plan/list.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./list.less";
+interface Props {
+    env?: Global.Env;
+    publishTaskId: number;
+}
+declare const VideoPublishTaskPlanList: React.FC<Props>;
+export default VideoPublishTaskPlanList;