component-sanzhizhou 1.0.0

package/dist/PhonePublish/account-manage/list.js

@@ -0,0 +1,443 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState, useRef } from 'react';
+import { Divider, Empty, Input, Space, Tooltip } from 'antd';
+import "./list.less";
+import { SearchOutlined } from '@ant-design/icons';
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishVideoAccountController from "../../service/api/VideoPublishVideoAccountController";
+import PageContentWarp from "../../UI/PageContentWarp";
+// import goAuth from "../../lib/goAuth";
+import getLocalUserInfo from "../../lib/getLocalUserInfo";
+import event from "../../lib/event";
+import { VideoPlatformDict, VideoPlatformList } from "../../component/video-platform/logo";
+import toast from "../../lib/toast";
+import Money from "../../UI/Money";
+import AccountManageSettingConfig from "../../lib/accountManageSettingConfig";
+import VideoPlatform from "../../component/video-platform/logo";
+import Tool from "../../lib/Tool";
+import VideoPublishVideoAccountBaseInfo from "../../VideoPublish/video-account/base-info";
+import VideoPublishVideoAccountProxySelect from "../../VideoPublish/proxy/select";
+import notification from "../../lib/notification";
+import openChrome from "../../lib/openChrome";
+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 NotVipCanAddAccountCount = 10;
+var HomePageAccountList = function HomePageAccountList(_ref) {
+  var apiUrl = _ref.apiUrl,
+    env = _ref.env,
+    notVip = _ref.notVip,
+    _ref$onMenu = _ref.onMenu,
+    onMenu = _ref$onMenu === void 0 ? function () {} : _ref$onMenu,
+    _ref$onListData = _ref.onListData,
+    onListData = _ref$onListData === void 0 ? function () {} : _ref$onListData,
+    currentAccountDetail = _ref.currentAccountDetail,
+    disabledDel = _ref.disabledDel,
+    disabledAddProxy = _ref.disabledAddProxy,
+    addonButton = _ref.addonButton,
+    disabledAdd = _ref.disabledAdd,
+    _ref$onCurrent = _ref.onCurrent,
+    onCurrent = _ref$onCurrent === void 0 ? function () {} : _ref$onCurrent;
+  var _useState = useState(getLocalUserInfo()),
+    _useState2 = _slicedToArray(_useState, 2),
+    userInfo = _useState2[0],
+    setUserInfo = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentId = _useState4[0],
+    setCurrentId = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isOpen = _useState6[0],
+    setIsOpen = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    keywordList = _useState8[0],
+    setKeywordList = _useState8[1];
+  var _useState9 = useState(240),
+    _useState10 = _slicedToArray(_useState9, 2),
+    width = _useState10[0],
+    setWidth = _useState10[1];
+  var listDataRef = useRef([]);
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    platformMenuItems = _useState12[0],
+    setPlatformMenuItems = _useState12[1];
+  var _useState13 = useState(listDataRef.current),
+    _useState14 = _slicedToArray(_useState13, 2),
+    listData = _useState14[0],
+    setListData = _useState14[1];
+  var _useState15 = useState({
+      id: 0,
+      ip: '',
+      port: 0,
+      username: '',
+      password: ''
+    }),
+    _useState16 = _slicedToArray(_useState15, 2),
+    proxyInfo = _useState16[0],
+    setProxyInfo = _useState16[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishVideoAccountController.list({
+        current: 1,
+        pageSize: 100
+      }, {
+        env: env
+      });
+    }, {
+      manual: !userInfo.isLogin,
+      onSuccess: function onSuccess(result) {
+        listDataRef.current = result.list;
+        setListData(_toConsumableArray(result.list));
+        onListData(_toConsumableArray(result.list));
+      }
+    }),
+    loading = _useRequest.loading,
+    error = _useRequest.error,
+    run = _useRequest.run;
+  var _useRequest2 = useRequest(function (id) {
+      return VideoPublishVideoAccountController.del({
+        id: id
+      }, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        var index = listDataRef.current.findIndex(function (item) {
+          return item.id == result.id;
+        });
+        if (index > -1) {
+          listDataRef.current.splice(index, 1);
+        }
+        setListData(_toConsumableArray(listDataRef.current));
+        onListData(_toConsumableArray(listDataRef.current));
+      }
+    }),
+    loadingDel = _useRequest2.loading,
+    runDel = _useRequest2.run;
+  var onCurrentId = function onCurrentId(id) {
+    if (id === currentId) {
+      setCurrentId(0);
+      var _detail = {
+        id: 0,
+        userId: 0,
+        platform: 'd',
+        groupId: 0,
+        groupName: '',
+        isBan: false,
+        uniqueId: '',
+        accountId: '',
+        avatar: '',
+        bindPhone: '',
+        nickname: '',
+        nicknameRemark: '',
+        signature: '',
+        isLoginValid: false,
+        followerCount: 0,
+        followingCount: 0,
+        favoritedCount: 0,
+        videoCount: 0,
+        created: 0,
+        updated: 0,
+        chromeProfileName: '',
+        videoFromFolder: '',
+        enabledActiveAccountMode: true,
+        proxyInfo: {}
+      };
+      onCurrent(_detail);
+      return;
+    }
+    var index = listDataRef.current.findIndex(function (item) {
+      return item.id === id;
+    });
+    setCurrentId(id);
+    onCurrent(listDataRef.current[index]);
+  };
+  var _useRequest3 = useRequest(function (data) {
+      return VideoPublishVideoAccountController.create(data, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        toast('已经添加账户');
+        onSearch();
+      }
+    }),
+    loadingCreate = _useRequest3.loading,
+    runCreate = _useRequest3.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('')) || [];
+    setKeywordList(list);
+    run();
+  };
+  var onAdd = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(platform) {
+      var settingConfig, chromeProfileName, videoPlatformInfo;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!notVip) {
+              _context.next = 4;
+              break;
+            }
+            if (!(listData.length >= NotVipCanAddAccountCount)) {
+              _context.next = 4;
+              break;
+            }
+            Tool.toast("\u4E0D\u662F\u4F1A\u5458\uFF0C\u53EA\u80FD\u6DFB\u52A0 ".concat(NotVipCanAddAccountCount, "\u4E2A\u8D26\u6237"));
+            return _context.abrupt("return");
+          case 4:
+            // if( ! isInstalledChrome() ){
+            //   Tool.toast('没有安装谷歌浏览器（Chrome），请安装');
+            //   onMenu('setting');
+            //   return;
+            // }
+
+            console.log('onAdd:', platform);
+            settingConfig = AccountManageSettingConfig();
+            if (settingConfig.chromeUserDataDir) {
+              _context.next = 10;
+              break;
+            }
+            notification.notificationError('请先设置：“谷歌浏览器 - 多开位置”', '选个稍微大点的盘存储，每个用户会有几百M的数据');
+            onMenu('setting');
+            return _context.abrupt("return");
+          case 10:
+            if (!(listData.length >= 200)) {
+              _context.next = 13;
+              break;
+            }
+            notification.notificationError('这电脑绑定到上限了', '每台电脑最多绑定 200 个账号');
+            return _context.abrupt("return");
+          case 13:
+            toast('正在启动浏览器，请扫码登录', 12);
+
+            // const platformName = platform ; // == 'kuaishou' ? 'kwai' : '';
+            // const eventName = `amz-${ platform }-publish--add-account`;
+            // console.log('eventName:', eventName );
+            // window.bridge.ipcRenderer.sendMessage( eventName ); // 添加抖音账号
+
+            // 固定长度，必须 16位数
+            chromeProfileName = Date.now() + '-' + Tool.math.randWord(16);
+            videoPlatformInfo = VideoPlatformDict[platform];
+            if (videoPlatformInfo) {
+              _context.next = 19;
+              break;
+            }
+            toast('请配置信息：' + platform);
+            return _context.abrupt("return");
+          case 19:
+            openChrome({
+              action: 'add-account',
+              platform: platform,
+              platformAccountId: '',
+              nickname: '',
+              taskId: 0,
+              chromePath: settingConfig.chromePath,
+              chromeProfileName: chromeProfileName,
+              url: videoPlatformInfo.loginWebSiteUrl,
+              // 'https://www.douyin.com/user/self?from_tab_name=main',
+              proxyInfo: proxyInfo,
+              isOpen: true // settingConfig.isChromeOpen,
+            }, true, env);
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onAdd(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onProxy = function onProxy() {
+    var dialog = Tool.drawer({
+      title: '编辑代理',
+      content: /*#__PURE__*/_jsx(VideoPublishVideoAccountProxySelect, {
+        env: env,
+        nickname: "[\u5F85\u6DFB\u52A0]",
+        videoAccountProxyId: proxyInfo.id || 0,
+        onSuccess: function onSuccess(newVideoAccountProxyId, info) {
+          setProxyInfo(_objectSpread({}, info));
+          dialog.destroy();
+        }
+      }),
+      width: 680
+    });
+  };
+  useEffect(function () {
+    var platformMenuItems = [];
+    VideoPlatformList.forEach(function (item) {
+      platformMenuItems.push({
+        label: item.name,
+        key: item.platform,
+        disabled: item.disabled,
+        icon: /*#__PURE__*/_jsx(VideoPlatform, {
+          platform: item.platform,
+          showName: false
+        })
+      });
+    });
+    setPlatformMenuItems(platformMenuItems);
+    event.on('video-publish-auth-change', function () {
+      run();
+    });
+  }, []);
+  var _onDel = function onDel(id) {
+    runDel(id);
+  };
+  useEffect(function () {
+    // 更新列表
+    event.on('account-list-update', function () {
+      run();
+    });
+    setInterval(function () {
+      run();
+    }, 5 * 60 * 1e3);
+  }, []);
+  useEffect(function () {
+    event.on('login', function () {
+      setUserInfo(getLocalUserInfo());
+      run();
+    });
+    event.on('logout', function () {
+      setUserInfo(getLocalUserInfo());
+    });
+  }, []);
+  var loginValidAmount = listData.filter(function (item) {
+    return item.isLoginValid;
+  }).length;
+  var notLoginValidAmount = listData.filter(function (item) {
+    return !item.isLoginValid;
+  }).length;
+  return /*#__PURE__*/_jsx("div", {
+    className: "videoPublishAccountList",
+    style: {
+      width: width
+    },
+    children: userInfo.isLogin ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "search",
+        children: isOpen ? /*#__PURE__*/_jsxs(Space, {
+          size: 3,
+          children: [/*#__PURE__*/_jsx(Input, {
+            size: "small",
+            placeholder: "\u641C\u7D22\u8D26\u53F7\u540D\u79F0",
+            allowClear: true,
+            onChange: function onChange(e) {
+              onSearch(e.target.value);
+            }
+          }), /*#__PURE__*/_jsx(Divider, {
+            type: "vertical"
+          }), /*#__PURE__*/_jsx("a", {
+            className: "onList",
+            onClick: function onClick() {
+              return run();
+            },
+            children: /*#__PURE__*/_jsx(SearchOutlined, {})
+          })]
+        }) : /*#__PURE__*/_jsx("a", {
+          className: "onList",
+          onClick: function onClick() {
+            return run();
+          },
+          children: /*#__PURE__*/_jsx(SearchOutlined, {})
+        })
+      }), /*#__PURE__*/_jsxs(PageContentWarp, {
+        loading: loading,
+        error: error,
+        onReload: run,
+        className: "list ".concat(isOpen ? '' : "listMini"),
+        children: [listData.length > 0 && /*#__PURE__*/_jsx("section", {
+          children: listData.map(function (item, index) {
+            var shopName = [];
+            if (keywordList.length === 0) {
+              shopName.push(item.nickname);
+            } else {
+              var isSearchMatch = false;
+              item.nickname.split('').map(function (letter) {
+                if (keywordList.includes(letter)) {
+                  isSearchMatch = true;
+                  shopName.push( /*#__PURE__*/_jsx("span", {
+                    className: "high",
+                    children: letter
+                  }, letter));
+                } else {
+                  shopName.push( /*#__PURE__*/_jsx("span", {
+                    children: letter
+                  }, letter));
+                }
+              });
+              // 未搜索到
+              if (!isSearchMatch) {
+                return null;
+              }
+            }
+            return /*#__PURE__*/_jsxs("div", {
+              className: "accountManageListItems",
+              children: [/*#__PURE__*/_jsx(VideoPublishVideoAccountBaseInfo, {
+                id: item.id,
+                className: currentId == item.id ? "active" : '',
+                index: index,
+                accountInfo: _objectSpread({}, item),
+                disabledDel: disabledDel,
+                onDel: function onDel(id) {
+                  return _onDel(id);
+                },
+                onClick: function onClick() {
+                  return onCurrentId(item.id);
+                }
+              }, item.id), addonButton]
+            }, item.id);
+          })
+        }), listData.length == 0 && /*#__PURE__*/_jsx("div", {
+          className: "empty",
+          children: /*#__PURE__*/_jsx(Empty, {
+            description: "\u672C\u673A\u6682\u65E0\u94FE\u63A5\u624B\u673A",
+            image: Empty.PRESENTED_IMAGE_SIMPLE
+          })
+        })]
+      }), !disabledAdd && /*#__PURE__*/_jsx("div", {
+        className: "submits",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "amount",
+          children: /*#__PURE__*/_jsx(Tooltip, {
+            title: /*#__PURE__*/_jsxs(_Fragment, {
+              children: ["\u672A\u767B\u5F55\uFF1A", notLoginValidAmount, " \u4E2A ", /*#__PURE__*/_jsx(Divider, {
+                type: "vertical"
+              }), " \u5DF2\u767B\u5F55 ", loginValidAmount, " \u4E2A"]
+            }),
+            children: /*#__PURE__*/_jsxs(Space, {
+              children: [/*#__PURE__*/_jsx("strong", {
+                className: "notLoginValid",
+                children: notLoginValidAmount
+              }), "/", /*#__PURE__*/_jsx("span", {
+                className: "loginValid",
+                children: /*#__PURE__*/_jsx(Money, {
+                  pre: "",
+                  value: loginValidAmount,
+                  precision: 0,
+                  end: "\u4E2A"
+                })
+              })]
+            })
+          })
+        })
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "list"
+      }), /*#__PURE__*/_jsx("div", {
+        className: "submits"
+      })]
+    })
+  });
+};
+export default HomePageAccountList;

