component-shipinlv 1.0.36 → 1.0.37

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

@@ -0,0 +1,428 @@
+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 { Avatar, Button, Divider, Dropdown, Empty, Input, Popconfirm, Space, Tooltip } from 'antd';
+import "./list.less";
+import { PlusCircleOutlined, SearchOutlined, CloseOutlined } 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 VideoPlatformLogo, { VideoPlatformList } from "../../component/video-platform/logo";
+import toast from "../../lib/toast";
+import Notification from "../../lib/notification";
+import Money from "../../UI/Money";
+import AccountManageSettingConfig from "../../lib/accountManageSettingConfig";
+import VideoPlatform from "../../component/video-platform/logo";
+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 HomePageAccountList = function HomePageAccountList(_ref) {
+  var apiUrl = _ref.apiUrl,
+    env = _ref.env,
+    _ref$onListData = _ref.onListData,
+    onListData = _ref$onListData === void 0 ? function () {} : _ref$onListData,
+    _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 _useRequest = useRequest(function () {
+      return VideoPublishVideoAccountController.list({
+        current: 1,
+        pageSize: 100
+      }, {
+        env: env
+      });
+    }, {
+      manual: !userInfo.isLogin,
+      onSuccess: function onSuccess(result) {
+        listDataRef.current = result.list;
+        setListData(result.list);
+        onListData(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);
+      onCurrent({
+        id: 0,
+        userId: 0,
+        platform: 'd',
+        groupId: 0,
+        uniqueId: 0,
+        accountId: '',
+        avatar: '',
+        bindPhone: '',
+        nickname: '',
+        signature: '',
+        isLoginValid: false,
+        followerCount: 0,
+        followingCount: 0,
+        favoritedCount: 0,
+        videoCount: 0,
+        created: 0,
+        updated: 0
+      });
+      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);
+    }, {
+      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);
+  };
+  var onAdd = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(platform) {
+      var _window$bridge;
+      var settingConfig, addAccountResult, postData;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // if ( ! userInfo.isLogin ){
+            //   const authResult = await goAuth()?.catch( err => {
+            //
+            //   });
+            //   if( ! authResult ){
+            //     console.log('登录失败' );
+            //     return;
+            //   }
+            // }
+
+            console.log('onAdd:', platform);
+            toast('正在启动浏览器，请扫码登录', 6);
+
+            // const platformName = platform ; // == 'kuaishou' ? 'kwai' : '';
+            // const eventName = `amz-${ platform }-publish--add-account`;
+            // console.log('eventName:', eventName );
+            // window.bridge.ipcRenderer.sendMessage( eventName ); // 添加抖音账号
+            settingConfig = AccountManageSettingConfig();
+            _context.next = 5;
+            return (_window$bridge = window.bridge()) === null || _window$bridge === void 0 ? void 0 : _window$bridge.ipcRenderer.invoke('shipinlv-video-account-add', platform, settingConfig.isChromeOpen).catch(function (err) {
+              Notification.notificationError('获取账号信息错误' + ((err === null || err === void 0 ? void 0 : err.message) || JSON.stringify(err)));
+            });
+          case 5:
+            addAccountResult = _context.sent;
+            if (addAccountResult) {
+              _context.next = 8;
+              break;
+            }
+            return _context.abrupt("return");
+          case 8:
+            console.log('addAccountResult：', addAccountResult);
+            postData = {
+              detail: addAccountResult
+            };
+            runCreate(postData);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onAdd(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  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);
+  }, []);
+  var addButton = function addButton() {
+    return /*#__PURE__*/_jsx("div", {
+      className: "addButton",
+      children: /*#__PURE__*/_jsx(Dropdown, {
+        placement: "top",
+        menu: {
+          items: platformMenuItems,
+          onClick: function onClick(e) {
+            return onAdd(e.key);
+          }
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          icon: /*#__PURE__*/_jsx(PlusCircleOutlined, {}),
+          type: "primary",
+          children: "\u6DFB\u52A0\u89C6\u9891\u8D26\u53F7"
+        })
+      })
+    });
+  };
+  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());
+    });
+
+    // window.bridge.ipcRenderer.on("amz-douyin-publish--account", (data: PublishNpm.AccountResult) => {
+    //   console.log("账号日志 douyin: ", data);
+    //   onAccountLogin( data );
+    // });
+    // window.bridge.ipcRenderer.on("amz-douyin-publish--log", (str: string) => {
+    //   console.log("发布视频日志: ", str);
+    // });
+    // window.bridge.ipcRenderer.on("amz-douyin-publish--err", (error: PublishNpm.IpcRendererError ) => {
+    //   console.log("发布视频错误日志: ", error );
+    //   Notification.notificationError( '抖音-出现问题' , error.msg )
+    // });
+    //
+    // window.bridge.ipcRenderer.on("amz-kwai-publish--account", (data: PublishNpm.AccountResult) => {
+    //   console.log("账号日志 kwai : ", data);
+    //   onAccountLogin( data );
+    // });
+    // window.bridge.ipcRenderer.on("amz-kwai-publish--log", (str: string) => {
+    //   console.log("发布视频日志: ", str)
+    // });
+    // window.bridge.ipcRenderer.on("amz-kwai-publish--err", (error: PublishNpm.IpcRendererError ) => {
+    //   console.log("发布视频错误日志: ", error )
+    // });
+  }, []);
+  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(letter);
+                }
+              });
+              // 未搜索到
+              if (!isSearchMatch) {
+                return null;
+              }
+            }
+            return /*#__PURE__*/_jsxs("article", {
+              className: "".concat(item.isLoginValid ? "valid" : "invalid", " ").concat(currentId == item.id ? "active" : ''),
+              onClick: function onClick() {
+                return onCurrentId(item.id);
+              },
+              children: [/*#__PURE__*/_jsx("i", {
+                className: "index",
+                children: index + 1
+              }), /*#__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(item.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: item.avatar || 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
+                }), /*#__PURE__*/_jsx(Tooltip, {
+                  title: item.isLoginValid ? '登录有效' : '登录失效',
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: "isLoginValid"
+                  })
+                })]
+              }), /*#__PURE__*/_jsxs("div", {
+                className: "shopName",
+                children: [/*#__PURE__*/_jsx(VideoPlatformLogo, {
+                  platform: item.platform,
+                  size: 14
+                }), shopName, /*#__PURE__*/_jsx("div", {
+                  className: "uniqueId",
+                  children: item.uniqueId
+                })]
+              })]
+            }, item.id);
+          })
+        }), listData.length == 0 && /*#__PURE__*/_jsxs("div", {
+          className: "empty",
+          children: [/*#__PURE__*/_jsx(Empty, {
+            description: "\u6682\u65E0\u7ED1\u5B9A\u8D26\u53F7",
+            image: Empty.PRESENTED_IMAGE_SIMPLE
+          }), addButton()]
+        })]
+      }), /*#__PURE__*/_jsxs("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"
+                })
+              })]
+            })
+          })
+        }), listData.length > 0 && addButton()]
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "list"
+      }), /*#__PURE__*/_jsx("div", {
+        className: "submits",
+        children: addButton()
+      })]
+    })
+  });
+};
+export default HomePageAccountList;

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

