component-sanzhizhou 1.0.0

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

@@ -0,0 +1,403 @@
+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 "./index.less";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishController from "../../service/api/VideoPublishController";
+import * as VideoPublishVideoAccountController from "../../service/api/VideoPublishVideoAccountController";
+import { Avatar, Button, Divider, Space, Table, Tag, Tooltip } from "antd";
+import VideoPublishVideoAccountListQuery from "./query";
+import VideoPlatform from "../../component/video-platform/logo";
+import Money from "../../UI/Money";
+import { PlusCircleOutlined, StopOutlined } from "@ant-design/icons";
+import Tool from "../../lib/Tool";
+import VideoAccountGroup from "./group";
+import VideoAccountCreate from "./create";
+import VideoPublishVideoAccountProxySelect from "../proxy/select";
+import SavePath from "../../lib/save-path";
+import dayjs from "dayjs";
+import VideoAccountBan from "./ban";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var VideoPublishVideoAccount = function VideoPublishVideoAccount(_ref) {
+  var disabled = _ref.disabled,
+    env = _ref.env;
+  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({
+      isLoginValid: '',
+      keyword: '',
+      platform: '',
+      isBan: ''
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    query = _useState6[0],
+    setQuery = _useState6[1];
+  var columns = [{
+    title: '序号',
+    dataIndex: '-',
+    key: '-',
+    render: function render(_, _1) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return index + 1;
+    }
+  }, {
+    title: '编号',
+    dataIndex: 'id',
+    key: 'id'
+  }, {
+    title: '分组',
+    dataIndex: 'groupId',
+    key: 'groupId',
+    render: function render(groupId, record) {
+      return /*#__PURE__*/_jsx(Tag, {
+        className: "groupName",
+        color: record !== null && record !== void 0 && record.groupName ? 'blue' : '',
+        children: (record === null || record === void 0 ? void 0 : record.groupName) || '默认'
+      });
+    }
+  }, {
+    title: '平台',
+    dataIndex: 'platform',
+    key: 'platform',
+    render: function render(platform, record) {
+      return /*#__PURE__*/_jsx(VideoPlatform, {
+        platform: platform,
+        showName: true
+      });
+    }
+  }, {
+    title: '名称',
+    dataIndex: 'nickname',
+    key: 'nickname',
+    render: function render(nickname, record) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "userInfo",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "avatar",
+          children: /*#__PURE__*/_jsx(Avatar, {
+            size: 40,
+            className: "avatarBox",
+            src: record === null || record === void 0 ? void 0 : record.avatar
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "info",
+          children: [/*#__PURE__*/_jsx("strong", {
+            className: "nickname",
+            children: (record === null || record === void 0 ? void 0 : record.nickname) || '-'
+          }), (record === null || record === void 0 ? void 0 : record.nicknameRemark) && /*#__PURE__*/_jsx("div", {
+            children: /*#__PURE__*/_jsx(Tooltip, {
+              title: "\u5907\u6CE8\uFF1A".concat(record === null || record === void 0 ? void 0 : record.nicknameRemark),
+              children: /*#__PURE__*/_jsx("div", {
+                className: "nicknameRemark",
+                children: record === null || record === void 0 ? void 0 : record.nicknameRemark
+              })
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: "userId",
+            children: record === null || record === void 0 ? void 0 : record.accountId
+          })]
+        }), /*#__PURE__*/_jsx("div", {
+          className: "isBan",
+          children: /*#__PURE__*/_jsx("a", {
+            onClick: function onClick() {
+              return onBanEdit(record);
+            },
+            children: record && record !== null && record !== void 0 && record.isBan ? record !== null && record !== void 0 && record.notBanTime && record.notBanTime > Date.now() * 0.001 ? dayjs(record.notBanTime * 1e3).format('MM-DD') + ' 解封' : /*#__PURE__*/_jsx("span", {
+              className: "ban",
+              children: "\u5DF2\u5C01"
+            }) : /*#__PURE__*/_jsx("span", {
+              className: "normal",
+              children: "-"
+            })
+          })
+        })]
+      });
+    }
+  }, {
+    title: '代理',
+    dataIndex: 'proxyInfo',
+    key: 'proxyInfo',
+    render: function render(proxyInfo, record) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "proxyInfo",
+        children: [/*#__PURE__*/_jsx("div", {
+          children: proxyInfo.title
+        }), /*#__PURE__*/_jsxs("div", {
+          children: [proxyInfo.ip, proxyInfo.area && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Divider, {
+              type: "vertical"
+            }), /*#__PURE__*/_jsx("span", {
+              className: "area",
+              children: proxyInfo.area
+            })]
+          })]
+        })]
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u767B\u5F55\u6001"
+    }),
+    dataIndex: 'isLoginValid',
+    key: 'isLoginValid',
+    render: function render(isLoginValid, record) {
+      return isLoginValid ? /*#__PURE__*/_jsx(Tag, {
+        color: "green",
+        children: "\u5DF2\u767B\u5F55"
+      }) : /*#__PURE__*/_jsx(Tag, {
+        color: "red",
+        children: "\u672A\u767B\u5F55"
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u89C6\u9891\u91CF"
+    }),
+    dataIndex: 'videoCount',
+    key: 'videoCount'
+  }, {
+    title: '粉丝',
+    dataIndex: 'followerCount',
+    key: 'followerCount',
+    render: function render(followerCount) {
+      return /*#__PURE__*/_jsx(Money, {
+        pre: "",
+        value: followerCount,
+        end: "",
+        precision: 1
+      });
+    }
+  }, {
+    title: '养号模式的视频文件夹',
+    dataIndex: 'videoFromFolder',
+    key: 'videoFromFolder',
+    render: function render(videoFromFolder, record) {
+      var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      return /*#__PURE__*/_jsx("div", {
+        className: "videoFromFolder",
+        children: record !== null && record !== void 0 && record.enabledActiveAccountMode ? /*#__PURE__*/_jsx(SavePath, {
+          size: "small",
+          path: videoFromFolder,
+          placeholder: "\u8BF7\u9009\u62E9\u672C\u5730\u89C6\u9891\u6587\u4EF6\u5939",
+          hiddenOpenDir: false,
+          disabled: !(record !== null && record !== void 0 && record.enabledActiveAccountMode),
+          onChange: function onChange(videoFromFolder) {
+            console.log('formData:', videoFromFolder);
+            // onVideoFromFolderCreate( id, e );
+            onVideoFromFolder(i, videoFromFolder);
+          }
+        }) : /*#__PURE__*/_jsxs("div", {
+          className: "disabledActiveAccountMode",
+          children: [/*#__PURE__*/_jsx(StopOutlined, {}), " \u5DF2\u7981\u7528\u517B\u53F7\u53D1\u5E03"]
+        })
+      });
+    }
+  }, {
+    title: '操作',
+    dataIndex: 'id',
+    key: 'id',
+    render: function render(id, record) {
+      return /*#__PURE__*/_jsxs(Space, {
+        children: [/*#__PURE__*/_jsx(Button, {
+          type: "link",
+          size: "small",
+          onClick: function onClick() {
+            return onCreate(id);
+          },
+          children: "\u7F16\u8F91"
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          size: "small",
+          onClick: function onClick() {
+            return onProxyEdit((record === null || record === void 0 ? void 0 : record.nickname) || '', id, record === null || record === void 0 ? void 0 : record.videoAccountProxyId);
+          },
+          children: "\u4EE3\u7406"
+        })]
+      });
+    }
+  }];
+  var _useRequest = useRequest(function () {
+      var postQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : query;
+      var current = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pagination.current;
+      return VideoPublishController.videoAccountList(_objectSpread(_objectSpread({}, postQuery), {}, {
+        current: current,
+        pageSize: pagination.pageSize
+      }), {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(_toConsumableArray(result.list));
+        setPagination(_objectSpread(_objectSpread({}, pagination), result.pagination));
+      }
+    }),
+    runVideoAccount = _useRequest.run,
+    loadingVideoAccount = _useRequest.loading,
+    errorVideoAccount = _useRequest.error;
+  var _useRequest2 = useRequest(function (data) {
+      return VideoPublishVideoAccountController.createProxy(data, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        Tool.toast('代理保存成功');
+        runVideoAccount();
+      }
+    }),
+    loadingProxyCreate = _useRequest2.loading,
+    runProxyCreate = _useRequest2.run;
+  var _useRequest3 = useRequest(function (id, videoFromFolder) {
+      return VideoPublishController.videoFromFolderCreate({
+        id: id,
+        videoFromFolder: videoFromFolder
+      }, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        Tool.toast('已保存');
+        // listData.forEach( ( items, i) => {
+        //   if( items.id !== result.id ){
+        //     return;
+        //   }
+        //   listData[ i ].items = result.items;
+        // });
+        // setListData([...listData]);
+      }
+    }),
+    runVideoFromFolder = _useRequest3.run,
+    loadingVideoFromFolder = _useRequest3.loading;
+  var onBanEdit = function onBanEdit(record) {
+    var _ref2;
+    var dialog = Tool.drawer({
+      title: '编辑账号被封',
+      content: /*#__PURE__*/_jsx(VideoAccountBan, {
+        env: env,
+        videoAccountId: (record === null || record === void 0 ? void 0 : record.id) || 0,
+        isBan: (record === null || record === void 0 ? void 0 : record.isBan) || false,
+        notBanTime: (record === null || record === void 0 ? void 0 : record.notBanTime) || 0,
+        onSuccess: function onSuccess() {
+          runVideoAccount();
+          dialog.destroy();
+        }
+      }),
+      zIndex: 1200,
+      width: Math.min(520, ((_ref2 = global || window) === null || _ref2 === void 0 ? void 0 : _ref2.innerWidth) * 0.95)
+    });
+  };
+  var _onQuery = function onQuery(query) {
+    setQuery(_objectSpread({}, query));
+    runVideoAccount(query);
+  };
+  var onVideoFromFolder = function onVideoFromFolder(i, videoFromFolder) {
+    listData[i].videoFromFolder = videoFromFolder;
+    setListData(_toConsumableArray(listData));
+    runVideoFromFolder(listData[i].id, videoFromFolder);
+  };
+  var onProxyEdit = function onProxyEdit(nickname, videoAccountId) {
+    var videoAccountProxyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    var dialog = Tool.drawer({
+      title: '编辑代理',
+      content: /*#__PURE__*/_jsx(VideoPublishVideoAccountProxySelect, {
+        env: env,
+        nickname: nickname,
+        videoAccountProxyId: videoAccountProxyId,
+        onSuccess: function onSuccess(newVideoAccountProxyId) {
+          runProxyCreate({
+            videoAccountId: videoAccountId,
+            videoAccountProxyId: newVideoAccountProxyId
+          });
+          dialog.destroy();
+        }
+      }),
+      width: 680
+    });
+  };
+  var onCreateGroup = function onCreateGroup() {
+    var groupId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var dialog = Tool.drawer({
+      title: '编辑分组',
+      content: /*#__PURE__*/_jsx(VideoAccountGroup, {
+        env: env,
+        onSuccess: function onSuccess() {
+          runVideoAccount(query, 1);
+          dialog.destroy();
+        },
+        onGroupChange: function onGroupChange() {}
+      }),
+      width: 620
+    });
+  };
+  var onCreate = function onCreate(id) {
+    var dialog = Tool.drawer({
+      title: '编辑账号',
+      content: /*#__PURE__*/_jsx(VideoAccountCreate, {
+        env: env,
+        id: id,
+        onSuccess: function onSuccess() {
+          runVideoAccount(query);
+          dialog.destroy();
+        }
+      }),
+      width: 620
+    });
+  };
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loadingVideoAccount,
+    error: errorVideoAccount,
+    onReload: function onReload() {
+      return runVideoAccount(query);
+    },
+    title: "\u77ED\u89C6\u9891\u8D26\u6237",
+    className: "videoPublishVideoAccountList",
+    subtitle: /*#__PURE__*/_jsxs(Button, {
+      size: "small",
+      type: "primary",
+      ghost: true,
+      loading: loadingProxyCreate,
+      onClick: function onClick() {
+        return onCreateGroup(0);
+      },
+      children: [/*#__PURE__*/_jsx(PlusCircleOutlined, {}), " \u7BA1\u7406\u5206\u7EC4"]
+    }),
+    extInfo: /*#__PURE__*/_jsx(VideoPublishVideoAccountListQuery, {
+      defaultQuery: query,
+      onQuery: function onQuery(query) {
+        return _onQuery(query);
+      }
+    }),
+    children: /*#__PURE__*/_jsx(Table, {
+      size: "small",
+      bordered: true,
+      rowKey: function rowKey(record) {
+        return "".concat(record.id);
+      },
+      loading: false,
+      columns: columns,
+      dataSource: listData,
+      pagination: pagination,
+      onChange: function onChange(page, filters, sorter, extra) {
+        runVideoAccount(query, page.current || 1);
+      }
+    })
+  });
+};
+export default VideoPublishVideoAccount;

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