package/dist/PhonePublish/account-manage/list.less

@@ -0,0 +1,95 @@
+.videoPublishAccountList{
+  width: 200px;
+  display: flex;
+  flex-direction: column;
+  height: calc( 100vh - 56px - 28px   );
+  border-right: 1px solid #E8E8E8;
+  position: relative;
+  transition: width 0.3s ease-in-out;
+
+  .search{
+    margin: 10px 0;
+    .onList{
+      color: #999;
+      font-size: 15px;
+      text-align: center;
+      display: block;
+      margin: 0 auto;
+      &:hover{
+        color: #722ed1;
+      }
+    }
+  }
+
+  .list{
+    flex: 2;
+    height: 100%; // calc(100vh - 10px);
+    overflow-y: auto;
+    padding: 10px 0;
+    .accountManageListItems{
+      position: relative;
+      //padding: 0 0 6px 0;
+      border-bottom: 1px solid #F0F0F0;
+    }
+    &::-webkit-scrollbar {
+      width: 2px; /* 滚动条的宽度 */
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: #DDD; /* 滑块的颜色 */
+      border-radius: 4px; /* 滑块的圆角 */
+    }
+    .high{
+      color: #C00;
+      font-weight: bold;
+    }
+    .empty{
+      margin: 40% auto 0;
+    }
+    section{
+      padding: 5px;
+      article{
+        position: relative;
+        display: flex;
+        flex-direction: row;
+        cursor: pointer;
+        padding: 6px 10px;
+        margin: 3px 0;
+        border-radius: 5px;
+        &:hover{
+          background-color: #dcf0f6;
+          .del{
+            display: inline-block;
+          }
+        }
+        &.active{
+          background-color: #b6e5f6;
+          color: #0063ed;
+          font-weight: bold;
+        }
+      }
+    }
+  }
+  .submits{
+    //box-shadow: 0 0 5px #EEE;
+    text-align: center;
+    padding: 12px 0 ;
+    display: flex;
+    margin: 0 12px 0 0;
+    flex-direction: row;
+    .amount{
+      flex: 2;
+      text-align: left;
+      font-size: 12px;
+      line-height: 32px;
+      .notLoginValid{
+        color: #C00;
+      }
+      .loginValid{
+        color: #00bc00;
+      }
+    }
+  }
+  .addButton{
+    text-align: center;
+  }
+}

package/dist/PhonePublish/account-manage/setting/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+interface Props {
+}
+declare const AccountManageSettingPage: React.FC<Props>;
+export default AccountManageSettingPage;