x-star-design 0.0.55 → 0.0.56

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

@@ -1,4 +1,4 @@
-import { ModalProps } from 'antd';
+import type { ModalProps } from 'antd';
 import React from 'react';
 import { CodeDetail } from './define';
 interface CodeDetailModalProps extends ModalProps {

package/dist/code-detail-modal/index.js

@@ -4,9 +4,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["codeData", "open", "onCancel"];
 import { DownloadOutlined } from '@ant-design/icons';
 import { Button, Modal, Table } from 'antd';
-import dayjs from 'dayjs';
 import React, { useState } from 'react';
-import { getTransResult } from 'x-star-utils';
+import { formatDate, getTransResult } from 'x-star-utils';
 import CodeMirrorWrapper from "../code-mirror-wrapper";
 import { Theme } from "../code-mirror-wrapper/define";
 import ConfigProviderWrapper from "../config-provider-wrapper";
@@ -104,7 +103,10 @@ var CodeDetailModal = function CodeDetailModal(_ref) {
     title: t('Submission_Time'),
     dataIndex: 'submissionTime',
     render: function render(v) {
-      return v ? /*#__PURE__*/React.createElement("span", null, dayjs.unix(v).format('YYYY-MM-DD HH:mm:ss (UTCZ)')) : '-';
+      return v ? /*#__PURE__*/React.createElement("span", null, formatDate(v * 1000, {
+        lang: lang,
+        separator: '-'
+      })) : '-';
     }
   }];
   return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Modal, _extends({

package/dist/draggable-layout/index.js

@@ -123,7 +123,7 @@ var DraggableLayout = function DraggableLayout(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     "data-testid": "divider",
     ref: dividerRef,
-    className: dividerClassName !== null && dividerClassName !== void 0 ? dividerClassName : classNames("".concat(prefix, "-draggable-divider")),
+    className: dividerClassName !== null && dividerClassName !== void 0 ? dividerClassName : "".concat(prefix, "-draggable-divider"),
     style: {
       left: "calc(".concat(defaultWidth, " - ").concat(dividerWidth, " / 2)")
     },

package/dist/error-boundary/error-page/index.js

@@ -1,4 +1,3 @@
-import classNames from 'classnames';
 import React from 'react';
 import { useLocale } from "../../locales";
 import { prefix } from "../../utils/global";
@@ -15,31 +14,31 @@ var ErrorPage = function ErrorPage(_ref) {
     location.reload();
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "-errorPage"))
+    className: "".concat(prefix, "-errorPage")
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('hello')
+    className: "hello"
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames('ip')
+    className: "ip"
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames('planets')
+    className: "planets"
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames('content')
+    className: "content"
   }, isFetchError(error) ? /*#__PURE__*/React.createElement("div", {
     "data-testid": "hint",
-    className: classNames('hint')
+    className: "hint"
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('description')
+    className: "description"
   }, /*#__PURE__*/React.createElement("div", null, t('RELOAD_HINT')))) : /*#__PURE__*/React.createElement("div", {
     "data-testid": "alert",
-    className: classNames('alert')
+    className: "alert"
   }, /*#__PURE__*/React.createElement("h2", {
     style: {
       fontWeight: 'bold'
     }
   }, t('ERROR')), /*#__PURE__*/React.createElement("div", {
-    className: classNames('description')
+    className: "description"
   }, /*#__PURE__*/React.createElement("div", null, t('ERROR_BOUNDARY_TIP_1')), /*#__PURE__*/React.createElement("div", null, t('ERROR_BOUNDARY_TIP_2')), /*#__PURE__*/React.createElement("div", {
-    className: classNames('actions')
+    className: "actions"
   }, /*#__PURE__*/React.createElement("a", {
     href: "/"
   }, ">> ".concat(t('RETURN_TO_HOME'))), /*#__PURE__*/React.createElement("a", {

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

@@ -2,3 +2,4 @@ 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 default ErrorBoundary;
+export type { FallbackProps } from 'react-error-boundary';

package/dist/feedback/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-type feedbackItem = {
+interface FeedbackItem {
     value: string | number;
     label: string;
-};
+}
 interface FeedbackProps {
     /**
      * @description 标题
@@ -12,11 +12,11 @@ interface FeedbackProps {
     /**
      * @description 好评 Radio.Group 的选项
      */
-    feedbackListGood?: feedbackItem[];
+    feedbackListGood?: FeedbackItem[];
     /**
      * @description 差评 Radio.Group 的选项
      */
-    feedbackListBad?: feedbackItem[];
+    feedbackListBad?: FeedbackItem[];
     /**
      * @description 选中的颜色
      */

package/dist/feedback/index.js

@@ -54,7 +54,7 @@ var Feedback = function Feedback(_ref) {
         width: '100%'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(prefix, "-feedbackIcon"))
+      className: "".concat(prefix, "-feedbackIcon")
     }, /*#__PURE__*/React.createElement(CoffeeOutlined, null)), /*#__PURE__*/React.createElement("div", null, t('FEEDBACK_RESPONSE')));
   };
   var submitFormContent = function submitFormContent() {
@@ -82,7 +82,7 @@ var Feedback = function Feedback(_ref) {
         message: t('FEEDBACK_MESSAGE_1')
       }]
     }, /*#__PURE__*/React.createElement(Radio.Group, {
-      className: classNames("".concat(prefix, "-feedbackRadioGroup")),
+      className: "".concat(prefix, "-feedbackRadioGroup"),
       style: {
         padding: '20px 0 10px 0'
       },
@@ -179,7 +179,7 @@ var Feedback = function Feedback(_ref) {
       }
     }, /*#__PURE__*/React.createElement(Button, {
       type: "primary",
-      className: classNames("".concat(prefix, "-feedbackButton")),
+      className: "".concat(prefix, "-feedbackButton"),
       htmlType: "submit",
       onClick: function onClick() {
         return form.setFieldValue(feedbackKey, choiceType);
@@ -187,11 +187,11 @@ var Feedback = function Feedback(_ref) {
     }, t('SUBMIT')))));
   };
   var content = /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "-feedbackContent"))
