component-sanzhizhou 1.0.0

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

@@ -0,0 +1,323 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useRequest } from "@umijs/hooks";
+import VideoPublishTaskController from "../../service/api/VideoPublishTaskController";
+import React, { useEffect, useState } from "react";
+import { Button, Checkbox, Popover, Space, Table } from "antd";
+import Duration from "../../UI/duration";
+import FileSize from "../../UI/FileSize";
+import Time from "../../UI/Time";
+import styles from "./task-list.css";
+import DialogDrawerFooter from "../../UI/DialogDrawerFooter";
+import { VideoKindTag } from "../..";
+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 VideoPublishTaskList = function VideoPublishTaskList(_ref) {
+  var apiUrl = _ref.apiUrl,
+    _ref$defaultSelectLis = _ref.defaultSelectList,
+    defaultSelectList = _ref$defaultSelectLis === void 0 ? [] : _ref$defaultSelectLis,
+    productType = _ref.productType,
+    _ref$onFinish = _ref.onFinish,
+    onFinish = _ref$onFinish === void 0 ? function () {} : _ref$onFinish;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var _useState3 = useState({
+      current: 1,
+      pageSize: 20,
+      total: 0,
+      simple: true,
+      showSizeChanger: false
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pagination = _useState4[0],
+    setPagination = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectDict = _useState6[0],
+    setSelectDict = _useState6[1];
+  var columns = [{
+    title: ' ',
+    dataIndex: 'id',
+    key: 'id',
+    render: function render(id, record) {
+      return (record === null || record === void 0 ? void 0 : record.taskStatus) === 'finish' || record !== null && record !== void 0 && record.finishUrl || record !== null && record !== void 0 && record.videoFinishUrl ? /*#__PURE__*/_jsx(Checkbox, {
+        value: id,
+        checked: !!selectDict[id],
+        onChange: function onChange(e) {
+          return onCheck(record, e.target.checked);
+        }
+      }) : null;
+    }
+  }, {
+    title: '序号',
+    dataIndex: 'id',
+    key: 'id'
+  }, {
+    title: '封面',
+    dataIndex: 'mediaFileCoverList',
+    key: 'mediaFileCoverList',
+    render: function render(mediaFileCoverList, record) {
+      var coverUrl = (mediaFileCoverList === null || mediaFileCoverList === void 0 ? void 0 : mediaFileCoverList[0]) || '';
+      return /*#__PURE__*/_jsx(Popover, {
+        title: /*#__PURE__*/_jsxs(_Fragment, {
+          children: ["\u4EFB\u52A1\u7F16\u53F7\uFF1A", record === null || record === void 0 ? void 0 : record.id]
+        }),
+        content: /*#__PURE__*/_jsx("div", {
+          className: "taskCoverUrl big",
+          style: {
+            backgroundImage: coverUrl ? "url('".concat(coverUrl, "')") : undefined
+          }
+        }),
+        children: /*#__PURE__*/_jsx("div", {
+          className: "taskCoverUrl",
+          style: {
+            backgroundImage: coverUrl ? "url('".concat(coverUrl, "')") : undefined
+          }
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u7C7B\u578B\u6807\u7B7E"
+    }),
+    dataIndex: 'videoKindTag',
+    key: 'videoKindTag',
+    render: function render(videoKindTag, record) {
+      return /*#__PURE__*/_jsx(VideoKindTag, {
+        videoKindTag: videoKindTag
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u5E26\u8D27/\u5C0F\u7A0B\u5E8F"
+    }),
+    dataIndex: 'kindTagValue',
+    key: 'kindTagValue',
+    render: function render(kindTagValue, record) {
+      return /*#__PURE__*/_jsx(Popover, {
+        title: kindTagValue,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "kindTagValue",
+          children: kindTagValue
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u5546\u54C1\u6807\u9898"
+    }),
+    dataIndex: 'goodsTitle',
+    key: 'goodsTitle',
+    render: function render(goodsTitle, record) {
+      return /*#__PURE__*/_jsx(Popover, {
+        title: goodsTitle,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "goodsTitle",
+          children: goodsTitle
+        })
+      });
+    }
+  }, {
+    title: '备注',
+    dataIndex: 'remark',
+    key: 'remark',
+    render: function render(remark, record) {
+      return /*#__PURE__*/_jsx(Popover, {
+        title: "\u5907\u6CE8",
+        content: remark,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "remark",
+          children: remark
+        })
+      });
+    }
+  }, {
+    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: '创建时间',
+    dataIndex: 'created',
+    key: 'created',
+    render: function render(created) {
+      return /*#__PURE__*/_jsx(Time, {
+        time: created
+      });
+    }
+  }];
+  var _useRequest = useRequest(function () {
+      var _VideoPublishTaskCont;
+      var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : pagination.current;
+      return VideoPublishTaskController === null || VideoPublishTaskController === void 0 || (_VideoPublishTaskCont = VideoPublishTaskController[productType]) === null || _VideoPublishTaskCont === void 0 ? void 0 : _VideoPublishTaskCont.call(VideoPublishTaskController, apiUrl, {
+        taskStatus: 'finish',
+        current: current,
+        pageSize: pagination.pageSize
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        // listData.push( ...result.list );
+        pagination.total = result.pagination.total;
+        setPagination(_objectSpread({}, pagination));
+        setListData(_toConsumableArray(result.list));
+      }
+    }),
+    run = _useRequest.run,
+    loading = _useRequest.loading,
+    error = _useRequest.error;
+  var onCheck = function onCheck(items, checked) {
+    if (checked) {
+      selectDict[items.id] = {
+        id: items.id,
+        title: items.title,
+        videoSize: items.videoSize,
+        videoDuration: items.videoDuration,
+        videoFinishUrl: items.videoFinishUrl || items.finishUrl || '',
+        videoKindTag: items.videoKindTag || '',
+        kindTagValue: items.kindTagValue || '',
+        introduction: items.introduction || '',
+        goodsTitle: items.goodsTitle || '',
+        publishCoverFrom: items.publishCoverFrom || '',
+        whoCanView: items.whoCanView || '0',
+        downloadContent: items.downloadContent || '1'
+      };
+    } else {
+      delete selectDict[items.id];
+    }
+    setSelectDict(_objectSpread({}, selectDict));
+  };
+  var onSelectCurrentPage = function onSelectCurrentPage() {
+    //全选本页
+    listData.forEach(function (items) {
+      if (!items.finishUrl && !items.videoFinishUrl) {
+        return;
+      }
+      selectDict[items.id] = {
+        id: items.id,
+        title: items.title,
+        videoSize: items.videoSize,
+        videoDuration: items.videoDuration,
+        videoFinishUrl: items.videoFinishUrl || items.finishUrl || '',
+        videoKindTag: items.videoKindTag || '',
+        kindTagValue: items.kindTagValue || '',
+        introduction: items.introduction || '',
+        goodsTitle: items.goodsTitle || '',
+        publishCoverFrom: items.publishCoverFrom || '',
+        whoCanView: items.whoCanView || '0',
+        downloadContent: items.downloadContent || '1'
+      };
+    });
+    setSelectDict(_objectSpread({}, selectDict));
+  };
+  var onCancelCurrentPage = function onCancelCurrentPage() {
+    listData.forEach(function (items) {
+      if (!selectDict[items.id]) {
+        return;
+      }
+      delete selectDict[items.id];
+    });
+    setSelectDict(_objectSpread({}, selectDict));
+  };
+  var onSubmit = function onSubmit() {
+    // const list: VideoPublish.VideoSelectList[] = []
+    // Object.values( selectDict ).forEach( items => {
+    //   list.push({
+    //     id: items.id,
+    //     title: items.title,
+    //     videoSize: items.videoSize,
+    //     videoDuration: items.videoDuration,
+    //   })
+    // });
+    onFinish(Object.values(selectDict));
+  };
+  useEffect(function () {
+    defaultSelectList === null || defaultSelectList === void 0 || defaultSelectList.forEach(function (items) {
+      selectDict[items.id] = items;
+    });
+    setSelectDict(_objectSpread({}, selectDict));
+  }, []);
+  return /*#__PURE__*/_jsxs(styles.videoPublishTaskList, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "operate",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "left",
+        children: /*#__PURE__*/_jsxs(Space, {
+          children: [/*#__PURE__*/_jsx(Button, {
+            size: "small",
+            type: "primary",
+            ghost: true,
+            onClick: onSelectCurrentPage,
+            children: "\u9009\u62E9\u672C\u9875"
+          }), /*#__PURE__*/_jsx(Button, {
+            size: "small",
+            type: "primary",
+            ghost: true,
+            onClick: onCancelCurrentPage,
+            children: "\u53D6\u6D88\u9009\u62E9\u672C\u9875"
+          })]
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "showInfo",
+        children: ["\u5DF2\u9009\u62E9\uFF1A", /*#__PURE__*/_jsx("strong", {
+          className: "high",
+          children: Object.keys(selectDict).length
+        }), /*#__PURE__*/_jsx("small", {
+          children: "\u6761"
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Table, {
+      size: "small",
+      bordered: true,
+      rowKey: function rowKey(record) {
+        return "".concat(record.id);
+      },
+      loading: loading,
+      columns: columns,
+      locale: {
+        emptyText: error ? /*#__PURE__*/_jsx("a", {
+          onClick: function onClick() {
+            return run();
+          },
+          children: "\u91CD\u8BD5"
+        }) : '[无]'
+      },
+      dataSource: listData,
+      pagination: pagination,
+      onChange: function onChange(_ref2) {
+        var current = _ref2.current;
+        pagination.current = current || 1;
+        run(pagination.current);
+      }
+    }), /*#__PURE__*/_jsx(DialogDrawerFooter, {
+      children: /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return onSubmit();
+        },
+        children: "\u786E\u5B9A"
+      })
+    })]
+  });
+};
+export default VideoPublishTaskList;

package/dist/PhonePublish/index.css.js

@@ -0,0 +1,35 @@
+export default {
+  // videoPublish: styled.div`
+  //   display: flex;
+  //   flex-direction: row;
+  //   height: 100%;
+  //   .menu{
+  //     display: flex;
+  //     flex-direction: column;
+  //     width: 180px;
+  //     margin: 0 12px 0 0;
+  //     padding: 0 10px 0 0;
+  //     min-height: 100%;
+  //     border-right: 1px solid #E8E8E8;
+  //     .ant-menu{
+  //       margin: 10px 0 0;
+  //     }
+  //     .ant-menu-light{
+  //       background-color: transparent !important;
+  //       border-right: none !important;
+  //     }
+  //   }
+  //   .pageContents{
+  //     flex: 1;
+  //     padding: 10px 0 0 0;
+  //     overflow-y: auto;
+  //     .my-tabs{
+  //       width: 100%;
+  //       > .ant-tabs-nav{
+  //         display: none;
+  //       }
+  //     }
+  //   }
+  //
+  // `,
+};

package/dist/PhonePublish/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./index.less";
+interface Props {
+    disabled?: boolean;
+    canPublish: boolean;
+    notVip: boolean;
+    contentHeight?: number | string;
+    productType: VideoPublish.ProductType;
+    apiUrl: string;
+    env?: Global.Env;
+    clientIdentity: string;
+    openLocalBrowser: (url: string) => void;
+}
+declare const VideoPublish: React.FC<Props>;
+export default VideoPublish;

package/dist/PhonePublish/index.js

@@ -0,0 +1,192 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from "react";
+import "./index.less";
+import { Menu, Tabs } from "antd";
+import isInClient from "../lib/isInClient";
+import { FieldTimeOutlined, FileSearchOutlined, FileTextOutlined, PieChartOutlined, QuestionCircleOutlined, SettingOutlined, UsergroupAddOutlined, VideoCameraAddOutlined } from "@ant-design/icons";
+import VideoPublishVideoAccount from "./video-account";
+import VideoPublishLog from "./log";
+import VideoPublishAccountManageSettingPage from "./account-manage/setting";
+import VideoPublishAccountManageHomePage from "./account-manage/home";
+import VideoPublishPublishVideoPlan from "./publish-task-plan";
+import VideoPublishTaskPlanList from "./task-list/plan/list";
+import VideoPublishStatisticPublish from "./video-publish-statistic";
+import saveSid from "../lib/saveSid";
+import VideoStudyPage from "../video-study";
+// import ActiveAccountMode from "component-sanzhizhou/ActiveAccountMode";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublish = function VideoPublish(_ref) {
+  var disabled = _ref.disabled,
+    _ref$canPublish = _ref.canPublish,
+    canPublish = _ref$canPublish === void 0 ? false : _ref$canPublish,
+    notVip = _ref.notVip,
+    contentHeight = _ref.contentHeight,
+    productType = _ref.productType,
+    apiUrl = _ref.apiUrl,
+    env = _ref.env,
+    clientIdentity = _ref.clientIdentity,
+    openLocalBrowser = _ref.openLocalBrowser;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuList = _useState2[0],
+    setMenuList = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeKey = _useState4[0],
+    setActiveKey = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tabsItems = _useState6[0],
+    setTabsItems = _useState6[1];
+  var MenuAllList = [{
+    key: 'long-video-sales-create',
+    icon: /*#__PURE__*/_jsx(VideoCameraAddOutlined, {}),
+    label: '添加账号',
+    disabled: false,
+    children: /*#__PURE__*/_jsx(VideoPublishAccountManageHomePage, {
+      apiUrl: apiUrl,
+      env: env,
+      notVip: notVip,
+      canPublish: canPublish,
+      onMenu: function onMenu(key) {
+        return _onMenu(key);
+      }
+    })
+  }, {
+    key: 'video-account',
+    icon: /*#__PURE__*/_jsx(UsergroupAddOutlined, {}),
+    label: '管理账户',
+    children: /*#__PURE__*/_jsx(VideoPublishVideoAccount, {
+      disabled: disabled,
+      env: env
+    })
+  }, {
+    key: 'activeAccountMode',
+    icon: /*#__PURE__*/_jsx(FieldTimeOutlined, {}),
+    label: '养号模式',
+    forceRender: true,
+    children: ''
+    // <ActiveAccountMode
+    //   disabled={ disabled }
+    //   env={env}
+    //   notVip={ notVip }
+    // />
+  }, {
+    key: 'task-plan-list',
+    icon: /*#__PURE__*/_jsx(FileTextOutlined, {}),
+    label: '发布任务计划',
+    // disabled: ! canPublish,
+    children: /*#__PURE__*/_jsx(VideoPublishTaskPlanList, {
+      env: env,
+      publishTaskId: 0,
+      timeFromKind: "updated"
+    })
+  }, {
+    key: 'statistic',
+    icon: /*#__PURE__*/_jsx(PieChartOutlined, {}),
+    label: '统计',
+    children: /*#__PURE__*/_jsx(VideoPublishStatisticPublish, {})
+  }, {
+    key: 'setting',
+    icon: /*#__PURE__*/_jsx(SettingOutlined, {}),
+    label: '配置',
+    // disabled: ! canPublish,
+    children: /*#__PURE__*/_jsx(VideoPublishAccountManageSettingPage, {})
+  }, {
+    key: 'publish-log',
+    icon: /*#__PURE__*/_jsx(FileSearchOutlined, {}),
+    label: '发布日志',
+    // disabled: ! canPublish,
+    forceRender: canPublish,
+    children: /*#__PURE__*/_jsx(VideoPublishLog, {
+      env: env,
+      clientIdentity: clientIdentity
+    })
+  }, {
+    key: 'video-study',
+    icon: /*#__PURE__*/_jsx(QuestionCircleOutlined, {}),
+    label: '视频教程',
+    children: /*#__PURE__*/_jsx(VideoStudyPage, {
+      title: "\u53D1\u5E03\u529F\u80FD \xB7 \u89C6\u9891\u6559\u7A0B",
+      productType: "fafamao-video",
+      env: env,
+      openLocalBrowser: openLocalBrowser
+    })
+  }];
+  var _onMenu = function _onMenu(key) {
+    setActiveKey(key);
+  };
+  var onInit = function onInit() {
+    var _menuList$;
+    var tabsItems = [];
+    var menuList = [];
+    var isClient = isInClient();
+    MenuAllList.forEach(function (items) {
+      // 不渲染
+      if (isClient && items.key === 'media-space') {
+        return;
+      }
+      tabsItems.push(items);
+      menuList.push({
+        key: items.key,
+        icon: items.icon,
+        label: items.label,
+        disabled: items.disabled
+      });
+    });
+    setTabsItems([].concat(tabsItems));
+    setMenuList([].concat(menuList));
+    setActiveKey(((_menuList$ = menuList[0]) === null || _menuList$ === void 0 ? void 0 : _menuList$.key) || '');
+    saveSid();
+    setInterval(function () {
+      saveSid();
+    }, 3 * 6e4);
+  };
+  useEffect(function () {
+    onInit();
+  }, []);
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      minHeight: contentHeight ? contentHeight : '100%'
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "videoPublish",
+      style: {
+        height: contentHeight ? contentHeight : '100%'
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "menuBox",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "menuWarp",
+          children: /*#__PURE__*/_jsx(Menu, {
+            className: "menu",
+            onClick: function onClick(e) {
+              return _onMenu(e.key);
+            },
+            style: {
+              width: '100%'
+            },
+            mode: "inline"
+            // defaultSelectedKeys={[ activeKey ]}
+            ,
+            selectedKeys: [activeKey],
+            items: menuList
+          })
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: "pageContents",
+        children: /*#__PURE__*/_jsx(Tabs, {
+          activeKey: activeKey,
+          className: "my-tabs",
+          items: tabsItems
+        })
+      })]
+    }), /*#__PURE__*/_jsx(VideoPublishPublishVideoPlan, {
+      disabled: disabled,
+      env: env,
+      clientIdentity: clientIdentity
+    })]
+  });
+};
+export default VideoPublish;

