component-sanzhizhou 1.0.0

package/dist/component/markdown/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+import './github-markdown-light.less';
+interface Props {
+    content: string;
+}
+declare const Markdown: React.FC<Props>;
+export default Markdown;

package/dist/component/markdown/index.js

@@ -0,0 +1,69 @@
+import React from 'react';
+import MarkdownToJsx from "markdown-to-jsx";
+import { Tag, Button, Divider, Progress, Tooltip } from 'antd';
+import { WarningFilled, CheckCircleFilled, ClockCircleOutlined, CloseSquareFilled } from '@ant-design/icons';
+import { VideoPlatform } from "../..";
+import "./index.less";
+import "./github-markdown-light.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Markdown = function Markdown(_ref) {
+  var _ref$content = _ref.content,
+    content = _ref$content === void 0 ? '' : _ref$content;
+  return /*#__PURE__*/_jsx("div", {
+    className: "shipinlv-markdown markdown-body ",
+    children: /*#__PURE__*/_jsx(MarkdownToJsx, {
+      options: {
+        disableParsingRawHTML: false,
+        overrides: {
+          Tag: {
+            component: Tag
+          },
+          Button: {
+            component: Button
+          },
+          Divider: {
+            component: Divider
+          },
+          Progress: {
+            component: Progress
+          },
+          VideoPlatform: {
+            component: VideoPlatform
+          },
+          Tooltip: {
+            component: Tooltip
+          },
+          hr: {
+            component: Divider
+          },
+          WarningFilled: {
+            component: WarningFilled,
+            props: {
+              className: 'icon-warn'
+            }
+          },
+          CheckCircleFilled: {
+            component: CheckCircleFilled,
+            props: {
+              className: 'icon-success'
+            }
+          },
+          ClockCircleOutlined: {
+            component: ClockCircleOutlined,
+            props: {
+              className: 'icon-wait'
+            }
+          },
+          CloseSquareFilled: {
+            component: CloseSquareFilled,
+            props: {
+              className: 'icon-fail'
+            }
+          }
+        }
+      },
+      children: content
+    })
+  });
+};
+export default Markdown;

package/dist/component/markdown/index.less

@@ -0,0 +1,55 @@
+.shipinlv-markdown{
+  position: relative;
+  line-height: 1.5em;
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: break-spaces;
+  blockquote{
+    margin-bottom: -5px !important;
+  }
+  p{
+    //margin: 0 !important;
+    //padding: 1px;
+    //margin-block-start: 0 !important;
+    //margin-inline-end: 0 !important; ;
+  }
+  //.copy{
+  //  position: absolute;
+  //  right: 5px;
+  //  top: 3px;
+  //  background-color: rgba( 0, 0, 0, 0.6 );
+  //  color: #FFF;
+  //  line-height: 1em;
+  //  padding: 4px;
+  //  border-radius: 3px;
+  //  font-size: 12px;
+  //  opacity: 0.8;
+  //  &:hover{
+  //    opacity: 0.96;
+  //  }
+  //}
+  //.languageTag{
+  //  position: absolute;
+  //  left: 0;
+  //  top: 0;
+  //  font-size: 12px;
+  //  line-height: 1em;
+  //  padding: 1px 3px 2px;
+  //  background-color: #4fc6d6;
+  //  color: #FFF;
+  //  border-bottom-right-radius: 3px;
+  //  border-top-left-radius: 3px;
+  //  &.php{
+  //    background-color: #7177ad;
+  //  }
+  //  &.shell{
+  //    background-color: #333;
+  //  }
+  //  &.python{
+  //    background-color: #4173a1;
+  //  }
+  //  &.tsx{
+  //    background-color: #609b56;
+  //  }
+  //}
+}

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/index.js

