component-shipinlv 1.0.10 → 1.0.12

package/dist/VideoPublish/index.js

@@ -0,0 +1,122 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from "react";
+import "./index.less";
+import { Menu, Tabs } from "antd";
+import VideoPublishCreateTask from "./creat-task";
+import isInClient from "../lib/isInClient";
+import { ClockCircleOutlined, UsergroupAddOutlined, VideoCameraAddOutlined } from "@ant-design/icons";
+import VideoPublishVideoAccount from "./video-account";
+import VideoPublishTaskList from "./task-list";
+import PageContentWarp from "../UI/PageContentWarp";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublish = function VideoPublish(_ref) {
+  var disabled = _ref.disabled,
+    contentHeight = _ref.contentHeight,
+    productType = _ref.productType,
+    apiUrl = _ref.apiUrl,
+    env = _ref.env;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuList = _useState2[0],
+    setMenuList = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeKey = _useState4[0],
+    setActiveKey = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tabsItems = _useState6[0],
+    setTabsItems = _useState6[1];
+  var MenuAllList = [{
+    key: 'creat-task',
+    icon: /*#__PURE__*/_jsx(VideoCameraAddOutlined, {}),
+    label: '定时发布',
+    children: /*#__PURE__*/_jsx(VideoPublishCreateTask, {
+      disabled: disabled,
+      productType: productType,
+      apiUrl: apiUrl,
+      env: env
+    })
+  }, {
+    key: 'task-list',
+    icon: /*#__PURE__*/_jsx(ClockCircleOutlined, {}),
+    label: '发布任务',
+    children: /*#__PURE__*/_jsx(VideoPublishTaskList, {
+      disabled: disabled,
+      env: env
+    })
+  }, {
+    key: 'video-account',
+    icon: /*#__PURE__*/_jsx(UsergroupAddOutlined, {}),
+    label: '短视频账户',
+    children: /*#__PURE__*/_jsx(VideoPublishVideoAccount, {
+      disabled: disabled,
+      env: env
+    })
+  }];
+  var onMenu = function onMenu(key) {
+    setActiveKey(key);
+  };
+  var onInit = function onInit() {
+    var _menuList$;
+    var tabsItems = [];
+    var menuList = [];
+    var isClient = isInClient();
+    MenuAllList.forEach(function (items) {
+      // 不渲染
+      if (isClient && items.key === 'media-space') {
+        return;
+      }
+      tabsItems.push(items);
+      menuList.push({
+        key: items.key,
+        icon: items.icon,
+        label: items.label
+      });
+    });
+    setTabsItems([].concat(tabsItems));
+    setMenuList([].concat(menuList));
+    setActiveKey(((_menuList$ = menuList[0]) === null || _menuList$ === void 0 ? void 0 : _menuList$.key) || '');
+  };
+  useEffect(function () {
+    onInit();
+  }, []);
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    minHeight: contentHeight ? contentHeight : '100%',
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "videoPublish",
+      style: {
+        height: contentHeight ? contentHeight : '100%'
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "menuBox",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "menuWarp",
+          children: /*#__PURE__*/_jsx(Menu, {
+            className: "menu",
+            onClick: function onClick(e) {
+              return onMenu(e.key);
+            },
+            style: {
+              width: '100%'
+            },
+            mode: "inline"
+            // defaultSelectedKeys={[ activeKey ]}
+            ,
+            selectedKeys: [activeKey],
+            items: menuList
+          })
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: "pageContents",
+        children: /*#__PURE__*/_jsx(Tabs, {
+          activeKey: activeKey,
+          className: "my-tabs",
+          items: tabsItems
+        })
+      })]
+    })
+  });
+};
+export default VideoPublish;

package/dist/VideoPublish/index.less

@@ -0,0 +1,52 @@
+.videoPublish {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  position: static;
+
+  .menuBox {
+    display: flex;
+    flex-direction: column;
+    width: 180px;
+    //margin: 0 12px 0 0;
+    padding: 0 10px 0 0;
+    min-height: 100%;
+    border-right: 1px solid #E8E8E8;
+
+    .menuWarp{
+      position: fixed;
+      width: 180px;
+      padding: 0 0 0 5px;
+    }
+    .menu{
+    }
+
+    .ant-menu {
+      margin: 10px 0 0;
+    }
+
+    .ant-menu-light {
+      background-color: transparent !important;
+      border-right: none !important;
+    }
+  }
+
+  .pageContents {
+    flex: 1;
+    padding: 16px 16px 16px ;
+    overflow-y: auto;
+
+    .my-tabs {
+      width: 100%;
+      .ktv-ai-pageContentBox{
+        >h2{
+          margin-top: 0;
+        }
+      }
+
+      > .ant-tabs-nav {
+        display: none;
+      }
+    }
+  }
+}

