x-star-design 0.0.75 → 0.0.77

package/dist/ac-animation/define.d.ts

@@ -6,7 +6,7 @@ export interface ImgShowProps {
     offsetX?: number;
     offsetY?: number;
 }
-export interface titleShowProps {
+export interface TitleShowProps {
     offsetX?: number;
     offsetY?: number;
     fontSize?: number;
@@ -30,7 +30,7 @@ export interface AcAnimationProps {
     /**
      * @default offsetX: 0, offsetY: 0, fontSize: 36, fontFamily: 'Arial', shadowColor: 'rgba(2,38,121,0.2)', color: '#022679' 相对canvas水平垂直居中
      */
-    titleStyle?: titleShowProps;
+    titleStyle?: TitleShowProps;
     /**
      * @description canvas卸载时的回调
      */

package/dist/ac-animation/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { AcAnimationProps } from './define';
-declare const AcAnimation: React.FC<AcAnimationProps>;
+import type { AcAnimationProps } from './define';
+declare const AcAnimation: ({ title, imgUrl, imgSizeAndPosition, titleStyle, onFinish, }: AcAnimationProps) => React.JSX.Element;
 export default AcAnimation;

package/dist/aliplayer/index.d.ts

@@ -38,7 +38,7 @@ export declare class AliplayerManager {
     remove(player: AliplayerInstance): void;
     private setActivePlayer;
 }
-interface AliplayerProps {
+export interface AliplayerProps {
     config: AliplayerConfig;
     onCreate?: (player: AliplayerInstance) => void;
 }

package/dist/aliplayer/index.js

@@ -128,16 +128,19 @@ var Aliplayer = function Aliplayer(_ref) {
   }, []);
   var player = useRef();
   useEffect(function () {
-    if (!window.Aliplayer) {
+    if (!document.getElementById('aliplayer-css')) {
       var link = document.createElement('link');
+      link.id = 'aliplayer-css';
       link.rel = 'stylesheet';
       link.href = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.25.0/skins/default/aliplayer-min.css';
+      document.head.append(link);
+    }
+    if (!document.getElementById('aliplayer-js')) {
       var script = document.createElement('script');
+      script.id = 'aliplayer-js';
       script.type = 'text/javascript';
       script.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.25.0/aliplayer-h5-min.js';
-      var head = document.head;
-      head.append(link);
-      head.append(script);
+      document.head.append(script);
     }
   }, []);
   useEffect(function () {

package/dist/anchor-x-tabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface AnchorTabProps {
+export interface AnchorTabProps {
     items: {
         key: string;
         title: string;

package/dist/code-detail-modal/index.d.ts

@@ -1,10 +1,10 @@
 import type { ModalProps } from 'antd';
 import React from 'react';
 import { CodeDetail } from './define';
-interface CodeDetailModalProps extends ModalProps {
+export interface CodeDetailModalProps extends ModalProps {
     codeData: CodeDetail;
     open: boolean;
     onCancel: () => void;
 }
-declare const CodeDetailModal: React.FC<CodeDetailModalProps>;
+declare const CodeDetailModal: ({ codeData, open, onCancel, ...props }: CodeDetailModalProps) => React.JSX.Element;
 export default CodeDetailModal;

package/dist/code-mirror-wrapper/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LangId, Theme } from './define';
-interface Props {
+export interface CodeMirrorWrapperProps {
     className?: string;
     value?: string;
     /**
@@ -26,5 +26,5 @@ interface Props {
     readOnly?: boolean;
     [key: string]: unknown;
 }
-declare const CodeMirrorWrapper: ({ className, value, theme, onChange, lang, readOnly, ...props }: Props) => React.JSX.Element;
+declare const CodeMirrorWrapper: ({ className, value, theme, onChange, lang, readOnly, ...props }: CodeMirrorWrapperProps) => React.JSX.Element;
 export default CodeMirrorWrapper;

package/dist/contact-button/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const ContactButton: React.FC;
+declare const ContactButton: () => React.JSX.Element;
 export default ContactButton;

package/dist/contact-button/index.js

@@ -2,8 +2,8 @@ import { QrcodeOutlined } from '@ant-design/icons';
 import { Card, Popover, Space } from 'antd';
 import React from 'react';
 import { getTransResult } from 'x-star-utils';
-import wechatCode from "../assets/contact-button/wechatCode.jpg";
-import xcQrCode from "../assets/contact-button/xcQrCode.png";
+import xcampQrCode from "../assets/contact-button/xcamp-qr-code.png";
+import xydQrCode from "../assets/contact-button/xyd-qr-code.jpg";
 import ConfigProviderWrapper from "../config-provider-wrapper";
 import { useLocale } from "../locales";
 import { prefix } from "../utils/global";
@@ -23,7 +23,7 @@ var ContactButton = function ContactButton() {
       style: {
         height: 100
       },
-      src: getTransResult(lang, wechatCode, xcQrCode)
+      src: getTransResult(lang, xydQrCode, xcampQrCode)
     }), t('CONTACT_TIP'), t('CONTACT_TELEPHONE'))
   }, /*#__PURE__*/React.createElement(Card, {
     className: "".concat(prefix, "-contactButtonCard"),

package/dist/contest-time-input/index.d.ts

@@ -3,7 +3,7 @@ interface ContestTimeInputValue {
     limitHour?: number | null;
     limitMinute?: number | null;
 }
-interface ContestTimeInputProps {
+export interface ContestTimeInputProps {
     suffix?: React.ReactNode;
     prefix?: React.ReactNode;
     defaultValue?: ContestTimeInputValue;

package/dist/dom-observer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface DomObserverProps {
+    children: React.ReactNode;
+    target: Element | (() => Element) | React.MutableRefObject<Element>;
+    options?: MutationObserverInit;
+    callback: MutationCallback;
+}
+declare const DomObserver: ({ children, target, options, callback, }: DomObserverProps) => React.JSX.Element;
+export default DomObserver;

package/dist/dom-observer/index.js

@@ -0,0 +1,34 @@
+import React, { useEffect } from 'react';
+var defaultOptions = {
+  attributes: true,
+  // 监听属性变化
+  characterData: true,
+  // 监听文本内容变化
+  childList: true,
+  // 监听子节点变化
+  subtree: true // 监听整个子树
+};
+
+var DomObserver = function DomObserver(_ref) {
+  var children = _ref.children,
+    target = _ref.target,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? defaultOptions : _ref$options,
+    callback = _ref.callback;
+  useEffect(function () {
+    // 创建一个观察器实例并传入回调函数
+    var observer = new MutationObserver(callback);
+
+    // 子组件中要观察的节点
+    var targetNode = target instanceof Element ? target : typeof target === 'function' ? target() : target.current;
+
+    // 开始观察目标节点
+    observer.observe(targetNode, options);
+    return function () {
+      // 在组件卸载时，停止观察
+      observer.disconnect();
+    };
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+export default DomObserver;

package/dist/draggable-layout/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface DraggableLayoutProps {
+export interface DraggableLayoutProps {
     className?: string;
     style?: React.CSSProperties;
     dividerClassName?: string;
@@ -14,5 +14,5 @@ interface DraggableLayoutProps {
 /**
  * 可拖拽布局
  */
-declare const DraggableLayout: React.FC<DraggableLayoutProps>;
+declare const DraggableLayout: ({ className, style, dividerClassName, dividerWidth, dividerChildren, defaultWidth, minWidth, collapsible, left, right, }: DraggableLayoutProps) => React.JSX.Element;
 export default DraggableLayout;

package/dist/error-boundary/error-page/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { FallbackProps } from 'react-error-boundary';
+import type { FallbackProps } from '..';
 declare const ErrorPage: ({ error, resetErrorBoundary }: FallbackProps) => React.JSX.Element;
 export default ErrorPage;

package/dist/error-boundary/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { ErrorBoundaryProps as ReactErrorBoundaryProps } from 'react-error-boundary';
-declare const ErrorBoundary: ({ fallback, fallbackRender, FallbackComponent, ...rest }: Partial<ReactErrorBoundaryProps>) => React.JSX.Element;
+export type ErrorBoundaryProps = Partial<ReactErrorBoundaryProps>;
+declare const ErrorBoundary: ({ fallback, fallbackRender, FallbackComponent, ...rest }: ErrorBoundaryProps) => React.JSX.Element;
 export default ErrorBoundary;
 export type { FallbackProps } from 'react-error-boundary';

package/dist/feedback/index.d.ts

@@ -3,7 +3,7 @@ interface FeedbackItem {
     value: string | number;
     label: string;
 }
-interface FeedbackProps {
+export interface FeedbackProps {
     /**
      * @description 标题
      * @default 您对本题目的反馈
@@ -42,5 +42,5 @@ interface FeedbackProps {
      */
     feedbackTextAreaKey: string;
 }
-declare const Feedback: React.FC<FeedbackProps>;
+declare const Feedback: ({ title, feedbackListGood, feedbackListBad, activeColor, iconClassName, onSubmit, feedbackKey, feedbackTypeKey, feedbackTextAreaKey, }: FeedbackProps) => React.JSX.Element;
 export default Feedback;

package/dist/index.d.ts

@@ -1,28 +1,54 @@
 export { default as AcAnimation } from './ac-animation';
+export type { AcAnimationProps } from './ac-animation/define';
 export { default as AcConfig } from './ac-config';
+export type { AcConfigHandle, AcConfigProps } from './ac-config';
 export { default as Aliplayer } from './aliplayer';
-export type { AliplayerConfig, AliplayerInstance } from './aliplayer';
+export type { AliplayerConfig, AliplayerInstance, AliplayerProps, } from './aliplayer';
 export { default as AnchorXTabs } from './anchor-x-tabs';
+export type { AnchorTabProps } from './anchor-x-tabs';
 export { default as CodeDetailModal } from './code-detail-modal';
+export type { CodeDetailModalProps } from './code-detail-modal';
 export { default as CodeMirrorWrapper } from './code-mirror-wrapper';
+export type { CodeMirrorWrapperProps } from './code-mirror-wrapper';
 export { LangId, Language, Theme } from './code-mirror-wrapper/define';
 export { default as ContactButton } from './contact-button';
 export { default as ContestTimeInput } from './contest-time-input';
+export type { ContestTimeInputProps } from './contest-time-input';
+export { default as DomObserver } from './dom-observer';
+export type { DomObserverProps } from './dom-observer';
 export { default as DraggableLayout } from './draggable-layout';
+export type { DraggableLayoutProps } from './draggable-layout';
 export { default as ErrorBoundary } from './error-boundary';
-export type { FallbackProps } from './error-boundary';
+export type { ErrorBoundaryProps, FallbackProps } from './error-boundary';
 export { default as Feedback } from './feedback';
+export type { FeedbackProps } from './feedback';
 export { default as InputNumbers } from './input-numbers';
+export type { InputNumbersProps } from './input-numbers';
 export { default as LoadingMask } from './loading-mask';
+export type { LoadingMaskProps } from './loading-mask';
 export { LocaleProvider } from './locales';
+export type { LocaleProviderProps } from './locales';
 export { default as MicroApp } from './micro-app';
+export type { MicroAppProps } from './micro-app';
 export { default as RainbowCat } from './rainbow-cat';
+export type { RainbowCatProps } from './rainbow-cat';
+export { default as ScoreReport } from './score-report';
+export type { ScoreMessage, ScoreReportDetail, ScoreReportProps, ScoreType, } from './score-report/define';
 export { default as SortTable } from './sort-table';
+export type { SortTableProps } from './sort-table';
 export { default as StatusTag } from './status-tag';
 export type { StatusTagProps, StatusTagShape, StatusTagStyle, StatusTagType, } from './status-tag/define';
 export { default as SubmissionStatus } from './submission-status';
+export type { SubmissionStatusProps } from './submission-status';
+export { TenantProvider, getThemeConfig, useTenant } from './tenant-provider';
+export type { Tenant, TenantName, TenantProviderProps, TenantTheme, } from './tenant-provider';
 export { default as TitleWithIcon } from './title-with-icon';
+export type { TitleWithIconProps } from './title-with-icon';
 export { default as UserAvatar } from './user-avatar';
+export type { UserAvatarProps } from './user-avatar';
 export { default as VirtualTable } from './virtual-table';
+export type { VirtualTableProps } from './virtual-table';
 export { default as VisualDataConfig } from './visual-data-config';
+export type { VisualDataConfigProps } from './visual-data-config';
 export { default as XTabs } from './x-tabs';
+export type { XTabsProps } from './x-tabs';

package/dist/index.js

@@ -7,6 +7,7 @@ export { default as CodeMirrorWrapper } from "./code-mirror-wrapper";
 export { LangId, Language, Theme } from "./code-mirror-wrapper/define";
 export { default as ContactButton } from "./contact-button";
 export { default as ContestTimeInput } from "./contest-time-input";
+export { default as DomObserver } from "./dom-observer";
 export { default as DraggableLayout } from "./draggable-layout";
 export { default as ErrorBoundary } from "./error-boundary";
 export { default as Feedback } from "./feedback";
@@ -15,9 +16,11 @@ export { default as LoadingMask } from "./loading-mask";
 export { LocaleProvider } from "./locales";
 export { default as MicroApp } from "./micro-app";
 export { default as RainbowCat } from "./rainbow-cat";
+export { default as ScoreReport } from "./score-report";
 export { default as SortTable } from "./sort-table";
 export { default as StatusTag } from "./status-tag";
 export { default as SubmissionStatus } from "./submission-status";
+export { TenantProvider, getThemeConfig, useTenant } from "./tenant-provider";
 export { default as TitleWithIcon } from "./title-with-icon";
 export { default as UserAvatar } from "./user-avatar";
 export { default as VirtualTable } from "./virtual-table";

package/dist/input-numbers/index.d.ts

@@ -4,7 +4,7 @@ export interface InputNumbersValue {
     start?: string | number | null;
     end?: string | number | null;
 }
-interface InputNumbersProps extends Omit<InputNumberProps, 'defaultValue' | 'value' | 'onChange'> {
+export interface InputNumbersProps extends Omit<InputNumberProps, 'defaultValue' | 'value' | 'onChange'> {
     defaultValue?: InputNumbersValue;
     value?: InputNumbersValue;
     onChange?: (value: InputNumbersValue) => void;

package/dist/loading-mask/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface LoadingMaskProps {
+export interface LoadingMaskProps {
     loading: boolean;
 }
 /**

package/dist/locales/en_US.d.ts

@@ -150,5 +150,26 @@ declare const _default: {
         readonly ResourceRestriction: "Resource Restriction";
         readonly ResourceRestrictionDesc: "Access to other course materials, Learning spaces, Premium Problem Bank, and forums is restricted.";
     };
+    readonly ScoreReport: {
+        readonly In_Game_Total_Score: "Timed Score";
+        readonly ScoreReport: "Score Report";
+        readonly Score: "Score:";
+        readonly ScoreReportTitle: "Score Report";
+        readonly ScoreCopylink: "copy link";
+        readonly DownloadDom: "Download the score report";
+        readonly ScoreReportButtonTip: "Visible after homework/exam";
+        readonly clipboardSuccessTip: "The link has been copied to the clipboard";
+        readonly CopyFail: "Copy failed, no permission to write to clipboard, refused to write to clipboard, please change browser.";
+        readonly Example_RANK: "Rank";
+        readonly Example_In_Game_Total_Score: "Timed Score";
+        readonly Example_PROGRAMMING_QUESTIONS: "Programming Problems";
+        readonly Example_Objective_Question: "Objective Problem";
+        readonly Example_Problem_Type: "Required";
+        readonly Example_Option_Problem: "Bonus";
+        readonly Example_USER: "User";
+        readonly Example_Class: "Class";
+        readonly Example_Paper: "Paper";
+        readonly Example_Time: "Time";
+    };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -149,5 +149,26 @@ export default {
     RestrictionsDuringHomeworkExam: 'Restrictions During Homework/Exam',
     ResourceRestriction: 'Resource Restriction',
     ResourceRestrictionDesc: 'Access to other course materials, Learning spaces, Premium Problem Bank, and forums is restricted.'
+  },
+  ScoreReport: {
+    In_Game_Total_Score: 'Timed Score',
+    ScoreReport: 'Score Report',
+    Score: 'Score:',
+    ScoreReportTitle: 'Score Report',
+    ScoreCopylink: 'copy link',
+    DownloadDom: 'Download the score report',
+    ScoreReportButtonTip: 'Visible after homework/exam',
+    clipboardSuccessTip: 'The link has been copied to the clipboard',
+    CopyFail: 'Copy failed, no permission to write to clipboard, refused to write to clipboard, please change browser.',
+    Example_RANK: 'Rank',
+    Example_In_Game_Total_Score: 'Timed Score',
+    Example_PROGRAMMING_QUESTIONS: 'Programming Problems',
+    Example_Objective_Question: 'Objective Problem',
+    Example_Problem_Type: 'Required',
+    Example_Option_Problem: 'Bonus',
+    Example_USER: 'User',
+    Example_Class: 'Class',
+    Example_Paper: 'Paper',
+    Example_Time: 'Time'
   }
 };

package/dist/locales/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import en_US from './en_US';
 import zh_CN from './zh_CN';
-interface LocaleProviderProps {
+export interface LocaleProviderProps {
     children: React.ReactNode;
     locale?: string;
 }
 export declare const LocaleProvider: ({ children, locale, }: LocaleProviderProps) => React.JSX.Element;
 type MessageMap = typeof zh_CN | typeof en_US;
-export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton" | "CodeDetailModal" | "ContactButton" | "ErrorPage" | "Feedback" | "MicroApp" | "ContestTimeInput" | "AcConfig">(slice: T) => {
+export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton" | "CodeDetailModal" | "ContactButton" | "ErrorPage" | "Feedback" | "MicroApp" | "ContestTimeInput" | "AcConfig" | "ScoreReport">(slice: T) => {
     locale: string;
     format: <U extends keyof MessageMap[T]>(key: U) => ({
         readonly VisualDataConfig: {
@@ -161,6 +161,27 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly ResourceRestriction: "限制资源访问";
             readonly ResourceRestrictionDesc: "限制访问其他课件、学习空间、精品题库、论坛";
         };
+        readonly ScoreReport: {
+            readonly In_Game_Total_Score: "赛中总分";
+            readonly ScoreReport: "成绩单";
+            readonly Score: "成绩：";
+            readonly ScoreReportTitle: "成绩报告单";
+            readonly ScoreCopylink: "复制链接";
+            readonly DownloadDom: "下载成绩报告单";
+            readonly ScoreReportButtonTip: "作业/考试结束后可见";
+            readonly clipboardSuccessTip: "已将链接复制到剪贴板";
+            readonly CopyFail: "复制失败，没有写入剪贴板的权限，拒绝写入剪切板，请更换浏览器。";
+            readonly Example_RANK: "名次";
+            readonly Example_In_Game_Total_Score: "赛中总分";
+            readonly Example_PROGRAMMING_QUESTIONS: "编程题";
+            readonly Example_Objective_Question: "客观题";
+            readonly Example_Problem_Type: "必做题";
+            readonly Example_Option_Problem: "选做题";
+            readonly Example_USER: "用户";
+            readonly Example_Class: "班级";
+            readonly Example_Paper: "试卷";
+            readonly Example_Time: "时间";
+        };
     } | {
         readonly VisualDataConfig: {
             readonly Time_MS: "Time Limit(MS)";
@@ -313,6 +334,27 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly ResourceRestriction: "Resource Restriction";
             readonly ResourceRestrictionDesc: "Access to other course materials, Learning spaces, Premium Problem Bank, and forums is restricted.";
         };
+        readonly ScoreReport: {
+            readonly In_Game_Total_Score: "Timed Score";
+            readonly ScoreReport: "Score Report";
+            readonly Score: "Score:";
+            readonly ScoreReportTitle: "Score Report";
+            readonly ScoreCopylink: "copy link";
+            readonly DownloadDom: "Download the score report";
+            readonly ScoreReportButtonTip: "Visible after homework/exam";
+            readonly clipboardSuccessTip: "The link has been copied to the clipboard";
+            readonly CopyFail: "Copy failed, no permission to write to clipboard, refused to write to clipboard, please change browser.";
+            readonly Example_RANK: "Rank";
+            readonly Example_In_Game_Total_Score: "Timed Score";
+            readonly Example_PROGRAMMING_QUESTIONS: "Programming Problems";
+            readonly Example_Objective_Question: "Objective Problem";
+            readonly Example_Problem_Type: "Required";
+            readonly Example_Option_Problem: "Bonus";
+            readonly Example_USER: "User";
+            readonly Example_Class: "Class";
+            readonly Example_Paper: "Paper";
+            readonly Example_Time: "Time";
+        };
     })[T][U];
 };
 export {};

package/dist/locales/index.js

@@ -21,7 +21,7 @@ export var useLocale = function useLocale(slice) {
   var message = ((_zh_CN$en_US$locale = {
     zh_CN: zh_CN,
     en_US: en_US
-  }[locale]) !== null && _zh_CN$en_US$locale !== void 0 ? _zh_CN$en_US$locale : zh_CN)[slice];
+  }[locale]) !== null && _zh_CN$en_US$locale !== void 0 ? _zh_CN$en_US$locale : en_US)[slice];
   var messageLatest = useRef(message);
   messageLatest.current = message;
   var format = useRef(function (key) {
@@ -31,7 +31,7 @@ export var useLocale = function useLocale(slice) {
     locale: {
       zh_CN: zh_CN,
       en_US: en_US
-    }[locale] ? locale : 'zh_CN',
+    }[locale] ? locale : 'en_US',
     format: format
   };
 };

package/dist/locales/zh_CN.d.ts

@@ -150,5 +150,26 @@ declare const _default: {
         readonly ResourceRestriction: "限制资源访问";
         readonly ResourceRestrictionDesc: "限制访问其他课件、学习空间、精品题库、论坛";
     };
+    readonly ScoreReport: {
+        readonly In_Game_Total_Score: "赛中总分";
+        readonly ScoreReport: "成绩单";
+        readonly Score: "成绩：";
+        readonly ScoreReportTitle: "成绩报告单";
+        readonly ScoreCopylink: "复制链接";
+        readonly DownloadDom: "下载成绩报告单";
+        readonly ScoreReportButtonTip: "作业/考试结束后可见";
+        readonly clipboardSuccessTip: "已将链接复制到剪贴板";
+        readonly CopyFail: "复制失败，没有写入剪贴板的权限，拒绝写入剪切板，请更换浏览器。";
+        readonly Example_RANK: "名次";
+        readonly Example_In_Game_Total_Score: "赛中总分";
+        readonly Example_PROGRAMMING_QUESTIONS: "编程题";
+        readonly Example_Objective_Question: "客观题";
+        readonly Example_Problem_Type: "必做题";
+        readonly Example_Option_Problem: "选做题";
+        readonly Example_USER: "用户";
+        readonly Example_Class: "班级";
+        readonly Example_Paper: "试卷";
+        readonly Example_Time: "时间";
+    };
 };
 export default _default;

package/dist/locales/zh_CN.js

@@ -149,5 +149,26 @@ export default {
     RestrictionsDuringHomeworkExam: '作业/考试结束前限制',
     ResourceRestriction: '限制资源访问',
     ResourceRestrictionDesc: '限制访问其他课件、学习空间、精品题库、论坛'
+  },
+  ScoreReport: {
+    In_Game_Total_Score: '赛中总分',
+    ScoreReport: '成绩单',
+    Score: '成绩：',
+    ScoreReportTitle: '成绩报告单',
+    ScoreCopylink: '复制链接',
+    DownloadDom: '下载成绩报告单',
+    ScoreReportButtonTip: '作业/考试结束后可见',
+    clipboardSuccessTip: '已将链接复制到剪贴板',
+    CopyFail: '复制失败，没有写入剪贴板的权限，拒绝写入剪切板，请更换浏览器。',
+    Example_RANK: '名次',
+    Example_In_Game_Total_Score: '赛中总分',
+    Example_PROGRAMMING_QUESTIONS: '编程题',
+    Example_Objective_Question: '客观题',
+    Example_Problem_Type: '必做题',
+    Example_Option_Problem: '选做题',
+    Example_USER: '用户',
+    Example_Class: '班级',
+    Example_Paper: '试卷',
+    Example_Time: '时间'
   }
 };

package/dist/micro-app/index.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'react';
 import React from 'react';
-interface MicroAppProps {
+export interface MicroAppProps {
     className?: string;
     style?: CSSProperties;
     name: string;

package/dist/rainbow-cat/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const RainbowCat: ({ text }: {
+export interface RainbowCatProps {
     text: string;
-}) => React.JSX.Element;
+}
+declare const RainbowCat: ({ text }: RainbowCatProps) => React.JSX.Element;
 export default RainbowCat;

package/dist/score-report/define.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import type { TableProps } from 'antd';
+export interface ScoreType {
+    requiredScore: number;
+    optionalScore: number;
+    requiredTotalScore: number;
+    optionalTotalScore: number;
+}
+export interface ScoreMessage {
+    label: string | number | React.ReactNode;
+    value?: string | number | React.ReactNode;
+    render?: (item: ScoreMessage) => React.ReactNode;
+}
+export interface ScoreReportDetail {
+    type: string;
+    rank: number;
+    username: string;
+    realname: string;
+    class: string;
+    paperZh: string;
+    paperEn: string;
+    startTime: number;
+    endTime: number;
+    totalScore: ScoreType;
+    programScore: ScoreType;
+    objectiveScore: ScoreType;
+}
+export interface ScoreReportProps {
+    tableProps: TableProps;
+    scoreMessage: ScoreMessage[];
+    scoreDetail: ScoreReportDetail;
+    fileName: string;
+    token: string;
+    isMobile: boolean;
+    tenant: 'XYD' | 'XCAMP';
+    toggleLang: () => void;
+}

package/dist/score-report/define.js

@@ -0,0 +1 @@
+export {};

package/dist/score-report/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ScoreReportProps } from './define';
+declare const ScoreReport: ({ tableProps, scoreMessage, scoreDetail, fileName, token, isMobile, tenant, toggleLang, }: ScoreReportProps) => React.JSX.Element;
+export default ScoreReport;

package/dist/score-report/index.js

@@ -0,0 +1,167 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import { DownloadOutlined, ExportOutlined } from '@ant-design/icons';
+import { useTitle } from 'ahooks';
+import { Button, Col, Layout, QRCode, Row, Table, Tooltip, Typography, Watermark, message } from 'antd';
+import html2canvas from 'html2canvas';
+import React, { useRef } from 'react';
+import xcampLogo from "../assets/score-report/xcamp-logo.png";
+import xydLogo from "../assets/score-report/xyd-logo.png";
+import ConfigProviderWrapper from "../config-provider-wrapper";
+import { useLocale } from "../locales";
+import { prefix } from "../utils/global";
+var Title = Typography.Title;
+var Content = Layout.Content;
+var scoreReportPrefix = "".concat(prefix, "-scoreReport");
+var ScoreReport = function ScoreReport(_ref) {
+  var tableProps = _ref.tableProps,
+    scoreMessage = _ref.scoreMessage,
+    scoreDetail = _ref.scoreDetail,
+    fileName = _ref.fileName,
+    token = _ref.token,
+    isMobile = _ref.isMobile,
+    tenant = _ref.tenant,
+    toggleLang = _ref.toggleLang;
+  var _useLocale = useLocale('ScoreReport'),
+    lang = _useLocale.locale,
+    t = _useLocale.format;
+  var scoreReportdDOM = useRef(null);
+  useTitle(t('ScoreReportTitle'));
+  var handleDownloadDom = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            html2canvas(scoreReportdDOM.current).then(function (canvas) {
+              // 下载图片
+              var link = document.createElement('a');
+              link.href = canvas.toDataURL('image/png');
+              link.download = fileName;
+              link.click();
+            });
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleDownloadDom() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Content, {
+    className: "".concat(scoreReportPrefix, "-ContentStyles ").concat(scoreDetail.type === 'paper' && isMobile ? "".concat(scoreReportPrefix, "-overflowStyle") : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(scoreReportPrefix, "-ContentContainer")
+  }, /*#__PURE__*/React.createElement(Row, {
+    justify: "center",
+    align: "top",
+    style: {
+      margin: '10px'
+    },
+    className: "".concat(scoreReportPrefix, "-courseRow"),
+    gutter: 20,
+    wrap: false,
+    ref: scoreReportdDOM
+  }, /*#__PURE__*/React.createElement(Col, {
+    flex: "auto",
+    style: isMobile ? {
+      paddingLeft: 0,
+      paddingRight: 0
+    } : {}
+  }, /*#__PURE__*/React.createElement(Watermark, {
+    content: window.location.origin
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(scoreReportPrefix, "-ScoreMessageWrapper")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(scoreReportPrefix, "-ScoreMessageTitle")
+  }, /*#__PURE__*/React.createElement(Title, {
+    level: isMobile ? 2 : 1
+  }, t('ScoreReportTitle')), /*#__PURE__*/React.createElement(QRCode, {
+    className: "".concat(scoreReportPrefix, "-qrCode"),
+    value: window.location.href,
+    bordered: false,
+    size: isMobile ? 50 : 100
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(scoreReportPrefix, "-ScoreMessage")
+  }, scoreMessage.map(function (item, index) {
+    if (item.render) return item.render(item);
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      style: {
+        display: 'flex'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(scoreReportPrefix, "-messageLabel")
+    }, item.label, "\uFF1A"), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(scoreReportPrefix, "-messageValue")
+    }, item.value));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(scoreReportPrefix, "-ScoreMessageTable")
+  }, /*#__PURE__*/React.createElement(Title, {
+    level: isMobile ? 3 : 2
+  }, t('Score')), /*#__PURE__*/React.createElement(Table, _extends({}, tableProps, {
+    style: {
+      marginTop: 20
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(scoreReportPrefix, "-ScoreMessageFooter")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(scoreReportPrefix, "-messageValue")
+  }, /*#__PURE__*/React.createElement(Title, {
+    level: 4
+  }, "No.".concat(token))), /*#__PURE__*/React.createElement("div", null, tenant === 'XYD' ? /*#__PURE__*/React.createElement("img", {
+    "data-testid": "xydLogo",
+    src: xydLogo,
+    alt: ""
+  }) : /*#__PURE__*/React.createElement("img", {
+    "data-testid": "xcampLogo",
+    src: xcampLogo,
+    alt: ""
+  }))))))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(scoreReportPrefix, "-scoreDownload")
+  }, /*#__PURE__*/React.createElement(Button, {
+    shape: 'circle',
+    type: 'primary',
+    ghost: true,
+    onClick: toggleLang
+  }, lang === 'zh_CN' ? 'EN' : 'ZH'), /*#__PURE__*/React.createElement(Tooltip, {
+    title: t('DownloadDom')
+  }, /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "downloadDom",
+    type: "primary",
+    shape: "circle",
+    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null),
+    onClick: handleDownloadDom
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: t('ScoreCopylink')
+  }, /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "copyLink",
+    type: "primary",
+    shape: "circle",
+    icon: /*#__PURE__*/React.createElement(ExportOutlined, null),
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 3;
+            return navigator.clipboard.writeText(window.location.href);
+          case 3:
+            message.success(t('clipboardSuccessTip'));
+            _context2.next = 9;
+            break;
+          case 6:
+            _context2.prev = 6;
+            _context2.t0 = _context2["catch"](0);
+            message.error(t('CopyFail'));
+          case 9:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 6]]);
+    }))
+  }))))));
+};
+export default ScoreReport;

package/dist/sort-table/index.d.ts

@@ -1,6 +1,6 @@
 import type { TableProps } from 'antd';
 import React from 'react';
-interface SortTableProps<RecordType> extends TableProps<RecordType> {
+export interface SortTableProps<RecordType = any> extends TableProps<RecordType> {
     onSortEnd?: (data: RecordType[]) => void;
 }
 declare const SortTable: <RecordType extends Record<string | number | symbol, any>>(props: SortTableProps<RecordType>) => React.JSX.Element;

package/dist/styles/index.css

@@ -621,3 +621,145 @@
 .x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-content-holder > .x-star-design-tabs-content > .x-star-design-tabs-tabpane {
   padding: 0 24px 24px;
 }
+
+.x-star-design-scoreReport-overflowStyle {
+  width: fit-content !important;
+  min-height: 850px !important;
+  background-color: #f5f5f5 !important;
+}
+
+.x-star-design-scoreReport-ContentStyles {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 20px 0;
+  width: 100%;
+  height: 100vh;
+  min-height: 860px;
+}
+@media (max-width: 576px) {
+  .x-star-design-scoreReport-ContentStyles {
+    min-height: 780px;
+  }
+}
+
+@media (min-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer {
+    width: 800px;
+  }
+}
+.x-star-design-scoreReport-ContentContainer h1,
+.x-star-design-scoreReport-ContentContainer h2,
+.x-star-design-scoreReport-ContentContainer h3,
+.x-star-design-scoreReport-ContentContainer h4 {
+  margin: 0 !important;
+}
+@media (min-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow {
+    max-width: 110rem;
+  }
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-adv {
+  width: 100%;
+  border-radius: 6px;
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper {
+  padding: 24px;
+  width: 100%;
+  border-radius: 10px;
+  background-color: #fff;
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageTitle {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  margin: 30px 0 54px;
+}
+@media (max-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageTitle {
+    margin: 30px 0;
+  }
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageTitle .x-star-design-scoreReport-qrCode {
+  position: absolute;
+  top: -26px;
+  right: 0;
+}
+@media (max-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageTitle .x-star-design-scoreReport-qrCode {
+    top: -6px;
+  }
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessage {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+  font-size: 22px;
+}
+@media (max-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessage {
+    font-size: 16px;
+  }
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessage .x-star-design-scoreReport-messageValue {
+  font-weight: bolder;
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageTable {
+  margin-top: 60px;
+}
+@media (max-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageTable {
+    margin-top: 30px;
+  }
+}
+@media (min-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageFooter {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 50px 0 30px;
+    gap: 30px;
+  }
+}
+@media (max-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageFooter {
+    display: flex;
+    margin-top: 30px;
+    min-width: 300px;
+    flex-direction: column;
+    gap: 30px;
+  }
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageFooter h4 {
+  font-size: 16px !important;
+  color: #afafaf;
+}
+@media (max-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageFooter {
+    gap: 20px;
+  }
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageFooter h4 {
+    font-size: 12px !important;
+  }
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageFooter img {
+  width: 250px;
+}
+@media (max-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-courseRow .x-star-design-scoreReport-ScoreMessageWrapper .x-star-design-scoreReport-ScoreMessageFooter img {
+    width: 100px;
+  }
+}
+.x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-scoreDownload {
+  display: flex;
+  justify-content: end;
+  margin: 30px 0;
+  padding-right: 16px;
+  gap: 10px;
+}
+@media (min-width: 576px) {
+  .x-star-design-scoreReport-ContentContainer .x-star-design-scoreReport-scoreDownload {
+    margin: 20px auto !important;
+    max-width: 110rem;
+  }
+}

package/dist/submission-status/index.d.ts

@@ -19,7 +19,7 @@ export declare enum Status {
     TimeLimitExceeded = "Time Limit Exceeded",
     WrongAnswer = "Wrong Answer"
 }
-interface SubmissionStatusProps {
+export interface SubmissionStatusProps {
     className?: string;
     style?: React.CSSProperties;
     status: string;

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

@@ -0,0 +1,40 @@
+import type { ThemeConfig } from 'antd';
+import React from 'react';
+/**
+ * 租户名称
+ */
+export type TenantName = 'xyd' | 'xcamp';
+/**
+ * 租户配置
+ */
+export interface Tenant {
+    name: TenantName;
+    [key: string]: string;
+}
+/**
+ * 租户主题
+ */
+export interface TenantTheme {
+    primaryColor: string;
+    linkColor: string;
+    secondaryColor: string;
+}
+interface TenantContextValue {
+    tenant: Tenant;
+    theme: TenantTheme;
+}
+export interface TenantProviderProps {
+    children: React.ReactNode;
+    tenants: Record<TenantName, Tenant>;
+    rootElementId?: string;
+}
+export declare const TenantProvider: ({ children, tenants, rootElementId, }: TenantProviderProps) => React.JSX.Element;
+export declare const useTenant: () => TenantContextValue;
+/**
+ * 根据租户主题适配 antd 组件
+ *
+ * @param theme 租户主题
+ * @returns antd 主题配置
+ */
+export declare const getThemeConfig: ({ primaryColor, linkColor, secondaryColor, }: TenantTheme) => ThemeConfig;
+export {};

package/dist/tenant-provider/index.js

@@ -0,0 +1,78 @@
+import React, { useContext, useEffect } from 'react';
+
+/**
+ * 租户名称
+ */
+
+/**
+ * 租户配置
+ */
+
+/**
+ * 租户主题
+ */
+
+var tenantThemes = {
+  xyd: {
+    primaryColor: '#1990fe',
+    linkColor: '#1990fe',
+    secondaryColor: '#e6f4ff'
+  },
+  xcamp: {
+    primaryColor: '#ffad11',
+    linkColor: '#d46b13',
+    secondaryColor: '#fff3dc'
+  }
+};
+var TenantContext = /*#__PURE__*/React.createContext({
+  tenant: {
+    name: 'xyd'
+  },
+  theme: tenantThemes.xyd
+});
+export var TenantProvider = function TenantProvider(_ref) {
+  var children = _ref.children,
+    tenants = _ref.tenants,
+    _ref$rootElementId = _ref.rootElementId,
+    rootElementId = _ref$rootElementId === void 0 ? 'root' : _ref$rootElementId;
+  var tenantName = location.hostname.includes('.x-camp.') ? 'xcamp' : 'xyd';
+  useEffect(function () {
+    var _document$getElementB;
+    var className = rootElementId.split('-').slice(0, -1).concat(tenantName).join('-');
+    (_document$getElementB = document.getElementById(rootElementId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add(className);
+  }, []);
+  return /*#__PURE__*/React.createElement(TenantContext.Provider, {
+    value: {
+      tenant: tenants[tenantName],
+      theme: tenantThemes[tenantName]
+    }
+  }, children);
+};
+export var useTenant = function useTenant() {
+  return useContext(TenantContext);
+};
+
+/**
+ * 根据租户主题适配 antd 组件
+ *
+ * @param theme 租户主题
+ * @returns antd 主题配置
+ */
+export var getThemeConfig = function getThemeConfig(_ref2) {
+  var primaryColor = _ref2.primaryColor,
+    linkColor = _ref2.linkColor,
+    secondaryColor = _ref2.secondaryColor;
+  return {
+    token: {
+      borderRadius: 4,
+      colorLink: linkColor,
+      colorPrimary: primaryColor,
+      colorTextBase: '#444'
+    },
+    components: {
+      Table: {
+        headerBg: secondaryColor
+      }
+    }
+  };
+};

package/dist/title-with-icon/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface TitleWithIconProps {
+export interface TitleWithIconProps {
     id?: string;
     className?: string;
     title?: React.ReactNode;

package/dist/user-avatar/index.d.ts

@@ -1,6 +1,6 @@
 import type { AvatarProps, TooltipProps } from 'antd';
 import React from 'react';
-interface UserAvatarProps extends AvatarProps {
+export interface UserAvatarProps extends AvatarProps {
     user: {
         realName?: string;
         userName?: string;

package/dist/virtual-table/index.d.ts

@@ -1,4 +1,5 @@
 import type { TableProps } from 'antd';
 import React from 'react';
-declare const VirtualTable: <RecordType extends Record<string | number | symbol, any>>(props: TableProps<RecordType>) => React.JSX.Element;
+export type VirtualTableProps<RecordType = any> = TableProps<RecordType>;
+declare const VirtualTable: <RecordType extends Record<string | number | symbol, any>>(props: VirtualTableProps<RecordType>) => React.JSX.Element;
 export default VirtualTable;

package/dist/visual-data-config/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const VisualDataConfig: ({ onConfirm, }: {
+export interface VisualDataConfigProps {
     onConfirm: (value: string) => void;
-}) => React.JSX.Element;
+}
+declare const VisualDataConfig: ({ onConfirm }: VisualDataConfigProps) => React.JSX.Element;
 export default VisualDataConfig;

package/dist/x-tabs/index.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 type XTabsItem = Exclude<TabsProps['items'], undefined> extends (infer Item)[] ? Item & {
     icon?: React.ReactNode;
 } : never;
-interface XTabsProps extends TabsProps {
+export interface XTabsProps extends TabsProps {
     items?: XTabsItem[];
 }
 declare const XTabs: ({ className, items, ...props }: XTabsProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.75",
+  "version": "0.0.77",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",
@@ -63,6 +63,7 @@
     "@uiw/react-codemirror": "^4.21.9",
     "ahooks": "^3.8.0",
     "classnames": "^2.3.2",
+    "html2canvas": "^1.4.1",
     "qiankun": "^2.10.16",
     "randomcolor": "^0.6.2",
     "react-error-boundary": "^4.0.13",