component-shipinlv 1.0.36 → 1.0.50

package/dist/VideoPublish/index.js

@@ -4,14 +4,18 @@ import "./index.less";
 import { Menu, Tabs } from "antd";
 import VideoPublishCreateTask from "./create-task";
 import isInClient from "../lib/isInClient";
-import { ClockCircleOutlined, UsergroupAddOutlined, VideoCameraAddOutlined } from "@ant-design/icons";
+import { ClockCircleOutlined, FileSearchOutlined, SettingOutlined, UsergroupAddOutlined, VideoCameraAddOutlined } from "@ant-design/icons";
 import VideoPublishVideoAccount from "./video-account";
 import VideoPublishTaskList from "./task-list";
-import PageContentWarp from "../UI/PageContentWarp";
+import VideoPublishLog from "./log";
+import VideoPublishAccountManageSettingPage from "./account-manage/setting";
+import VideoPublishAccountManageHomePage from "./account-manage/home";
 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,
     contentHeight = _ref.contentHeight,
     productType = _ref.productType,
     apiUrl = _ref.apiUrl,
@@ -29,9 +33,27 @@ var VideoPublish = function VideoPublish(_ref) {
     tabsItems = _useState6[0],
     setTabsItems = _useState6[1];
   var MenuAllList = [{
+    key: 'long-video-sales-create',
+    icon: /*#__PURE__*/_jsx(VideoCameraAddOutlined, {}),
+    label: '添加账号',
+    children: /*#__PURE__*/_jsx(VideoPublishAccountManageHomePage, {
+      apiUrl: apiUrl,
+      env: env,
+      canPublish: canPublish
+    })
+  }, {
+    key: 'video-account',
+    icon: /*#__PURE__*/_jsx(UsergroupAddOutlined, {}),
+    label: '管理账户',
+    children: /*#__PURE__*/_jsx(VideoPublishVideoAccount, {
+      disabled: disabled,
+      env: env
+    })
+  }, {
     key: 'creat-task',
     icon: /*#__PURE__*/_jsx(VideoCameraAddOutlined, {}),
-    label: '定时发布',
+    label: '批量发布',
+    disabled: !canPublish,
     children: /*#__PURE__*/_jsx(VideoPublishCreateTask, {
       disabled: disabled,
       productType: productType,
@@ -42,18 +64,23 @@ var VideoPublish = function VideoPublish(_ref) {
     key: 'task-list',
     icon: /*#__PURE__*/_jsx(ClockCircleOutlined, {}),
     label: '发布列表',
+    disabled: !canPublish,
     children: /*#__PURE__*/_jsx(VideoPublishTaskList, {
       disabled: disabled,
       env: env
     })
   }, {
-    key: 'video-account',
-    icon: /*#__PURE__*/_jsx(UsergroupAddOutlined, {}),
-    label: '短视频账户',
-    children: /*#__PURE__*/_jsx(VideoPublishVideoAccount, {
-      disabled: disabled,
-      env: env
-    })
+    key: 'setting',
+    icon: /*#__PURE__*/_jsx(SettingOutlined, {}),
+    label: '配置',
+    disabled: !canPublish,
+    children: /*#__PURE__*/_jsx(VideoPublishAccountManageSettingPage, {})
+  }, {
+    key: 'log',
+    icon: /*#__PURE__*/_jsx(FileSearchOutlined, {}),
+    label: '日志',
+    disabled: !canPublish,
+    children: /*#__PURE__*/_jsx(VideoPublishLog, {})
   }];
   var onMenu = function onMenu(key) {
     setActiveKey(key);
@@ -72,7 +99,8 @@ var VideoPublish = function VideoPublish(_ref) {
       menuList.push({
         key: items.key,
         icon: items.icon,
-        label: items.label
+        label: items.label,
+        disabled: items.disabled
       });
     });
     setTabsItems([].concat(tabsItems));
@@ -82,8 +110,10 @@ var VideoPublish = function VideoPublish(_ref) {
   useEffect(function () {
     onInit();
   }, []);
-  return /*#__PURE__*/_jsx(PageContentWarp, {
-    minHeight: contentHeight ? contentHeight : '100%',
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      minHeight: contentHeight ? contentHeight : '100%'
+    },
     children: /*#__PURE__*/_jsxs("div", {
       className: "videoPublish",
       style: {

package/dist/VideoPublish/index.less

@@ -15,14 +15,14 @@
 
     .menuWarp{
       position: fixed;
-      width: 180px;
-      padding: 0 0 0 5px;
+      width: 170px;
+      margin: 0 12px 0 0;
     }
     .menu{
     }
 
     .ant-menu {
-      margin: 10px 0 0;
+
     }
 
     .ant-menu-light {
@@ -33,7 +33,7 @@
 
   .pageContents {
     flex: 1;
-    padding: 16px 16px 16px ;
+    padding: 16px 16px 0 0 ;
     overflow-y: auto;
 
     .my-tabs {

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

@@ -0,0 +1,2 @@
+import './index.less';
+export default function VideoPublishLog(): import("react/jsx-runtime").JSX.Element;

package/dist/VideoPublish/log/index.js

@@ -0,0 +1,122 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect, useRef } from "react";
+import "./index.less";
+import LayoutContent from "../../UI/LayoutContent";
+import dayjs from "dayjs";
+import Markdown from "../../component/markdown";
+import { Divider, Empty, Tooltip } from "antd";
+import event from "../../lib/event";
+import math from "../../lib/math";
+import Time from "../../UI/Time";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var MaxLine = 10000;
+export default function VideoPublishLog() {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    logAmount = _useState2[0],
+    setLogAmount = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    lastTaskApplyTime = _useState4[0],
+    setLastTaskApplyTime = _useState4[1];
+  var textRef = useRef([
+    // '22 <Tag>1213132</Tag> 11 <Button type="primary">dddddd</Button>'
+  ]);
+  var _useState5 = useState([
+      // '<span class="created">10:01:20</span> ddddddddddd'
+    ]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    textList = _useState6[0],
+    setTextList = _useState6[1];
+  var LogStatusDict = {
+    wait: '<ClockCircleOutlined class="icon icon-wait" />',
+    warn: '<WarningFilled class="icon icon-warn" />',
+    fail: '<CloseSquareFilled class="icon icon-fail" />',
+    success: '<CheckCircleFilled class="icon icon-success" />'
+  };
+  var onLog = function onLog() {
+    event.on('task-apply', function () {
+      setLogAmount(function (n) {
+        return n + 1;
+      });
+      setLastTaskApplyTime(Math.floor(Date.now() * 0.001));
+    });
+    event.on('log', function (data) {
+      console.log('log data:', data);
+      switch (data.code) {
+        case 'not-login':
+          break;
+      }
+      var logKey = data.logKey ? data.logKey : math.randWord(10);
+      var messageData = {
+        platform: data.platform,
+        platformAccountId: data.platformAccountId,
+        taskId: data.taskId,
+        id: logKey,
+        logStatus: data.status,
+        content: data.message || '',
+        created: Date.now()
+      };
+      var index = findIndex(logKey);
+      if (index < 0) {
+        textRef.current.unshift(messageData);
+      } else {
+        // 不更新时间
+        textRef.current[index].content = messageData.content;
+        textRef.current[index].logStatus = messageData.logStatus;
+      }
+      if (textRef.current.length > MaxLine) {
+        // textRef.current = textRef.current.slice( textRef.current.length - MaxLine );
+        textRef.current = textRef.current.slice(0, MaxLine);
+      }
+      setTextList(_toConsumableArray(textRef.current));
+    });
+  };
+  var findIndex = function findIndex(id) {
+    for (var index in textRef.current) {
+      var item = textRef.current[index];
+      if (id === item.id) {
+        return parseInt(index);
+      }
+    }
+    return -1;
+  };
+  useEffect(function () {
+    onLog();
+    return function () {};
+  }, []);
+  return /*#__PURE__*/_jsx(LayoutContent, {
+    title: "\u65E5\u5FD7",
+    extInfo: /*#__PURE__*/_jsxs("div", {
+      children: [lastTaskApplyTime && /*#__PURE__*/_jsx(Time, {
+        time: lastTaskApplyTime
+      }), /*#__PURE__*/_jsx(Divider, {
+        type: "vertical"
+      }), /*#__PURE__*/_jsxs(Tooltip, {
+        title: "\u672C\u6B21\u8FD0\u884C\u5171\u8BF7\u6C42\u4EFB\u52A1\u6570",
+        children: [logAmount, " ", /*#__PURE__*/_jsx("small", {
+          children: "\u6B21"
+        })]
+      })]
+    }),
+    className: "videoPublishLog",
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "warp",
+      children: [textList.map(function (items, i) {
+        var logStatus = LogStatusDict[items.logStatus] || '';
+        var time = dayjs(items.created).format('MM-DD HH:mm:ss');
+        return /*#__PURE__*/_jsx("div", {
+          className: "line ".concat('line-' + items.logStatus),
+          children: /*#__PURE__*/_jsx(Markdown, {
+            content: "<span class=\"created\">".concat(time, "</span> <VideoPlatform platform=\"").concat(items.platform, "\" /> <Tooltip title='\u4EFB\u52A1\u7F16\u53F7'><Tag color='blue'>").concat(items.taskId, "</Tag></Tooltip> <Tag>").concat(items.platformAccountId || '', "</Tag> ").concat(logStatus, " <span class=\"content\">").concat(items.content, "</span>")
+          })
+        }, "".concat(items.id, "-").concat(i));
+      }), textList.length === 0 && /*#__PURE__*/_jsx(Empty, {
+        description: "\u6682\u65E0\u64CD\u4F5C\u65E5\u5FD7",
+        image: Empty.PRESENTED_IMAGE_SIMPLE
+      })]
+    })
+  });
+}

package/dist/VideoPublish/log/index.less

@@ -0,0 +1,83 @@
+.videoPublishLog{
+  font-size: 13px;
+  :global{
+    .created{
+      margin: 0 6px 0 0;
+      padding: 2px 4px;
+      background-color: #F2F2F2;
+      font-weight: 300;
+      //opacity: 0.7;
+      font-size: 13px;
+      min-width: 62px;
+      text-align: center;
+      display: inline-block;
+      line-height: 1em;
+      border-radius: 3px;
+    }
+    .ant-progress-line{
+      max-width: 200px;
+    }
+  }
+  pre{
+   word-break: break-all;
+    white-space: break-spaces;
+
+    //font-size: 12px;
+    line-height: 1.5em;
+    font-weight: 300;
+    color: #555;
+  }
+  .warp{
+    height: calc(100vh - 195px);
+    overflow-y: auto;
+  }
+  .line, p{
+    margin: 4px 0 6px;
+    word-break: break-all;
+    white-space: break-spaces;
+    //font-size: 12px;
+    line-height: 1.6em;
+    font-weight: 400;
+    color: #555;
+    padding: 0;
+    &.line-fail{
+      :global{
+        .content{
+          color: #C00;
+        }
+      }
+    }
+  }
+  :global{
+    .anticon{
+      margin-right: 5px;
+      //vertical-align: middle;
+    }
+    .ant-tag{
+      padding-inline: 0 5px;
+      padding: 0 5px !important;
+      line-height: 18px !important;
+    }
+    .icon-warn{
+      color: #F60;
+      font-size: 1.05em;
+    }
+    .icon-success{
+      color: green;
+      font-size: 1.05em;
+    }
+    .icon-wait{
+      color: blue;
+      font-size: 1.05em;
+    }
+    .icon-fail{
+      color: #C00;
+      font-size: 1.05em;
+
+    }
+    .padVideo-Progress{
+      width: 200px;
+    }
+  }
+}
+

package/dist/VideoPublish/video-account/index.less

@@ -3,6 +3,7 @@
   flex-direction: column;
   height: 100%;
 
+
   .userInfo{
     display: flex;
     flex-direction: row;

package/dist/VideoPublish/video-account/query.js

@@ -42,6 +42,7 @@ var VideoPublishVideoAccountListQuery = function VideoPublishVideoAccountListQue
             }), VideoPlatformList.map(function (item) {
               return /*#__PURE__*/_jsx(Select, {
                 value: item.platform,
+                disabled: item.disabled,
                 children: /*#__PURE__*/_jsx(VideoPlatform, {
                   platform: item.platform,
                   showName: true