component-shipinlv 1.0.10 → 1.0.12

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

@@ -0,0 +1,462 @@
+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, DatePicker, Divider, Form, InputNumber, Radio, Select, Switch, Tag } from "antd";
+import { PlusOutlined, ShoppingOutlined, UsergroupAddOutlined, VideoCameraOutlined } from "@ant-design/icons";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { TreeSelect } from 'antd';
+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 VideoPlatformLogo from "../../component/video-platform/logo";
+import fileSelect from "../../base/fileSelect";
+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 VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
+  var disabled = _ref.disabled,
+    productType = _ref.productType,
+    apiUrl = _ref.apiUrl,
+    env = _ref.env;
+  var _useState = useState({
+      videoFrom: productType ? 'task' : 'local',
+      accountList: [],
+      normalVideoRate: 1,
+      normalVideoRateType: 'hour',
+      normalDayMaxCount: 1,
+      salesVideoRate: 2,
+      salesVideoRateType: 'hour',
+      salesDayMaxCount: 2,
+      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 _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    treeVideoAccountData = _useState10[0],
+    setTreeVideoAccountData = _useState10[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishController.videoAccountList({
+        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: []
+            };
+          }
+          dict[items.groupId].children.push({
+            title: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(VideoPlatformLogo, {
+                platform: items.platform,
+                size: 14
+              }), " ", items.nickname]
+            }),
+            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);
+      }
+    }),
+    run = _useRequest.run,
+    loading = _useRequest.loading,
+    error = _useRequest.error;
+  var _useRequest2 = useRequest(function (data) {
+      return VideoPublishController.taskCreate(data, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        // 清除
+        setLocalSelectList([]);
+        setTaskSelectList([]);
+        Tool.toast('任务提交成功');
+      }
+    }),
+    runTask = _useRequest2.run,
+    loadingTask = _useRequest2.loading,
+    errorTask = _useRequest2.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: 860
+    });
+  };
+  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: ''
+              });
+            });
+            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 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
+        });
+      });
+    } 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
+        });
+      });
+    }
+    var data = _objectSpread(_objectSpread(_objectSpread({}, formData), values), {}, {
+      videoList: videoList
+    });
+    if (videoList.length === 0) {
+      Tool.toastError('视频为空，请选择视频');
+      return;
+    }
+    console.log('values:', data);
+    runTask(data);
+  };
+  var formLabelSpan = 3;
+  return /*#__PURE__*/_jsx(styles.videoPublishCreateTask, {
+    children: /*#__PURE__*/_jsxs(PageContentWarp, {
+      loading: loading,
+      error: error,
+      onReload: run,
+      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(Divider, {
+          orientation: "left",
+          children: "\u9009\u62E9\u8D26\u6237"
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u8D26\u53F7",
+          extra: "\u6BCF\u4E2A\u89C6\u9891\u53EA\u53D1\u4E00\u4E2A\u8D26\u6237",
+          name: "accountList",
+          rules: [{
+            required: true,
+            message: '请选择账户'
+          }],
+          children: /*#__PURE__*/_jsx(TreeSelect, {
+            treeData: treeVideoAccountData
+            // value={ [] }
+            ,
+            onChange: function onChange(idList) {
+              console.log('TreeSelect:', idList);
+            },
+            treeCheckable: true,
+            showCheckedStrategy: TreeSelect.SHOW_PARENT,
+            placeholder: "\u8BF7\u9009\u62E9 \u8D26\u6237/\u7EC4"
+          })
+        }), /*#__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: formData.normalVideoRateType,
+              onChange: function onChange(e) {
+                formData.normalVideoRateType = e;
+                setFormData(_objectSpread({}, formData));
+              },
+              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"
+          })
+        }), /*#__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__*/_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: formData.salesVideoRateType,
+              onChange: function onChange(e) {
+                formData.salesVideoRateType = e;
+                setFormData(_objectSpread({}, formData));
+              },
+              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"
+          })
+        }), /*#__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(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();
+            },
+            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"
+            })
+          })
+        }), /*#__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/creat-task/select-list.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    videoPublishTaskSelectList: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/VideoPublish/creat-task/select-list.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  videoPublishTaskSelectList: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow-y: auto;\n    box-shadow: 0 3px 3px #EEE;\n    max-height: 60vh;\n    .title{\n      width: 120px;\n      overflow: hidden;\n      word-break: keep-all;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    .remark{\n      max-width: 200px;\n    }\n    .remarkInput{\n      label.content{\n        position: relative;\n        display: inline-block;\n        overflow: hidden;\n        word-break: keep-all;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        max-width: 200px;\n      }\n    }\n    .videoKindTag{\n      width: 120px;\n    }\n  "])))
+};

package/dist/VideoPublish/creat-task/select-list.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    from: 'local' | 'task';
+    list: VideoPublish.VideoSelectList[];
+    onList: (list: VideoPublish.VideoSelectList[]) => void;
+}
+declare const VideoPublishSelectList: React.FC<Props>;
+export default VideoPublishSelectList;