package/dist/VideoPublish/task-list/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+interface Props {
+    disabled?: boolean;
+    env?: Global.Env;
+}
+declare const VideoPublishTaskList: React.FC<Props>;
+export default VideoPublishTaskList;

package/dist/VideoPublish/task-list/index.js

@@ -0,0 +1,121 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./index.less";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishController from "../../service/api/VideoPublishController";
+import { Popover, Table, Tag } from "antd";
+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 VideoPublishTaskList = function VideoPublishTaskList(_ref) {
+  var disabled = _ref.disabled,
+    env = _ref.env;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var _useState3 = useState({
+      current: 1,
+      pageSize: 20,
+      total: 0,
+      simple: true
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pagination = _useState4[0],
+    setPagination = _useState4[1];
+  var columns = [{
+    title: '序号',
+    dataIndex: '-',
+    key: '-',
+    render: function render(_, _1) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return index + 1;
+    }
+  }, {
+    title: '编号',
+    dataIndex: 'id',
+    key: 'id'
+  }, {
+    title: '平台',
+    dataIndex: 'platform',
+    key: 'platform'
+  }, {
+    title: '名称',
+    dataIndex: 'nickname',
+    key: 'nickname',
+    render: function render(nickname, record) {
+      return /*#__PURE__*/_jsx(Popover, {
+        title: "\u6807\u9898",
+        content: nickname,
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "title",
+          children: [nickname, /*#__PURE__*/_jsx("div", {
+            children: record === null || record === void 0 ? void 0 : record.accountId
+          })]
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u662F\u5426\u767B\u5F55"
+    }),
+    dataIndex: 'isLoginValid',
+    key: 'isLoginValid',
+    render: function render(isLoginValid, record) {
+      return isLoginValid ? /*#__PURE__*/_jsx(Tag, {
+        color: "green",
+        children: "\u5DF2\u767B\u5F55"
+      }) : /*#__PURE__*/_jsx(Tag, {
+        color: "red",
+        children: "\u672A\u767B\u5F55"
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u89C6\u9891\u6570\u91CF"
+    }),
+    dataIndex: 'videoCount',
+    key: 'videoCount'
+  }, {
+    title: '粉丝数',
+    dataIndex: 'followerCount',
+    key: 'followerCount'
+  }];
+  var _useRequest = useRequest(function () {
+      var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : pagination.current;
+      return VideoPublishController.taskList({
+        current: 1,
+        pageSize: pagination.pageSize
+      }, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(result.list);
+        setPagination(result.pagination);
+      }
+    }),
+    runTaskList = _useRequest.run,
+    loadingTaskList = _useRequest.loading,
+    errorTaskList = _useRequest.error;
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loadingTaskList,
+    error: errorTaskList,
+    onReload: runTaskList,
+    title: "\u53D1\u5E03\u4EFB\u52A1",
+    className: "videoPublishTaskList",
+    children: /*#__PURE__*/_jsx(Table, {
+      size: "small",
+      bordered: true,
+      rowKey: function rowKey(record) {
+        return "".concat(record.id);
+      },
+      loading: false,
+      columns: columns,
+      dataSource: listData,
+      pagination: false
+    })
+  });
+};
+export default VideoPublishTaskList;

package/dist/VideoPublish/task-list/index.less

@@ -0,0 +1,5 @@
+.videoPublishVideoAccountList{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}

package/dist/VideoPublish/video-account/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+interface Props {
+    disabled?: boolean;
+    env?: Global.Env;
+}
+declare const VideoPublishVideoAccount: React.FC<Props>;
+export default VideoPublishVideoAccount;

package/dist/VideoPublish/video-account/index.js

@@ -0,0 +1,110 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./index.less";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishController from "../../service/api/VideoPublishController";
+import { Popover, Table, Tag } from "antd";
+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 VideoPublishVideoAccount = function VideoPublishVideoAccount(_ref) {
+  var disabled = _ref.disabled,
+    env = _ref.env;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var columns = [{
+    title: '序号',
+    dataIndex: '-',
+    key: '-',
+    render: function render(_, _1) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return index + 1;
+    }
+  }, {
+    title: '编号',
+    dataIndex: 'id',
+    key: 'id'
+  }, {
+    title: '平台',
+    dataIndex: 'platform',
+    key: 'platform'
+  }, {
+    title: '名称',
+    dataIndex: 'nickname',
+    key: 'nickname',
+    render: function render(nickname, record) {
+      return /*#__PURE__*/_jsx(Popover, {
+        title: "\u6807\u9898",
+        content: nickname,
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "title",
+          children: [nickname, /*#__PURE__*/_jsx("div", {
+            children: record === null || record === void 0 ? void 0 : record.accountId
+          })]
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u662F\u5426\u767B\u5F55"
+    }),
+    dataIndex: 'isLoginValid',
+    key: 'isLoginValid',
+    render: function render(isLoginValid, record) {
+      return isLoginValid ? /*#__PURE__*/_jsx(Tag, {
+        color: "green",
+        children: "\u5DF2\u767B\u5F55"
+      }) : /*#__PURE__*/_jsx(Tag, {
+        color: "red",
+        children: "\u672A\u767B\u5F55"
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u89C6\u9891\u6570\u91CF"
+    }),
+    dataIndex: 'videoCount',
+    key: 'videoCount'
+  }, {
+    title: '粉丝数',
+    dataIndex: 'followerCount',
+    key: 'followerCount'
+  }];
+  var _useRequest = useRequest(function () {
+      return VideoPublishController.videoAccountList({
+        current: 1,
+        pageSize: 300 // 服务器 固定死了 300；
+      }, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(result.list);
+      }
+    }),
+    runVideoAccount = _useRequest.run,
+    loadingVideoAccount = _useRequest.loading,
+    errorVideoAccount = _useRequest.error;
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loadingVideoAccount,
+    error: errorVideoAccount,
+    onReload: runVideoAccount,
+    title: "\u77ED\u89C6\u9891\u8D26\u6237",
+    className: "videoPublishVideoAccountList",
+    children: /*#__PURE__*/_jsx(Table, {
+      size: "small",
+      bordered: true,
+      rowKey: function rowKey(record) {
+        return "".concat(record.id);
+      },
+      loading: false,
+      columns: columns,
+      dataSource: listData,
+      pagination: false
+    })
+  });
+};
+export default VideoPublishVideoAccount;

