component-sanzhizhou 1.0.0

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

@@ -0,0 +1,242 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button, Divider, Empty, Form, Input, Result, Space } from 'antd';
+import "./home.less";
+import { VideoPlatform } from "../..";
+import HomePageAccountList from "./list";
+import Time from "../../UI/Time";
+import Tool from "../../lib/Tool";
+import openChrome from "../../lib/openChrome";
+import AccountManageSettingConfig from "../../lib/accountManageSettingConfig";
+// import IPhone from "component-sanzhizhou/phone";
+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 VideoPublishAccountManageHomePage = function VideoPublishAccountManageHomePage(_ref) {
+  var apiUrl = _ref.apiUrl,
+    env = _ref.env,
+    notVip = _ref.notVip,
+    onMenu = _ref.onMenu,
+    canPublish = _ref.canPublish;
+  var _useState = useState({
+      isBan: false,
+      videoFromFolder: "",
+      id: 0,
+      userId: 0,
+      platform: 'douyin',
+      groupId: 0,
+      uniqueId: '',
+      accountId: '',
+      avatar: '',
+      bindPhone: '',
+      groupName: "",
+      nicknameRemark: "",
+      nickname: '',
+      signature: '',
+      isLoginValid: false,
+      followerCount: 0,
+      followingCount: 0,
+      favoritedCount: 0,
+      videoCount: 0,
+      created: 0,
+      updated: 0,
+      chromeProfileName: '',
+      enabledActiveAccountMode: true,
+      proxyInfo: {}
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    accountDetail = _useState2[0],
+    setAccountDetail = _useState2[1];
+  var items = [{
+    key: 'platform',
+    label: '平台',
+    children: /*#__PURE__*/_jsx(VideoPlatform, {
+      platform: accountDetail.platform,
+      showName: true
+    })
+  }, {
+    key: 'bindPhone',
+    label: '手机',
+    children: accountDetail.bindPhone
+  }, {
+    key: 'followerCount',
+    label: '粉丝',
+    children: accountDetail.followerCount
+  }, {
+    key: 'followingCount',
+    label: '关注',
+    children: accountDetail.followingCount
+  }, {
+    key: 'favoritedCount',
+    label: '收藏',
+    children: accountDetail.favoritedCount
+  }, {
+    key: 'videoCount',
+    label: '视频数',
+    children: accountDetail.videoCount
+  }, {
+    key: 'created',
+    label: '初次登录',
+    children: /*#__PURE__*/_jsx(Time, {
+      time: accountDetail.created
+    })
+  }, {
+    key: 'updated',
+    label: '最后更新',
+    children: /*#__PURE__*/_jsx(Time, {
+      time: accountDetail.updated
+    })
+  }, {
+    key: 'signature',
+    label: '个性签名',
+    children: accountDetail.signature
+  }];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    openMenuItems = _useState4[0],
+    setOpenMenuItems = _useState4[1];
+  var onOpen = function onOpen(key) {
+    // window.getBridge()?.openVideoAccountBrowser(
+    //   accountDetail.platform,
+    //   '',
+    //   accountDetail.accountId,
+    //   url,
+    //   accountDetail.proxyInfo,
+    // );
+    var settingConfig = AccountManageSettingConfig();
+    var openUrl = '';
+    switch (key) {
+      case 'douyin-create':
+        openUrl = 'https://creator.douyin.com/creator-micro/content/manage';
+        break;
+      case 'kuaishou-create':
+        openUrl = 'https://cp.kuaishou.com/article/manage/video';
+        break;
+    }
+    openChrome({
+      action: 'view',
+      platform: accountDetail.platform,
+      platformAccountId: accountDetail.accountId,
+      nickname: accountDetail.nickname,
+      chromeProfileName: accountDetail.chromeProfileName,
+      taskId: 0,
+      url: openUrl,
+      proxyInfo: accountDetail.proxyInfo,
+      isOpen: true
+    }, false, env);
+    Tool.toast('正在打开浏览器， 请稍等...', 12);
+  };
+  var onOpenMenuItems = function onOpenMenuItems(platform) {
+    switch (platform) {
+      case 'douyin':
+        setOpenMenuItems([{
+          label: '创作者中心(发视频)',
+          key: 'douyin-create'
+        }]);
+        break;
+      case 'kuaishou':
+        setOpenMenuItems([{
+          label: '快手-创作者中心',
+          key: 'kuaishou-create'
+        }]);
+        break;
+      case 'tiktok':
+        setOpenMenuItems([{
+          label: 'Tiktok',
+          key: 'https://www.tiktok.com/'
+        }]);
+        break;
+    }
+  };
+  var MainKeyList = [
+  // 主屏幕 重启 回车键 打开键盘 复制 粘贴 剪切 全选 删除
+  {
+    command: 'main-screen',
+    label: '主屏幕'
+  }, {
+    command: 'reboot',
+    label: '重启'
+  }, {
+    command: 'keybo',
+    label: '打开键盘'
+  }, {
+    command: 'copy',
+    label: '复制'
+  }, {
+    command: 'paste',
+    label: '粘贴'
+  }, {
+    command: 'cut',
+    label: '剪切'
+  }, {
+    command: 'enter',
+    label: '回车键'
+  }, {
+    command: 'select-all',
+    label: '全选'
+  }, {
+    command: 'delete',
+    label: '删除'
+  }];
+  return /*#__PURE__*/_jsxs("div", {
+    className: "phonePublishHome",
+    children: [/*#__PURE__*/_jsx(HomePageAccountList, {
+      apiUrl: apiUrl,
+      env: env,
+      notVip: notVip,
+      currentAccountDetail: accountDetail,
+      onListData: function onListData(list) {
+        // accountListDataRef.current = list;
+        // setAccountListData( list )
+      },
+      onMenu: onMenu,
+      onCurrent: function onCurrent(detail) {
+        setAccountDetail(detail);
+        onOpenMenuItems(detail.platform);
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      className: "contents",
+      children: accountDetail.id <= 0 ? canPublish ? /*#__PURE__*/_jsx(Empty, {
+        description: "\u8BF7\u9009\u62E9\u8D26\u53F7",
+        image: Empty.PRESENTED_IMAGE_SIMPLE
+      }) : /*#__PURE__*/_jsx(Result, {
+        status: "403",
+        title: "\u6CA1\u6709\u81EA\u52A8\u53D1\u5E03\u6743\u9650\uFF0C\u8054\u7CFB\u4EE3\u7406\u8D2D\u4E70\u6FC0\u6D3B\u7801"
+        // title="下一版本，即将发布"
+        // subTitle="如有需要，请联系管理员开通"
+        ,
+        extra: [/*#__PURE__*/_jsx(_Fragment, {})]
+      }) : /*#__PURE__*/_jsxs("div", {
+        className: "phoneContents",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "iPhone"
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "controlBox",
+          children: [/*#__PURE__*/_jsx(Divider, {
+            orientation: "left",
+            children: "\u70ED\u952E"
+          }), /*#__PURE__*/_jsx(Space, {
+            wrap: true,
+            children: MainKeyList.map(function (item, i) {
+              return /*#__PURE__*/_jsx(Button, {
+                children: item.label
+              }, item.command);
+            })
+          }), /*#__PURE__*/_jsx(Divider, {
+            orientation: "left",
+            children: "\u7535\u8111\u53D1\u9001\u6587\u672C\u624B\u673A"
+          }), /*#__PURE__*/_jsx(Form.Item, {
+            children: /*#__PURE__*/_jsx(Input.TextArea, {
+              autoSize: {
+                minRows: 3
+              }
+            })
+          }), /*#__PURE__*/_jsx(Button, {
+            children: "\u53D1\u9001\u5230\u624B\u673A"
+          })]
+        })]
+      })
+    })]
+  });
+};
+export default VideoPublishAccountManageHomePage;

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

