x-star-design 0.0.86 → 0.0.88

package/dist/ac-config/GeneralConfigItem.js

@@ -1,9 +1,14 @@
-import { QuestionCircleOutlined } from '@ant-design/icons';
-import { Checkbox, Col, DatePicker, Form, Radio, Row, Space, Tooltip } from 'antd';
-import React from 'react';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { QuestionCircleOutlined, SwapOutlined } from '@ant-design/icons';
+import { Checkbox, Col, DatePicker, Flex, Form, Radio, Row, Space, Tooltip, message } from 'antd';
+import React, { useState } from 'react';
+import ContestDurationInput, { isValidDate } from "../contest-duration-input";
 import ContestTimeInput from "../contest-time-input";
 import { useLocale } from "../locales";
+import { useTenant } from "../tenant-provider";
+import { prefix } from "../utils/global";
 import TimingFormItem from "./TimingFormItem";
+import { ContestTimeMode } from "./define";
 var RangePicker = DatePicker.RangePicker;
 var GeneralConfigItem = function GeneralConfigItem(_ref) {
   var type = _ref.type,
@@ -12,21 +17,66 @@ var GeneralConfigItem = function GeneralConfigItem(_ref) {
   var FOREVER = 876000; // 100 年 = 876000 小时
   var _useLocale = useLocale('AcConfig'),
     t = _useLocale.format;
-
+  var _useTenant = useTenant(),
+    primaryColor = _useTenant.theme.primaryColor;
   // 监听 submission 字段
   var submitType = Form.useWatch('submission', form);
+  var _useState = useState(ContestTimeMode.New),
+    _useState2 = _slicedToArray(_useState, 2),
+    contestTimeMode = _useState2[0],
+    setContestTimeMode = _useState2[1];
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Item, {
     name: 'contestTime',
-    label: contestType === 'contest' ? t('ExamTime') : t('HomeworkTime'),
+    label: contestType === 'contest' ? /*#__PURE__*/React.createElement(Flex, {
+      style: {
+        height: '100%'
+      },
+      align: "center",
+      gap: 5
+    }, t('ExamTime'), /*#__PURE__*/React.createElement(Tooltip, {
+      title: t('Time_Setting_Mode_Conversion')
+    }, /*#__PURE__*/React.createElement(SwapOutlined, {
+      className: "".concat(prefix, "-contest-time-swap"),
+      style: {
+        color: primaryColor
+      },
+      "data-testid": "contest-config-time-swap",
+      onClick: function onClick() {
+        //如果是空值就可以切换
+        if (form.getFieldValue(['contestTime']).length === 0) {
+          setContestTimeMode(contestTimeMode === ContestTimeMode.New ? ContestTimeMode.Old : ContestTimeMode.New);
+          return;
+        }
+        //如果有值得看看他是不是符合正确的格式
+        form.validateFields(['contestTime']).then(function () {
+          setContestTimeMode(contestTimeMode === ContestTimeMode.New ? ContestTimeMode.Old : ContestTimeMode.New);
+        }).catch(function () {
+          message.error({
+            key: 'error',
+            content: t('Please_Enter_Correct_Time_Format')
+          });
+        });
+      }
+    }))) : t('HomeworkTime'),
     rules: [{
       required: true
+    }, {
+      validator: function validator(_, value) {
+        if (contestType === 'homework') return Promise.resolve();
+        var startTime = value === null || value === void 0 ? void 0 : value[0];
+        var endTime = value === null || value === void 0 ? void 0 : value[1];
+        //开始时间不合法
+        if (typeof startTime === 'string' && !isValidDate(startTime)) return Promise.reject(new Error(t('Please_Enter_Correct_Time_Format')));
+        //结束时间和开始时间一致证明持续时间没输入
+        else if (endTime && endTime.valueOf() === (startTime === null || startTime === void 0 ? void 0 : startTime.valueOf())) return Promise.reject(new Error(t('Duration_Cannot_Be_Set_To_Zero')));else return Promise.resolve();
+      }
     }],
     extra: contestType === 'contest' && /*#__PURE__*/React.createElement("span", null, t('Contest_Time_Tip'))
-  }, contestType === 'contest' ? /*#__PURE__*/React.createElement(RangePicker, {
+  }, contestType === 'contest' ? /*#__PURE__*/React.createElement(React.Fragment, null, contestTimeMode === ContestTimeMode.New ? /*#__PURE__*/React.createElement(ContestDurationInput, null) : /*#__PURE__*/React.createElement(RangePicker, {
     showTime: true,
     format: 'YYYY-MM-DD HH:mm',
     "data-testid": "contest-config-time-input"
-  }) : /*#__PURE__*/React.createElement(Radio.Group, {
+  })) : /*#__PURE__*/React.createElement(Radio.Group, {
     style: {
       display: 'flex'
     }

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

@@ -126,3 +126,7 @@ export declare enum ContestExamType {
     Homework = "homework",
     Exam = "contest"
 }
+export declare enum ContestTimeMode {
+    Old = "old",
+    New = "new"
+}

package/dist/ac-config/define.js

@@ -3,4 +3,9 @@ export var ContestExamType = /*#__PURE__*/function (ContestExamType) {
   ContestExamType["Homework"] = "homework";
   ContestExamType["Exam"] = "contest";
   return ContestExamType;
+}({});
+export var ContestTimeMode = /*#__PURE__*/function (ContestTimeMode) {
+  ContestTimeMode["Old"] = "old";
+  ContestTimeMode["New"] = "new";
+  return ContestTimeMode;
 }({});

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

@@ -6,6 +6,7 @@ export interface AcConfigProps extends Omit<FormProps, 'children'> {
     contestType?: ContestExamType;
     initialValues?: Configuration;
     onFinish?: (values: Configuration) => void;
+    form?: FormInstance<any>;
 }
 export interface AcConfigHandle {
     form: FormInstance<any>;

package/dist/ac-config/index.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["type", "contestType", "initialValues"];
+var _excluded = ["type", "contestType", "initialValues", "form"];
 import { Divider, Form, Space } from 'antd';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
@@ -92,10 +92,12 @@ var AcConfig = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     _ref3$contestType = _ref3.contestType,
     contestType = _ref3$contestType === void 0 ? ContestExamType.Homework : _ref3$contestType,
     initialValues = _ref3.initialValues,
+    externalForm = _ref3.form,
     props = _objectWithoutProperties(_ref3, _excluded);
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-    form = _Form$useForm2[0];
+    internalForm = _Form$useForm2[0];
+  var form = externalForm || internalForm; // 使用外部传入的 form，如果没有则使用内部创建的 form
   var _useLocale = useLocale('AcConfig'),
     t = _useLocale.format,
     locale = _useLocale.locale;
@@ -129,6 +131,7 @@ var AcConfig = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var _ref7 = (initialValues === null || initialValues === void 0 ? void 0 : initialValues.rank) || {},
     rankListShowRealName = _ref7.rankListShowRealName,
     rankShowUserLabel = _ref7.rankShowUserLabel;
+  /* eslint-disable indent */
   var formInitialValues = {
     contestTime: contestType === 'contest' ? [initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$contes = initialValues.contest) === null || _initialValues$contes === void 0 ? void 0 : _initialValues$contes.startTime, initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$contes2 = initialValues.contest) === null || _initialValues$contes2 === void 0 ? void 0 : _initialValues$contes2.endTime].filter(function (i) {
       return i !== undefined;
@@ -189,6 +192,7 @@ var AcConfig = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   }), type === 'advanced' ? /*#__PURE__*/React.createElement(Space, {
     direction: "horizontal",
     size: 5,
+    align: "start",
     className: classNames("".concat(prefix, "-ac-config-space")),
     split: /*#__PURE__*/React.createElement(Divider, {
       type: "vertical",

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

@@ -0,0 +1,9 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+interface ContestDurationInputProps {
+    value?: [Dayjs | null | undefined | string, Dayjs | null | undefined];
+    onChange?: (value: [Dayjs | null | undefined | string, Dayjs | null | undefined]) => void;
+}
+export declare const isValidDate: (value: string) => boolean;
+declare const ContestDurationInput: ({ value, onChange, }: ContestDurationInputProps) => React.JSX.Element;
+export default ContestDurationInput;

package/dist/contest-duration-input/index.js

@@ -0,0 +1,79 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Flex, Input, Space } from 'antd'; // 假设使用antd组件库
+import dayjs from 'dayjs';
+import React, { useEffect, useState } from 'react';
+import ContestTimeInput from "../contest-time-input";
+import { useLocale } from "../locales";
+import { prefix } from "../utils/global";
+export var isValidDate = function isValidDate(value) {
+  return /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/.test(value);
+};
+var ContestDurationInput = function ContestDurationInput(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var _useLocale = useLocale('ContestDurationInput'),
+    t = _useLocale.format;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    startTime = _useState2[0],
+    setStartTime = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    duration = _useState4[0],
+    setDuration = _useState4[1];
+  //同步外部的值
+  useEffect(function () {
+    if (value) {
+      //如果是string证明不合法直接设置值
+      if (typeof value[0] === 'string') {
+        setStartTime(value === null || value === void 0 ? void 0 : value[0]);
+      } else {
+        var _value$, _value$2, _value$3;
+        setStartTime(((_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.format('YYYY-MM-DD HH:mm')) || '');
+        setDuration({
+          limitHour: value === null || value === void 0 ? void 0 : (_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.diff(value[0], 'hour'),
+          limitMinute: ((value === null || value === void 0 ? void 0 : (_value$3 = value[1]) === null || _value$3 === void 0 ? void 0 : _value$3.diff(value[0], 'minute')) || 0) % 60
+        });
+      }
+    }
+  }, [value]);
+  var handleStartTimeChange = function handleStartTimeChange(e) {
+    var value = e.target.value;
+    setStartTime(value);
+    //不合法
+    if (!isValidDate(value)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange([value, dayjs(value).add((duration === null || duration === void 0 ? void 0 : duration.limitHour) || 0, 'hour').add((duration === null || duration === void 0 ? void 0 : duration.limitMinute) || 0, 'minute')]);
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange([dayjs(value), dayjs(value).add((duration === null || duration === void 0 ? void 0 : duration.limitHour) || 0, 'hour').add((duration === null || duration === void 0 ? void 0 : duration.limitMinute) || 0, 'minute')]);
+    }
+  };
+  var handleDurationChange = function handleDurationChange(e) {
+    var limitHour = e.limitHour,
+      limitMinute = e.limitMinute;
+    if (!isValidDate(startTime)) {
+      setDuration({
+        limitHour: limitHour,
+        limitMinute: limitMinute
+      });
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange([dayjs(startTime), dayjs(startTime).add(limitHour || 0, 'hour').add(limitMinute || 0, 'minute')]);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Flex, {
+    gap: 10,
+    vertical: true
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("div", null, t('Start_Time')), /*#__PURE__*/React.createElement(Flex, {
+    vertical: true
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: t('Please_Enter_Start_Time'),
+    value: startTime,
+    onChange: handleStartTimeChange,
+    "data-testid": "duration-start-time"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-contest-time-tip")
+  }, t('Input_Format')), /*#__PURE__*/React.createElement(Space, null, t('Duration'), /*#__PURE__*/React.createElement(ContestTimeInput, {
+    value: duration,
+    onChange: handleDurationChange
+  })));
+};
+export default ContestDurationInput;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ContestTimeInputValue {
+export interface ContestTimeInputValue {
     limitHour?: number | null;
     limitMinute?: number | null;
 }

package/dist/contest-time-input/index.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { InputNumber } from 'antd';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useLocale } from "../locales";
 var ContestTimeInput = function ContestTimeInput(_ref) {
   var _innerValue$limitHour, _innerValue$limitMinu;
@@ -16,6 +16,9 @@ var ContestTimeInput = function ContestTimeInput(_ref) {
     setInnerValue = _useState2[1];
   var _useLocale = useLocale('ContestTimeInput'),
     t = _useLocale.format;
+  useEffect(function () {
+    setInnerValue(value !== null && value !== void 0 ? value : defaultValue);
+  }, [value]);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'inline-flex',

package/dist/index.d.ts

@@ -12,6 +12,7 @@ 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 ContestDurationInput } from './contest-duration-input';
 export { default as ContestTimeInput } from './contest-time-input';
 export type { ContestTimeInputProps } from './contest-time-input';
 export { default as DomObserver } from './dom-observer';

package/dist/index.js

@@ -6,6 +6,7 @@ export { default as CodeDetailModal } from "./code-detail-modal";
 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 ContestDurationInput } from "./contest-duration-input";
 export { default as ContestTimeInput } from "./contest-time-input";
 export { default as DomObserver } from "./dom-observer";
 export { default as DraggableLayout } from "./draggable-layout";

package/dist/locales/en_US.d.ts

@@ -150,6 +150,9 @@ declare const _default: {
         readonly ResourceRestriction: "Resource Restriction";
         readonly ResourceRestrictionDesc: "Access to other course materials, Learning spaces, Premium Problem Bank, and forums is restricted.";
         readonly Config_Affects_Submission_Visibility: "This configuration also affects the submission visibility of problems related to the learning space";
+        readonly Time_Setting_Mode_Conversion: "Time Setting Mode Conversion";
+        readonly Please_Enter_Correct_Time_Format: "Please Enter Correct Time Format";
+        readonly Duration_Cannot_Be_Set_To_Zero: "Duration Cannot Be Set To Zero";
     };
     readonly ScoreReport: {
         readonly In_Game_Total_Score: "Timed Score";
@@ -181,5 +184,11 @@ declare const _default: {
         readonly placeholder: "Please enter the zip code";
         readonly area: "Area";
     };
+    readonly ContestDurationInput: {
+        readonly Start_Time: "Start Time:";
+        readonly Please_Enter_Start_Time: "Please Enter Start Time";
+        readonly Input_Format: "Input Format: 2025-03-12 12:00";
+        readonly Duration: "Duration:";
+    };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -149,7 +149,10 @@ 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.',
-    Config_Affects_Submission_Visibility: 'This configuration also affects the submission visibility of problems related to the learning space'
+    Config_Affects_Submission_Visibility: 'This configuration also affects the submission visibility of problems related to the learning space',
+    Time_Setting_Mode_Conversion: 'Time Setting Mode Conversion',
+    Please_Enter_Correct_Time_Format: 'Please Enter Correct Time Format',
+    Duration_Cannot_Be_Set_To_Zero: 'Duration Cannot Be Set To Zero'
   },
   ScoreReport: {
     In_Game_Total_Score: 'Timed Score',
@@ -180,5 +183,11 @@ export default {
   ZipCodeSearchInput: {
     placeholder: 'Please enter the zip code',
     area: 'Area'
+  },
+  ContestDurationInput: {
+    Start_Time: 'Start Time:',
+    Please_Enter_Start_Time: 'Please Enter Start Time',
+    Input_Format: 'Input Format: 2025-03-12 12:00',
+    Duration: 'Duration:'
   }
 };

package/dist/locales/index.d.ts

@@ -7,7 +7,7 @@ export interface LocaleProviderProps {
 }
 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" | "ScoreReport" | "SchoolInput" | "ZipCodeSearchInput">(slice: T) => {
+export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton" | "CodeDetailModal" | "ContactButton" | "ErrorPage" | "Feedback" | "MicroApp" | "ContestTimeInput" | "AcConfig" | "ScoreReport" | "SchoolInput" | "ZipCodeSearchInput" | "ContestDurationInput">(slice: T) => {
     locale: string;
     format: <U extends keyof MessageMap[T]>(key: U) => ({
         readonly VisualDataConfig: {
@@ -161,6 +161,9 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly ResourceRestriction: "限制资源访问";
             readonly ResourceRestrictionDesc: "限制访问其他课件、学习空间、精品题库、论坛";
             readonly Config_Affects_Submission_Visibility: "该配置同时影响学生学习空间相关题目的提交可见性";
+            readonly Time_Setting_Mode_Conversion: "时间设置模式转化";
+            readonly Please_Enter_Correct_Time_Format: "请输入正确的时间格式";
+            readonly Duration_Cannot_Be_Set_To_Zero: "持续时间不能设置为0";
         };
         readonly ScoreReport: {
             readonly In_Game_Total_Score: "赛中总分";
@@ -192,6 +195,12 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly placeholder: "请输入邮政编码";
             readonly area: "所选地区";
         };
+        readonly ContestDurationInput: {
+            readonly Start_Time: "开始时间：";
+            readonly Please_Enter_Start_Time: "请输入开始时间";
+            readonly Input_Format: "输入格式：2025-03-12 12:00";
+            readonly Duration: "持续时间：";
+        };
     } | {
         readonly VisualDataConfig: {
             readonly Time_MS: "Time Limit(MS)";
@@ -344,6 +353,9 @@ 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 Config_Affects_Submission_Visibility: "This configuration also affects the submission visibility of problems related to the learning space";
+            readonly Time_Setting_Mode_Conversion: "Time Setting Mode Conversion";
+            readonly Please_Enter_Correct_Time_Format: "Please Enter Correct Time Format";
+            readonly Duration_Cannot_Be_Set_To_Zero: "Duration Cannot Be Set To Zero";
         };
         readonly ScoreReport: {
             readonly In_Game_Total_Score: "Timed Score";
@@ -375,6 +387,12 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly placeholder: "Please enter the zip code";
             readonly area: "Area";
         };
+        readonly ContestDurationInput: {
+            readonly Start_Time: "Start Time:";
+            readonly Please_Enter_Start_Time: "Please Enter Start Time";
+            readonly Input_Format: "Input Format: 2025-03-12 12:00";
+            readonly Duration: "Duration:";
+        };
     })[T][U];
 };
 export {};

package/dist/locales/zh_CN.d.ts

@@ -150,6 +150,9 @@ declare const _default: {
         readonly ResourceRestriction: "限制资源访问";
         readonly ResourceRestrictionDesc: "限制访问其他课件、学习空间、精品题库、论坛";
         readonly Config_Affects_Submission_Visibility: "该配置同时影响学生学习空间相关题目的提交可见性";
+        readonly Time_Setting_Mode_Conversion: "时间设置模式转化";
+        readonly Please_Enter_Correct_Time_Format: "请输入正确的时间格式";
+        readonly Duration_Cannot_Be_Set_To_Zero: "持续时间不能设置为0";
     };
     readonly ScoreReport: {
         readonly In_Game_Total_Score: "赛中总分";
@@ -181,5 +184,11 @@ declare const _default: {
         readonly placeholder: "请输入邮政编码";
         readonly area: "所选地区";
     };
+    readonly ContestDurationInput: {
+        readonly Start_Time: "开始时间：";
+        readonly Please_Enter_Start_Time: "请输入开始时间";
+        readonly Input_Format: "输入格式：2025-03-12 12:00";
+        readonly Duration: "持续时间：";
+    };
 };
 export default _default;

package/dist/locales/zh_CN.js

@@ -149,7 +149,10 @@ export default {
     RestrictionsDuringHomeworkExam: '作业/考试结束前限制',
     ResourceRestriction: '限制资源访问',
     ResourceRestrictionDesc: '限制访问其他课件、学习空间、精品题库、论坛',
-    Config_Affects_Submission_Visibility: '该配置同时影响学生学习空间相关题目的提交可见性'
+    Config_Affects_Submission_Visibility: '该配置同时影响学生学习空间相关题目的提交可见性',
+    Time_Setting_Mode_Conversion: '时间设置模式转化',
+    Please_Enter_Correct_Time_Format: '请输入正确的时间格式',
+    Duration_Cannot_Be_Set_To_Zero: '持续时间不能设置为0'
   },
   ScoreReport: {
     In_Game_Total_Score: '赛中总分',
@@ -180,5 +183,11 @@ export default {
   ZipCodeSearchInput: {
     placeholder: '请输入邮政编码',
     area: '所选地区'
+  },
+  ContestDurationInput: {
+    Start_Time: '开始时间：',
+    Please_Enter_Start_Time: '请输入开始时间',
+    Input_Format: '输入格式：2025-03-12 12:00',
+    Duration: '持续时间：'
   }
 };

package/dist/styles/index.css

@@ -1,12 +1,23 @@
 @charset "UTF-8";
+.x-star-design-ac-config-space {
+  display: flex;
+}
 .x-star-design-ac-config-space > :last-child {
   align-self: flex-start;
 }
+.x-star-design-ac-config-space .x-star-design-space-item-split {
+  align-self: center;
+}
 
 .x-star-design-ac-config-form {
   padding-right: 12px;
 }
 
+.x-star-design-contest-time-swap {
+  cursor: pointer;
+  font-size: 16px;
+}
+
 .x-star-design-anchor-x-tabs-container {
   display: flex;
   gap: 30px;
@@ -763,3 +774,9 @@
     max-width: 110rem;
   }
 }
+
+.x-star-design-contest-time-tip {
+  cursor: pointer;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.4509803922);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.86",
+  "version": "0.0.88",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",