component-sanzhizhou 1.0.0

package/dist/VideoPublish/log/index.js

@@ -0,0 +1,186 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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, useEffect, useRef } from "react";
+import "./index.less";
+import LayoutContent from "../../UI/LayoutContent";
+import dayjs from "dayjs";
+import Markdown from "../../component/markdown";
+import { Divider, Empty, Tag, Tooltip } from "antd";
+import event from "../../lib/event";
+import math from "../../lib/math";
+import Time from "../../UI/Time";
+import * as VideoPublishVideoAccountController from "../../service/api/VideoPublishVideoAccountController";
+import notification from "../../lib/notification";
+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 MaxLine = 10000;
+var VideoPublishLog = function VideoPublishLog(_ref) {
+  var _ref$clientIdentity = _ref.clientIdentity,
+    clientIdentity = _ref$clientIdentity === void 0 ? '' : _ref$clientIdentity,
+    env = _ref.env;
+  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" />',
+    finish: '<CheckCircleFilled class="icon icon-success" />'
+  };
+  var onLogDo = function onLogDo(data) {
+    console.log('log data:', data);
+    (function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(code) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.t0 = code;
+              _context.next = _context.t0 === 'not-login' ? 3 : 8;
+              break;
+            case 3:
+              _context.next = 5;
+              return VideoPublishVideoAccountController.saveLoginStatus({
+                clientIdentity: clientIdentity,
+                taskId: data.taskId,
+                platformVideoAccountId: data.platformAccountId,
+                platform: data.platform,
+                isLogin: false,
+                loginValidMessage: data.message
+              }, {
+                env: env
+              }).catch(function (err) {
+                console.log("上报登录失败", err === null || err === void 0 ? void 0 : err.message);
+              });
+            case 5:
+              event.run('video-publish-auth-change');
+              notification.notificationError('有账户未登录', /*#__PURE__*/_jsxs(_Fragment, {
+                children: ["\u8BF7\u68C0\u67E5 ", /*#__PURE__*/_jsx(Tag, {
+                  children: data.nickname || ''
+                })]
+              }));
+              return _context.abrupt("break", 8);
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    })()(data === null || data === void 0 ? void 0 : data.code);
+    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,
+      nickname: data.nickname,
+      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 onLog = function onLog() {
+    event.on('task-apply', function () {
+      setLogAmount(function (n) {
+        return n + 1;
+      });
+      setLastTaskApplyTime(Math.floor(Date.now() * 0.001));
+    });
+    event.on('ws-message.publish-video-log-publish-video', function (query) {
+      // console.log('ws-message publish-video -log-publish-video:', query );
+      if (query.dataType !== 'publish-video-log-publish-video') {
+        return;
+      }
+      onLogDo(query.data);
+    });
+    event.on('publish-video-log-publish-video', function (query) {
+      onLogDo(query);
+    });
+    event.on('shipinlv-video-publish-log', function (data) {
+      onLogDo(data);
+    });
+  };
+  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: "\u53D1\u5E03\u65E5\u5FD7",
+    extInfo: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsxs(Tooltip, {
+        title: "\u672C\u6B21\u8FD0\u884C\u5171\u8BF7\u6C42\u4EFB\u52A1\u6570",
+        children: [logAmount, " ", /*#__PURE__*/_jsx("small", {
+          children: "\u6B21"
+        })]
+      }), /*#__PURE__*/_jsx(Divider, {
+        type: "vertical"
+      }), lastTaskApplyTime && /*#__PURE__*/_jsx(Time, {
+        time: lastTaskApplyTime
+      })]
+    }),
+    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');
+        var contentText = "<span class=\"created\">".concat(time, "</span> <VideoPlatform platform=\"").concat(items.platform, "\" /> <span>").concat(items.nickname, " </span> <Tooltip title='\u4EFB\u52A1\u7F16\u53F7'><Tag color='blue'> ").concat(items.taskId, "</Tag></Tooltip> ").concat(logStatus, " <span class=\"content\">").concat(items.content, "</span>");
+        if (items.content === '-----') {
+          contentText = '<Divider />';
+        }
+        return /*#__PURE__*/_jsx("div", {
+          className: "line ".concat('line-' + items.logStatus),
+          children: /*#__PURE__*/_jsx(Markdown, {
+            content: contentText
+          })
+        }, "".concat(items.id, "-").concat(i));
+      }), textList.length === 0 && /*#__PURE__*/_jsx(Empty, {
+        description: "\u6682\u65E0\u64CD\u4F5C\u65E5\u5FD7",
+        image: Empty.PRESENTED_IMAGE_SIMPLE
+      })]
+    })
+  });
+};
+export default VideoPublishLog;

package/dist/VideoPublish/log/index.less

@@ -0,0 +1,81 @@
+.videoPublishLog{
+  font-size: 13px;
+  .created{
+    margin: 0 6px 0 0;
+    padding: 2px 4px;
+    background-color: #F2F2F2;
+    font-weight: 300;
+    //opacity: 0.7;
+    font-size: 13px;
+    min-width: 95px;
+    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;
+        }
+      }
+    }
+  }
+
+  .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/proxy/create.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    env?: Global.Env;
+    id: number;
+    onSuccess: () => void;
+}
+declare const VideoPublishVideoAccountProxyCreate: React.FC<Props>;
+export default VideoPublishVideoAccountProxyCreate;

package/dist/VideoPublish/proxy/create.js