@@ -0,0 +1,28 @@
+.phonePublishHome{
+  margin: -12px 0 0 0;
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+
+  .homeIcon{
+    margin-left: 12px;
+  }
+  .contents{
+    flex: 2;
+    padding: 8px 12px 12px;
+    overflow: hidden;
+    height: 100%;
+    .phoneContents{
+      display: flex;
+      flex-direction: row;
+      .iPhone{
+        width: 375px;
+      }
+      .controlBox{
+
+      }
+    }
+
+  }
+}

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const VideoPublishAccountManagePage: () => import("react/jsx-runtime").JSX.Element;
+export default VideoPublishAccountManagePage;

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var VideoPublishAccountManagePage = function VideoPublishAccountManagePage() {
+  // const MenuAllList = [
+  //   {
+  //     key: 'long-video-sales-create',
+  //     icon: <VideoCameraAddOutlined />,
+  //     label: '账号管理',
+  //     children: (
+  //       <AccountManageHomePage
+  //       />
+  //     ),
+  //   },
+  //
+  // ];
+  //
+  // const [ menuList, setMenuList ] = useState<MenuList[]>([]);
+  //
+  // const [ activeKey, setActiveKey ] = useState('');
+  // const [ tabsItems, setTabsItems ] = useState<TabsProps['items']>([]);
+  //
+  // const onMenu = ( key: string ) => {
+  //   setActiveKey( key );
+  // }
+  //
+  // const onInit = () => {
+  //   const tabsItems: TabsProps['items'] = [];
+  //   const menuList: MenuList[] = [];
+  //   MenuAllList.forEach( items => {
+  //
+  //     tabsItems.push( items );
+  //
+  //     menuList.push({
+  //       key: items.key,
+  //       icon: items.icon,
+  //       label: items.label,
+  //     });
+  //   });
+  //
+  //
+  //   setTabsItems([...tabsItems]);
+  //   setMenuList([...menuList]);
+  //
+  //   setActiveKey( menuList[0]?.key || '' );
+  // }
+  //
+  // useEffect(() => {
+  //   onInit();
+  // }, []);
+
+  return /*#__PURE__*/_jsx("div", {
+    className: "videoPublishAccountManage"
+  });
+};
+export default VideoPublishAccountManagePage;

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