@@ -0,0 +1,59 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./index.less";
+import Tool from "../../lib/Tool";
+import { PlayCircleOutlined, SoundOutlined } from "@ant-design/icons";
+import { GetMineTypeByUrl } from "../media-kind";
+import MediaShowRender from "./render";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var onMediaShowView = function onMediaShowView(title, url, typeKind) {
+  Tool.drawer({
+    title: title,
+    content: /*#__PURE__*/_jsx(MediaShowRender, {
+      title: title,
+      url: url,
+      typeKind: typeKind
+    }),
+    width: 580
+  });
+};
+var Index = function Index(_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 Index;

package/dist/component/media-show/render.js

@@ -0,0 +1,112 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from "react";
+import "./render.less";
+import Tool from "../../lib/Tool";
+import getVideoUrl from "../../lib/component/getVideoUrl";
+import { LoadingOutlined } 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";
+export var MediaShowRender = function MediaShowRender(_ref) {
+  var title = _ref.title,
+    url = _ref.url,
+    typeKind = _ref.typeKind;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    pathLink = _useState2[0],
+    setPathLink = _useState2[1];
+  var fetchVideoAsBlob = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response, blob, _pathLink;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!/^https?:/i.test(url)) {
+              _context.next = 3;
+              break;
+            }
+            setPathLink(url);
+            return _context.abrupt("return");
+          case 3:
+            _context.prev = 3;
+            _context.next = 6;
+            return fetch(getVideoUrl(url)).catch(function (err) {
+              Tool.toastError('获取视频失败');
+            });
+          case 6:
+            response = _context.sent;
+            if (response) {
+              _context.next = 9;
+              break;
+            }
+            return _context.abrupt("return");
+          case 9:
+            _context.next = 11;
+            return response.blob().catch(function (err) {
+              Tool.toastError('获取视频失败 2:' + (err === null || err === void 0 ? void 0 : err.message));
+            });
+          case 11:
+            blob = _context.sent;
+            if (blob) {
+              _context.next = 14;
+              break;
+            }
+            return _context.abrupt("return");
+          case 14:
+            _pathLink = URL.createObjectURL(blob);
+            setPathLink(_pathLink);
+            // const mediaUrl = getVideoUrl( url );
+            _context.next = 21;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](3);
+            console.error('There has been a problem with your fetch operation:', _context.t0);
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 18]]);
+    }));
+    return function fetchVideoAsBlob() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    fetchVideoAsBlob();
+  }, []);
+  return /*#__PURE__*/_jsx("div", {
+    className: "mediaShow",
+    children: pathLink ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [["image", "font"].includes(typeKind) && /*#__PURE__*/_jsx("div", {
+        className: "image",
+        style: {
+          backgroundImage: "url(\"".concat(pathLink, "\")")
+        }
+      }), typeKind === "audio" && /*#__PURE__*/_jsx("div", {
+        className: "audio",
+        children: /*#__PURE__*/_jsx("audio", {
+          controls: true,
+          autoPlay: true,
+          children: /*#__PURE__*/_jsx("source", {
+            src: pathLink
+          })
+        })
+      }), typeKind === "video" && /*#__PURE__*/_jsx("div", {
+        className: "video",
+        children: /*#__PURE__*/_jsx("video", {
+          width: "100%",
+          height: "100%",
+          controls: true,
+          autoPlay: true,
+          children: /*#__PURE__*/_jsx("source", {
+            src: pathLink
+          })
+        })
+      })]
+    }) : /*#__PURE__*/_jsx(LoadingOutlined, {})
+  });
+};
+export default MediaShowRender;

package/dist/component/media-show/render.less

@@ -0,0 +1,54 @@
+.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: 90vh;
+    overflow: hidden;
+    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/param.js

@@ -0,0 +1,9 @@
+var param = function param() {
+  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var queryString = [];
+  for (var i in query) {
+    queryString.push("".concat(i, "=").concat(encodeURIComponent(query[i] || '')));
+  }
+  return queryString.join('&');
+};
+export default param;

package/dist/component/product-dict.js

@@ -0,0 +1,11 @@
+import { AndroidOutlined } from '@ant-design/icons';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProductTypeDict = {
+  'chatGPT': {
+    title: 'ChatPGT AI',
+    color: '',
+    icon: /*#__PURE__*/_jsx(AndroidOutlined, {})
+  }
+};
+export default ProductTypeDict;