@@ -0,0 +1,92 @@
+.videoPublishVideoAccountList{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+
+  .userInfo{
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    .avatar{
+      .avatarBox{
+        box-shadow: 0 0 3px #AAA;
+      }
+    }
+    .nicknameRemark{
+      max-width: 110px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      word-break: keep-all;
+      //line-height: 1em;
+      vertical-align: middle;
+      font-size: 12px;
+    }
+    .info{
+      margin: 0 0 0 10px;
+      .nickname{
+        display: inline-block;
+      }
+      .userId{
+        font-size: 12px;
+        color: #999;
+        font-weight: 300;
+      }
+    }
+    .isBan{
+      position: absolute;
+      top: -13px;
+      right: -8px;
+      a{
+        line-height: 1em;
+        font-size: 12px;
+        .ban{
+          display: inline-block;
+          background-color: #C00;
+          color: #FFF;
+          padding: 2px 3px;
+          line-height: 1em;
+        }
+        .normal{
+          display: inline-block;
+          min-width: 12px;
+          padding: 2px 3px;
+          line-height: 1em;
+          background-color: #F6F6F6;
+          color: #F6F6F6;
+        }
+      }
+    }
+  }
+  .groupName{
+    i{
+      font-style: normal;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      word-break: keep-all;
+      white-space: nowrap;
+      max-width: 120px;
+      display: inline-block;
+      vertical-align: middle;
+    }
+    .writeIcon{
+      display: inline-block;
+      vertical-align: middle;
+    }
+  }
+
+  .proxyInfo{
+    font-size: 12px;
+    .area{
+      padding: 2px 3px;
+      background-color: #F2F2F2;
+      border-radius: 3px;
+      font-weight: 300;
+    }
+  }
+
+  .disabledActiveAccountMode{
+    color: #AAA;
+  }
+}