@@ -0,0 +1,59 @@
+.videoPublishAccountManage{
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+
+  .menu{
+    width: 180px;
+    margin: 0 0 0 0;
+    padding: 0 10px 0 0;
+    border-right: 1px solid #E8E8E8;
+    :global{
+      .ant-menu-light{
+        background-color: transparent !important;
+        border-right: none !important;
+      }
+    }
+  }
+
+  .pageContents{
+    flex: 1;
+    padding: 12px 8px;
+    overflow-y: auto;
+    :global{
+      .my-tabs{
+        width: 100%;
+        > .ant-tabs-nav{
+          display: none;
+        }
+      }
+    }
+  //}
+  //.contents{
+  //  flex: 2;
+  //  padding: 8px 12px 12px;
+  //  overflow: hidden;
+  //  border-bottom-left-radius: 6px;
+  //  border-bottom-right-radius: 6px;
+  //  height: 100%;
+  //
+  //  :global{
+  //    .ant-tabs-card >.ant-tabs-nav .ant-tabs-tab{
+  //      padding: 1px 10px;
+  //    }
+  //    .ant-tabs-top >.ant-tabs-nav{
+  //      margin: 0;
+  //    }
+  //    .ant-tabs-content-holder{
+  //      background-color: #FFF;
+  //    }
+  //    .ant-tabs-content{
+  //      height: 100%;
+  //    }
+  //    .ant-tabs-tabpane{
+  //      height: 100%;
+  //    }
+  //  }
+  }
+}

package/dist/PhonePublish/account-manage/list.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './list.less';
+interface Props {
+    apiUrl: string;
+    env?: Global.Env;
+    notVip: boolean;
+    currentAccountDetail: VideoPublishVideoAccount.List;
+    onMenu: (key: string) => void;
+    disabledDel?: boolean;
+    disabledAdd?: boolean;
+    disabledAddProxy?: boolean;
+    addonButton?: React.ReactNode;
+    onListData: (list: VideoPublishVideoAccount.List[]) => void;
+    onCurrent: (detail: VideoPublishVideoAccount.List) => void;
+}
+declare const HomePageAccountList: React.FC<Props>;
+export default HomePageAccountList;