component-shipinlv 1.0.33 → 1.0.36

package/dist/VideoPublish/create-task/base/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.less";
+interface Props {
+    disabled?: boolean;
+    createBaseData: VideoPublish.TaskCreateBaseData;
+    onCreateBaseData: (baseData: VideoPublish.TaskCreateBaseData) => void;
+    env?: Global.Env;
+}
+declare const VideoPublishCreateTaskBase: React.FC<Props>;
+export default VideoPublishCreateTaskBase;

package/dist/VideoPublish/create-task/base/index.js

@@ -0,0 +1,315 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./index.less";
+import { Divider, Tag, Form, Tooltip, InputNumber, Select, Radio, DatePicker, ConfigProvider, Switch } from "antd";
+import { RedoOutlined, ShoppingOutlined, UsergroupAddOutlined, VideoCameraOutlined } from "@ant-design/icons";
+import PageContentWarp from "../../../UI/PageContentWarp";
+import { TreeSelect } from 'antd';
+import Tool from "../../../lib/Tool";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishController from "../../../service/api/VideoPublishController";
+import VideoPlatform from "../../../component/video-platform/logo";
+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";
+var VideoPublishCreateTaskBase = function VideoPublishCreateTaskBase(_ref) {
+  var disabled = _ref.disabled,
+    createBaseData = _ref.createBaseData,
+    _ref$onCreateBaseData = _ref.onCreateBaseData,
+    onCreateBaseData = _ref$onCreateBaseData === void 0 ? function () {} : _ref$onCreateBaseData,
+    env = _ref.env;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    treeVideoAccountData = _useState2[0],
+    setTreeVideoAccountData = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishController.videoAccountList({
+        isLoginValid: '',
+        // | '1' | '0';
+        keyword: '',
+        platform: '',
+        current: 1,
+        pageSize: 300 // 服务器 固定死了 300；
+      }, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        var dict = {};
+        result.list.forEach(function (items) {
+          if (!dict[items.groupId]) {
+            dict[items.groupId] = {
+              title: /*#__PURE__*/_jsxs(_Fragment, {
+                children: [/*#__PURE__*/_jsx(UsergroupAddOutlined, {
+                  className: "groupIcon"
+                }), " ", items.groupName || '默认分组']
+              }),
+              value: "group-".concat(items.groupId),
+              key: "group-".concat(items.groupId),
+              children: []
+            };
+          }
+          var followerCount = items.followerCount > 9999 ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [parseFloat((items.followerCount / 1e4).toFixed(1)), /*#__PURE__*/_jsx("small", {
+              children: "\u4E07"
+            })]
+          }) : items.followerCount;
+          dict[items.groupId].children.push({
+            title: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(VideoPlatform, {
+                platform: items.platform,
+                size: 14
+              }), " ", items.nickname, items.nicknameRemark && /*#__PURE__*/_jsx("small", {
+                className: "nicknameRemark",
+                children: items.nicknameRemark
+              }), /*#__PURE__*/_jsxs("small", {
+                className: "followerCount",
+                children: [/*#__PURE__*/_jsx(UsergroupAddOutlined, {}), " ", followerCount, " "]
+              }), !items.isLoginValid && /*#__PURE__*/_jsx("small", {
+                className: "notLoginValid",
+                children: /*#__PURE__*/_jsx(Tag, {
+                  color: "red",
+                  children: "\u672A\u767B\u5F55"
+                })
+              })]
+            }),
+            disabled: !items.isLoginValid,
+            value: "account-".concat(items.id),
+            key: "account-".concat(items.id)
+          });
+        });
+        var treeData = [{
+          key: 'all',
+          value: 'all',
+          title: /*#__PURE__*/_jsx(Tag, {
+            color: "blue",
+            children: "\u5168\u90E8"
+          }),
+          children: Object.values(dict)
+        }];
+        setTreeVideoAccountData(treeData);
+      }
+    }),
+    runAccountList = _useRequest.run,
+    loadingAccountList = _useRequest.loading,
+    errorAccountList = _useRequest.error;
+  var onAccountList = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!loadingAccountList) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _context.next = 4;
+            return runAccountList().catch(function (err) {});
+          case 4:
+            Tool.toast('账户列表已刷新');
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onAccountList() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_jsxs(PageContentWarp, {
+    loading: loadingAccountList,
+    error: errorAccountList,
+    onReload: runAccountList,
+    className: "videoPublishCreateTaskBase",
+    children: [/*#__PURE__*/_jsx(Divider, {
+      orientation: "left",
+      children: "\u9009\u62E9\u8D26\u6237"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "accountListWarp",
+      children: [/*#__PURE__*/_jsx(Form.Item, {
+        label: "\u8D26\u53F7",
+        extra: "\u6BCF\u4E2A\u89C6\u9891\u53EA\u53D1\u4E00\u4E2A\u8D26\u6237",
+        name: "accountList",
+        className: "accountList",
+        rules: [{
+          required: true,
+          message: '请选择账户'
+        }],
+        children: /*#__PURE__*/_jsx(TreeSelect, {
+          disabled: loadingAccountList,
+          treeData: treeVideoAccountData
+          // value={ [] }
+          ,
+          onChange: function onChange(idList) {
+            console.log('TreeSelect:', idList);
+          },
+          treeCheckable: !loadingAccountList,
+          showCheckedStrategy: TreeSelect.SHOW_PARENT,
+          placeholder: "\u8BF7\u9009\u62E9 \u8D26\u6237/\u7EC4"
+        })
+      }), /*#__PURE__*/_jsx("a", {
+        className: "renew ".concat(loadingAccountList ? 'disabled' : ''),
+        onClick: function onClick() {
+          return onAccountList();
+        },
+        children: /*#__PURE__*/_jsx(Tooltip, {
+          title: "\u5237\u65B0\u8D26\u6237\u5217\u8868",
+          children: /*#__PURE__*/_jsx(RedoOutlined, {})
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Divider, {
+      orientation: "left",
+      children: [/*#__PURE__*/_jsx(VideoCameraOutlined, {
+        className: "normalVideo"
+      }), " \u666E\u901A\u89C6\u9891"]
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u53D1\u5E03\u9891\u7387",
+      name: "normalVideoRate",
+      children: /*#__PURE__*/_jsx(InputNumber, {
+        precision: 0,
+        min: 0,
+        max: 100,
+        addonBefore: /*#__PURE__*/_jsxs(Select, {
+          className: "rateSelect",
+          value: createBaseData.normalVideoRateType,
+          onChange: function onChange(e) {
+            createBaseData.normalVideoRateType = e;
+            onCreateBaseData(_objectSpread({}, createBaseData));
+          },
+          children: [/*#__PURE__*/_jsx(Select.Option, {
+            value: "hour",
+            children: "\u6BCF\u5C0F\u65F6\u53D1\u5E03"
+          }), /*#__PURE__*/_jsx(Select.Option, {
+            value: "day",
+            children: "\u6BCF\u5929\u53D1\u5E03"
+          })]
+        }),
+        addonAfter: "\u6761\u89C6\u9891"
+      })
+    }), createBaseData.normalVideoRateType === 'hour' && /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u6570\u91CF\u9650\u5236",
+      name: "normalDayMaxCount",
+      children: /*#__PURE__*/_jsx(InputNumber, {
+        precision: 0,
+        min: 1,
+        max: 500,
+        addonBefore: "\u6BCF\u5929\u6700\u591A\u53D1\u5E03",
+        addonAfter: "\u6761\u89C6\u9891"
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u9891\u7387\u65B9\u5F0F",
+      name: "normalVideoKindRateType",
+      children: /*#__PURE__*/_jsxs(Radio.Group, {
+        children: [/*#__PURE__*/_jsx(Radio, {
+          value: "",
+          children: "\u65F6\u95F4\u5E73\u5747\u4E00\u4F1A\u53D1\u4E00\u4E2A"
+        }), /*#__PURE__*/_jsx(Radio, {
+          value: "now",
+          children: "\u4E00\u6B21\u6027\u5168\u53D1\u5E03"
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(Divider, {
+      orientation: "left",
+      children: [/*#__PURE__*/_jsx(ShoppingOutlined, {
+        className: "shoppingCart"
+      }), " \u5E26\u8D27\u89C6\u9891"]
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u53D1\u5E03\u9891\u7387",
+      name: "salesVideoRate",
+      children: /*#__PURE__*/_jsx(InputNumber, {
+        precision: 0,
+        min: 1,
+        max: 200,
+        addonBefore: /*#__PURE__*/_jsxs(Select, {
+          className: "rateSelect",
+          value: createBaseData.salesVideoRateType,
+          onChange: function onChange(e) {
+            createBaseData.salesVideoRateType = e;
+            onCreateBaseData(_objectSpread({}, createBaseData));
+          },
+          children: [/*#__PURE__*/_jsx(Select.Option, {
+            value: "hour",
+            children: "\u6BCF\u5C0F\u65F6\u53D1\u5E03"
+          }), /*#__PURE__*/_jsx(Select.Option, {
+            value: "day",
+            children: "\u6BCF\u5929\u53D1\u5E03"
+          })]
+        }),
+        addonAfter: "\u6761\u89C6\u9891"
+      })
+    }), createBaseData.salesVideoRateType === 'hour' && /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u6570\u91CF\u9650\u5236",
+      name: "salesDayMaxCount",
+      children: /*#__PURE__*/_jsx(InputNumber, {
+        precision: 0,
+        min: 1,
+        max: 200,
+        addonBefore: "\u6BCF\u5929\u6700\u591A\u53D1\u5E03",
+        addonAfter: "\u6761\u89C6\u9891"
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u9891\u7387\u65B9\u5F0F",
+      name: "salesVideoKindRateType",
+      children: /*#__PURE__*/_jsxs(Radio.Group, {
+        children: [/*#__PURE__*/_jsx(Radio, {
+          value: "",
+          children: "\u65F6\u95F4\u5E73\u5747\u4E00\u4F1A\u53D1\u4E00\u4E2A"
+        }), /*#__PURE__*/_jsx(Radio, {
+          value: "now",
+          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: createBaseData.hourEnabled,
+        onHourEnabled: function onHourEnabled(hourEnabled) {
+          createBaseData.hourEnabled = hourEnabled;
+          onCreateBaseData(_objectSpread({}, createBaseData));
+        }
+      })
+    }), /*#__PURE__*/_jsx(Divider, {
+      orientation: "left",
+      children: "\u5176\u4ED6\u8BBE\u7F6E"
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u5F00\u59CB\u65F6\u95F4",
+      name: "startTime",
+      children: /*#__PURE__*/_jsx(DatePicker, {
+        showTime: true,
+        disabledDate: function disabledDate(e) {
+          return e.valueOf() + 86400e3 < Date.now() || e.valueOf() > Date.now() + 86400e3 * 14;
+        },
+        onChange: function onChange(value, dateString) {
+          console.log('Selected Time: ', value);
+          console.log('Formatted Selected Time: ', dateString);
+        }
+        // onOk={onOk}
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u53D1\u5E03\u5B8C\u6210\u540E",
+      children: /*#__PURE__*/_jsx(ConfigProvider, {
+        theme: {
+          token: {
+            colorPrimary: '#F60',
+            colorTextQuaternary: '#1677ff'
+          }
+        },
+        children: /*#__PURE__*/_jsx(Switch, {
+          unCheckedChildren: "\u4FDD\u7559\u89C6\u9891",
+          checkedChildren: "\u5220\u9664\u89C6\u9891"
+        })
+      })
+    })]
+  });
+};
+export default VideoPublishCreateTaskBase;

package/dist/VideoPublish/create-task/base/index.less

@@ -0,0 +1,64 @@
+.videoPublishCreateTaskBase {
+  padding: 0 12px 0 0;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .groupIcon {
+    color: blue;
+  }
+
+  .rateSelect {
+    width: 120px;
+  }
+
+  .normalVideo {
+    color: blue;
+  }
+
+  .shoppingCart {
+    color: #F60;
+  }
+
+  .selectFile {
+    padding: 12px 0 0;
+  }
+
+  .submits {
+    text-align: right;
+    padding: 0 0 36px 0;
+  }
+
+  .accountListWarp {
+    display: flex;
+    flex-direction: row;
+
+    .accountList {
+      flex: 2;
+      margin-left: 5px;
+    }
+
+    .renew {
+      font-size: 20px;
+      padding: 0 12px;
+    }
+  }
+}
+
+.followerCount{
+  background-color: #F2F2F2;
+  border-radius: 3px;
+  font-size: smaller;
+  line-height: 1em;
+  margin-left: 3px;
+  padding: 2px 3px;
+
+}
+
+.notLoginValid {
+  margin-left: 5px;
+}
+.nicknameRemark {
+  color: #999;
+  padding: 0 3px;
+}

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

@@ -0,0 +1,294 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import styles from "./index.css";
+import { Alert, Button, ConfigProvider, Divider, Form, Radio } from "antd";
+import { PlusOutlined } from "@ant-design/icons";
+import PageContentWarp from "../../UI/PageContentWarp";
+import isInClient from "../../lib/isInClient";
+import Tool from "../../lib/Tool";
+import VideoPublishTaskList from "./task-list";
+import VideoPublishSelectList from "./select-list";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishController from "../../service/api/VideoPublishController";
+import fileSelect from "../../base/fileSelect";
+import VideoPublishCreateTaskBase from "./base";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
+  var disabled = _ref.disabled,
+    productType = _ref.productType,
+    apiUrl = _ref.apiUrl,
+    env = _ref.env;
+  var _useState = useState({
+      videoFrom: productType ? 'task' : 'local',
+      taskFromProductType: productType,
+      accountList: [],
+      normalVideoRate: 1,
+      normalVideoRateType: 'hour',
+      normalDayMaxCount: 1,
+      normalVideoKindRateType: '',
+      startTime: null,
+      salesVideoRate: 2,
+      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),
+    formData = _useState2[0],
+    setFormData = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loadingSelectLocal = _useState4[0],
+    setLoadingSelectLocal = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    localSelectList = _useState6[0],
+    setLocalSelectList = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    taskSelectList = _useState8[0],
+    setTaskSelectList = _useState8[1];
+  var _useRequest = useRequest(function (data) {
+      return VideoPublishController.taskCreate(data, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        // 清除
+        setLocalSelectList([]);
+        setTaskSelectList([]);
+        Tool.toast('任务提交成功');
+      }
+    }),
+    runTask = _useRequest.run,
+    loadingTask = _useRequest.loading,
+    errorTask = _useRequest.error;
+  var onTaskList = function onTaskList() {
+    var dialog = Tool.drawer({
+      title: '任务列表',
+      content: /*#__PURE__*/_jsx(VideoPublishTaskList, {
+        defaultSelectList: [],
+        apiUrl: apiUrl,
+        productType: productType,
+        onFinish: function onFinish(list) {
+          setTaskSelectList(list);
+          dialog.destroy();
+        }
+      }),
+      width: 980
+    });
+  };
+  var onLocalList = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var result, fileList, localSelectList;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoadingSelectLocal(true);
+            _context.next = 3;
+            return fileSelect('video').catch(function (err) {});
+          case 3:
+            result = _context.sent;
+            if (!(!result || (result === null || result === void 0 ? void 0 : result.filePaths.length) <= 0)) {
+              _context.next = 7;
+              break;
+            }
+            setLoadingSelectLocal(false);
+            return _context.abrupt("return");
+          case 7:
+            fileList = result === null || result === void 0 ? void 0 : result.filePaths;
+            console.log('list:', fileList);
+            localSelectList = [];
+            fileList.forEach(function (filePath) {
+              localSelectList.push({
+                id: 0,
+                title: Tool.getTitleByPath(filePath),
+                // goodsUrl: '',
+                videoSize: 0,
+                videoDuration: 0,
+                videoFinishUrl: filePath,
+                introduction: '',
+                videoKindTag: '',
+                // shopping | location | minapp
+                kindTagValue: '',
+                goodsTitle: ''
+              });
+            });
+            setLocalSelectList(localSelectList);
+            setLoadingSelectLocal(false);
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onLocalList() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onFinish = function onFinish(values) {
+    var _values$startTime;
+    var videoList = [];
+    if (formData.videoFrom === 'local') {
+      localSelectList.forEach(function (item) {
+        videoList.push({
+          taskId: 0,
+          productType: productType,
+          title: item.title,
+          // goodsUrl: item.goodsUrl,
+          videoUrl: item.videoFinishUrl,
+          introduction: item.introduction,
+          videoKindTag: item.videoKindTag,
+          // shopping | location | minapp
+          kindTagValue: item.kindTagValue,
+          goodsTitle: item.goodsTitle
+        });
+      });
+    } else {
+      taskSelectList.forEach(function (item) {
+        videoList.push({
+          taskId: item.id,
+          productType: productType,
+          title: item.title,
+          // goodsUrl: item.goodsUrl,
+          videoUrl: item.videoFinishUrl,
+          introduction: item.introduction,
+          videoKindTag: item.videoKindTag,
+          // shopping | location | minapp
+          kindTagValue: item.kindTagValue,
+          goodsTitle: item.goodsTitle
+        });
+      });
+    }
+    var data = _objectSpread(_objectSpread(_objectSpread({}, formData), values), {}, {
+      startTime: values.startTime ? parseInt((((_values$startTime = values.startTime) === null || _values$startTime === void 0 ? void 0 : _values$startTime.valueOf()) * 0.001).toFixed(0)) : 0,
+      videoList: videoList
+    });
+    if (videoList.length === 0) {
+      Tool.toastError('视频为空，请选择视频');
+      return;
+    }
+    console.log('values:', data);
+    runTask(data);
+  };
+  var formLabelSpan = 2;
+  return /*#__PURE__*/_jsx(styles.videoPublishCreateTask, {
+    children: /*#__PURE__*/_jsxs(PageContentWarp
+    // loading={loading}
+    // error={errorAccountList}
+    // onReload={runAccountList}
+    , {
+      children: [disabled && /*#__PURE__*/_jsx(Alert, {
+        message: "\u529F\u80FD\u5347\u7EA7\u4E2D\uFF0C\u5373\u5C06\u5F00\u653E\uFF0C\u656C\u8BF7\u671F\u5F85",
+        type: "warning",
+        showIcon: true,
+        style: {
+          width: 320
+        }
+      }), /*#__PURE__*/_jsxs(Form, {
+        labelCol: {
+          span: formLabelSpan
+        },
+        initialValues: _objectSpread({}, formData),
+        disabled: disabled || loadingTask,
+        scrollToFirstError: true,
+        onFinish: onFinish,
+        children: [/*#__PURE__*/_jsx(Divider, {
+          orientation: "left",
+          children: "\u9009\u62E9\u89C6\u9891"
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u89C6\u9891\u6765\u6E90",
+          name: "videoFrom",
+          children: /*#__PURE__*/_jsxs(Radio.Group, {
+            onChange: function onChange(e) {
+              formData.videoFrom = e.target.value;
+              setFormData(_objectSpread({}, formData));
+            },
+            children: [/*#__PURE__*/_jsx(Radio, {
+              value: "local",
+              disabled: !isInClient(),
+              children: "\u672C\u5730\u7535\u8111\u89C6\u9891"
+            }), productType && /*#__PURE__*/_jsx(Radio, {
+              value: "task",
+              children: "\u4EFB\u52A1\u89C6\u9891"
+            })]
+          })
+        }), formData.videoFrom == 'local' && /*#__PURE__*/_jsxs(Form.Item, {
+          wrapperCol: {
+            offset: formLabelSpan
+          },
+          children: [/*#__PURE__*/_jsx(VideoPublishSelectList, {
+            from: "local",
+            list: localSelectList,
+            onList: function onList() {}
+          }), /*#__PURE__*/_jsx("div", {
+            className: "selectFile",
+            children: /*#__PURE__*/_jsx(ConfigProvider, {
+              theme: {
+                components: {
+                  Button: {
+                    colorPrimary: '#2b59a1'
+                  }
+                }
+              },
+              children: /*#__PURE__*/_jsx(Button, {
+                type: "primary",
+                size: "small",
+                loading: loadingSelectLocal,
+                icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+                onClick: function onClick() {
+                  return onLocalList();
+                },
+                children: "\u9009\u62E9\u672C\u5730\u89C6\u9891"
+              })
+            })
+          })]
+        }), formData.videoFrom == 'task' && /*#__PURE__*/_jsxs(Form.Item, {
+          wrapperCol: {
+            offset: formLabelSpan
+          },
+          children: [/*#__PURE__*/_jsx(VideoPublishSelectList, {
+            from: "task",
+            list: taskSelectList,
+            onList: function onList(list) {
+              return setTaskSelectList(list);
+            }
+          }), /*#__PURE__*/_jsx("div", {
+            className: "selectFile",
+            children: /*#__PURE__*/_jsx(Button, {
+              type: "primary",
+              size: "small",
+              icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+              onClick: function onClick() {
+                return onTaskList();
+              },
+              children: "\u9009\u62E9\u4EFB\u52A1"
+            })
+          })]
+        }), /*#__PURE__*/_jsx(VideoPublishCreateTaskBase, {
+          disabled: disabled,
+          createBaseData: formData,
+          onCreateBaseData: function onCreateBaseData(createBase) {
+            setFormData(_objectSpread(_objectSpread({}, formData), createBase));
+          },
+          env: env
+        }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx("div", {
+          className: "submits",
+          children: /*#__PURE__*/_jsx(Button, {
+            type: "primary",
+            htmlType: "submit",
+            loading: loadingTask,
+            children: "\u63D0\u4EA4"
+          })
+        })]
+      })]
+    })
+  });
+};
+export default VideoPublishCreateTask;

package/dist/VideoPublish/index.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from "react";
 import "./index.less";
 import { Menu, Tabs } from "antd";
-import VideoPublishCreateTask from "./creat-task";
+import VideoPublishCreateTask from "./create-task";
 import isInClient from "../lib/isInClient";
 import { ClockCircleOutlined, UsergroupAddOutlined, VideoCameraAddOutlined } from "@ant-design/icons";
 import VideoPublishVideoAccount from "./video-account";