+    className: "".concat(prefix, "-feedbackContent")
   }, submittedContent(), submitFormContent());
   return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement("div", {
     ref: mainContainer,
-    className: classNames("".concat(prefix, "-feedbackContainer"))
+    className: "".concat(prefix, "-feedbackContainer")
   }, /*#__PURE__*/React.createElement(Popover, {
     content: content,
     title: title !== null && title !== void 0 ? title : t('FEEDBACK_ON_THE_PROBLEM'),
@@ -222,7 +222,7 @@ var Feedback = function Feedback(_ref) {
     "data-testid": "popover-testId"
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link",
-    className: classNames("".concat(prefix, "-outsideFeedbackButton")),
+    className: "".concat(prefix, "-outsideFeedbackButton"),
     "data-testid": "feedback-button-like",
     icon: choiceType === 2 ? /*#__PURE__*/React.createElement(LikeFilled, {
       style: {
@@ -239,7 +239,7 @@ var Feedback = function Feedback(_ref) {
   }), /*#__PURE__*/React.createElement(Button, {
     type: "link",
     "data-testid": "feedback-button-dislike",
-    className: classNames("".concat(prefix, "-outsideFeedbackButton")),
+    className: "".concat(prefix, "-outsideFeedbackButton"),
     icon: choiceType === 1 ? /*#__PURE__*/React.createElement(DislikeFilled, {
       style: {
         color: activeColor

package/dist/index.d.ts

@@ -21,4 +21,4 @@ export { default as TitleWithIcon } from './title-with-icon';
 export { default as UserAvatar } from './user-avatar';
 export { default as VirtualTable } from './virtual-table';
 export { default as VisualDataConfig } from './visual-data-config';
-export { default as XTabs } from './xtabs';
+export { default as XTabs } from './x-tabs';

package/dist/index.js

@@ -18,4 +18,4 @@ export { default as TitleWithIcon } from "./title-with-icon";
 export { default as UserAvatar } from "./user-avatar";
 export { default as VirtualTable } from "./virtual-table";
 export { default as VisualDataConfig } from "./visual-data-config";
-export { default as XTabs } from "./xtabs";
+export { default as XTabs } from "./x-tabs";

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

@@ -4,9 +4,9 @@ export interface InputNumbersValue {
     start?: string | number | null;
     end?: string | number | null;
 }
-type InputNumbersValueProps = Omit<InputNumberProps, 'value' | 'onChange'> & {
+interface InputNumbersProps extends Omit<InputNumberProps, 'value' | 'onChange'> {
     value?: InputNumbersValue;
     onChange?: (value: InputNumbersValue) => void;
-};
-declare const InputNumbers: ({ value, onChange, ...props }: InputNumbersValueProps) => React.JSX.Element;
+}
+declare const InputNumbers: ({ value, onChange, ...props }: InputNumbersProps) => React.JSX.Element;
 export default InputNumbers;

package/dist/loading-mask/index.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import classNames from 'classnames';
 import React from 'react';
@@ -14,7 +15,7 @@ var LoadingMask = function LoadingMask(_ref) {
     visible = _useDelayedMount2[1];
   return /*#__PURE__*/React.createElement(React.Fragment, null, mount && /*#__PURE__*/React.createElement("div", {
     "data-testid": 'loadingMask',
-    className: classNames("".concat(prefix, "-loadingMask"), "".concat(visible ? '' : "".concat(prefix, "-loadingHide")))
+    className: classNames("".concat(prefix, "-loadingMask"), _defineProperty({}, "".concat(prefix, "-loadingHide"), !visible))
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "-loadingLoader")
   }, /*#__PURE__*/React.createElement("div", {

package/dist/styles/index.css

@@ -516,20 +516,20 @@
   width: 100%;
 }
 
-.x-star-design-xtabs-wrapper {
+.x-star-design-x-tabs-wrapper {
   width: 100%;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs.x-star-design-tabs {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs.x-star-design-tabs {
   width: 100%;
   min-height: 80vh;
   border: 0;
   background-color: #fff;
   color: #9e9e9e;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-tabs-nav-wrap {
-  background-color: var(--xtabs-secondary-color);
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-tabs-nav-wrap {
+  background-color: var(--x-tabs-secondary-color);
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab {
   width: 130px;
   height: 130px;
   background-color: unset;
@@ -540,42 +540,42 @@
   border: 0;
   color: #9e9e9e;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab-active {
-  border-left: 6px solid var(--xtabs-primary-color);
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab-active {
+  border-left: 6px solid var(--x-tabs-primary-color);
   background-color: #fff;
   transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
   border-radius: 0;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs.x-star-design-tabs .x-star-design-tabs-tab:hover {
-  color: var(--xtabs-primary-color);
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs.x-star-design-tabs .x-star-design-tabs-tab:hover {
+  color: var(--x-tabs-primary-color);
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-tabs-tab-btn {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-tabs-tab-btn {
   text-align: center;
   white-space: normal;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-tabs-content-holder {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-tabs-content-holder {
   border-left: 0;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-tabs-content {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-tabs-content {
   display: flex;
   width: 100%;
   height: 100%;
   border: 1px solid #d7d7d7;
   padding: 0 20px;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-tabs-tabpane {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-tabs-tabpane {
   padding: 0 24px 24px;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-tabs-tab-icon {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-tabs-tab-icon {
   display: none;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-icon-img {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-icon-img {
   font-size: 44px;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-icon-img .anticon {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-icon-img .anticon {
   margin: 0;
 }
-.x-star-design-xtabs-wrapper .x-star-design-xtabs .x-star-design-icon-title {
+.x-star-design-x-tabs-wrapper .x-star-design-x-tabs .x-star-design-icon-title {
   margin-top: -5px;
   padding-bottom: 10px;
   display: block;

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

@@ -19,11 +19,11 @@ export declare enum Status {
     Unknown = "Unknown",
     WrongAnswer = "Wrong Answer"
 }
-type SubmissionStatusProps = {
-    status: string;
+interface SubmissionStatusProps {
     className?: string;
-    onClick?: () => void;
     style?: React.CSSProperties;
-};
-declare const SubmissionStatus: ({ className, status, onClick, style, }: SubmissionStatusProps) => React.JSX.Element;
+    status: string;
+    onClick?: () => void;
+}
+declare const SubmissionStatus: ({ className, style, status, onClick, }: SubmissionStatusProps) => React.JSX.Element;
 export default SubmissionStatus;

package/dist/submission-status/index.js

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Tooltip } from 'antd';
-import classNames from 'classnames';
 import React from 'react';
 import ConfigProviderWrapper from "../config-provider-wrapper";
 import { useLocale } from "../locales";
@@ -29,20 +28,20 @@ var scopeColor = new Map([[Status.Accepted, '#00ad07'], [Status.WrongAnswer, '#f
 var statusZh = new Map([[Status.Abnormal, ''], [Status.Accepted, '答案正确'], [Status.CheckerJudgementFailed, '代码检查失败'], [Status.CompileError, '编译错误'], [Status.DangerousSyscall, '危险系统调用'], [Status.JudgeFailed, '评测失败'], [Status.JudgementFailed, '评测失败'], [Status.MemoryLimitExceeded, '内存超限'], [Status.OutputLimitExceeded, '输出超限'], [Status.Pending, '排队'], [Status.PresentationError, '段错误'], [Status.Running, '运行'], [Status.RuntimeError, '运行出错'], [Status.Skipped, '忽略'], [Status.SpecialJudgeError, ''], [Status.TimeLimitExceeded, '运行超时'], [Status.Unknown, 'OI赛制提交结果不可见'], [Status.WrongAnswer, '答案错误']]);
 var SubmissionStatus = function SubmissionStatus(_ref) {
   var className = _ref.className,
+    style = _ref.style,
     status = _ref.status,
-    onClick = _ref.onClick,
-    style = _ref.style;
+    onClick = _ref.onClick;
   var _useLocale = useLocale('CodeDetailModal'),
     locale = _useLocale.locale;
   return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
     title: locale === 'zh_CN' && (statusZh === null || statusZh === void 0 ? void 0 : statusZh.get(status))
   }, /*#__PURE__*/React.createElement("div", {
     "data-testid": 'submissionStatus',
-    className: classNames(className),
+    className: className,
     style: _objectSpread({
-      cursor: onClick ? 'pointer' : 'initial',
       fontWeight: 'bold',
-      color: scopeColor.get(status)
+      color: scopeColor.get(status),
+      cursor: onClick ? 'pointer' : 'unset'
     }, style),
     onClick: onClick
   }, status)));

package/dist/types/{svg.d.ts → image.d.ts}

@@ -1,10 +1,11 @@
 declare module '*.svg' {
   export default string;
 }
+
 declare module '*.png' {
   export default string;
 }
+
 declare module '*.jpg' {
   export default string;
 }
-declare module 'randomcolor';

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

@@ -1,10 +1,10 @@
-import { AvatarProps } from 'antd/es/avatar';
+import type { AvatarProps } from 'antd';
 import React from 'react';
-type UserAvatarProps = AvatarProps & {
+interface UserAvatarProps extends AvatarProps {
     user: {
         realName?: string;
         userName?: string;
     } | null | undefined;
-};
+}
 declare const UserAvatar: React.FC<UserAvatarProps>;
 export default UserAvatar;

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

@@ -1,4 +1,4 @@
-import type { TableProps } from 'antd/es/table';
+import type { TableProps } from 'antd';
 import React from 'react';
 declare const VirtualTable: <RecordType extends Record<string, unknown>>(props: TableProps<RecordType>) => React.JSX.Element;
 export default VirtualTable;

package/dist/virtual-table/index.js

@@ -3,11 +3,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["children"],
-  _excluded2 = ["children"];
+var _excluded = ["children"];
+import { useContext } from '@rc-component/context';
 import { Table } from 'antd';
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
+import TableContext from 'rc-table/es/context/TableContext';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { VariableSizeGrid as Grid } from 'react-window';
 import ConfigProviderWrapper from "../config-provider-wrapper";
@@ -18,7 +19,7 @@ var VirtualTable = function VirtualTable(props) {
   /**
    * 表格实际宽度
    */
-  var _useState = useState(100),
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     tableWidth = _useState2[0],
     setTableWidth = _useState2[1];
@@ -33,9 +34,13 @@ var VirtualTable = function VirtualTable(props) {
      * @returns 展平的列
      */
     var flatten = function flatten(columns) {
+      var parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'key';
       var result = [];
-      columns === null || columns === void 0 ? void 0 : columns.forEach(function (column) {
-        return result.push.apply(result, _toConsumableArray('children' in column ? flatten(column.children) : [column]));
+      columns.forEach(function (column, index) {
+        var mergedKey = "".concat(parentKey, "-").concat(index);
+        result.push.apply(result, _toConsumableArray('children' in column ? flatten(column.children, mergedKey) : [_objectSpread({
+          key: mergedKey
+        }, column)]));
       });
       return result;
     };
@@ -62,13 +67,13 @@ var VirtualTable = function VirtualTable(props) {
            * 等比例放大列宽
            */
           return _objectSpread(_objectSpread({}, column), {}, {
-            width: column.width / totalWidth * tableWidth
+            width: Math.floor(column.width / totalWidth * tableWidth)
           });
         }
         return column;
       }
       return _objectSpread(_objectSpread({}, column), {}, {
-        width: tableWidth / widthColumnCount
+        width: Math.floor(tableWidth / widthColumnCount)
       });
     });
   }, [columns, tableWidth]);
@@ -112,7 +117,7 @@ var VirtualTable = function VirtualTable(props) {
   };
   useEffect(function () {
     return resetVirtualGrid;
-  }, [mergedColumns]);
+  }, [tableWidth]);
 
   /**
    * 起始渲染行
@@ -120,11 +125,21 @@ var VirtualTable = function VirtualTable(props) {
   var startRowIndex = useRef(0);
 
   /**
-   * 渲染虚拟列表
+   * 虚拟列表
    */
-  var renderVirtualList = function renderVirtualList(rawData, _ref2) {
-    var ref = _ref2.ref,
-      _onScroll = _ref2.onScroll;
+  var VirtualList = function VirtualList(_ref2) {
+    var rawData = _ref2.rawData,
+      _ref2$info = _ref2.info,
+      scrollbarSize = _ref2$info.scrollbarSize,
+      ref = _ref2$info.ref,
+      _onScroll = _ref2$info.onScroll;
+    var _useContext = useContext(TableContext, ['onColumnResize']),
+      onColumnResize = _useContext.onColumnResize;
+    useEffect(function () {
+      mergedColumns.forEach(function (column) {
+        return onColumnResize(column.key, column.width);
+      });
+    }, []);
     ref.current = connectObject;
 
     /**
@@ -151,9 +166,7 @@ var VirtualTable = function VirtualTable(props) {
       var record = rawData[rowIndex];
       var props = (_column$onCell = column.onCell) === null || _column$onCell === void 0 ? void 0 : _column$onCell.call(column, record, rowIndex);
       return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-        className: classNames("".concat(prefix, "-virtual-table-cell"), {
-          'virtual-table-cell-last': columnIndex === mergedColumns.length - 1
-        }, props === null || props === void 0 ? void 0 : props.className),
+        className: classNames("".concat(prefix, "-virtual-table-cell"), props === null || props === void 0 ? void 0 : props.className),
         style: _objectSpread(_objectSpread({}, style), props === null || props === void 0 ? void 0 : props.style)
       }), column.render ? column.render(column.dataIndex !== undefined ? record[column.dataIndex] : record, record, rowIndex) : column.dataIndex !== undefined && record[column.dataIndex]);
     };
@@ -181,7 +194,7 @@ var VirtualTable = function VirtualTable(props) {
             width: column.width,
             zIndex: 1
           }
-        }, rawData.slice(startRowIndex.current, startRowIndex.current + Math.ceil(scroll.y / 54) + 2).map(function (_, rowIndex) {
+        }, rawData.slice(startRowIndex.current, startRowIndex.current + Math.ceil(scroll.y / 54) + 8).map(function (_, rowIndex) {
           var _gridRef$current4;
           return /*#__PURE__*/React.createElement(Cell, {
             key: rowIndex,
@@ -195,7 +208,7 @@ var VirtualTable = function VirtualTable(props) {
               /**
                * 水平滚动距离大于 0 时最右侧的固定列加上阴影
                */
-              boxShadow: ((_gridRef$current4 = gridRef.current) === null || _gridRef$current4 === void 0 ? void 0 : _gridRef$current4.state.scrollLeft) > 0 && columnIndex === fixedColumns.length - 1 ? '4px 0px 4px #f0f0f0' : undefined,
+              boxShadow: ((_gridRef$current4 = gridRef.current) === null || _gridRef$current4 === void 0 ? void 0 : _gridRef$current4.state.scrollLeft) > 0 && columnIndex === fixedColumns.length - 1 ? '4px 0px 8px -2px rgba(5, 5, 5, 0.06)' : undefined,
               transition: 'box-shadow 0.3s'
             }
             /**
@@ -216,7 +229,7 @@ var VirtualTable = function VirtualTable(props) {
       columnCount: mergedColumns.length,
       columnWidth: function columnWidth(index) {
         var width = mergedColumns[index].width;
-        return totalHeight > scroll.y && columns && index === columns.length - 1 ? width - 7 : width;
+        return totalHeight > scroll.y && index === mergedColumns.length - 1 ? width - scrollbarSize : width;
       },
       height: scroll.y,
       rowCount: rawData.length,
@@ -228,7 +241,7 @@ var VirtualTable = function VirtualTable(props) {
       onScroll: function onScroll(_ref5) {
         var scrollTop = _ref5.scrollTop,
           scrollLeft = _ref5.scrollLeft;
-        startRowIndex.current = Math.max(Math.floor(scrollTop / 54) - 1, 0);
+        startRowIndex.current = Math.max(Math.floor(scrollTop / 54) - 4, 0);
         _onScroll({
           scrollLeft: scrollLeft
         });
@@ -244,30 +257,12 @@ var VirtualTable = function VirtualTable(props) {
     className: classNames("".concat(prefix, "-virtual-table"), props.className),
     pagination: false,
     components: {
-      header: {
-        /**
-         * 渲染自定义表头，修复固定列问题
-         */
-        row: function row(_ref7) {
-          var children = _ref7.children,
-            rest = _objectWithoutProperties(_ref7, _excluded2);
-          var newChildren = _toConsumableArray(children);
-          for (var i = 0, left = 0; i < newChildren.length; i++) {
-            var _props = newChildren[i].props;
-            if (!_props.column.fixed) {
-              break;
-            }
-            newChildren[i] = _objectSpread(_objectSpread({}, newChildren[i]), {}, {
-              props: _objectSpread(_objectSpread({}, _props), {}, {
-                fixLeft: left
-              })
-            });
-            left += _props.column.width;
-          }
-          return /*#__PURE__*/React.createElement("tr", rest, newChildren);
-        }
-      },
-      body: renderVirtualList
+      body: function body(data, info) {
+        return /*#__PURE__*/React.createElement(VirtualList, {
+          rawData: data,
+          info: info
+        });
+      }
     }
   })))));
 };

package/dist/{xtabs → x-tabs}/index.js

@@ -39,8 +39,8 @@ var XTabs = function XTabs(_ref) {
   useEffect(function () {
     var _colorThemeRef$curren, _colorThemeRef$curren2;
     //设置主题色
-    (_colorThemeRef$curren = colorThemeRef.current) === null || _colorThemeRef$curren === void 0 ? void 0 : _colorThemeRef$curren.style.setProperty('--xtabs-primary-color', colorPrimary);
-    (_colorThemeRef$curren2 = colorThemeRef.current) === null || _colorThemeRef$curren2 === void 0 ? void 0 : _colorThemeRef$curren2.style.setProperty('--xtabs-secondary-color', hexToRGBA(colorPrimary, 0.15));
+    (_colorThemeRef$curren = colorThemeRef.current) === null || _colorThemeRef$curren === void 0 ? void 0 : _colorThemeRef$curren.style.setProperty('--x-tabs-primary-color', colorPrimary);
+    (_colorThemeRef$curren2 = colorThemeRef.current) === null || _colorThemeRef$curren2 === void 0 ? void 0 : _colorThemeRef$curren2.style.setProperty('--x-tabs-secondary-color', hexToRGBA(colorPrimary, 0.15));
   }, [colorPrimary]);
   var newItems = useMemo(function () {
     return items === null || items === void 0 ? void 0 : items.map(function (item) {
@@ -56,11 +56,11 @@ var XTabs = function XTabs(_ref) {
     });
   }, [items]);
   return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement("div", {
-    "data-testid": 'xtabsColorTheme',
+    "data-testid": "xTabsColorTheme",
     ref: colorThemeRef,
-    className: "".concat(prefix, "-xtabs-wrapper")
+    className: "".concat(prefix, "-x-tabs-wrapper")
   }, /*#__PURE__*/React.createElement(Tabs, _extends({
-    className: classNames("".concat(prefix, "-xtabs"), className),
+    className: classNames("".concat(prefix, "-x-tabs"), className),
     tabPosition: "left",
     size: "large",
     type: "card",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",
@@ -20,7 +20,7 @@
     "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && npm run build",
     "start": "npm run dev",
-    "test": "TZ=UTC-8 jest"
+    "test": "TZ=Asia/Shanghai jest"
   },
   "commitlint": {
     "extends": [
@@ -45,7 +45,7 @@
     ]
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.1",
+    "@babel/runtime": "^7.24.1",
     "@codemirror/autocomplete": "^6.9.0",
     "@codemirror/lang-cpp": "^6.0.2",
     "@codemirror/lang-java": "^6.0.1",
@@ -59,32 +59,33 @@
     "@uiw/react-codemirror": "^4.21.9",
     "ahooks": "^3.7.8",
     "classnames": "^2.3.2",
-    "dayjs": "^1.11.10",
     "randomcolor": "^0.6.2",
-    "rc-resize-observer": "^1.4.0",
     "react-error-boundary": "^4.0.13",
     "react-sortable-hoc": "^2.0.0",
     "react-window": "^1.8.9",
-    "x-star-utils": "^0.0.9"
+    "x-star-utils": "^0.0.12"
   },
   "devDependencies": {
     "@ant-design/icons": "^5.3.6",
-    "@babel/core": "^7.23.3",
-    "@babel/preset-env": "^7.23.3",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
+    "@babel/core": "^7.24.1",
+    "@babel/preset-env": "^7.24.1",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@jest/globals": "^29.7.0",
+    "@rc-component/context": "^1.4.0",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.0",
     "@testing-library/user-event": "^14.5.1",
+    "@types/randomcolor": "^0.5.9",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/react-window": "^1.8.5",
     "@umijs/lint": "^4.0.0",
-    "antd": "^5.16.1",
+    "antd": "^5.16.4",
     "babel-plugin-inline-import-data-uri": "^1.0.1",
+    "dayjs": "^1.11.10",
     "dumi": "^2.2.0",
     "eslint": "^8.23.0",
     "father": "^4.1.0",
@@ -96,6 +97,8 @@
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^3.0.0",
     "prettier-plugin-packagejson": "^2.2.18",
+    "rc-resize-observer": "^1.4.0",
+    "rc-table": "^7.45.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1",
@@ -103,7 +106,11 @@
   },
   "peerDependencies": {
     "@ant-design/icons": ">=4.7.0",
-    "antd": ">=4.23",
+    "@rc-component/context": ">=1.3.0",
+    "antd": ">=4.23.0",
+    "dayjs": ">=1.0.0",
+    "rc-resize-observer": ">=1.0.0",
+    "rc-table": ">=7.26.0",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },