component-sanzhizhou 1.0.0

package/dist/PhonePublish/create-task/index.less

@@ -0,0 +1,75 @@
+.videoPublishCreateTask {
+  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;
+  }
+
+  .batchOperate{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 0 0 12px 0;
+    margin: -16px 0 0 0;
+    .ant-form-item{
+      margin-bottom: 0;
+    }
+    .shoppingCar{
+      font-size: 20px;
+    }
+    .videoTitleInput,
+    .goodsTitleInput{
+      width: 260px;
+    }
+    .videoKindTag{
+      width: 180px;
+    }
+  }
+}

package/dist/PhonePublish/create-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/PhonePublish/create-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;

package/dist/PhonePublish/create-task/select-list.js

@@ -0,0 +1,304 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import { Button, Popover, Select, Space, Table } from "antd";
+import Duration from "../../UI/duration";
+import FileSize from "../../UI/FileSize";
+import styles from "./select-list.css";
+import TextInput from "../../UI/text-input";
+import VideoKindTag, { VideoKindTagList } from "../../component/videoKindTag";
+import { FolderOpenOutlined, UnorderedListOutlined } from "@ant-design/icons";
+import { onMediaShowView } from "../../component/media-show";
+import Tool from "../../lib/Tool";
+import openInFolder from "../../base/openInFolder";
+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 VideoPublishSelectList = function VideoPublishSelectList(_ref) {
+  var _ref$from = _ref.from,
+    from = _ref$from === void 0 ? '' : _ref$from,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    _ref$onList = _ref.onList,
+    onList = _ref$onList === void 0 ? function () {} : _ref$onList;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadingOpenDirDict = _useState2[0],
+    setLoadingOpenDirDict = _useState2[1];
+  var columns = [{
+    title: '序号',
+    dataIndex: '-',
+    key: '-',
+    render: function render(_, _1) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return index + 1;
+    }
+  }, {
+    title: '编号',
+    dataIndex: 'id',
+    key: 'id'
+  }, {
+    title: '视频标题',
+    dataIndex: 'title',
+    key: 'title',
+    render: function render(title, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return /*#__PURE__*/_jsx(Popover, {
+        title: "\u89C6\u9891\u6807\u9898",
+        content: title,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "title",
+          children: /*#__PURE__*/_jsx(TextInput, {
+            className: "remarkInput",
+            maxLength: 30,
+            label: title || '',
+            value: title || '',
+            onFinish: function onFinish(title) {
+              onItem(index, 'title', title);
+            }
+          })
+        })
+      });
+    }
+  }, {
+    title: '视频简介',
+    dataIndex: 'introduction',
+    key: 'introduction',
+    render: function render(introduction, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return /*#__PURE__*/_jsx(Popover, {
+        title: "\u89C6\u9891\u7B80\u4ECB",
+        content: introduction,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "remark",
+          children: /*#__PURE__*/_jsx(TextInput, {
+            type: "textarea",
+            className: "remarkInput",
+            maxLength: 1000,
+            label: introduction || '',
+            value: introduction || '',
+            onFinish: function onFinish(introduction) {
+              onItem(index, 'introduction', introduction);
+            }
+          })
+        })
+      });
+    }
+  }, {
+    title: '类型标签',
+    dataIndex: 'videoKindTag',
+    key: 'videoKindTag',
+    render: function render(videoKindTag, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      return /*#__PURE__*/_jsxs(Select, {
+        size: "small",
+        defaultValue: videoKindTag,
+        className: "videoKindTag",
+        onChange: function onChange(e) {
+          return onVideoKindTag(index, e);
+        },
+        children: [/*#__PURE__*/_jsxs(Select.Option, {
+          value: "",
+          children: [/*#__PURE__*/_jsx(UnorderedListOutlined, {}), " [\u65E0]"]
+        }), VideoKindTagList.map(function (item) {
+          return /*#__PURE__*/_jsx(Select.Option, {
+            value: item.videoKindTag,
+            children: /*#__PURE__*/_jsx(VideoKindTag, {
+              videoKindTag: item.videoKindTag
+            })
+          }, item.videoKindTag);
+        })]
+      });
+    }
+  }, {
+    title: '带货/小程序',
+    dataIndex: 'kindTagValue',
+    key: 'kindTagValue',
+    render: function render(kindTagValue, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      return /*#__PURE__*/_jsx(Popover, {
+        title: "\u5E26\u8D27/\u5C0F\u7A0B\u5E8F/\u5B9A\u4F4D",
+        content: kindTagValue,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "remark",
+          children: /*#__PURE__*/_jsx(TextInput, {
+            className: "remarkInput",
+            label: kindTagValue || '',
+            value: kindTagValue || '',
+            onFinish: function onFinish(kindTagValue) {
+              onItem(index, 'kindTagValue', kindTagValue);
+            }
+          })
+        })
+      });
+    }
+  }, {
+    title: '商品标题',
+    dataIndex: 'goodsTitle',
+    key: 'goodsTitle',
+    render: function render(goodsTitle, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      return /*#__PURE__*/_jsx(Popover, {
+        title: /*#__PURE__*/_jsxs(_Fragment, {
+          children: ["\u5546\u54C1\u6807\u9898 ", /*#__PURE__*/_jsx("small", {
+            children: "\u53EA\u652F\u6301\uFF1A\u6C49\u5B57\uFF0C\u6570\u5B57\uFF1B\u6700\u591A\u8F93\u516510\u4E2A\u6C49\u5B57"
+          })]
+        }),
+        content: goodsTitle,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "remark",
+          children: /*#__PURE__*/_jsx(TextInput, {
+            className: "remarkInput",
+            maxLength: 10,
+            label: goodsTitle || '',
+            value: goodsTitle || '',
+            onFinish: function onFinish(goodsTitle) {
+              onItem(index, 'goodsTitle', goodsTitle);
+            }
+          })
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u65F6\u957F"
+    }),
+    dataIndex: 'videoDuration',
+    key: 'videoDuration',
+    render: function render(videoDuration, record) {
+      return videoDuration > 0 ? /*#__PURE__*/_jsx(Duration, {
+        duration: videoDuration
+      }) : '-';
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u5927\u5C0F"
+    }),
+    dataIndex: 'videoSize',
+    key: 'videoSize',
+    render: function render(videoSize, record) {
+      return videoSize > 0 ? /*#__PURE__*/_jsx(FileSize, {
+        fileSize: videoSize
+      }) : '-';
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u89C6\u9891"
+    }),
+    dataIndex: 'videoFinishUrl',
+    key: 'videoFinishUrl',
+    render: function render(videoFinishUrl, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var isLocalUrl = !/^https?:/i.test(videoFinishUrl);
+      return /*#__PURE__*/_jsxs(Space, {
+        children: [isLocalUrl ? /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsx(Button, {
+            onClick: function onClick() {
+              return onOpenDir((record === null || record === void 0 ? void 0 : record.id) || 0, (record === null || record === void 0 ? void 0 : record.videoFinishUrl) || '');
+            },
+            loading: loadingOpenDirDict[(record === null || record === void 0 ? void 0 : record.id) || 0],
+            disabled: !(record !== null && record !== void 0 && record.videoFinishUrl),
+            icon: /*#__PURE__*/_jsx(FolderOpenOutlined, {}),
+            type: "link",
+            size: "small",
+            children: "\u67E5\u770B"
+          })
+        }) : /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsx(Button, {
+            onClick: function onClick() {
+              return onVideoPreview((record === null || record === void 0 ? void 0 : record.videoFinishUrl) || '');
+            },
+            loading: loadingOpenDirDict[(record === null || record === void 0 ? void 0 : record.id) || 0],
+            disabled: !(record !== null && record !== void 0 && record.videoFinishUrl),
+            icon: /*#__PURE__*/_jsx(FolderOpenOutlined, {}),
+            type: "link",
+            children: "\u9884\u89C8"
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          ghost: true,
+          danger: true,
+          size: "small",
+          onClick: function onClick() {
+            return onDel(index || 0);
+          },
+          children: "\u5220\u9664"
+        })]
+      });
+    }
+  }];
+  var onVideoKindTag = function onVideoKindTag(index, videoKindTag) {
+    console.log('onKindTagValue:', index, list);
+    list[index].videoKindTag = videoKindTag;
+    onList(_toConsumableArray(list));
+  };
+  var onItem = function onItem(index, filed, value) {
+    list[index][filed] = value;
+    onList(_toConsumableArray(list));
+  };
+  var onVideoPreview = function onVideoPreview(url) {
+    onMediaShowView('视频预览', url, 'video');
+  };
+  var onOpenDir = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id, filePath) {
+      var fileResul;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            loadingOpenDirDict[id] = true;
+            setLoadingOpenDirDict(_objectSpread({}, loadingOpenDirDict));
+            _context.next = 4;
+            return openInFolder(filePath).catch(function (err) {
+              console.log("openInFolder:", err);
+              if (!(err !== null && err !== void 0 && err.success)) {
+                Tool.toastError(err === null || err === void 0 ? void 0 : err.message);
+                return;
+              }
+              console.log('open In Folder err:', err);
+              console.log('open In Folder err 2:', JSON.stringify(err));
+              Tool.toastError("\u6253\u5F00\u6587\u4EF6\u5931\u8D25\uFF1A".concat(err === null || err === void 0 ? void 0 : err.message, "\uFF01 \u6587\u4EF6\u5730\u5740\uFF1A ").concat(filePath));
+            });
+          case 4:
+            fileResul = _context.sent;
+            setTimeout(function () {
+              loadingOpenDirDict[id] = false;
+              setLoadingOpenDirDict(_objectSpread({}, loadingOpenDirDict));
+            }, 1e3);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onOpenDir(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onDel = function onDel(index) {
+    list.splice(index, 1);
+    onList(_toConsumableArray(list));
+    Tool.toast('已删除');
+  };
+  return /*#__PURE__*/_jsx(styles.videoPublishTaskSelectList, {
+    children: /*#__PURE__*/_jsx(Table, {
+      size: "small",
+      bordered: true,
+      rowKey: function rowKey(record, index) {
+        var encoder = new TextEncoder(); // 创建一个TextEncoder实例
+        var encoded = encoder.encode(JSON.stringify(record)); // 编码为UTF-8
+        var key = "".concat(index, "-").concat(encoded.join(''));
+        console.log("encoded key:", key); // 输出UTF-8编码的Uint8Array
+
+        return key;
+      },
+      loading: false,
+      columns: columns,
+      dataSource: list,
+      pagination: false
+    })
+  });
+};
+export default VideoPublishSelectList;

package/dist/PhonePublish/create-task/task-list.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  videoPublishTaskList: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    max-width: 100%;\n    .remark{\n      width: 120px;\n      overflow: hidden;\n      word-break: keep-all;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    .kindTagValue{\n      width: 120px;\n      overflow: hidden;\n      word-break: keep-all;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    .operate{\n      padding: 0 0 12px 0;\n      display: flex;\n      flex-direction: row;\n      line-height: 24px;\n      .left{\n        flex: 2;\n      }\n      .showInfo{\n        text-align: right;\n        .high{\n          color: #F60;\n        }\n      }\n    }\n    .goodsTitle{\n      max-width: 80px;\n      overflow: hidden;\n      word-break: keep-all;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  "])))
+};

package/dist/PhonePublish/create-task/task-list.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface Props {
+    apiUrl: string;
+    defaultSelectList?: VideoPublish.VideoSelectList[];
+    productType: VideoPublish.ProductType;
+    onFinish: (list: VideoPublish.VideoSelectList[]) => void;
+}
+declare const VideoPublishTaskList: React.FC<Props>;
+export default VideoPublishTaskList;