@@ -0,0 +1,176 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button, DatePicker, Form, Input, InputNumber, Switch } from 'antd';
+import { useRequest } from "@umijs/hooks";
+import PageContentWarp from "../../UI/PageContentWarp";
+import DialogDrawerFooter from "../../UI/DialogDrawerFooter";
+import * as VideoPublishVideoAccountProxyController from "../../service/api/VideoPublishVideoAccountProxyController";
+import toast from "../../lib/toast";
+import dayjs from "dayjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishVideoAccountProxyCreate = function VideoPublishVideoAccountProxyCreate(_ref) {
+  var env = _ref.env,
+    id = _ref.id,
+    _onSuccess = _ref.onSuccess;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState({
+      id: 0,
+      ip: '',
+      port: 0,
+      title: '',
+      area: '',
+      enabled: true,
+      username: '',
+      password: '',
+      expired: 0,
+      created: 0,
+      updated: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    detailData = _useState2[0],
+    setDetailData = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishVideoAccountProxyController.detail({
+        id: id
+      }, {
+        env: env
+      });
+    }, {
+      manual: id <= 0,
+      onSuccess: function onSuccess(result) {
+        setDetailData(result);
+        form.setFieldsValue(_objectSpread(_objectSpread({}, result), {}, {
+          expired: result.expired <= 0 ? null : dayjs(result.expired * 1000)
+        }));
+      }
+    }),
+    loadingDetail = _useRequest.loading,
+    runDetail = _useRequest.run;
+  var _useRequest2 = useRequest(function (data) {
+      return VideoPublishVideoAccountProxyController.create(data, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        toast('操作成功');
+        _onSuccess();
+      }
+    }),
+    loading = _useRequest2.loading,
+    run = _useRequest2.run;
+  var onFinish = function onFinish(values) {
+    run(_objectSpread(_objectSpread({}, values), {}, {
+      id: id,
+      expired: values.expired ? Math.floor(values.expired.valueOf() * 0.001) : 0
+    }));
+  };
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loadingDetail,
+    className: "videoAccountGroupCreate",
+    children: /*#__PURE__*/_jsxs(Form, {
+      labelCol: {
+        span: 6
+      },
+      form: form,
+      disabled: loading,
+      onFinish: onFinish,
+      children: [/*#__PURE__*/_jsx(Form.Item, {
+        name: "title",
+        label: "\u6807\u9898",
+        rules: [{
+          max: 60,
+          message: '最多60个字符'
+        }],
+        children: /*#__PURE__*/_jsx(Input, {
+          placeholder: "\u8F93\u5165\u6807\u9898/\u5907\u6CE8"
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "ip",
+        label: "IP \u5730\u5740",
+        rules: [{
+          max: 60,
+          message: '最多60个字符'
+        }, {
+          required: true,
+          message: '必填选项'
+        }],
+        children: /*#__PURE__*/_jsx(Input, {
+          placeholder: "\u8F93\u5165 IP\u5730\u5740"
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "port",
+        label: "\u7AEF\u53E3",
+        rules: [{
+          required: true,
+          message: '必填选项'
+        }],
+        children: /*#__PURE__*/_jsx(InputNumber, {
+          min: 0,
+          max: 65535,
+          precision: 0,
+          placeholder: "\u8F93\u5165 \u7AEF\u53E3"
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "username",
+        label: "\u7528\u6237\u540D",
+        rules: [{
+          max: 60,
+          message: '最多60个字符'
+        }],
+        children: /*#__PURE__*/_jsx(Input, {
+          placeholder: "\u8F93\u5165 \u7528\u6237\u540D"
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "password",
+        label: "\u5BC6\u7801",
+        rules: [{
+          max: 60,
+          message: '最多60个字符'
+        }],
+        children: /*#__PURE__*/_jsx(Input, {
+          placeholder: "\u8F93\u5165 \u5BC6\u7801"
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "area",
+        label: "IP\u5730\u5740 \u5F52\u5C5E\u5730",
+        rules: [{
+          max: 60,
+          message: '最多60个字符'
+        }],
+        children: /*#__PURE__*/_jsx(Input, {
+          placeholder: "\u8F93\u5165IP\u5730\u5740 \u5F52\u5C5E\u5730\uFF0C\u53EA\u662F\u65B9\u4FBF\u7BA1\u7406"
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "expired",
+        label: "\u8FC7\u671F\u65F6\u95F4",
+        children: /*#__PURE__*/_jsx(DatePicker, {
+          minDate: dayjs(Date.now() - 86400e3 * 60),
+          maxDate: dayjs(Date.now() + 86400e3 * 365 * 2),
+          disabledDate: function disabledDate(e) {
+            return e.valueOf() < Date.now() - 86400e3 * 2;
+          }
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "enabled",
+        label: "\u662F\u5426\u542F\u7528",
+        children: /*#__PURE__*/_jsx(Switch, {
+          unCheckedChildren: "\u5DF2\u7981\u7528",
+          checkedChildren: "\u5DF2\u542F\u7528"
+        })
+      }), /*#__PURE__*/_jsx(DialogDrawerFooter, {
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          htmlType: "submit",
+          loading: loading,
+          children: "\u4FDD\u5B58"
+        })
+      })]
+    })
+  });
+};
+export default VideoPublishVideoAccountProxyCreate;

package/dist/VideoPublish/proxy/list.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './list.less';
+interface Props {
+    disabled?: boolean;
+    env?: Global.Env;
+    onMenu: (key: string) => void;
+}
+declare const VideoPublishVideoAccountProxy: React.FC<Props>;
+export default VideoPublishVideoAccountProxy;