@@ -0,0 +1,154 @@
+.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;
+    .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;
+    .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;
+        .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;
+        }
+        &:hover{
+          background-color: #dcf0f6;
+          .del{
+            display: inline-block;
+          }
+        }
+        &.active{
+          background-color: #b6e5f6;
+          color: #0063ed;
+          font-weight: bold;
+        }
+        &.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;
+          .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: 14px;
+          padding: 4px 0 0 12px;
+          word-break: keep-all;
+          white-space: nowrap;
+          overflow: hidden;
+        }
+        .uniqueId{
+          padding: 3px 0 0;
+          font-size: 12px;
+          opacity: 0.6;
+        }
+      }
+    }
+  }
+  .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/VideoPublish/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;

package/dist/VideoPublish/account-manage/setting/index.js

@@ -0,0 +1,69 @@
+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 _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import React, { useEffect, useState } from 'react';
+import { Form, Switch } from 'antd';
+import "./index.less";
+import LayoutContent from "../../../UI/LayoutContent";
+import AccountManageSettingConfig from "../../../lib/accountManageSettingConfig";
+import { jsx as _jsx } from "react/jsx-runtime";
+var AccountManageSettingPage = function AccountManageSettingPage(_ref) {
+  _objectDestructuringEmpty(_ref);
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(_objectSpread({}, AccountManageSettingConfig())),
+    _useState2 = _slicedToArray(_useState, 2),
+    formData = _useState2[0],
+    setFormData = _useState2[1];
+  var onFinish = function onFinish(data) {
+    AccountManageSettingConfig(data);
+  };
+  var onInit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onInit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    onInit();
+  }, []);
+  return /*#__PURE__*/_jsx(LayoutContent, {
+    title: "\u8BBE\u7F6E",
+    subtitle: "",
+    className: "videoPublishAccountManageSetting",
+    children: /*#__PURE__*/_jsx(Form, {
+      form: form,
+      labelCol: {
+        span: 4
+      },
+      autoComplete: "off",
+      initialValues: _objectSpread({}, formData),
+      children: /*#__PURE__*/_jsx(Form.Item, {
+        label: "\u662F\u5426\u663E\u793A\u6D4F\u89C8\u5668",
+        name: "isChromeOpen",
+        extra: "\u8C03\u8BD5\u6D4B\u8BD5\u65F6\u6253\u5F00\uFF0C\u6B63\u5E38\u60C5\u51B5\u4E0B \u9690\u85CF\u6D4F\u89C8\u5668",
+        children: /*#__PURE__*/_jsx(Switch, {
+          checkedChildren: "\u663E\u793A\u6D4F\u89C8\u5668",
+          unCheckedChildren: "\u9690\u85CF\u6D4F\u89C8\u5668",
+          onChange: function onChange(isChromeOpen) {
+            formData.isChromeOpen = isChromeOpen;
+            setFormData(_objectSpread({}, formData));
+            onFinish(formData);
+          }
+        })
+      })
+    })
+  });
+};
+export default AccountManageSettingPage;

package/dist/VideoPublish/account-manage/setting/index.less

@@ -0,0 +1,9 @@
+.videoPublishAccountManageSetting{
+
+}
+
+.select{
+  small{
+    color: #999;
+  }
+}

package/dist/VideoPublish/index.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import "./index.less";
 interface Props {
     disabled?: boolean;
+    canPublish: boolean;
     contentHeight?: number | string;
     productType: VideoPublish.ProductType;
     apiUrl: string;