package/dist/PhonePublish/index.less

@@ -0,0 +1,55 @@
+.videoPublish {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  position: static;
+
+  .menuBox {
+    display: flex;
+    flex-direction: column;
+    width: 180px;
+    //margin: 0 12px 0 0;
+    padding: 0 10px 0 0;
+    min-height: 100%;
+    height: 100%;
+
+    border-right: 1px solid #E8E8E8;
+
+    .menuWarp{
+      position: fixed;
+      width: 170px;
+      margin: 0 12px 0 0;
+      overflow-y: auto;
+    }
+    .menu{
+    }
+
+    .ant-menu {
+
+    }
+
+    .ant-menu-light {
+      background-color: transparent !important;
+      border-right: none !important;
+    }
+  }
+
+  .pageContents {
+    flex: 1;
+    padding: 16px 16px 40px 16px ;
+    overflow-y: auto;
+    min-height: 60vh;
+    .my-tabs {
+      width: 100%;
+      .ktv-ai-pageContentBox{
+        > h2{
+          margin-top: 0;
+        }
+      }
+
+      > .ant-tabs-nav {
+        display: none;
+      }
+    }
+  }
+}

package/dist/PhonePublish/lib/chrome-quit.js

@@ -0,0 +1,20 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import * as LocalServerController from "../../service/local/LocalServerController";
+var chromeQuit = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(query) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", LocalServerController.chromeQuit(query));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function chromeQuit(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export default chromeQuit;

package/dist/PhonePublish/log/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import './index.less';
+interface Props {
+    env?: Global.Env;
+    clientIdentity: string;
+}
+declare const VideoPublishLog: React.FC<Props>;
+export default VideoPublishLog;