package/dist/VideoPublish/video-account/index.less

@@ -0,0 +1,5 @@
+.videoPublishVideoAccountList{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}

package/dist/component/media-kind.d.ts

@@ -0,0 +1,10 @@
+export declare const MediaSourceMineTypeList: {
+    image: string[];
+    video: string[];
+    audio: string[];
+    font: string[];
+    subtitle: string[];
+};
+type TypeKind = '' | 'image' | 'video' | 'audio' | 'font';
+export declare const GetMineTypeByUrl: (url: string) => TypeKind;
+export {};

package/dist/component/media-kind.js

@@ -0,0 +1,24 @@
+import Tool from "../lib/Tool";
+export var MediaSourceMineTypeList = {
+  image: ['image/jpeg', 'image/jpg', 'image/png', 'image/webp', 'image/gif', '.png', '.jpg', '.webp', '.gif'],
+  video: ['video/mp4', 'video/webm', '.mp4', '.webm', '.wmv', '.mov', '.mpeg', '.avi', '.mv4'],
+  audio: ['audio/mp3', '.mp3', '.wav', '.wma', '.aac', '.ogg', '.ape', '.flac'],
+  font: ['.ttf'],
+  subtitle: ['.txt'
+  // '.srt',
+  ]
+};
+
+export var GetMineTypeByUrl = function GetMineTypeByUrl(url) {
+  var fileExt = '.' + Tool.getFileExt(url).toLocaleLowerCase();
+  var typeKind = '';
+  for (var kind in MediaSourceMineTypeList) {
+    // @ts-ignore
+    var item = MediaSourceMineTypeList[kind];
+    if (item !== null && item !== void 0 && item.includes(fileExt)) {
+      // @ts-ignore
+      typeKind = kind;
+    }
+  }
+  return typeKind;
+};

package/dist/component/media-show.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import './media-show.less';
+interface Prop {
+    title?: string;
+    className?: string;
+    url: string;
+    width: number;
+    height: number;
+}
+type TypeKind = 'video' | "image" | "font" | 'audio';
+export declare const onMediaShowView: (title: string, url: string, typeKind: '' | TypeKind) => void;
+declare const MediaShow: React.FC<Prop>;
+export default MediaShow;

