component-shipinlv 1.1.7 → 1.1.8

package/dist/VideoPublish/proxy/list.js

@@ -0,0 +1,245 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+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 { 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: /*#__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(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 onSearch = function onSearch(keyword) {
+    var _keyword$replace;
+    var list = (keyword === null || keyword === void 0 || (_keyword$replace = keyword.replace(/\s+/g, '')) === null || _keyword$replace === void 0 ? void 0 : _keyword$replace.split('')) || [];
+    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",
+    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,3 @@
+.videoPublishVideoAccountProxy{
+
+}

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/task-list/index.js

@@ -152,7 +152,7 @@ var VideoPublishTaskList = function VideoPublishTaskList(_ref) {
         env: env,
         publishTaskId: publishTaskId
       }),
-      width: 920
+      width: 1020
     });
   };
   return /*#__PURE__*/_jsx(PageContentWarp, {

package/dist/VideoPublish/task-list/plan/list.js

@@ -6,13 +6,12 @@ import PageContentWarp from "../../../UI/PageContentWarp";
 import { useRequest } from "@umijs/hooks";
 import * as VideoPublishTaskPlanController from "../../../service/api/VideoPublishTaskPlanController";
 import { Button, Popover, Space, Table } from "antd";
-// import VideoPublishTaskListQuery from "component-shipinlv/VideoPublish/task-list/query";
 import Time from "../../../UI/Time";
-import VideoPlatform from "../../../component/video-platform/logo";
 import VideoPublishTaskPlanStatus from "./status";
 import { FileTextOutlined, VideoCameraOutlined } from "@ant-design/icons";
 import VideoKindTag from "../../../component/videoKindTag";
 import { onMediaShowView } from "../../../component/media-show";
+import VideoPublishVideoAccountBaseInfo from "../../video-account/base-info";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 var VideoPublishTaskPlanList = function VideoPublishTaskPlanList(_ref) {
@@ -57,13 +56,12 @@ var VideoPublishTaskPlanList = function VideoPublishTaskPlanList(_ref) {
     dataIndex: 'id',
     key: 'id'
   }, {
-    title: '平台',
+    title: '发布账号',
     dataIndex: 'platform',
     key: 'platform',
     render: function render(platform, record) {
-      return /*#__PURE__*/_jsx(VideoPlatform, {
-        platform: platform,
-        showName: true
+      return /*#__PURE__*/_jsx(VideoPublishVideoAccountBaseInfo, {
+        accountInfo: record === null || record === void 0 ? void 0 : record.accountInfo
       });
     }
   }, {

package/dist/VideoPublish/task-list/plan/list.less

@@ -5,4 +5,77 @@
   .ant-pagination-options{
     display: none;
   }
+
+  .article{
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    cursor: pointer;
+    &.valid{
+      .isLoginValid{
+        background-color: #00bc00;
+      }
+      .shopName{
+        color: #005a00;
+      }
+    }
+    &.invalid{
+      background-color: #e1e1e1;
+      .isLoginValid{
+        background-color: red;
+      }
+      .shopName{
+        color: #999;
+        font-weight: 300;
+      }
+      .avatarUrl{
+        opacity: 0.5;
+        filter: grayscale(100%);
+      }
+    }
+    .avatar{
+      position: relative;
+      width: 40px;
+      //box-shadow: 0 0 5px #EEE;
+      .avatarUrl{
+        border-radius: 100px;
+        box-shadow: 0 0 5px #EEE;
+      }
+      .isLoginValid{
+        position: absolute;
+        left: 35px;
+        top: 35px;
+        width: 8px;
+        height: 8px;
+        border-radius: 100px;
+      }
+    }
+    .shopName{
+      max-width: 150px;
+      color: #666;
+      display: inline-block;
+      text-overflow: ellipsis;
+      //line-height: 30px;
+      font-size: 12px;
+      padding: 1px 0 0 12px;
+      line-height: 1.1em;
+      word-break: keep-all;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+    .nicknameRemark{
+      max-width: 150px;
+      color: #666;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      //background-color: #F6F6F6;
+      padding: 2px 0 1px;
+      font-weight: 300;
+    }
+    .uniqueId{
+      padding: 1px 0 0;
+      font-size: 12px;
+      opacity: 0.6;
+    }
+  }
 }

package/dist/VideoPublish/video-account/base-info.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./base-info.less";
+interface Props {
+    id?: number;
+    className?: string;
+    index?: number;
+    accountInfo?: VideoPublishVideoAccount.BaseInfo;
+    onDel?: (id: number) => void;
+    onClick?: () => void;
+}
+declare const VideoPublishVideoAccountBaseInfo: React.FC<Props>;
+export default VideoPublishVideoAccountBaseInfo;

package/dist/VideoPublish/video-account/base-info.js

@@ -0,0 +1,69 @@
+import React from "react";
+import "./base-info.less";
+import { Avatar, Popconfirm, Tooltip } from "antd";
+import VideoPlatformLogo from "../../component/video-platform/logo";
+import { CloseOutlined } from "@ant-design/icons";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var VideoPublishVideoAccountBaseInfo = function VideoPublishVideoAccountBaseInfo(_ref) {
+  var id = _ref.id,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    index = _ref.index,
+    accountInfo = _ref.accountInfo,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    _ref$onDel = _ref.onDel,
+    onDel = _ref$onDel === void 0 ? function () {} : _ref$onDel;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: /*#__PURE__*/_jsxs(_Fragment, {
+      children: ["\u6240\u5C5E\u5206\u7EC4\uFF1A", accountInfo === null || accountInfo === void 0 ? void 0 : accountInfo.groupName]
+    }),
+    children: /*#__PURE__*/_jsxs("article", {
+      className: "videoAccountBaseInfo ".concat(className, " ").concat(accountInfo !== null && accountInfo !== void 0 && accountInfo.isLoginValid ? "valid" : "invalid"),
+      onClick: function onClick() {
+        return _onClick();
+      },
+      children: [typeof index === 'number' && /*#__PURE__*/_jsx("i", {
+        className: "index",
+        children: index + 1
+      }), typeof id === 'number' && /*#__PURE__*/_jsx(Popconfirm, {
+        title: "\u5220\u9664\u8D26\u6237",
+        description: "\u786E\u5B9A\u5220\u9664\u8D26\u6237\uFF1F\u5220\u9664\u4E4B\u540E\u4E0D\u80FD\u53D1\u5E03\u89C6\u9891\u4E86",
+        onConfirm: function onConfirm() {
+          return onDel(id);
+        },
+        children: /*#__PURE__*/_jsx("a", {
+          className: "del",
+          children: /*#__PURE__*/_jsx(CloseOutlined, {})
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "avatar",
+        children: [/*#__PURE__*/_jsx(Avatar, {
+          className: "avatarUrl",
+          size: 46,
+          src: (accountInfo === null || accountInfo === void 0 ? void 0 : accountInfo.avatar) || 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          title: accountInfo !== null && accountInfo !== void 0 && accountInfo.isLoginValid ? '登录有效' : '登录失效',
+          children: /*#__PURE__*/_jsx("div", {
+            className: "isLoginValid"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "shopName",
+        children: [/*#__PURE__*/_jsx(VideoPlatformLogo, {
+          platform: (accountInfo === null || accountInfo === void 0 ? void 0 : accountInfo.platform) || '',
+          size: 12
+        }), accountInfo === null || accountInfo === void 0 ? void 0 : accountInfo.nickname, /*#__PURE__*/_jsx("div", {
+          className: "nicknameRemark",
+          children: accountInfo === null || accountInfo === void 0 ? void 0 : accountInfo.nicknameRemark
+        }), /*#__PURE__*/_jsx("div", {
+          className: "uniqueId",
+          children: accountInfo === null || accountInfo === void 0 ? void 0 : accountInfo.uniqueId
+        })]
+      })]
+    })
+  });
+};
+export default VideoPublishVideoAccountBaseInfo;

package/dist/VideoPublish/video-account/base-info.less

@@ -0,0 +1,92 @@
+.videoAccountBaseInfo{
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+  .index{
+    position: absolute;
+    top: 10px;
+    right: 4px;
+    font-size: 12px;
+    font-style: normal;
+    opacity: 0.3;
+  }
+  .del{
+    position: absolute;
+    bottom: 7px;
+    right: 4px;
+    padding: 3px;
+    font-size: 12px;
+    color: #FFF;
+    border-radius: 3px;
+    background-color: #C00;
+    line-height: 1em;
+    display: none;
+  }
+  &.valid{
+    .isLoginValid{
+      background-color: #00bc00;
+    }
+    .shopName{
+      color: #005a00;
+    }
+  }
+  &.invalid{
+    background-color: #e1e1e1;
+    .isLoginValid{
+      background-color: red;
+    }
+    .shopName{
+      color: #999;
+      font-weight: 300;
+    }
+    .avatarUrl{
+      opacity: 0.5;
+      filter: grayscale(100%);
+    }
+  }
+  .avatar{
+    position: relative;
+    width: 40px;
+    //box-shadow: 0 0 5px #EEE;
+    .avatarUrl{
+      border-radius: 100px;
+      box-shadow: 0 0 5px #EEE;
+    }
+    .isLoginValid{
+      position: absolute;
+      left: 35px;
+      top: 35px;
+      width: 8px;
+      height: 8px;
+      border-radius: 100px;
+    }
+  }
+  .shopName{
+    max-width: 150px;
+    color: #666;
+    display: inline-block;
+    text-overflow: ellipsis;
+    //line-height: 30px;
+    font-size: 12px;
+    padding: 1px 0 0 12px;
+    line-height: 1.1em;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .nicknameRemark{
+    max-width: 150px;
+    color: #666;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    //background-color: #F6F6F6;
+    padding: 2px 0 1px;
+    font-weight: 300;
+  }
+  .uniqueId{
+    padding: 1px 0 0;
+    font-size: 12px;
+    opacity: 0.6;
+  }
+}