package/dist/component/product-type.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import ProductTypeDict from "./product-dict";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ProductType = function ProductType(_ref) {
+  var _ref$productType = _ref.productType,
+    productType = _ref$productType === void 0 ? '' : _ref$productType,
+    productName = _ref.productName;
+  var itemData = ProductTypeDict[productType] || {
+    color: '',
+    icon: '',
+    title: ''
+  };
+  return /*#__PURE__*/_jsxs("span", {
+    style: {
+      color: itemData.color
+    },
+    children: [itemData.icon, " ", itemData.title || productName || productType]
+  });
+};
+export default ProductType;

package/dist/component/sse.js

@@ -0,0 +1,66 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var SSE = /*#__PURE__*/function () {
+  function SSE(apiUrl, onMessage, onOpen, onClose, onError) {
+    _classCallCheck(this, SSE);
+    _defineProperty(this, "apiUrl", '');
+    _defineProperty(this, "source", null);
+    _defineProperty(this, "onMessage", function (lastEventId, data) {});
+    _defineProperty(this, "onOpen", function () {});
+    _defineProperty(this, "onClose", function () {});
+    _defineProperty(this, "onError", function (err) {});
+    this.apiUrl = apiUrl;
+    this.onMessage = onMessage;
+    this.onOpen = onOpen;
+    this.onClose = onClose;
+    this.onError = onError;
+  }
+  _createClass(SSE, [{
+    key: "onInit",
+    value: function onInit() {
+      var _this = this;
+      // 创建一个新的EventSource
+      this.source = new EventSource(this.apiUrl);
+
+      // this.source.onmessage = ( event ) => {
+      //   console.log('接收到消息:', event );
+      //
+      // }
+
+      // 监听message事件（默认事件名称为message）
+      this.source.addEventListener('message', function (event) {
+        // event.data包含服务器发送的信息
+        // console.log('接收到消息:', event );
+        _this.onMessage(event.lastEventId, event.data);
+      }, false);
+
+      // 监听open事件，当连接建立时触发
+      this.source.addEventListener('open', function (event) {
+        // event.data包含服务器发送的信息
+        console.log(' 消息 open :', event);
+        _this.onOpen();
+      }, false);
+      this.source.addEventListener('error', function (event) {
+        var _event$target, _this$source;
+        // event.data包含服务器发送的信息
+        // @ts-ignore
+        var readyState = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.readyState;
+        if (readyState === EventSource.CLOSED) {
+          console.log('连接已关闭');
+          _this.onClose();
+        }
+        if (readyState === EventSource.CONNECTING) {
+          console.log('连接已关闭: EventSource.CONNECTING');
+          // this.onError( new  Error('连接时失败'));
+        } else {
+          console.error('发生错误或连接关闭', readyState);
+          _this.onError(new Error('发生错误或连接关闭'));
+        }
+        (_this$source = _this.source) === null || _this$source === void 0 || _this$source.close();
+      }, false);
+    }
+  }]);
+  return SSE;
+}();
+export default SSE;

