@tsingroc/tsingroc-components 5.0.0-alpha.11 → 5.0.0-alpha.13

package/dist/components/SelectableECharts.js

@@ -0,0 +1,402 @@
+import { c as _c } from "react/compiler-runtime";
+import { GraphicComponent, MarkAreaComponent } from "echarts/components";
+import * as echarts from "echarts/core";
+import { useEffectEvent, useState } from "react";
+import { debugAssert } from "../utils";
+import { destructureLineDataItem } from "../utils/destructureLineDataItem";
+import { normalizeIntoArray } from "../utils/normalizeIntoArray";
+import "./ECharts";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_SELECTED_INDICES = new Set();
+const DEFAULT_SELECTION_BOX_STYLE = {
+  fill: "#000",
+  fillOpacity: 16 / 255,
+  stroke: "#000",
+  strokeOpacity: 176 / 255,
+  lineWidth: 1
+};
+const DEFAULT_MARK_AREA_STYLE = {
+  color: "#000",
+  opacity: 16 / 255
+};
+export const withSelectable = ECharts => function SelectableECharts(props) {
+  "use memo";
+
+  const $ = _c(31);
+  let inputMarkAreaWidth;
+  let inputOption;
+  let markArea;
+  let markAreaStyle;
+  let onInit;
+  let onSelectedIndicesChange;
+  let rest;
+  let selectionBoxStyle;
+  let seriesName;
+  let t0;
+  let t1;
+  if ($[0] !== props) {
+    ({
+      option: inputOption,
+      onInit,
+      mode: t0,
+      seriesName,
+      selectedIndices: t1,
+      onSelectedIndicesChange,
+      selectionBoxStyle,
+      markArea,
+      markAreaStyle,
+      markAreaWidth: inputMarkAreaWidth,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = inputMarkAreaWidth;
+    $[2] = inputOption;
+    $[3] = markArea;
+    $[4] = markAreaStyle;
+    $[5] = onInit;
+    $[6] = onSelectedIndicesChange;
+    $[7] = rest;
+    $[8] = selectionBoxStyle;
+    $[9] = seriesName;
+    $[10] = t0;
+    $[11] = t1;
+  } else {
+    inputMarkAreaWidth = $[1];
+    inputOption = $[2];
+    markArea = $[3];
+    markAreaStyle = $[4];
+    onInit = $[5];
+    onSelectedIndicesChange = $[6];
+    rest = $[7];
+    selectionBoxStyle = $[8];
+    seriesName = $[9];
+    t0 = $[10];
+    t1 = $[11];
+  }
+  const mode = t0 === undefined ? "add" : t0;
+  const selectedIndices = t1 === undefined ? DEFAULT_SELECTED_INDICES : t1;
+  echarts.use(GraphicComponent);
+  echarts.use(MarkAreaComponent);
+  const inputSeriesArray = normalizeIntoArray(inputOption?.series);
+  let t2;
+  if ($[12] !== seriesName) {
+    t2 = it => it.name === seriesName;
+    $[12] = seriesName;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  const inputSeries = inputSeriesArray.find(t2);
+  if (inputSeries && inputSeries.type !== "line") {
+    throw new Error("only line series is supported");
+  }
+  const inputTooltip = normalizeIntoArray(inputOption?.tooltip);
+  let markAreaWidth = inputMarkAreaWidth;
+  if (inputSeries?.data && markArea && !markAreaWidth) {
+    markAreaWidth = Infinity;
+    const xValues = inputSeries.data.map(_temp);
+    for (let i = 1; i < xValues.length; i++) {
+      const prevX = xValues[i - 1];
+      const thisX = xValues[i];
+      if (typeof prevX === "number" && typeof thisX === "number") {
+        markAreaWidth = Math.min(markAreaWidth, thisX - prevX);
+      }
+    }
+    if (markAreaWidth === Infinity) {
+      throw new Error("failed to automatically determine the width of mark area; please ensure the x axis value of the data points are number-typed, or provide the width manually");
+    }
+  }
+  const modelMatcher = inputSeries && ((inputSeries.xAxisId || inputSeries.xAxisIndex) && (inputSeries.yAxisId || inputSeries.yAxisIndex) || inputSeries.polarId || inputSeries.polarIndex) ? inputSeries : {
+    gridIndex: 0
+  };
+  const convertToPixel = (instance, t3) => {
+    const [px, py] = t3;
+    return px != null && py != null ? instance.convertToPixel(modelMatcher, [px, py]) : undefined;
+  };
+  const [mouseState, setMouseState] = useState();
+  let t4;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = (instance_0, params) => setMouseState({
+      instance: instance_0,
+      start: [params.offsetX, params.offsetY]
+    });
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  const onMouseDown = useEffectEvent(t4);
+  let t5;
+  if ($[15] !== mouseState) {
+    t5 = params_0 => {
+      if (!mouseState) {
+        return;
+      }
+      setMouseState({
+        ...mouseState,
+        end: [params_0.offsetX, params_0.offsetY]
+      });
+    };
+    $[15] = mouseState;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  const onMouseMove = useEffectEvent(t5);
+  const onMouseUp = useEffectEvent((instance_1, params_1) => {
+    if (!mouseState) {
+      return;
+    }
+    let eventTriggered = false;
+    if (onSelectedIndicesChange && inputSeries?.data) {
+      if (mouseState.end) {
+        const [startX, startY] = mouseState.start;
+        const {
+          offsetX,
+          offsetY
+        } = params_1;
+        const [minX, maxX] = [startX, offsetX].sort(_temp2);
+        const [minY, maxY] = [startY, offsetY].sort(_temp3);
+        const newSelectedIndices = new Set(selectedIndices);
+        inputSeries.data.forEach((point, i_0) => {
+          const destructured = destructureLineDataItem(point, i_0);
+          if (destructured == null) {
+            return;
+          }
+          const pixelValue = convertToPixel(instance_1, destructured[0]);
+          if (pixelValue === undefined) {
+            return;
+          }
+          const [x, y] = pixelValue;
+          const selected = minX <= x && x <= maxX && minY <= y && y <= maxY;
+          if (selected) {
+            if (mode === "add") {
+              newSelectedIndices.add(i_0);
+            } else {
+              newSelectedIndices.delete(i_0);
+            }
+          }
+        });
+        onSelectedIndicesChange(newSelectedIndices);
+        eventTriggered = true;
+      } else {
+        if (instance_1.containPixel(modelMatcher, mouseState.start)) {
+          let minDist = Infinity;
+          let minIdx = -1;
+          inputSeries.data.forEach((point_0, i_1) => {
+            const destructured_0 = destructureLineDataItem(point_0, i_1);
+            if (destructured_0 == null) {
+              return;
+            }
+            const pixelValue_0 = convertToPixel(instance_1, destructured_0[0]);
+            if (pixelValue_0 === undefined) {
+              return;
+            }
+            const [x_0] = pixelValue_0;
+            const dist = Math.abs(mouseState.start[0] - x_0);
+            if (dist < minDist) {
+              minDist = dist;
+              minIdx = i_1;
+            }
+          });
+          if (minIdx > 0) {
+            const newSelectedIndices_0 = new Set(selectedIndices);
+            if (mode === "add") {
+              newSelectedIndices_0.add(minIdx);
+            } else {
+              newSelectedIndices_0.delete(minIdx);
+            }
+            onSelectedIndicesChange(newSelectedIndices_0);
+            eventTriggered = true;
+          }
+        }
+      }
+    }
+    if (!eventTriggered) {
+      for (let elem = params_1.target; elem; elem = elem.parent) {
+        if (elem._$handlers?.click) {
+          elem._$handlers?.click.forEach(_temp4);
+        }
+      }
+    }
+    setMouseState(undefined);
+  });
+  const option = {
+    ...inputOption
+  };
+  if (inputSeries) {
+    if (selectedIndices.size > 0 || mode === "add" && mouseState?.end) {
+      const series = {
+        ...inputSeries,
+        showSymbol: true
+      };
+      const allSelectedIndices = new Set();
+      series.data = inputSeries.data?.map((point_1, i_2) => {
+        const destructured_1 = destructureLineDataItem(point_1, i_2);
+        if (destructured_1 == null) {
+          return point_1;
+        }
+        const [value, option_0] = destructured_1;
+        const stateSelected = selectedIndices.has(i_2);
+        let tempSelected = false;
+        if (mouseState?.end) {
+          const [minX_0, maxX_0] = [mouseState.start[0], mouseState.end[0]].sort(_temp5);
+          const [minY_0, maxY_0] = [mouseState.start[1], mouseState.end[1]].sort(_temp6);
+          const pixelValue_1 = convertToPixel(mouseState.instance, value);
+          if (pixelValue_1 !== undefined) {
+            const [x_1, y_0] = pixelValue_1;
+            tempSelected = minX_0 <= x_1 && x_1 <= maxX_0 && minY_0 <= y_0 && y_0 <= maxY_0;
+          }
+        }
+        if (mode === "add" ? stateSelected || tempSelected : stateSelected && !tempSelected) {
+          allSelectedIndices.add(i_2);
+          return {
+            value,
+            ...option_0,
+            symbol: "emptyCircle",
+            symbolSize: 6
+          };
+        } else {
+          return {
+            value,
+            symbol: "none",
+            ...option_0
+          };
+        }
+      });
+      if (markArea) {
+        debugAssert(markAreaWidth !== undefined, "when markArea === true, markAreaWidth is guaranteed to be defined at the beginning of this function");
+        const markAreas = [];
+        if (inputSeries.data) {
+          for (const i_3 of allSelectedIndices) {
+            const destructured_2 = destructureLineDataItem(inputSeries.data[i_3], i_3);
+            if (destructured_2 == null) {
+              continue;
+            }
+            const [t6] = destructured_2;
+            const [xValue] = t6;
+            if (typeof xValue !== "number") {
+              continue;
+            }
+            markAreas.push([{
+              coord: [xValue - markAreaWidth / 2]
+            }, {
+              coord: [xValue + markAreaWidth / 2]
+            }]);
+          }
+        }
+        series.markArea = {
+          itemStyle: {
+            ...DEFAULT_MARK_AREA_STYLE,
+            ...markAreaStyle
+          },
+          emphasis: {
+            disabled: true
+          },
+          data: markAreas
+        };
+      }
+      const seriesArray = [...inputSeriesArray];
+      seriesArray[seriesArray.indexOf(inputSeries)] = series;
+      option.series = seriesArray;
+    }
+  }
+  let t6;
+  if ($[17] !== selectionBoxStyle) {
+    t6 = {
+      ...DEFAULT_SELECTION_BOX_STYLE,
+      ...selectionBoxStyle
+    };
+    $[17] = selectionBoxStyle;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  let t7;
+  if ($[19] !== mouseState) {
+    t7 = mouseState?.end ? {
+      ignore: false,
+      shape: {
+        x: mouseState.start[0],
+        y: mouseState.start[1],
+        width: mouseState.end[0] - mouseState.start[0],
+        height: mouseState.end[1] - mouseState.start[1]
+      }
+    } : {
+      ignore: true
+    };
+    $[19] = mouseState;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] !== t6 || $[22] !== t7) {
+    t8 = {
+      id: "selectionBox",
+      type: "rect",
+      z: 1000,
+      style: t6,
+      ...t7
+    };
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
+  } else {
+    t8 = $[23];
+  }
+  option.graphic = [...normalizeIntoArray(option.graphic), t8];
+  if (inputTooltip.length) {
+    let t9;
+    if ($[24] !== mouseState?.end) {
+      t9 = it_1 => ({
+        ...it_1,
+        show: mouseState?.end === undefined
+      });
+      $[24] = mouseState?.end;
+      $[25] = t9;
+    } else {
+      t9 = $[25];
+    }
+    option.tooltip = inputTooltip.map(t9);
+  }
+  let t9;
+  if ($[26] !== onInit || $[27] !== onMouseDown || $[28] !== onMouseMove || $[29] !== onMouseUp) {
+    t9 = instance_2 => {
+      const zr = instance_2.getZr();
+      zr.on("mousedown", params_2 => onMouseDown(instance_2, params_2));
+      zr.on("mousemove", onMouseMove);
+      zr.on("mouseup", params_3 => onMouseUp(instance_2, params_3));
+      return onInit?.(instance_2);
+    };
+    $[26] = onInit;
+    $[27] = onMouseDown;
+    $[28] = onMouseMove;
+    $[29] = onMouseUp;
+    $[30] = t9;
+  } else {
+    t9 = $[30];
+  }
+  return /*#__PURE__*/_jsx(ECharts, {
+    option: option,
+    onInit: t9,
+    ...rest
+  });
+};
+function _temp(item, idx) {
+  return destructureLineDataItem(item, idx)?.[0][0];
+}
+function _temp2(a, b) {
+  return a - b;
+}
+function _temp3(a_0, b_0) {
+  return a_0 - b_0;
+}
+function _temp4(it_0) {
+  return it_0.h();
+}
+function _temp5(a_1, b_1) {
+  return a_1 - b_1;
+}
+function _temp6(a_2, b_2) {
+  return a_2 - b_2;
+}

package/dist/components/Sidebar.d.ts

@@ -0,0 +1,79 @@
+import { type MenuProps } from "antd";
+import { type CSSProperties, type ReactNode } from "react";
+export type MenuItem = Required<MenuProps>["items"][number];
+export interface SidebarProps extends MenuProps {
+    /**
+     * 侧边栏的宽度。
+     * @default 260
+     */
+    width?: number | string;
+    /**
+     * 是否启用伸缩功能。
+     * @default false
+     */
+    collapsible?: boolean;
+    /**
+     * 网站 logo 的 URL。
+     *
+     * 建议导入图片，然后填入导入得到的地址，而不要硬编码地址。
+     */
+    logo?: string;
+    /** 侧边栏的标题。*/
+    title?: string;
+    /**
+     * 侧边栏头部（logo 和标题部分）的高度。
+     * @default 116
+     */
+    headerHeight?: number | string;
+    /**
+     * 侧边栏的头部（logo 和标题部分）。设置了该属性时，
+     * {@linkcode SidebarProps.logo | logo}、
+     * {@linkcode SidebarProps.title | title} 和
+     * {@linkcode SidebarProps.headerHeight | headerHeight} 将失去作用。
+     * 参数 `collapsed` 表示侧边栏是否收起。
+     * 填 `null` 可以隐藏掉默认值（与 `undefined` 不同！）。
+     */
+    header?: ((collapsed: boolean) => ReactNode) | null;
+    /**
+     * 菜单项配置，默认与 TMS 系统的菜单相同。
+     *
+     * 该属性以及其余属性的用法可参考 [`Menu` 组件的文档][1]。
+     *
+     * [1]: https://ant-design.antgroup.com/components/menu-cn
+     */
+    items?: MenuItem[];
+    /** 当前选中的菜单项 key 数组。 */
+    selectedKeys?: string[];
+    /** 当前展开的子菜单 key 数组。 */
+    openKeys?: string[];
+    /** 菜单项被选中时的回调函数。 */
+    onSelect?: MenuProps["onSelect"];
+    /** 子菜单展开/收起时的回调函数。 */
+    onOpenChange?: MenuProps["onOpenChange"];
+    /**
+     * 侧边栏底部的额外内容。参数 `collapsed` 表示侧边栏是否收起。
+     * 默认情况下使用 {@linkcode UserButton} 组件。
+     * 填 `null` 可以隐藏掉默认值（与 `undefined` 不同！）。
+     * @default (collapsed) => <UserButton compact={collapsed} />
+     */
+    footer?: ((collapsed: boolean) => ReactNode) | null;
+    /** 额外的 `className`。*/
+    className?: string;
+    /** 额外的 CSS 样式。*/
+    style?: CSSProperties;
+}
+/**
+ * 出自 TMS 系统的侧边栏组件。该组件需要放置在 [Ant Design 的 `Layout` 组件][1]内部才能正常工作。
+ * 如果没有指定 {@linkcode SidebarProps.footer | footer} 属性，
+ * 那么还需要包裹在 {@linkcode AuthProvider} 内，并且经过 {@linkcode AuthCheck} 验证后
+ * 才能正常显示边栏底部的用户信息按钮。
+ *
+ * 一般来说，使用该组件时至少需要提供 `logo`、`items` 和 `onSelect` 三个属性，具体用法请参照范例。
+ *
+ * 除了文档中列出的属性之外，该组件会把额外的属性全部传递给内部的菜单 [`Menu` 组件][2]。
+ *
+ * [1]: https://ant-design.antgroup.com/components/layout-cn
+ * [2]: https://ant-design.antgroup.com/components/menu-cn
+ */
+declare function Sidebar(props: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

package/dist/components/Sidebar.js

@@ -0,0 +1,178 @@
+import { Button, Flex, Layout, Menu } from "antd";
+import { createStyles } from "antd-style";
+import { useState } from "react";
+import { BarChartOutlined, LeftOutlined, RightOutlined, SwapOutlined, TeamOutlined } from "@ant-design/icons";
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { AuthCheck, AuthProvider } from "./Auth";
+import UserButton from "./UserButton";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const menuItem = (label, key, icon, children) => ({
+  key,
+  icon,
+  children,
+  label
+});
+
+/** 默认菜单项配置，可以作为参考或默认值 */
+const DEFAULT_MENU_ITEMS = [menuItem("数据看板", "data-board", /*#__PURE__*/_jsx(BarChartOutlined, {}), [menuItem("宏观数据", "macro-data"), menuItem("合约看板", "contract-overview"), menuItem("数据复盘", "data-review")]), menuItem("交易管理", "trade-management", /*#__PURE__*/_jsx(SwapOutlined, {}), [menuItem("日前交易", "day-ahead-trade"), menuItem("现货交易", "spot-trade"), menuItem("中长期交易", "long-term-trade")]), menuItem("合约管理", "customer-management", /*#__PURE__*/_jsx(TeamOutlined, {}), [menuItem("客户总览", "customer-overview"), menuItem("售电合约管理", "sales-contract"), menuItem("供应商管理", "supplier-management"), menuItem("购电合约管理", "purchase-contract")])];
+/**
+ * 出自 TMS 系统的侧边栏组件。该组件需要放置在 [Ant Design 的 `Layout` 组件][1]内部才能正常工作。
+ * 如果没有指定 {@linkcode SidebarProps.footer | footer} 属性，
+ * 那么还需要包裹在 {@linkcode AuthProvider} 内，并且经过 {@linkcode AuthCheck} 验证后
+ * 才能正常显示边栏底部的用户信息按钮。
+ *
+ * 一般来说，使用该组件时至少需要提供 `logo`、`items` 和 `onSelect` 三个属性，具体用法请参照范例。
+ *
+ * 除了文档中列出的属性之外，该组件会把额外的属性全部传递给内部的菜单 [`Menu` 组件][2]。
+ *
+ * [1]: https://ant-design.antgroup.com/components/layout-cn
+ * [2]: https://ant-design.antgroup.com/components/menu-cn
+ */
+function Sidebar(props) {
+  const {
+    width = 260,
+    collapsible = false,
+    logo,
+    title,
+    headerHeight = 116,
+    header,
+    items = DEFAULT_MENU_ITEMS,
+    footer = collapsed => /*#__PURE__*/_jsx(UserButton, {
+      compact: collapsed,
+      style: {
+        marginBottom: token.paddingSM
+      }
+    }),
+    className,
+    style,
+    ...rest
+  } = props;
+  const [collapsed_0, setCollapsed] = useState(false);
+  // 默认展开到 selectedKeys
+  const [openKeys, setOpenKeys] = useState(() => rest.selectedKeys?.flatMap(key => findKeyPath(items, key) ?? []) ?? []);
+  const {
+    cx,
+    styles,
+    theme: token
+  } = useStyles(collapsed_0);
+  return /*#__PURE__*/_jsxs(Layout.Sider, {
+    theme: "light",
+    width: width,
+    collapsed: collapsible ? collapsed_0 : false,
+    collapsible: collapsible,
+    trigger: null,
+    className: cx(styles.sidebar, className),
+    style: style,
+    children: [header === null ? null : header ? header(collapsed_0) : /*#__PURE__*/_jsxs(Flex, {
+      vertical: true,
+      align: "center",
+      justify: "center",
+      className: cx(styles.sidebarHeader),
+      style: {
+        height: headerHeight
+      },
+      children: [/*#__PURE__*/_jsx("img", {
+        alt: "logo",
+        src: logo
+      }), /*#__PURE__*/_jsx("h1", {
+        style: {
+          color: token.colorText
+        },
+        children: title
+      })]
+    }), /*#__PURE__*/_jsx(Menu, {
+      mode: "inline",
+      items: items,
+      inlineCollapsed: collapsible ? collapsed_0 : false,
+      openKeys: openKeys,
+      onOpenChange: openKeys_0 => setOpenKeys(openKeys_0),
+      className: cx(styles.sidebarMenu),
+      ...rest
+    }), footer === null ? null : footer(collapsed_0), collapsible && /*#__PURE__*/_jsx(Button, {
+      className: cx(styles.sidebarBtn),
+      icon: collapsed_0 ? /*#__PURE__*/_jsx(RightOutlined, {}) : /*#__PURE__*/_jsx(LeftOutlined, {}),
+      onClick: () => setCollapsed(!collapsed_0)
+    })]
+  });
+}
+export default Sidebar;
+const useStyles = createStyles(({
+  token,
+  css,
+  cx,
+  prefixCls
+}, collapsed) => {
+  const sidebarHeader = css`
+      margin-top: ${token.marginXXS}px;
+
+      > img {
+        width: 40%;
+      }
+
+      > h1 {
+        margin: ${collapsed ? 0 : token.marginXXS}px 0 0 0;
+        font-size: ${collapsed ? 0 : token.fontSize}px;
+        font-weight: normal;
+        line-height: 1;
+        transition:
+          margin-top ${token.motionDurationMid},
+          font-size ${token.motionDurationMid};
+      }
+    `;
+  const sidebarMenu = css`
+      flex-basis: 100%;
+      overflow-y: auto;
+    `;
+  const sidebarBtn = css`
+      position: absolute;
+      top: 75%;
+      right: 0;
+      transform: translate(50%, -50%);
+      width: 32px;
+      height: 32px;
+      font-size: ${token.sizeSM}px;
+
+      transition: opacity ${token.motionDurationMid};
+      opacity: 100%;
+    `;
+  const sidebar = css`
+      position: relative;
+      box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
+
+      > .${prefixCls}-layout-sider-children {
+        display: flex;
+        flex-direction: column;
+      }
+      & .${cx(sidebarMenu)}.${cx(sidebarMenu)} {
+        border-inline-end: none;
+      }
+
+      &:hover .${cx(sidebarBtn)} {
+        opacity: 100%;
+      }
+    `;
+  return {
+    sidebar,
+    sidebarHeader,
+    sidebarMenu,
+    sidebarBtn
+  };
+});
+function findKeyPath(items, key) {
+  for (const item of items) {
+    if (!item) {
+      continue;
+    }
+    if (item.key === key) {
+      return [];
+    }
+    if ("children" in item) {
+      const childrenResult = findKeyPath(item.children ?? [], key);
+      if (childrenResult) {
+        return [item.key, ...childrenResult];
+      }
+    }
+  }
+  return null;
+}

package/dist/components/TsingrocDatePicker.d.ts

@@ -0,0 +1,38 @@
+import { type DatePickerProps as AntdDatePickerProps, type ButtonProps } from "antd";
+import type { SpaceCompactProps } from "antd/es/space/Compact";
+import type { Dayjs } from "dayjs";
+export interface DatePickerProps extends Omit<SpaceCompactProps, "onChange"> {
+    value?: Dayjs;
+    onChange?: (value: Dayjs) => void;
+    /**
+     * 日期的单位。
+     * @default "month"
+     */
+    dataType?: "day" | "week" | "month" | "year";
+    /**
+     * 是否禁用。
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 左右按钮的 `props`，见 [Ant Design 的 `Button` API][1]。
+     *
+     * [1]: https://ant-design.antgroup.com/components/button-cn#api
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * 日期选择器的 `props`，见 [Ant Design 的 `DatePicker` API][1]。
+     *
+     * [1]: https://ant-design.antgroup.com/components/date-picker-cn#api
+     */
+    pickerProps?: AntdDatePickerProps;
+}
+/**
+ * 支持快速跳转的日/周/月/年选择器。
+ *
+ * 除了文档中列出的属性外，该组件会将其它属性传递给 [Ant Design 的 `Space.Compact` 组件][1]。
+ *
+ * [1]: https://ant-design.antgroup.com/components/space-cn#spacecompact
+ */
+declare function TsingrocDatePicker(props: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export default TsingrocDatePicker;