component-sanzhizhou 1.0.0

package/dist/VideoPublish/proxy/list.js

@@ -0,0 +1,276 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+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 React, { useState } from 'react';
+import "./list.less";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishVideoAccountProxyController from "../../service/api/VideoPublishVideoAccountProxyController";
+import Tool from "../../lib/Tool";
+import { Button, Popconfirm, Popover, Space, Table, Tag } from "antd";
+import LayoutContent from "../../UI/LayoutContent";
+import VideoPublishVideoAccountProxyQuery from "./query";
+import VideoPublishVideoAccountProxyCreate from "./create";
+import { PlusCircleOutlined } from "@ant-design/icons";
+import Money from "../../UI/Money";
+import Time from "../../UI/Time";
+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 VideoPublishVideoAccountProxy = function VideoPublishVideoAccountProxy(_ref) {
+  var env = _ref.env,
+    disabled = _ref.disabled,
+    _ref$onMenu = _ref.onMenu,
+    onMenu = _ref$onMenu === void 0 ? function () {} : _ref$onMenu;
+  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,
+      showQuickJumper: false
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pagination = _useState4[0],
+    setPagination = _useState4[1];
+  var _useState5 = useState({
+      enabled: '',
+      keyword: ''
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    query = _useState6[0],
+    setQuery = _useState6[1];
+  var columns = [{
+    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: title
+        })
+      });
+    }
+  }, {
+    title: 'IP 归属地',
+    dataIndex: 'area',
+    key: 'area',
+    render: function render(area, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return /*#__PURE__*/_jsx(Popover, {
+        title: "IP \u5F52\u5C5E\u5730",
+        content: area,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "area",
+          children: area
+        })
+      });
+    }
+  }, {
+    title: 'IP 信息',
+    dataIndex: 'ip',
+    key: 'ip',
+    render: function render(ip, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var auth = record !== null && record !== void 0 && record.username && record !== null && record !== void 0 && record.password ? "".concat(record === null || record === void 0 ? void 0 : record.username, ":******@") : '';
+      var port = record !== null && record !== void 0 && record.port ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [" : ", /*#__PURE__*/_jsx(Tag, {
+          children: record === null || record === void 0 ? void 0 : record.port
+        })]
+      }) : '';
+      return /*#__PURE__*/_jsxs("div", {
+        className: "ip",
+        children: [auth, record === null || record === void 0 ? void 0 : record.ip, port]
+      });
+    }
+  }, {
+    title: '过期时间',
+    dataIndex: 'expired',
+    key: 'expired',
+    render: function render(expired) {
+      return /*#__PURE__*/_jsx(Time, {
+        className: expired > 0 && expired - Date.now() * 0.001 < 86400 * 7 ? 'timeWarn' : '',
+        time: expired
+      });
+    }
+  }, {
+    title: '关联账号数',
+    dataIndex: 'bindAccountCount',
+    key: 'bindAccountCount',
+    render: function render(bindAccountCount) {
+      return /*#__PURE__*/_jsx(Money, {
+        precision: 0,
+        pre: "",
+        end: "\u4E2A",
+        value: bindAccountCount
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u662F\u5426\u542F\u7528"
+    }),
+    dataIndex: 'enabled',
+    key: 'enabled',
+    render: function render(enabled, record) {
+      return !enabled ? /*#__PURE__*/_jsx(Tag, {
+        children: "\u5DF2\u7981\u7528"
+      }) : /*#__PURE__*/_jsx(Tag, {
+        color: "green",
+        children: "\u5DF2\u542F\u7528"
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u64CD\u4F5C"
+    }),
+    dataIndex: '_',
+    key: '_',
+    render: function render(_, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return /*#__PURE__*/_jsxs(Space, {
+        size: 20,
+        children: [/*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          size: "small",
+          onClick: function onClick() {
+            return onCreate((record === null || record === void 0 ? void 0 : record.id) || 0);
+          },
+          children: "\u7F16\u8F91"
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          title: "\u5220\u9664",
+          description: "\u786E\u5B9A\u8981\u5220\u9664\uFF0C\u4E0D\u53EF\u627E\u56DE\uFF1F",
+          onConfirm: function onConfirm() {
+            return onDel((record === null || record === void 0 ? void 0 : record.id) || 0);
+          },
+          children: /*#__PURE__*/_jsx(Button, {
+            type: "link",
+            ghost: true,
+            danger: true,
+            size: "small",
+            children: "\u5220\u9664"
+          })
+        })]
+      });
+    }
+  }];
+  var _useRequest = useRequest(function () {
+      var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : pagination.current;
+      var postQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : query;
+      return VideoPublishVideoAccountProxyController.list(_objectSpread(_objectSpread({}, postQuery), {}, {
+        current: current,
+        pageSize: 20
+      }), {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(_toConsumableArray(result.list));
+      }
+    }),
+    loading = _useRequest.loading,
+    error = _useRequest.error,
+    run = _useRequest.run;
+  var _useRequest2 = useRequest(function (id) {
+      return VideoPublishVideoAccountProxyController.del({
+        id: id
+      }, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        run();
+      }
+    }),
+    loadingDel = _useRequest2.loading,
+    runDel = _useRequest2.run;
+  var onCreate = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
+      var dialog;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            dialog = Tool.drawer({
+              title: '编辑网络代理',
+              content: /*#__PURE__*/_jsx(VideoPublishVideoAccountProxyCreate, {
+                id: id,
+                env: env,
+                onSuccess: function onSuccess() {
+                  run();
+                  dialog.destroy();
+                }
+              }),
+              width: 680
+            });
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onCreate(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onDel = function onDel(id) {
+    runDel(id);
+  };
+  var _onQuery = function onQuery(query) {
+    setQuery(_objectSpread({}, query));
+    pagination.current = 1;
+    setPagination(_objectSpread({}, pagination));
+    run(pagination.current, query);
+  };
+  return /*#__PURE__*/_jsx(LayoutContent, {
+    title: "\u7F51\u7EDC\u4EE3\u7406",
+    subtitle: /*#__PURE__*/_jsx(Button, {
+      size: "small",
+      type: "link",
+      ghost: true,
+      icon: /*#__PURE__*/_jsx(PlusCircleOutlined, {}),
+      onClick: function onClick() {
+        return onCreate(0);
+      },
+      children: "\u6DFB\u52A0\u4EE3\u7406"
+    }),
+    extInfo: /*#__PURE__*/_jsx(VideoPublishVideoAccountProxyQuery, {
+      loading: loading,
+      defaultQuery: query,
+      onQuery: function onQuery(query) {
+        return _onQuery(query);
+      }
+    }),
+    children: /*#__PURE__*/_jsx("div", {
+      className: "videoPublishVideoAccountProxy",
+      children: /*#__PURE__*/_jsx(Table, {
+        size: "small",
+        bordered: true,
+        rowKey: function rowKey(record, index) {
+          return "".concat(index, "-").concat(record.id);
+        },
+        loading: loading,
+        columns: columns,
+        dataSource: listData,
+        pagination: pagination,
+        onChange: function onChange(page, filters, sorter, extra) {
+          pagination.current = page.current || 1;
+          setPagination(_objectSpread({}, pagination));
+        }
+      })
+    })
+  });
+};
+export default VideoPublishVideoAccountProxy;

package/dist/VideoPublish/proxy/list.less

@@ -0,0 +1,10 @@
+.videoPublishVideoAccountProxy{
+  .timeWarn{
+    color: #FFF;
+    background-color: #C00;
+    padding: 2px 6px;
+    line-height: 1em;
+    border-radius: 3px;
+  }
+
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './query.less';
+interface Props {
+    loading: boolean;
+    defaultQuery: VideoPublishVideoAccountProxy.ListQuery;
+    onQuery: (query: VideoPublishVideoAccountProxy.ListQuery) => void;
+}
+declare const VideoPublishVideoAccountProxyQuery: React.FC<Props>;
+export default VideoPublishVideoAccountProxyQuery;

package/dist/VideoPublish/proxy/query.js

@@ -0,0 +1,75 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button, Form, Input, Select, Space, Tag } from "antd";
+import "./query.less";
+import { UnorderedListOutlined } from "@ant-design/icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishVideoAccountProxyQuery = function VideoPublishVideoAccountProxyQuery(_ref) {
+  var loading = _ref.loading,
+    defaultQuery = _ref.defaultQuery,
+    _ref$onQuery = _ref.onQuery,
+    onQuery = _ref$onQuery === void 0 ? function () {} : _ref$onQuery;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(_objectSpread({}, defaultQuery)),
+    _useState2 = _slicedToArray(_useState, 2),
+    query = _useState2[0],
+    setQuery = _useState2[1];
+  var onFinish = function onFinish() {
+    var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    onQuery(_objectSpread(_objectSpread({}, query), values));
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "videoPublishVideoAccountProxyQuery",
+    children: /*#__PURE__*/_jsx(Form, {
+      form: form,
+      initialValues: _objectSpread({}, query),
+      disabled: loading,
+      onFinish: onFinish,
+      children: /*#__PURE__*/_jsxs(Space, {
+        wrap: true,
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          name: "enabled",
+          className: "enabled",
+          children: /*#__PURE__*/_jsxs(Select, {
+            children: [/*#__PURE__*/_jsxs(Select, {
+              value: "",
+              children: [/*#__PURE__*/_jsx(UnorderedListOutlined, {}), " \u6240\u6709\u72B6\u6001"]
+            }), /*#__PURE__*/_jsx(Select, {
+              value: "1",
+              children: /*#__PURE__*/_jsx(Tag, {
+                color: "green",
+                children: "\u5DF2\u542F\u7528"
+              })
+            }), /*#__PURE__*/_jsx(Select, {
+              value: "0",
+              children: /*#__PURE__*/_jsx(Tag, {
+                color: "",
+                children: "\u5DF2\u7981\u7528"
+              })
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          name: "keyword",
+          className: "keyword",
+          children: /*#__PURE__*/_jsx(Input
+          // value={ query.keyword }
+          , {
+            placeholder: "\u641C\u7D22 \u6807\u9898/IP/\u5F52\u5C5E\u5730",
+            allowClear: true
+            // onChange={ e => onKeyWord( e.target.value ) }
+            // onPressEnter={ ( e ) => onSearch( e.target ) }
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          htmlType: "submit",
+          children: "\u641C\u7D22"
+        })]
+      })
+    })
+  });
+};
+export default VideoPublishVideoAccountProxyQuery;

package/dist/VideoPublish/proxy/query.less

@@ -0,0 +1,10 @@
+.videoPublishVideoAccountProxyQuery{
+  .ant-form-item{
+    margin-bottom: 0 !important;
+  }
+
+  .enabled{
+    width: 130px;
+  }
+
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './select.less';
+interface Props {
+    env?: Global.Env;
+    nickname: string;
+    videoAccountProxyId: number;
+    onSuccess: (id: number, proxyInfo: VideoPublishVideoAccountProxy.List) => void;
+}
+declare const VideoPublishVideoAccountProxySelect: React.FC<Props>;
+export default VideoPublishVideoAccountProxySelect;

package/dist/VideoPublish/proxy/select.js

@@ -0,0 +1,110 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button, Form, Select, Tag } from 'antd';
+import { useRequest } from "@umijs/hooks";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { AlignLeftOutlined } from "@ant-design/icons";
+import DialogDrawerFooter from "../../UI/DialogDrawerFooter";
+import "./select.less";
+import * as VideoPublishVideoAccountProxyController from "../../service/api/VideoPublishVideoAccountProxyController";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishVideoAccountProxySelect = function VideoPublishVideoAccountProxySelect(_ref) {
+  var env = _ref.env,
+    nickname = _ref.nickname,
+    videoAccountProxyId = _ref.videoAccountProxyId,
+    onSuccess = _ref.onSuccess;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishVideoAccountProxyController.list({
+        current: 1,
+        pageSize: 100
+      }, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(_toConsumableArray(result.list));
+        form.setFieldsValue({
+          id: videoAccountProxyId
+        });
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run;
+  var onFinish = function onFinish(values) {
+    var _listData$filter;
+    var item = ((_listData$filter = listData.filter(function (item) {
+      return item.id === values.id;
+    })) === null || _listData$filter === void 0 ? void 0 : _listData$filter[0]) || {
+      id: 0,
+      domain: '',
+      port: 0
+    };
+    onSuccess(values.id, item);
+  };
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loading,
+    className: "videoAccountGroupSelect",
+    children: /*#__PURE__*/_jsxs(Form, {
+      labelCol: {
+        span: 4
+      },
+      form: form,
+      disabled: loading,
+      onFinish: onFinish,
+      children: [/*#__PURE__*/_jsx(Form.Item, {
+        label: "\u8D26\u6237\u540D\u79F0",
+        children: /*#__PURE__*/_jsx("strong", {
+          children: nickname
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "id",
+        label: "\u4EE3\u7406\u5217\u8868",
+        children: /*#__PURE__*/_jsxs(Select, {
+          className: "videoAccountGroupSelectIp",
+          popupClassName: "videoAccountGroupSelectIp",
+          children: [/*#__PURE__*/_jsxs(Select.Option, {
+            value: 0,
+            children: [/*#__PURE__*/_jsx(AlignLeftOutlined, {}), " \u8BF7\u9009\u62E9\u7F51\u7EDC\u4EE3\u7406"]
+          }), listData.map(function (items) {
+            return /*#__PURE__*/_jsx(Select.Option, {
+              value: items.id,
+              disabled: !items.enabled,
+              children: /*#__PURE__*/_jsxs("div", {
+                className: "selectOption",
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: "ip",
+                  children: items.ip
+                }), /*#__PURE__*/_jsx("div", {
+                  className: "title",
+                  children: items.title
+                }), /*#__PURE__*/_jsx("div", {
+                  className: "area",
+                  children: /*#__PURE__*/_jsx(Tag, {
+                    children: items.area
+                  })
+                })]
+              })
+            }, items.id);
+          })]
+        })
+      }), /*#__PURE__*/_jsx(DialogDrawerFooter, {
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          htmlType: "submit",
+          loading: loading,
+          children: "\u4FDD\u5B58"
+        })
+      })]
+    })
+  });
+};
+export default VideoPublishVideoAccountProxySelect;

