yootd 0.0.11 → 0.0.13

package/dist/Preview/index.js

@@ -28,6 +28,8 @@ export var Preview = function Preview(_ref) {
     panOnDrag = _ref.panOnDrag,
     zoomOnScroll = _ref.zoomOnScroll,
     content = _ref.content,
+    _ref$fitView = _ref.fitView,
+    fitView = _ref$fitView === void 0 ? true : _ref$fitView,
     _ref$modes = _ref.modes,
     modes = _ref$modes === void 0 ? ['phone', 'web'] : _ref$modes,
     _ref$width = _ref.width,
@@ -52,6 +54,7 @@ export var Preview = function Preview(_ref) {
   useEffect(function () {
     setMode(modes === null || modes === void 0 ? void 0 : modes[0]);
   }, [modes]);
+  console.log('modes');
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(mb),
     style: _objectSpread(_objectSpread({}, style), {}, {
@@ -77,7 +80,7 @@ export var Preview = function Preview(_ref) {
     minZoom: minZoom,
     panOnDrag: panOnDrag,
     zoomOnScroll: zoomOnScroll,
-    fitView: true,
+    fitView: fitView,
     preventScrolling: false
   }, controls && /*#__PURE__*/React.createElement(Controls, {
     defaultZoom: defaultZoom

package/dist/Preview/index.scss

@@ -1,35 +1,35 @@
-.yot-preview {
-  &-controls {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 100;
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
-    background-color: #ffffff;
-    border-radius: 8px;
-    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
-    .ant-btn.css-var-yootd.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined {
-      background-color: transparent;
-      border: none;
-      &:hover .ant-btn-icon svg path {
-        fill: var(--ant-color-primary);
-      }
-      &:hover .ant-btn-icon svg #rect-stroke {
-        stroke: var(--ant-color-primary);
-      }
-      &:hover .ant-btn-icon svg #reset-icon-rect {
-        fill: var(--ant-color-primary);
-      }
-    }
-    &--zoom {
-      width: 64px;
-      background-color: transparent;
-      border: none;
-    }
-  }
-  .react-flow__panel.center {
-    transform: translateX(-63%);
-  }
-}
+.yot-preview {
+  &-controls {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 100;
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+    background-color: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
+    .ant-btn.css-var-yootd.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined {
+      background-color: transparent;
+      border: none;
+      &:hover .ant-btn-icon svg path {
+        fill: var(--ant-color-primary);
+      }
+      &:hover .ant-btn-icon svg #rect-stroke {
+        stroke: var(--ant-color-primary);
+      }
+      &:hover .ant-btn-icon svg #reset-icon-rect {
+        fill: var(--ant-color-primary);
+      }
+    }
+    &--zoom {
+      width: 64px;
+      background-color: transparent;
+      border: none;
+    }
+  }
+  .react-flow__panel.center {
+    transform: translateX(-63%);
+  }
+}

package/dist/Preview/types/type.d.ts

@@ -1,21 +1,22 @@
-export interface PrevewProps {
-  controls?: boolean; // 是否显示右下角的放大缩小组件
-  defaultZoom?: number; // 初始化放大倍数
-  maxZoom?: number; // 最大放大倍数
-  minZoom?: number; // 最小放大倍数
-  panOnDrag?: boolean; // 是否可以拖拽
-  zoomOnScroll?: boolean; // 是否可以滚动
-  modes?: ['phone', 'web'] | ['phone'] | ['web']; // 预览模式
-  content?: ReactNode; // 数据
-  width?: number | string; // 宽度
-  height?: number | string; // 高度
-  style?: React.CSSProperties; // 样式
-}
-
-export interface TopPreviewProps {
-  mode: string;
-  onChange: (value: string) => void;
-}
-export interface ControlsProps {
-  defaultZoom?: number; // 初始化放大倍数
-}
+export interface PrevewProps {
+  controls?: boolean; // 是否显示右下角的放大缩小组件
+  defaultZoom?: number; // 初始化放大倍数
+  maxZoom?: number; // 最大放大倍数
+  minZoom?: number; // 最小放大倍数
+  panOnDrag?: boolean; // 是否可以拖拽
+  zoomOnScroll?: boolean; // 是否可以滚动
+  modes?: ['phone', 'web'] | ['phone'] | ['web']; // 预览模式
+  fitView?: boolean; // 是否自动适应视图
+  content?: ReactNode; // 数据
+  width?: number | string; // 宽度
+  height?: number | string; // 高度
+  style?: React.CSSProperties; // 样式
+}
+
+export interface TopPreviewProps {
+  mode: string;
+  onChange: (value: string) => void;
+}
+export interface ControlsProps {
+  defaultZoom?: number; // 初始化放大倍数
+}

package/dist/config-provider/context.d.ts

@@ -4,5 +4,6 @@ export interface IGlobalConfig {
     request?: AxiosInstance;
     baseURL?: string;
     assetsURL?: string;
+    ossURL?: string;
 }
 export declare const ConfigContext: import("react").Context<IGlobalConfig>;

package/dist/config-provider/index.d.ts

@@ -7,6 +7,7 @@ export type ConfigProviderProps = AntConfigProviderProps & {
     request?: AxiosInstance;
     baseURL?: string;
     assetsURL?: string;
+    ossURL?: string;
     theme?: AntConfigProviderProps['theme'] & {
         yotToken: {
             colorModalPrimary: string;

package/dist/config-provider/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["request", "baseURL", "assetsURL"];
+var _excluded = ["request", "baseURL", "assetsURL", "ossURL"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -12,6 +12,7 @@ export var ConfigProvider = function ConfigProvider(_ref) {
   var request = _ref.request,
     baseURL = _ref.baseURL,
     assetsURL = _ref.assetsURL,
+    ossURL = _ref.ossURL,
     props = _objectWithoutProperties(_ref, _excluded);
   if (((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.yotToken) != null) {
     // 生成 css 变量
@@ -22,6 +23,7 @@ export var ConfigProvider = function ConfigProvider(_ref) {
     value: {
       request: request,
       baseURL: baseURL,
+      ossURL: ossURL,
       assetsURL: assetsURL
     }
   }, /*#__PURE__*/React.createElement(AntConfigProvider, _extends({}, props, {

package/dist/hooks/useOSS.d.ts

@@ -0,0 +1 @@
+export declare const useOSS: () => string;

package/dist/hooks/useOSS.js

@@ -0,0 +1,11 @@
+import _ from 'lodash';
+import { useContext } from 'react';
+import { ConfigContext } from "../config-provider/context";
+export var useOSS = function useOSS() {
+  var _useContext = useContext(ConfigContext),
+    ossURL = _useContext.ossURL;
+  if (_.isNil(ossURL)) {
+    throw new Error('ossURL is not found');
+  }
+  return ossURL;
+};

package/dist/index.d.ts

@@ -158,4 +158,6 @@ export type { UserDropdownProps } from './user-dropdown/types/types';
 export { ConfigProvider } from './config-provider';
 export type { ConfigProviderProps } from './config-provider';
 export { Zone } from './zones';
+export { VideoPlayer } from './video-player';
+export type { VideoPlayerProps } from './video-player';
 export type { GetProp, GetProps, GetRef } from './utils/utils';

package/dist/index.js

@@ -85,4 +85,5 @@ export { DateRange } from "./date-range";
 export { Teacher } from "./teacher";
 export { UserDropdown } from "./user-dropdown";
 export { ConfigProvider } from "./config-provider";
-export { Zone } from "./zones";
+export { Zone } from "./zones";
+export { VideoPlayer } from "./video-player";

package/dist/tag/index.d.ts

@@ -1,5 +1,10 @@
-import type { TagProps } from 'antd';
+import type { TagProps as AntTagProps } from 'antd';
+import { Tag as AntTag } from 'antd';
 import React from 'react';
 import './index.scss';
-export type { TagProps };
-export declare const Tag: React.FC<TagProps>;
+export type TagProps = AntTagProps;
+type AntTagType = typeof AntTag;
+type TagType = typeof AntTag & Pick<AntTagType, 'CheckableTag'>;
+export declare const TagComponent: React.FC<TagProps>;
+export declare const Tag: TagType;
+export {};

package/dist/tag/index.js

@@ -4,10 +4,12 @@ import { Tag as AntTag } from 'antd';
 import React from 'react';
 import { useBem } from "../hooks/useBem";
 import "./index.scss";
-export var Tag = function Tag(_ref) {
+export var TagComponent = function TagComponent(_ref) {
   var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   var mb = useBem('tag');
   return /*#__PURE__*/React.createElement(AntTag, _extends({
     className: "".concat(mb.e('text'))
   }, props));
-};
+};
+export var Tag = TagComponent;
+Tag.CheckableTag = AntTag.CheckableTag;

package/dist/video-player/assets/player-icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698128671512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="906" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M177.26002244 1020.68826978c-8.39476931 0-16.78529945-2.08703457-24.36334146-6.21023633-16.33313206-8.95150085-26.50548539-26.04060047-26.50548539-44.65859052L126.39119559 54.20316557c0-18.61799004 10.17235194-35.76219902 26.50548539-44.66565629 16.27661148-8.95291345 36.21436639-8.18564235 51.88479014 1.88214681L916.92809291 469.23344724c14.54989766 9.35562463 23.34737815 25.48528291 23.34737816 42.77785771 0 17.29257478-8.79748049 33.42081908-23.34737816 42.78209687L204.78147112 1012.60153981C196.38528784 1017.94559264 186.82618801 1020.68826978 177.26002244 1020.68826978L177.26002244 1020.68826978zM177.26002244 1020.68826978" fill="#ffffff" p-id="907"></path></svg>

package/dist/video-player/index.d.ts

@@ -0,0 +1,70 @@
+import { CSSProperties, FC } from 'react';
+import './index.scss';
+export interface VideoPlayerProps {
+    /**
+     * 视频地址
+     */
+    src: string;
+    /**
+     * 是否为直播视频
+     */
+    isLive?: boolean;
+    /**
+     * 是否展示控制面板
+     */
+    controls?: boolean;
+    /**
+     * 是否自动播放
+     */
+    autoPlay?: boolean;
+    /**
+     * 是否获取视频流
+     */
+    videoEnable?: boolean;
+    /**
+     * 是否获取音频流
+     */
+    audioEnable?: boolean;
+    /**
+     * 是否静音
+     */
+    muted?: boolean;
+    /**
+     * 是否在微信小程序中使用
+     */
+    miniProgram?: boolean;
+    /**
+     * 是否旋转全屏
+     */
+    rotateWhenFullScreen?: boolean;
+    /**
+     * 视频封面
+     */
+    poster?: string;
+    /**
+     * 截图回调
+     */
+    onCapture?: (base64: string) => void;
+    /**
+     * 是否重试
+     */
+    retry?: boolean;
+    /**
+     * 重试间隔
+     */
+    retryInterval?: number;
+    /**
+     * 额外样式
+     */
+    style?: CSSProperties;
+    /**
+     * 类名，用于覆盖默认样式
+     */
+    className?: string;
+    /**
+     * 播放状态变化回调
+     * @param isPlaying
+     */
+    onPlayStateChange?: (isPlaying: boolean) => void;
+}
+export declare const VideoPlayer: FC<VideoPlayerProps>;