component-sanzhizhou 1.0.0

package/dist/UI/text-input.js

@@ -0,0 +1,110 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { Button, Input, Space } from 'antd';
+import { EditOutlined, CheckOutlined } from '@ant-design/icons';
+import "./text-input.less";
+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 TextInput = function TextInput(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    disabled = _ref.disabled,
+    className = _ref.className,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$maxLength = _ref.maxLength,
+    maxLength = _ref$maxLength === void 0 ? 1000 : _ref$maxLength,
+    size = _ref.size,
+    _ref$onFinish = _ref.onFinish,
+    onFinish = _ref$onFinish === void 0 ? function () {} : _ref$onFinish;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEdit = _useState2[0],
+    setIsEdit = _useState2[1];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputText = _useState4[0],
+    setInputText = _useState4[1];
+  var onEdit = function onEdit(isEdit) {
+    if (disabled) {
+      return;
+    }
+    setIsEdit(isEdit);
+  };
+  var onInput = function onInput(value) {
+    setInputText(value);
+  };
+  var onPost = function onPost() {
+    onEdit(false);
+    if (inputText != value) {
+      onFinish(inputText);
+    }
+  };
+  var textAreaProp = {
+    addonAfter: /*#__PURE__*/_jsx("a", {
+      onClick: onPost,
+      children: /*#__PURE__*/_jsx(CheckOutlined, {})
+    })
+  };
+  useEffect(function () {
+    setInputText(value);
+  }, [value]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: isEdit ? /*#__PURE__*/_jsx("div", {
+      className: className,
+      children: type === 'textarea' ? /*#__PURE__*/_jsxs(Space.Compact, {
+        children: [/*#__PURE__*/_jsx(Input.TextArea, _objectSpread(_objectSpread({
+          className: "input",
+          disabled: disabled,
+          maxLength: maxLength,
+          defaultValue: inputText,
+          onChange: function onChange(e) {
+            return onInput(e.target.value);
+          }
+        }, textAreaProp), {}, {
+          autoFocus: true
+        })), /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          children: /*#__PURE__*/_jsx("a", {
+            onClick: onPost,
+            children: /*#__PURE__*/_jsx(CheckOutlined, {})
+          })
+        })]
+      }) : /*#__PURE__*/_jsx(Input, {
+        onPressEnter: function onPressEnter(e) {
+          onPost();
+        },
+        size: size,
+        className: "input",
+        disabled: disabled,
+        maxLength: maxLength,
+        value: inputText,
+        onChange: function onChange(e) {
+          return onInput(e.target.value);
+        },
+        addonAfter: /*#__PURE__*/_jsx("a", {
+          onClick: onPost,
+          children: /*#__PURE__*/_jsx(CheckOutlined, {})
+        }),
+        autoFocus: true
+      })
+    }) : /*#__PURE__*/_jsxs("div", {
+      className: "".concat(className, " showBox ").concat(disabled ? 'disabled' : ''),
+      children: [/*#__PURE__*/_jsx("label", {
+        className: "content",
+        children: label
+      }), /*#__PURE__*/_jsx("a", {
+        className: "editIcon ".concat(disabled ? 'disabled' : '', "  ").concat(label ? '' : "labelEmpty", "  edit-icon"),
+        onClick: function onClick() {
+          return onEdit(true);
+        },
+        children: /*#__PURE__*/_jsx(EditOutlined, {})
+      })]
+    })
+  });
+};
+export default TextInput;

package/dist/UI/text-input.less

@@ -0,0 +1,22 @@
+.showBox{
+  display: flex;
+  flex-direction: row;
+}
+
+.editIcon{
+  display: inline-block;
+  padding: 0 0 0 5px;
+  &.disabled{
+    visibility: hidden;
+  }
+}
+
+.labelEmpty{
+  opacity: 0.6;
+  -webkit-filter: grayscale(100%);
+  filter: grayscale(100%);
+}
+
+.input{
+  width: 96%;
+}

package/dist/VideoPublish/account-manage/home.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './home.less';
+interface Props {
+    apiUrl: string;
+    env?: Global.Env;
+    notVip: boolean;
+    onMenu: (key: string) => void;
+    canPublish?: boolean;
+}
+declare const VideoPublishAccountManageHomePage: React.FC<Props>;
+export default VideoPublishAccountManageHomePage;

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

@@ -0,0 +1,232 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Avatar, Button, Card, Descriptions, Dropdown, Empty, Result } from 'antd';
+import "./home.less";
+import { VideoPlatform } from "../..";
+import HomePageAccountList from "./list";
+import Time from "../../UI/Time";
+import { IeOutlined } from "@ant-design/icons";
+import Tool from "../../lib/Tool";
+import openChrome from "../../lib/openChrome";
+import AccountManageSettingConfig from "../../lib/accountManageSettingConfig";
+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;
+    }
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "videoPublishAccountManageHome",
+    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(Card, {
+        title: "\u89C6\u9891\u8D26\u53F7\u4FE1\u606F",
+        size: "small",
+        className: "userInfoCard",
+        extra: /*#__PURE__*/_jsx(Dropdown, {
+          placement: "top",
+          menu: {
+            items: openMenuItems,
+            onClick: function onClick(e) {
+              return onOpen(e.key);
+            }
+          },
+          children: /*#__PURE__*/_jsx(Button, {
+            icon: /*#__PURE__*/_jsx(IeOutlined, {}),
+            type: "primary",
+            size: "small",
+            children: "\u624B\u5DE5\u64CD\u4F5C"
+          })
+        }),
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "userInfo",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "avatar",
+            children: /*#__PURE__*/_jsx(Avatar, {
+              size: 40,
+              shape: "circle",
+              className: "avatarBox",
+              src: accountDetail.avatar
+            })
+          }), /*#__PURE__*/_jsxs("div", {
+            className: "info",
+            children: [/*#__PURE__*/_jsx("strong", {
+              className: "nickname",
+              children: accountDetail.nickname || '-'
+            }), /*#__PURE__*/_jsx("div", {
+              className: "userId",
+              children: accountDetail.uniqueId
+            }), /*#__PURE__*/_jsx("div", {
+              className: "nicknameRemark",
+              children: accountDetail.nicknameRemark
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(Descriptions, {
+          column: 2
+          // bordered={ true }
+          // title="User Info"
+          ,
+          items: items
+        })]
+      })
+    })]
+  });
+};
+export default VideoPublishAccountManageHomePage;

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

@@ -0,0 +1,58 @@
+.videoPublishAccountManageHome{
+  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%;
+    .userInfoCard{
+      max-width: 520px;
+    }
+    .userInfo{
+      display: flex;
+      flex-direction: row;
+      margin: 0 0 16px 0;
+      .avatar{
+        margin: 0 12px 0 0;
+        //box-shadow: 0 0 3px #d6d4d4;
+        //border-radius: 100px;
+      }
+      .names{
+        max-width: 30vw;
+        margin: 0 0 0 8px;
+        .label{
+          color: #888;
+        }
+        .nickname{
+          display: inline-block;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          word-break: keep-all;
+          overflow: hidden;
+          //max-height: 20px;
+          max-width: 30vw;
+          vertical-align: middle;
+        }
+        .id{
+          background-color: #96cbff;
+          padding: 0 3px;
+          margin: 0 5px 0 0;
+          color: #FFF;
+          line-height: 1em;
+          font-size: 12px;
+          border-radius: 3px;
+
+        }
+      }
+    }
+
+  }
+}

package/dist/VideoPublish/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/VideoPublish/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/VideoPublish/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/VideoPublish/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;