package/dist/VideoPublish/video-account/query.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './query.less';
+interface Props {
+    defaultQuery: VideoPublish.VideoAccountListQuery;
+    onQuery: (query: VideoPublish.VideoAccountListQuery) => void;
+}
+declare const VideoPublishVideoAccountListQuery: React.FC<Props>;
+export default VideoPublishVideoAccountListQuery;

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

@@ -0,0 +1,115 @@
+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 dayjs from "dayjs";
+import VideoPlatform, { VideoPlatformList } from "../../component/video-platform/logo";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishVideoAccountListQuery = function VideoPublishVideoAccountListQuery(_ref) {
+  var 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 todayEnd = dayjs(dayjs(Date.now()).format('YYYY-MM-DD 23:59:59')).valueOf();
+  var onFinish = function onFinish() {
+    var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    onQuery(_objectSpread(_objectSpread({}, query), values));
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "videoPublishVideoAccountListQuery",
+    children: /*#__PURE__*/_jsx(Form, {
+      form: form,
+      initialValues: _objectSpread({}, query),
+      onFinish: onFinish,
+      children: /*#__PURE__*/_jsxs(Space, {
+        wrap: true,
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          name: "platform",
+          className: "platform",
+          children: /*#__PURE__*/_jsxs(Select, {
+            children: [/*#__PURE__*/_jsxs(Select, {
+              value: "",
+              children: [/*#__PURE__*/_jsx(UnorderedListOutlined, {}), " \u6240\u6709\u5E73\u53F0"]
+            }), VideoPlatformList.map(function (item) {
+              return /*#__PURE__*/_jsx(Select, {
+                value: item.platform,
+                disabled: item.disabled,
+                children: /*#__PURE__*/_jsx(VideoPlatform, {
+                  platform: item.platform,
+                  showName: true
+                })
+              }, item.platform);
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          name: "isBan",
+          className: "isBan",
+          children: /*#__PURE__*/_jsxs(Select, {
+            children: [/*#__PURE__*/_jsxs(Select, {
+              value: "",
+              children: [/*#__PURE__*/_jsx(UnorderedListOutlined, {}), " \u5C01\u7981\u72B6\u6001"]
+            }), /*#__PURE__*/_jsx(Select, {
+              value: "0",
+              children: /*#__PURE__*/_jsx(Tag, {
+                color: "green",
+                children: "\u6B63\u5E38"
+              })
+            }), /*#__PURE__*/_jsx(Select, {
+              value: "1",
+              children: /*#__PURE__*/_jsx(Tag, {
+                color: "red",
+                children: "\u88AB\u7981"
+              })
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          name: "isLoginValid",
+          className: "isLoginValid",
+          children: /*#__PURE__*/_jsxs(Select, {
+            children: [/*#__PURE__*/_jsxs(Select, {
+              value: "",
+              children: [/*#__PURE__*/_jsx(UnorderedListOutlined, {}), " \u6240\u6709\u8D26\u53F7"]
+            }), /*#__PURE__*/_jsx(Select, {
+              value: "1",
+              children: /*#__PURE__*/_jsx(Tag, {
+                color: "green",
+                children: "\u5DF2\u767B\u5F55"
+              })
+            }), /*#__PURE__*/_jsx(Select, {
+              value: "0",
+              children: /*#__PURE__*/_jsx(Tag, {
+                color: "red",
+                children: "\u672A\u767B\u5F55"
+              })
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          name: "keyword",
+          className: "keyword",
+          children: /*#__PURE__*/_jsx(Input
+          // value={ query.keyword }
+          , {
+            placeholder: "\u641C\u7D22\u8D26\u53F7\u540D",
+            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 VideoPublishVideoAccountListQuery;

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

@@ -0,0 +1,18 @@
+.videoPublishVideoAccountListQuery{
+  .ant-form-item{
+    margin-bottom: 0 !important;
+  }
+
+  .isLoginValid{
+    width: 150px;
+  }
+
+  .platform{
+    width: 150px;
+  }
+
+  .isBan{
+    width: 150px;
+  }
+
+}

package/dist/VideoPublish/video-publish-statistic/account-trend/index.d.ts

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