component-shipinlv 1.0.35 → 1.0.37

package/dist/UI/LayoutContent.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './LayoutContent.less';
+interface Props {
+    title?: React.ReactNode;
+    loading?: boolean;
+    subtitle?: React.ReactNode;
+    className?: string;
+    extInfo?: React.ReactNode;
+    leftExtInfo?: React.ReactNode;
+    children?: React.ReactNode;
+    needLogin?: boolean;
+    error?: Error | null;
+    errorNode?: (err: Error) => React.ReactNode;
+    isListEmpty?: boolean;
+    onReload?: () => void;
+}
+declare const LayoutContent: React.FC<Props>;
+export default LayoutContent;

package/dist/UI/LayoutContent.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import "./LayoutContent.less";
+import PageLoading from "./PageLoading";
+import { Space } from 'antd';
+import LoadError from "./LoadError";
+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 LayoutContent = function LayoutContent(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    subtitle = _ref.subtitle,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$extInfo = _ref.extInfo,
+    extInfo = _ref$extInfo === void 0 ? '' : _ref$extInfo,
+    _ref$leftExtInfo = _ref.leftExtInfo,
+    leftExtInfo = _ref$leftExtInfo === void 0 ? '' : _ref$leftExtInfo,
+    children = _ref.children,
+    needLogin = _ref.needLogin,
+    error = _ref.error,
+    errorNode = _ref.errorNode,
+    _ref$isListEmpty = _ref.isListEmpty,
+    isListEmpty = _ref$isListEmpty === void 0 ? false : _ref$isListEmpty,
+    onReload = _ref.onReload;
+  var loadingDom = function loadingDom() {
+    if (isListEmpty && loading) {
+      return /*#__PURE__*/_jsx(PageLoading, {});
+    } else {
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: children
+      });
+    }
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "pageContentBox ".concat(className),
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "pageTitle ".concat(!title ? "noTitle" : ''),
+      children: [title, /*#__PURE__*/_jsx("span", {
+        className: "subtitle",
+        children: subtitle
+      }), /*#__PURE__*/_jsx("div", {
+        className: "extInfo",
+        children: /*#__PURE__*/_jsx(Space, {
+          size: "middle",
+          children: Array.isArray(extInfo) ? /*#__PURE__*/_jsx(Space, {
+            children: extInfo
+          }) : extInfo
+        })
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "pageContentBoxWarp",
+      children: [leftExtInfo && /*#__PURE__*/_jsx("div", {
+        className: "leftExtInfo",
+        children: leftExtInfo
+      }), error ? /*#__PURE__*/_jsx(_Fragment, {
+        children: errorNode ? errorNode(error) : /*#__PURE__*/_jsx(LoadError, {
+          title: error.message,
+          onReload: onReload
+        })
+      }) : loadingDom()
+      // needLogin && ! userInfo.isLogin ?
+      //   <AuthNotLogin />
+      //   :
+      //   loadingDom()
+      ]
+    })]
+  });
+};
+
+export default LayoutContent;

package/dist/UI/LayoutContent.less

@@ -0,0 +1,60 @@
+.pageContentBox {
+  background: rgba(255, 255, 255, 0.86 );
+  //margin: 0 0 0 15px;
+  padding: 10px 15px;
+  border-radius: 4px;
+  min-height: calc(100vh - 230px);
+  box-shadow: 0 0 7px #EEE;
+  .pageTitle {
+    position: relative;
+    padding: 5px 15px 12px 0;
+    font-size: 18px;
+    font-weight: 400;
+    color: #333;
+    border-bottom: 1px solid #eee;
+    line-height: 1.2em;
+    margin: 0 0 10px 0;
+    &.noTitle {
+      display: none;
+    }
+    :global{
+      .ant-form-item{
+        margin-bottom: 2px;
+      }
+    }
+    .subtitle {
+      font-size: 15px;
+      display: inline-block;
+      padding-left: 10px;
+      color: #888;
+    }
+    .extInfo {
+      position: absolute;
+      bottom: 6px;
+      right: 0;
+      font-size: 14px;
+      line-height: 38px;
+    }
+  }
+
+  .pageContentBoxWarp {
+    padding: 6px 0;
+  }
+
+  .leftExtInfo {
+    padding: 2px 0 12px 0;
+  }
+
+}
+
+
+
+@media screen and (max-width: 800px) {
+  // 折叠菜单,
+  .pageContentBox{
+    padding: 8px;
+    .pageTitle {
+      padding: 5px 15px 10px 0;
+    }
+  }
+}

package/dist/UI/PageContentWarp.less

@@ -16,7 +16,7 @@
     color: #333;
     border-bottom: 1px solid #eee;
     line-height: 1.2em;
-    margin: 0 0 12px 0;
+    margin: 0 0 10px 0;
     &.noTitles {
       display: none;
     }

package/dist/UI/PageLoading.d.ts

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

package/dist/UI/PageLoading.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LoadingOutlined } from '@ant-design/icons';
+import "./PageLoading.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var PageLoading = function PageLoading() {
+  return /*#__PURE__*/_jsx("div", {
+    className: "pageLoading",
+    children: /*#__PURE__*/_jsx(LoadingOutlined, {})
+  });
+};
+export default PageLoading;

package/dist/UI/PageLoading.less

@@ -0,0 +1,7 @@
+.pageLoading{
+  padding: 20px;
+  text-align: center;
+  margin: 0 auto;
+  font-size: 18px;
+  color: #999;
+}

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

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

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

@@ -0,0 +1,170 @@
+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 { PlusCircleOutlined } from "@ant-design/icons";
+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,
+    canPublish = _ref.canPublish;
+  var _useState = useState({
+      id: 0,
+      userId: 0,
+      platform: 'douyin',
+      groupId: 0,
+      uniqueId: 0,
+      accountId: '',
+      avatar: '',
+      bindPhone: '',
+      nickname: '',
+      signature: '',
+      isLoginValid: false,
+      followerCount: 0,
+      followingCount: 0,
+      favoritedCount: 0,
+      videoCount: 0,
+      created: 0,
+      updated: 0
+    }),
+    _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([{
+      label: '创作者中心(发视频)',
+      key: 'creator'
+    }]),
+    _useState4 = _slicedToArray(_useState3, 1),
+    openMenuItems = _useState4[0];
+  var onOpen = function onOpen(key) {
+    switch (key) {
+      case 'creator':
+        if (accountDetail.platform === 'douyin') {}
+        break;
+    }
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "videoPublishAccountManageHome",
+    children: [/*#__PURE__*/_jsx(HomePageAccountList, {
+      apiUrl: apiUrl,
+      env: env,
+      onListData: function onListData(list) {
+        // accountListDataRef.current = list;
+        // setAccountListData( list )
+      },
+      onCurrent: function onCurrent(userInfo) {
+        return setAccountDetail(userInfo);
+      }
+    }), /*#__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="没有自动发布权限，只支持多账户管理"
+        ,
+        title: "\u4E0B\u4E00\u7248\u672C\uFF0C\u5373\u5C06\u53D1\u5E03"
+        // 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(PlusCircleOutlined, {}),
+            type: "primary",
+            size: "small",
+            children: "\u6D4F\u89C8\u5668"
+          })
+        }),
+        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(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,10 @@
+import React from 'react';
+import './list.less';
+interface Props {
+    apiUrl: string;
+    env?: Global.Env;
+    onListData: (list: VideoPublishVideoAccount.List[]) => void;
+    onCurrent: (detail: VideoPublishVideoAccount.List) => void;
+}
+declare const HomePageAccountList: React.FC<Props>;
+export default HomePageAccountList;