package/dist/component/video-platform/logo.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import "./logo.less";
+
+// https://olived.app/zh-hans/olivetv/#bilibili
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var VideoPlatformList = [{
+  platform: 'douyin',
+  name: '抖音',
+  loginWebSiteUrl: 'https://www.douyin.com/user/self?from_tab_name=main',
+  // auth login
+  allowMainDomainList: ['douyin.com', 'iesdouyin.com']
+}, {
+  platform: 'kuaishou',
+  name: '快手',
+  loginWebSiteUrl: 'https://cp.kuaishou.com/article/publish/video',
+  // auth login
+  allowMainDomainList: ['kuaishou.com']
+  // disabled: true,
+}, {
+  platform: 'tiktok',
+  name: 'Tiktok',
+  loginWebSiteUrl: 'https://www.tiktok.com/',
+  // auth login
+  allowMainDomainList: ['tiktok.com'],
+  disabled: true
+}];
+export var VideoPlatformDict = function () {
+  var dict = {};
+  VideoPlatformList.forEach(function (item) {
+    dict[item.platform] = item;
+  });
+  return dict;
+}();
+var VideoPlatform = function VideoPlatform(_ref) {
+  var platform = _ref.platform,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    showName = _ref.showName;
+  var itemData = VideoPlatformDict[platform] || {
+    name: platform
+  };
+  return /*#__PURE__*/_jsxs("i", {
+    className: "videoPlatformLogo ".concat(disabled ? 'disabled' : '', " ").concat(className),
+    children: [/*#__PURE__*/_jsx("i", {
+      className: "logo ".concat(platform || '', " "),
+      style: {
+        width: size,
+        height: size
+      }
+    }), showName && /*#__PURE__*/_jsx("span", {
+      className: "name",
+      children: itemData === null || itemData === void 0 ? void 0 : itemData.name
+    })]
+  });
+};
+export default VideoPlatform;

package/dist/component/video-platform/logo.less

@@ -0,0 +1,49 @@
+.videoPlatformLogo{
+  display: inline-block;
+  &.disabled{
+    .logo{
+      opacity: 0.3;
+    }
+  }
+  .logo{
+    display: inline-block;
+    vertical-align: middle;
+    position: relative;
+    top: -0.1em;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    margin-right: 4px;
+    border-radius: 100px;
+    &.douyin{
+      background-image: url("../../asset/image/platform/douyin.png");
+    }
+    &.buyin{
+      background-image: url("../../asset/image/platform/buyin.png");
+    }
+    &.tiktok{
+      background-image: url("../../asset/image/platform/tiktok.png");
+    }
+    &.kuaishou{
+      background-image: url("../../asset/image/platform/kuaishou.png");
+    }
+    &.douyu{
+      background-image: url("../../asset/image/platform/douyu.png");
+    }
+    &.huya{
+      background-image: url("../../asset/image/platform/huya.png");
+    }
+    &.bilibili{
+      background-image: url("../../asset/image/platform/bilibili.png");
+    }
+    &.youtube{
+      background-image: url("../../asset/image/platform/youtube.png");
+    }
+  }
+
+  .name{
+    //vertical-align: middle;
+    display: inline-block;
+    font-style: normal;
+  }
+}

package/dist/component/videoKindTag/index.js

@@ -0,0 +1,44 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { Tag } from 'antd';
+import { ShoppingCartOutlined, GlobalOutlined, AppstoreAddOutlined } from '@ant-design/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// 'shopping' | 'location' | 'min-app'
+var Dict = {
+  shopping: {
+    title: '购物车',
+    color: 'orange',
+    icon: /*#__PURE__*/_jsx(ShoppingCartOutlined, {})
+  },
+  location: {
+    title: '定位',
+    color: 'blue',
+    icon: /*#__PURE__*/_jsx(GlobalOutlined, {})
+  },
+  'min-app': {
+    title: '小程序',
+    color: 'green',
+    icon: /*#__PURE__*/_jsx(AppstoreAddOutlined, {})
+  }
+};
+export var VideoKindTagList = function () {
+  var list = [];
+  for (var videoKindTag in Dict) {
+    list.push(_objectSpread({
+      videoKindTag: videoKindTag
+    }, Dict[videoKindTag]));
+  }
+  return list;
+}();
+var VideoKindTag = function VideoKindTag(_ref) {
+  var _ref$videoKindTag = _ref.videoKindTag,
+    videoKindTag = _ref$videoKindTag === void 0 ? '' : _ref$videoKindTag;
+  var items = Dict[videoKindTag] || {};
+  var title = items.title || videoKindTag;
+  return title ? /*#__PURE__*/_jsxs(Tag, {
+    color: items.color,
+    children: [items.icon, " ", title]
+  }) : null;
+};
+export default VideoKindTag;