package/dist/VideoPublish/proxy/select.less

@@ -0,0 +1,17 @@
+.videoAccountGroupSelect{
+
+}
+
+.videoAccountGroupSelectIp{
+  .selectOption{
+    display: flex;
+    flex-direction: row;
+    .ip{
+      min-width: 100px;
+    }
+    .title{
+      margin: 0 10px;
+    }
+  }
+
+}

package/dist/VideoPublish/publish-task-plan/index.d.ts

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

package/dist/VideoPublish/publish-task-plan/index.js

@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react';
+import "./index.less";
+import PublishTaskPlanClass from "./tool";
+import event from "../../lib/event";
+import { jsx as _jsx } from "react/jsx-runtime";
+var VideoPublishPublishVideoPlan = function VideoPublishPublishVideoPlan(_ref) {
+  var disabled = _ref.disabled,
+    env = _ref.env,
+    _ref$clientIdentity = _ref.clientIdentity,
+    clientIdentity = _ref$clientIdentity === void 0 ? '' : _ref$clientIdentity;
+  useEffect(function () {
+    if (disabled) {
+      return;
+    }
+    var publishTaskPlan = new PublishTaskPlanClass(env || '', clientIdentity, {
+      // onVideoPublish: ( proxyInfo, query ) => {
+      //   console.log('on log:', proxyInfo, query );
+      //   // 发送给 本地服务器 SSE
+      //   return Promise.resolve( true );
+      // },
+      onLog: function onLog(query) {
+        console.log('on log:', query);
+        event.run('publish-video', query);
+      }
+    });
+    publishTaskPlan.onInit();
+  }, []);
+  return /*#__PURE__*/_jsx("div", {
+    className: "publishVideoPlan"
+  });
+};
+export default VideoPublishPublishVideoPlan;

package/dist/VideoPublish/publish-task-plan/index.less

@@ -0,0 +1,4 @@
+.publishVideo{
+
+
+}