@tsingroc/tsingroc-components 5.0.0-alpha.21 → 5.0.0-alpha.23

package/dist/components/Calendar.js

@@ -78,9 +78,9 @@ function Calendar(props) {
     cx,
     styles
   } = useStyles();
-  const [selected, setSelected] = propsSelected === undefined ?
+  const [selected, setSelected] = propsSelected === undefined
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  useState() : [propsSelected, () => {}];
+  ? useState() : [propsSelected, () => {}];
   const monthStart = month.startOf("month");
   const calendarStart = monthStart.startOf("week");
   const monthEnd = month.endOf("month");
@@ -93,7 +93,10 @@ function Calendar(props) {
     className: cx(styles.calendar, className),
     children: [/*#__PURE__*/_jsx("thead", {
       children: /*#__PURE__*/_jsx("tr", {
-        children: weekdays.map((name, weekday) => /*#__PURE__*/_jsx("th", {
+        children: weekdays.map((name, weekday) =>
+        /*#__PURE__*/
+        // oxlint-disable-next-line react/no-children-prop
+        _jsx("th", {
           children: name,
           ...thProps?.(weekday)
         }, weekday))
@@ -104,13 +107,14 @@ function Calendar(props) {
       }, (_, week) => /*#__PURE__*/_jsx("tr", {
         children: Array(7).fill(null).map((_, weekday) => {
           const date = calendarStart.add(week * 7 + weekday, "day");
-          const fade = fadeAdjacentDays && date.month() != monthStart.month();
+          const fade = fadeAdjacentDays && date.month() !== monthStart.month();
           const isSelected = Math.floor(selected?.diff(date, "day", true) ?? NaN) === 0;
           const {
             className,
             ...props
           } = tdProps?.(date, false) ?? {};
           return /*#__PURE__*/_jsx("td", {
+            // oxlint-disable-next-line react/no-children-prop
             children: date.date(),
             onClick: () => {
               setSelected(date);

package/dist/components/ECharts.d.ts

@@ -1,5 +1,5 @@
 import type { EChartsOption } from "echarts";
-import type { EChartsCoreOption, EChartsInitOpts, ECharts as EChartsInstance, SetOptionOpts } from "echarts/core";
+import type { ECharts as EChartsInstance, EChartsCoreOption, EChartsInitOpts, SetOptionOpts } from "echarts/core";
 import { type ComponentType, type HTMLAttributes, type ReactNode, type Ref } from "react";
 export interface EChartsProps<Option extends EChartsCoreOption = EChartsOption> extends HTMLAttributes<HTMLDivElement> {
     /**

package/dist/components/Header.d.ts

@@ -53,7 +53,7 @@ export interface HeaderProps extends MenuProps {
 /**
  * 顶栏组件。该组件需要放置在 [Ant Design 的 `Layout` 组件][1]内部才能正常工作。
  * 如果没有指定 {@linkcode HeaderProps.rightEnd | rightEnd} 属性，
- * 那么还需要包裹在 {@linkcode AuthProvider} 内，并且经过 {@linkcode AuthCheck} 验证后
+ * 那么还需要包裹在 {@linkcode AuthProvider} 内，并且经过 {@linkcode LoginCheck} 验证后
  * 才能正常显示顶栏右端的用户信息按钮。
  *
  * 一般来说，使用该组件时至少需要提供 `logo`、`items` 和 `onSelect` 三个属性，具体用法请参照范例。

package/dist/components/Header.js

@@ -1,11 +1,13 @@
 import { c as _c } from "react/compiler-runtime";
 import { Flex, Layout, Menu, theme } from "antd";
 import UserButton from "./UserButton";
+// eslint-disable-line @typescript-eslint/no-unused-vars
+// eslint-disable-line @typescript-eslint/no-unused-vars
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * 顶栏组件。该组件需要放置在 [Ant Design 的 `Layout` 组件][1]内部才能正常工作。
  * 如果没有指定 {@linkcode HeaderProps.rightEnd | rightEnd} 属性，
- * 那么还需要包裹在 {@linkcode AuthProvider} 内，并且经过 {@linkcode AuthCheck} 验证后
+ * 那么还需要包裹在 {@linkcode AuthProvider} 内，并且经过 {@linkcode LoginCheck} 验证后
  * 才能正常显示顶栏右端的用户信息按钮。
  *
  * 一般来说，使用该组件时至少需要提供 `logo`、`items` 和 `onSelect` 三个属性，具体用法请参照范例。

package/dist/components/LineChartEditor.js

@@ -1,6 +1,6 @@
 import { Button, ConfigProvider, Flex, Input, Modal, Table, message, theme } from "antd";
 import { createStyles } from "antd-style";
-import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import * as echarts from "../echarts";
 import ECharts from "./ECharts";
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
@@ -38,7 +38,7 @@ function LineChartEditor(props) {
     styles,
     theme: token
   } = useStyles();
-  const isDark = useContext(ConfigProvider.ConfigContext).theme?.algorithm === theme.darkAlgorithm;
+  const isDark = use(ConfigProvider.ConfigContext).theme?.algorithm === theme.darkAlgorithm;
   const [modal, modalContextHolder] = Modal.useModal();
   const [messageApi, messageContextHolder] = message.useMessage();
   const [newData, setNewData] = useState(origData);
@@ -238,7 +238,7 @@ function LineChartEditor(props) {
   }], [xName, origName, newName, adjustStep, unitString, token]);
   const onRow = useCallback((data, index) => {
     if (index === undefined) return {};
-    const modified = data.orig != data.new;
+    const modified = data.orig !== data.new;
     const selected = index === selectedIndex;
     return {
       className: cx(styles.editableRow, {

package/dist/components/LineChartTable.js

@@ -1,6 +1,7 @@
+import { c as _c } from "react/compiler-runtime";
 import { ConfigProvider, Flex, Table, theme } from "antd";
 import { createStyles } from "antd-style";
-import { useContext, useEffect, useMemo, useRef, useState } from "react";
+import { use, useEffect, useMemo, useRef, useState } from "react";
 import * as echarts from "../echarts";
 import ECharts from "./ECharts";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -14,26 +15,56 @@ const EMPTY = [];
  * [1]: https://ant-design.antgroup.com/components/flex-cn#api
  */
 function LineChartTable(props) {
-  const {
-    xData,
-    xName = "时间",
-    yName = "数值",
-    yUnit,
-    series = [],
-    chartHeight = 175,
-    ...rest
-  } = props;
-  // TODO i18n
+  const $ = _c(63);
+  let rest;
+  let t0;
+  let t1;
+  let t2;
+  let t3;
+  let xData;
+  let yUnit;
+  if ($[0] !== props) {
+    ({
+      xData,
+      xName: t0,
+      yName: t1,
+      yUnit,
+      series: t2,
+      chartHeight: t3,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = rest;
+    $[2] = t0;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = t3;
+    $[6] = xData;
+    $[7] = yUnit;
+  } else {
+    rest = $[1];
+    t0 = $[2];
+    t1 = $[3];
+    t2 = $[4];
+    t3 = $[5];
+    xData = $[6];
+    yUnit = $[7];
+  }
+  const xName = t0 === undefined ? "\u65F6\u95F4" : t0;
+  const yName = t1 === undefined ? "\u6570\u503C" : t1;
+  const series = t2 === undefined ? [] : t2;
+  const chartHeight = t3 === undefined ? 175 : t3;
   const unitString = yUnit !== undefined ? `（${yUnit}）` : "";
   const {
     cx,
     styles,
     theme: token
   } = useStyles();
-  const isDark = useContext(ConfigProvider.ConfigContext).theme?.algorithm === theme.darkAlgorithm;
+  const isDark = use(ConfigProvider.ConfigContext).theme?.algorithm === theme.darkAlgorithm;
   const echartsRef = useRef(null);
   const tableRef = useRef(null);
-  const [[hoverSource, hoverXIndex, hoverY], setHover] = useState(EMPTY);
+  const [t4, setHover] = useState(EMPTY);
+  const [hoverSource, hoverXIndex, hoverY] = t4;
   let closestYIndex;
   let closestY;
   if (hoverXIndex !== undefined && hoverY !== undefined) {
@@ -72,9 +103,9 @@ function LineChartTable(props) {
         status: closestY !== undefined ? "show" : "hide"
       }
     },
-    series: series.map(series_1 => echarts.lineSeries(series_1))
+    series: series.map(_temp)
   }), echarts.legend({
-    data: series.map(series_2 => series_2.name),
+    data: series.map(_temp2),
     option: {
       right: 42
     }
@@ -89,137 +120,302 @@ function LineChartTable(props) {
       filterMode: "empty"
     }]
   });
-  useEffect(() => {
-    const inst = echartsRef.current?.instance?.getZr();
-    if (!inst) return () => {};
-    const onMousemove = event => {
-      const inst_0 = echartsRef.current?.instance;
-      if (!inst_0) return;
-      const coord = [event.offsetX, event.offsetY];
-      if (inst_0.containPixel("grid", coord)) {
-        const [x, y_0] = inst_0.convertFromPixel("grid", coord);
-        setHover(["chart", x, y_0]);
-      } else {
-        setHover(EMPTY);
+  let t5;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = index_0 => {
+      const table = tableRef.current?.nativeElement;
+      if (table) {
+        const header = table.getElementsByTagName("thead")[0];
+        const row = table.getElementsByTagName("tr")[index_0];
+        table.scrollTo({
+          top: row.offsetTop + row.offsetHeight / 2 - (table.offsetHeight - header.offsetHeight) / 2,
+          behavior: "smooth"
+        });
       }
     };
-    const onGlobalout = () => setHover(EMPTY);
-    inst.on("mousemove", onMousemove);
-    inst.on("globalout", onGlobalout);
-    return () => {
-      inst.off("mousemove", onMousemove);
-      inst.off("globalout", onGlobalout);
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const tableScrollTo = t5;
+  let t6;
+  if ($[9] !== setHover) {
+    t6 = () => {
+      const inst = echartsRef.current?.instance?.getZr();
+      if (!inst) {
+        return _temp3;
+      }
+      const onMousemove = event => {
+        const inst_0 = echartsRef.current?.instance;
+        if (!inst_0) {
+          return;
+        }
+        const coord = [event.offsetX, event.offsetY];
+        if (inst_0.containPixel("grid", coord)) {
+          const [x, y_0] = inst_0.convertFromPixel("grid", coord);
+          setHover(["chart", x, y_0]);
+        } else {
+          setHover(EMPTY);
+        }
+      };
+      const onGlobalout = () => setHover(EMPTY);
+      inst.on("mousemove", onMousemove);
+      inst.on("globalout", onGlobalout);
+      return () => {
+        inst.off("mousemove", onMousemove);
+        inst.off("globalout", onGlobalout);
+      };
     };
-  }, []);
-  useEffect(() => {
-    const inst_1 = echartsRef.current?.instance;
-    if (!inst_1) return;
-    if (hoverXIndex !== undefined) {
-      inst_1.dispatchAction({
-        type: "highlight",
-        seriesIndex: closestYIndex,
-        dataIndex: hoverXIndex
-      });
-      if (hoverSource === "chart") {
-        // eslint-disable-next-line react-hooks/immutability
-        tableScrollTo(hoverXIndex);
+    $[9] = setHover;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = [];
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[12] !== closestYIndex || $[13] !== hoverSource || $[14] !== hoverXIndex) {
+    t8 = () => {
+      const inst_1 = echartsRef.current?.instance;
+      if (!inst_1) {
+        return;
       }
-    } else {
-      inst_1.dispatchAction({
-        type: "downplay"
-      });
-    }
-  }, [hoverSource, hoverXIndex, closestYIndex]);
-  const tableDataWithoutHover = useMemo(() => {
-    const data = xData.map((x_0, i) => ({
-      key: i,
-      x: x_0
-    }));
+      if (hoverXIndex !== undefined) {
+        inst_1.dispatchAction({
+          type: "highlight",
+          seriesIndex: closestYIndex,
+          dataIndex: hoverXIndex
+        });
+        if (hoverSource === "chart") {
+          tableScrollTo(hoverXIndex);
+        }
+      } else {
+        inst_1.dispatchAction({
+          type: "downplay"
+        });
+      }
+    };
+    $[12] = closestYIndex;
+    $[13] = hoverSource;
+    $[14] = hoverXIndex;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  let t9;
+  if ($[16] !== closestYIndex || $[17] !== hoverSource || $[18] !== hoverXIndex) {
+    t9 = [hoverSource, hoverXIndex, closestYIndex];
+    $[16] = closestYIndex;
+    $[17] = hoverSource;
+    $[18] = hoverXIndex;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  useEffect(t8, t9);
+  let data;
+  if ($[20] !== series || $[21] !== xData) {
+    data = xData.map(_temp4);
     series.forEach(series_3 => series_3.data.forEach((y_1, i_0) => data[i_0][`y${series_3.name}`] = y_1));
-    return data;
-  }, [xData, series]);
-  const tableData = useMemo(() => {
-    if (hoverSource === "chart" && hoverXIndex !== undefined) {
-      const data_0 = [...tableDataWithoutHover];
+    $[20] = series;
+    $[21] = xData;
+    $[22] = data;
+  } else {
+    data = $[22];
+  }
+  const tableDataWithoutHover = data;
+  closestYIndex;
+  let t10;
+  if (hoverSource === "chart" && hoverXIndex !== undefined) {
+    let data_0;
+    if ($[23] !== closestYIndex || $[24] !== hoverXIndex || $[25] !== tableDataWithoutHover) {
+      data_0 = [...tableDataWithoutHover];
       data_0[hoverXIndex] = {
         ...data_0[hoverXIndex],
         hover: closestYIndex ?? true
       };
-      return data_0;
+      $[23] = closestYIndex;
+      $[24] = hoverXIndex;
+      $[25] = tableDataWithoutHover;
+      $[26] = data_0;
     } else {
-      return tableDataWithoutHover;
+      data_0 = $[26];
     }
-  }, [tableDataWithoutHover, hoverSource, hoverXIndex, closestYIndex]);
-  const tableColumns = useMemo(() => {
-    const columnWidth = `${100 / series.length}%`;
-    return [{
+    t10 = data_0;
+  } else {
+    t10 = tableDataWithoutHover;
+  }
+  const tableData = t10;
+  const columnWidth = `${100 / series.length}%`;
+  let t11;
+  if ($[27] !== cx || $[28] !== setHover || $[29] !== styles) {
+    t11 = (data_1, index_1) => ({
+      className: cx({
+        [styles.rowHovered]: data_1.hover !== undefined
+      }),
+      onMouseEnter: () => setHover(["table", index_1]),
+      onMouseLeave: () => setHover(EMPTY)
+    });
+    $[27] = cx;
+    $[28] = setHover;
+    $[29] = styles;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  let t12;
+  if ($[31] !== t11 || $[32] !== xName) {
+    t12 = {
       key: "x",
       dataIndex: "x",
       title: xName,
-      onCell: (data_1, index_0) => ({
-        className: cx({
-          [styles.rowHovered]: data_1.hover !== undefined
-        }),
-        onMouseEnter: () => setHover(["table", index_0]),
-        onMouseLeave: () => setHover(EMPTY)
-      })
-    }, ...series.map((series_4, yIndex) => ({
-      key: `y${series_4.name}`,
-      dataIndex: `y${series_4.name}`,
-      title: series_4.name + unitString,
-      width: columnWidth,
-      onCell: (data_2, xIndex) => ({
-        className: cx(styles.cell, {
-          [styles.rowHovered]: data_2.hover !== undefined,
-          [styles.cellHovered]: data_2.hover === yIndex
-        }),
-        onMouseEnter: () => setHover(["table", xIndex, data_2[`y${series_4.name}`]]),
-        onMouseLeave: () => setHover(EMPTY)
-      })
-    }))];
-  }, [cx, styles, xName, series, unitString]);
-  const tableScrollTo = index_1 => {
-    const table = tableRef.current?.nativeElement;
-    if (table) {
-      const header = table.getElementsByTagName("thead")[0];
-      const row = table.getElementsByTagName("tr")[index_1];
-      table.scrollTo({
-        top: row.offsetTop + row.offsetHeight / 2 - (table.offsetHeight - header.offsetHeight) / 2,
-        behavior: "smooth"
+      onCell: t11
+    };
+    $[31] = t11;
+    $[32] = xName;
+    $[33] = t12;
+  } else {
+    t12 = $[33];
+  }
+  let t13;
+  if ($[34] !== columnWidth || $[35] !== cx || $[36] !== series || $[37] !== setHover || $[38] !== styles || $[39] !== t12 || $[40] !== unitString) {
+    let t14;
+    if ($[42] !== columnWidth || $[43] !== cx || $[44] !== setHover || $[45] !== styles || $[46] !== unitString) {
+      t14 = (series_4, yIndex) => ({
+        key: `y${series_4.name}`,
+        dataIndex: `y${series_4.name}`,
+        title: series_4.name + unitString,
+        width: columnWidth,
+        onCell: (data_2, xIndex) => ({
+          className: cx(styles.cell, {
+            [styles.rowHovered]: data_2.hover !== undefined,
+            [styles.cellHovered]: data_2.hover === yIndex
+          }),
+          onMouseEnter: () => setHover(["table", xIndex, data_2[`y${series_4.name}`]]),
+          onMouseLeave: () => setHover(EMPTY)
+        })
       });
+      $[42] = columnWidth;
+      $[43] = cx;
+      $[44] = setHover;
+      $[45] = styles;
+      $[46] = unitString;
+      $[47] = t14;
+    } else {
+      t14 = $[47];
     }
-  };
-  return /*#__PURE__*/_jsxs(Flex, {
-    vertical: true,
-    gap: token.marginXS,
-    ...rest,
-    children: [/*#__PURE__*/_jsx(ECharts, {
+    t13 = [t12, ...series.map(t14)];
+    $[34] = columnWidth;
+    $[35] = cx;
+    $[36] = series;
+    $[37] = setHover;
+    $[38] = styles;
+    $[39] = t12;
+    $[40] = unitString;
+    $[41] = t13;
+  } else {
+    t13 = $[41];
+  }
+  const tableColumns = t13;
+  const t14 = isDark ? "dark" : undefined;
+  let t15;
+  if ($[48] !== chartHeight) {
+    t15 = {
+      height: chartHeight,
+      flexShrink: 0
+    };
+    $[48] = chartHeight;
+    $[49] = t15;
+  } else {
+    t15 = $[49];
+  }
+  let t16;
+  if ($[50] !== option || $[51] !== t14 || $[52] !== t15) {
+    t16 = /*#__PURE__*/_jsx(ECharts, {
       ref: echartsRef,
       option: option,
-      theme: isDark ? "dark" : undefined,
-      style: {
-        height: chartHeight,
-        flexShrink: 0
-      }
-    }), useMemo(() => /*#__PURE__*/_jsx(Table, {
+      theme: t14,
+      style: t15
+    });
+    $[50] = option;
+    $[51] = t14;
+    $[52] = t15;
+    $[53] = t16;
+  } else {
+    t16 = $[53];
+  }
+  let t17;
+  if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+    t17 = {
+      flexBasis: "100%",
+      overflowY: "auto"
+    };
+    $[54] = t17;
+  } else {
+    t17 = $[54];
+  }
+  let t18;
+  if ($[55] !== tableColumns || $[56] !== tableData) {
+    t18 = /*#__PURE__*/_jsx(Table, {
       ref: tableRef,
       dataSource: tableData,
       columns: tableColumns,
       size: "small",
       pagination: false,
-      style: {
-        flexBasis: "100%",
-        overflowY: "auto"
-      },
-      onHeaderRow: () => ({
-        style: {
-          position: "sticky",
-          top: 0,
-          zIndex: 1
-        }
-      })
-    }), [tableData, tableColumns])]
-  });
+      style: t17,
+      onHeaderRow: _temp5
+    });
+    $[55] = tableColumns;
+    $[56] = tableData;
+    $[57] = t18;
+  } else {
+    t18 = $[57];
+  }
+  let t19;
+  if ($[58] !== rest || $[59] !== t16 || $[60] !== t18 || $[61] !== token.marginXS) {
+    t19 = /*#__PURE__*/_jsxs(Flex, {
+      vertical: true,
+      gap: token.marginXS,
+      ...rest,
+      children: [t16, t18]
+    });
+    $[58] = rest;
+    $[59] = t16;
+    $[60] = t18;
+    $[61] = token.marginXS;
+    $[62] = t19;
+  } else {
+    t19 = $[62];
+  }
+  return t19;
+}
+function _temp5() {
+  return {
+    style: {
+      position: "sticky",
+      top: 0,
+      zIndex: 1
+    }
+  };
+}
+function _temp4(x_0, i) {
+  return {
+    key: i,
+    x: x_0
+  };
+}
+function _temp3() {}
+function _temp2(series_2) {
+  return series_2.name;
+}
+function _temp(series_1) {
+  return echarts.lineSeries(series_1);
 }
 export default LineChartTable;
 const useStyles = createStyles(({

package/dist/components/LinkedLineChart.js

@@ -1,6 +1,6 @@
 import { c as _c } from "react/compiler-runtime";
 import { ConfigProvider, theme } from "antd";
-import { createContext, useContext } from "react";
+import { createContext, use } from "react";
 import * as echarts from "../echarts";
 import ConnectedECharts, { EChartsConnector } from "./ConnectedECharts";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -79,11 +79,11 @@ function LinkedLineChart(props) {
   const series = t1 === undefined ? [] : t1;
   const dataZoom = t2 === undefined ? true : t2;
   const unitString = yUnit !== undefined ? `（${yUnit}）` : "";
-  const isDark = useContext(ConfigProvider.ConfigContext).theme?.algorithm === theme.darkAlgorithm;
+  const isDark = use(ConfigProvider.ConfigContext).theme?.algorithm === theme.darkAlgorithm;
   const {
     xData,
     xName
-  } = useContext(LineChartLinkContext);
+  } = use(LineChartLinkContext);
   const option = echarts.buildEChartsOption({
     backgroundColor: "transparent"
   }, echarts.useGrid({

package/dist/components/QuickDateRangePicker.d.ts

@@ -1,7 +1,6 @@
 import { type ButtonProps, type SpaceProps } from "antd";
 import type { RangePickerProps } from "antd/es/date-picker";
 import { type Dayjs } from "dayjs";
-import type { NoUndefinedRangeValueType } from "rc-picker/lib/PickerInput/RangePicker";
 export interface QuickDateRangePickerProps extends Omit<SpaceProps, "onChange"> {
     /** 一个二元组 `[start, end]`，表示时间段的开始和结束。*/
     value?: NoUndefinedRangeValueType<Dayjs>;
@@ -19,6 +18,7 @@ export interface QuickDateRangePickerProps extends Omit<SpaceProps, "onChange">
      */
     pickerProps?: RangePickerProps;
 }
+type NoUndefinedRangeValueType<T> = [T, T];
 /**
  * 带有快速选择最近 3/5/7 天功能的日期范围选择器。
  *

package/dist/components/QuickDateRangePicker.js

@@ -12,7 +12,6 @@ const QUICK_PICK_RANGES = [{
   value: 7,
   label: "最近 7 天"
 }];
-
 /**
  * 带有快速选择最近 3/5/7 天功能的日期范围选择器。
  *
@@ -28,9 +27,9 @@ function QuickDateRangePicker(props) {
     pickerProps,
     ...rest
   } = props;
-  const [range, setRange] = value === undefined ?
+  const [range, setRange] = value === undefined
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  useState(undefined) : [value, () => {}];
+  ? useState(undefined) : [value, () => {}];
   function quickPick(value) {
     const end = dayjs();
     const start = end.subtract(value - 1, "day");

package/dist/components/Sidebar.d.ts

@@ -65,7 +65,7 @@ export interface SidebarProps extends MenuProps {
 /**
  * 出自 TMS 系统的侧边栏组件。该组件需要放置在 [Ant Design 的 `Layout` 组件][1]内部才能正常工作。
  * 如果没有指定 {@linkcode SidebarProps.footer | footer} 属性，
- * 那么还需要包裹在 {@linkcode AuthProvider} 内，并且经过 {@linkcode AuthCheck} 验证后
+ * 那么还需要包裹在 {@linkcode AuthProvider} 内，并且经过 {@linkcode LoginCheck} 验证后
  * 才能正常显示边栏底部的用户信息按钮。
  *
  * 一般来说，使用该组件时至少需要提供 `logo`、`items` 和 `onSelect` 三个属性，具体用法请参照范例。