package/dist/component/media-show.js

@@ -0,0 +1,84 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./media-show.less";
+import Tool from "../lib/Tool";
+import { PlayCircleOutlined, SoundOutlined } from "@ant-design/icons";
+import { GetMineTypeByUrl } from "./media-kind";
+import getVideoUrl from "../lib/component/getVideoUrl";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var onMediaShowView = function onMediaShowView(title, url, typeKind) {
+  var mediaUrl = getVideoUrl(url);
+  Tool.drawer({
+    title: title,
+    content: /*#__PURE__*/_jsxs("div", {
+      className: "mediaShow",
+      children: [["image", "font"].includes(typeKind) && /*#__PURE__*/_jsx("div", {
+        className: "image",
+        style: {
+          backgroundImage: "url(\"".concat(mediaUrl, "\")")
+        }
+      }), typeKind === "audio" && /*#__PURE__*/_jsx("div", {
+        className: "audio",
+        children: /*#__PURE__*/_jsx("audio", {
+          controls: true,
+          autoPlay: true,
+          children: /*#__PURE__*/_jsx("source", {
+            src: mediaUrl
+          })
+        })
+      }), typeKind === "video" && /*#__PURE__*/_jsx("div", {
+        className: "video",
+        children: /*#__PURE__*/_jsx("video", {
+          width: "100%",
+          height: "100%",
+          controls: true,
+          autoPlay: true,
+          children: /*#__PURE__*/_jsx("source", {
+            src: mediaUrl
+          })
+        })
+      })]
+    }),
+    width: 580
+  });
+};
+var MediaShow = function MediaShow(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    className = _ref.className,
+    url = _ref.url,
+    width = _ref.width,
+    height = _ref.height;
+  var _useState = useState(GetMineTypeByUrl(url)),
+    _useState2 = _slicedToArray(_useState, 1),
+    typeKind = _useState2[0];
+  var ThumbUrlQuery = "?imageView2/0/w/".concat(width * 2);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "mediaShow ".concat(className, " ").concat(url === '' ? 'hidden' : '', " "),
+    style: {
+      width: width,
+      height: height
+    },
+    onClick: function onClick() {
+      return onMediaShowView(title, url, typeKind);
+    },
+    children: [typeKind === "image" && /*#__PURE__*/_jsx("div", {
+      className: "image",
+      style: {
+        backgroundImage: "url(\"".concat(url).concat(ThumbUrlQuery, "\")")
+      }
+    }), typeKind === "audio" && /*#__PURE__*/_jsx("div", {
+      className: "audio",
+      children: /*#__PURE__*/_jsx(SoundOutlined, {
+        className: "icon"
+      })
+    }), typeKind === "video" && /*#__PURE__*/_jsx("div", {
+      className: "video",
+      children: /*#__PURE__*/_jsx(PlayCircleOutlined, {
+        className: "icon"
+      })
+    })]
+  });
+};
+export default MediaShow;

package/dist/component/media-show.less

@@ -0,0 +1,53 @@
+.mediaShow{
+  background-color: #F2F2F2;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  cursor: pointer;
+  &.hidden{
+    display: none;
+  }
+  .image{
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+  }
+
+  .audio{
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+    border-radius: 3px;
+    margin: auto 0;
+    .icon{
+      margin: 0 auto;
+      color: #000;
+      font-size: 30px;
+      padding: 6px 0;
+      opacity: 0.8;
+    }
+  }
+
+  .video{
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    text-align: center;
+    background-color: #000;
+    border-radius: 3px;
+    .icon{
+      margin: 0 auto;
+      color: #FFF;
+      font-size: 28px;
+      opacity: 0.8;
+    }
+  }
+}

package/dist/component/video-platform/logo.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './logo.less';
+interface Props {
+    platform: Global.VideoPlatformKind | '';
+    size?: number | string;
+    showName?: boolean;
+    className?: string;
+    disabled?: boolean;
+}
+interface VideoPlatformLogoList {
+    platform: Global.VideoPlatformKind;
+    name: string;
+    videoWebSiteUrl: string;
+    allowMainDomainList: string[];
+}
+interface VideoPlatformLogoDict {
+    [name: string]: VideoPlatformLogoList;
+}
+export declare const VideoPlatformLogoList: VideoPlatformLogoList[];
+export declare const VideoPlatformLogoDict: VideoPlatformLogoDict;
+declare const VideoPlatformLogo: React.FC<Props>;
+export default VideoPlatformLogo;