@tsingroc/tsingroc-components 1.0.6 → 2.1.0

package/README.md

@@ -22,8 +22,7 @@ $ npm run format       # 格式化代码
 $ npm run docs:dev     # 启动文档站点的开发环境，文档站点的源代码位于 docs/
 $ npm run docs:build   # 构建文档站点，产物位于 doc_build/
 $ npm run docs:preview # 预览构建完成的文档站点
-$ npm run build        # 构建组件库
-$ npm publish
+$ npm run build        # 本地构建组件库
 ```
 
 本项目正在逐步迁移到 TypeScript，新代码请使用 TypeScript 编写。在开发环境和文档站点中，请使用 `import {...} from "@";` 导入组件库的组件。
@@ -38,20 +37,26 @@ $ npm publish
 .
 ├── .vscode/
 ├── dev/              -- 开发环境的源代码
-│   ├── public/       -- 开发环境的 HTML 模板
+│   ├── public/       -- 开发环境的静态资产
 │   └── src/          -- 开发环境的 JavaScript 源代码
 ├── dist/             -- 组件库的构建产物
 ├── doc_build/        -- 文档站点的构建产物
 ├── docs/             -- 文档站点的源代码
+│   ├── components/   -- 文档站点内部用到的组件
+│   ├── examples/     -- 文档站点的组件用法范例
+│   ├── plugins/      -- 文档站点的编译期插件
 │   ├── public/       -- 文档站点的静态资产
+│   ├── theme/        -- 文档站点的主题
 │   └── zh/
-│       ├── api/      -- 自动生成的 API 文档
-│       └── examples/ -- 组件用法示例
+│       ├── echarts/  -- ECharts 组件的文档
+│       └── react/    -- React 组件的文档
 ├── node_modules/
 ├── src/              -- 组件库的源代码
 ├── test/             -- 测试的源代码（暂时无效）
 ├── .gitignore
+├── .gitlab-ci.yml    -- GitLab CI 的配置文件
 ├── .prettierignore   -- Prettier 需要忽略的文件列表
+├── Dockerfile        -- 用于部署文档的 Docker 容器
 ├── eslint.config.js  -- ESLint 的配置文件
 ├── package-lock.json
 ├── package.json
@@ -62,3 +67,13 @@ $ npm publish
 ├── tsconfig.lib.json -- 组件库的 TypeScript 配置
 └── tsconfig.web.json -- 开发环境和文档站点的 TypeScript 配置
 ```
+
+## 发布
+
+```sh
+$ git tag v1.x.x         # 将当前提交设置为新版本，注意只能在 main 分支上创建新版本
+$ git push origin v1.x.x # 将 tag 推送到 GitLab，CI 会自动构建新版本并发布到 npmjs
+$ # 注意，不要修改 package.json 中的版本号！
+```
+
+发布到 npmjs 的 access token 需要在 [GitLab 项目设置](https://git.tsingroc.com/web/tsingroc-components/-/settings/ci_cd)中设定，而且需要定期更新。

package/dist/components/Calendar.d.ts

@@ -0,0 +1,50 @@
+import { type Dayjs } from "dayjs";
+export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLTableElement>, "onChange"> {
+    /**
+     * 当前显示的月份。
+     *
+     * 注意：传入的月份的时区会决定整个日历所用的时区。
+     */
+    month: Dayjs;
+    /** 当前选中的日期。*/
+    selected?: Dayjs;
+    /** 选中日期更改时的回调函数。*/
+    onChange?: (selected: Dayjs) => void;
+    /**
+     * 无论一个月需要占用多少周，都总是显示 6 周。
+     * @default false
+     */
+    alwaysSixWeeks?: boolean;
+    /**
+     * 淡化第一周和最后几周不属于本月的日期。
+     * @default true
+     */
+    fadeAdjacentDays?: boolean;
+    /**
+     * 表头单元格的属性，详见 [MDN][1]。可以通过设置这里的 `children` 来自定义表头内容。
+     *
+     * [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th
+     */
+    thProps?: (
+    /**
+     * 范围 0-6，表示一周的第几天
+     *
+     * 注意：这个数字的含义会受到地区设置的影响！请使用 `dayjs.weekdays()` 获取每一天的名称。
+     */
+    weekday: number) => React.HTMLAttributes<HTMLTableCellElement>;
+    /**
+     * 日期单元格的属性，详见 [MDN][1]。可以通过设置这里的 `children` 来自定义单元格内容。
+     *
+     * [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td
+     */
+    tdProps?: (date: Dayjs, selected: boolean) => React.HTMLAttributes<HTMLTableCellElement>;
+}
+/**
+ * 一个日历组件。
+ *
+ * 除了文档列出的属性之外，也接受所有 [HTML Table 元素][1] 接受的属性。
+ *
+ * [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table
+ */
+declare function Calendar(props: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/dist/components/Calendar.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dayjs, {} from "dayjs";
+import { createStyles } from "antd-style";
+import localeData from "dayjs/plugin/localeData";
+import { useState } from "react";
+dayjs.extend(localeData);
+const useStyles = createStyles(({ token, css, cx }) => {
+    const calendarFade = css `
+    color: ${token.colorTextDisabled};
+  `;
+    const calendarSelected = css `
+    background: ${token.colorPrimaryBg};
+    color: ${token.colorPrimary};
+  `;
+    const calendar = css `
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    border-collapse: collapse;
+    font-family: ${token.fontFamily};
+    font-size: ${token.fontSize}px;
+    line-height: ${token.lineHeight};
+    user-select: none;
+
+    > thead > tr > th {
+      box-sizing: border-box;
+      height: ${token.fontSize * token.lineHeight + token.paddingXXS * 2}px;
+      padding: ${token.paddingXXS}px;
+      font-weight: normal;
+    }
+
+    > tbody > tr > td {
+      box-sizing: border-box;
+      width: calc(100% / 7);
+      border: 1px solid ${token.colorBorder};
+      padding: ${token.paddingXXS}px;
+      vertical-align: bottom;
+      transition:
+        background ease ${token.motionDurationFast},
+        color ease ${token.motionDurationFast};
+
+      &:hover:not(.${cx(calendarSelected)}) {
+        background: ${token.colorBgTextHover};
+      }
+    }
+  `;
+    return {
+        calendar,
+        calendarFade,
+        calendarSelected,
+    };
+});
+/**
+ * 一个日历组件。
+ *
+ * 除了文档列出的属性之外，也接受所有 [HTML Table 元素][1] 接受的属性。
+ *
+ * [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table
+ */
+function Calendar(props) {
+    const { month, selected: propsSelected, onChange, alwaysSixWeeks, fadeAdjacentDays = true, thProps, tdProps, className, ...rest } = props;
+    const { cx, styles } = useStyles();
+    const [selected, setSelected] = propsSelected === undefined
+        ? // eslint-disable-next-line react-hooks/rules-of-hooks
+            useState()
+        : [propsSelected, () => { }];
+    const monthStart = month.startOf("month");
+    const calendarStart = monthStart.startOf("week");
+    const monthEnd = month.endOf("month");
+    const minWeeks = Math.ceil(monthEnd.diff(calendarStart, "week", true));
+    const weekdays = [...dayjs.weekdaysShort()];
+    // 按地区设置调整一周的第一天
+    weekdays.splice(0, 0, ...weekdays.splice(calendarStart.day()));
+    return (_jsxs("table", { ...rest, className: cx(styles.calendar, className), children: [_jsx("thead", { children: _jsx("tr", { children: weekdays.map((name, weekday) => (_jsx("th", { children: name, ...thProps?.(weekday) }, weekday))) }) }), _jsx("tbody", { children: Array.from({ length: alwaysSixWeeks ? 6 : minWeeks }, (_, week) => (_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 isSelected = Math.floor(selected?.diff(date, "day", true) ?? NaN) === 0;
+                        const { className, ...props } = tdProps?.(date, false) ?? {};
+                        return (_jsx("td", { children: date.date(), onClick: () => {
+                                setSelected(date);
+                                onChange?.(date);
+                            }, ...props, className: cx({
+                                [styles.calendarFade]: fade,
+                                [styles.calendarSelected]: isSelected,
+                            }, className) }, weekday));
+                    }) }, week))) })] }));
+}
+export default Calendar;
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/components/Calendar.tsx"],"names":[],"mappings":"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"}

package/dist/components/CircularProgress.d.ts

@@ -0,0 +1,21 @@
+import { type ProgressProps } from "antd";
+import type { ProgressGradient } from "antd/es/progress/progress";
+export interface CircularProgressProps extends ProgressProps, React.RefAttributes<HTMLDivElement> {
+    /** 进度百分比，范围是 0-100。*/
+    progress?: number;
+    /**
+     * 进度条已完成部分的颜色。
+     * @default "#34A9D4"
+     */
+    color?: string | string[] | ProgressGradient;
+}
+/**
+ * 环形进度条。
+ *
+ * 本组件基于 [Ant Design 的 `Progress`][1] 自定义而来。
+ * 因此，除了文档中列出的属性以外，也兼容 `Progress` 的所有属性。
+ *
+ * [1]: https://ant-design.antgroup.com/components/progress-cn
+ */
+declare function CircularProgress(props: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
+export default CircularProgress;

package/dist/components/CircularProgress.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Progress } from "antd";
+/**
+ * 环形进度条。
+ *
+ * 本组件基于 [Ant Design 的 `Progress`][1] 自定义而来。
+ * 因此，除了文档中列出的属性以外，也兼容 `Progress` 的所有属性。
+ *
+ * [1]: https://ant-design.antgroup.com/components/progress-cn
+ */
+function CircularProgress(props) {
+    return (_jsx(Progress, { type: "circle", percent: props.progress, strokeLinecap: "butt", strokeWidth: 9, strokeColor: props.color ?? "#34A9D4", trailColor: "#22405A", ...props }));
+}
+export default CircularProgress;
+//# sourceMappingURL=CircularProgress.js.map

package/dist/components/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../src/components/CircularProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,MAAM,CAAC;AAepD;;;;;;;GAOG;AACH,SAAS,gBAAgB,CAAC,KAA4B;IACpD,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,aAAa,EAAC,MAAM,EACpB,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EACrC,UAAU,EAAC,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/ImageBackground.d.ts

@@ -0,0 +1,32 @@
+export interface ImageBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 图片的 URL。
+     *
+     * 建议导入图片，然后将导入得到的地址填入 `url`，而不要硬编码地址。
+     *
+     * ```jsx
+     * import img from "../public/image.png";
+     * <ImageBackground url={img}>...</ImageBackground>
+     * ```
+     */
+    url: string;
+    children: React.ReactNode;
+    /**
+     * 容器的宽度。
+     * @default "100%"
+     */
+    width?: React.CSSProperties["width"];
+    /**
+     * 容器的高度。
+     * @default "100%"
+     */
+    height?: React.CSSProperties["height"];
+    style?: React.CSSProperties;
+}
+/**
+ * 以图片作为背景的块级容器。除了文档列出的属性以外，也兼容所有 [HTML Div 元素][1] 的属性。
+ *
+ * [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
+ */
+declare function ImageBackground(props: ImageBackgroundProps): import("react/jsx-runtime").JSX.Element;
+export default ImageBackground;

package/dist/components/ImageBackground.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 以图片作为背景的块级容器。除了文档列出的属性以外，也兼容所有 [HTML Div 元素][1] 的属性。
+ *
+ * [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
+ */
+function ImageBackground(props) {
+    const { url, children, width = "100%", height = "100%", style, ...rest } = props;
+    return (_jsx("div", { ...rest, style: {
+            backgroundSize: "100% 100%",
+            width: width,
+            height: height,
+            backgroundImage: `url('${url}')`,
+            ...style,
+        }, children: children }));
+}
+export default ImageBackground;
+//# sourceMappingURL=ImageBackground.js.map

package/dist/components/ImageBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBackground.js","sourceRoot":"","sources":["../../src/components/ImageBackground.tsx"],"names":[],"mappings":";AA2BA;;;;GAIG;AACH,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EACJ,GAAG,EACH,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,KAAK,EACL,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,OAAO,CACL,iBACM,IAAI,EACR,KAAK,EAAE;YACL,cAAc,EAAE,WAAW;YAC3B,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,QAAQ,GAAG,IAAI;YAChC,GAAG,KAAK;SACT,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/components/QuickDateRangePicker.d.ts

@@ -0,0 +1,30 @@
+import { type ButtonProps, type SpaceProps } from "antd";
+import { type Dayjs } from "dayjs";
+import type { NoUndefinedRangeValueType } from "rc-picker/lib/PickerInput/RangePicker";
+import type { RangePickerProps } from "antd/es/date-picker";
+export interface QuickDateRangePickerProps extends Omit<SpaceProps, "onChange"> {
+    /** 一个二元组 `[start, end]`，表示时间段的开始和结束。*/
+    value?: NoUndefinedRangeValueType<Dayjs>;
+    onChange?: (range: NoUndefinedRangeValueType<Dayjs>) => void;
+    /**
+     * 内部按钮的属性，参见 [Ant Design 的 `Button` API][1]。
+     *
+     * [1]: https://ant-design.antgroup.com/components/button-cn#api
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * 内部日期范围选择器的属性，参见 [Ant Design 的 `DatePicker.RangePicker` API][1]。
+     *
+     * [1]: https://ant-design.antgroup.com/components/date-picker-cn#rangepicker
+     */
+    pickerProps?: RangePickerProps;
+}
+/**
+ * 带有快速选择最近 3/5/7 天功能的日期范围选择器。
+ *
+ * 除了文档中列出的属性外，该组件会将其它属性转交给 [Ant Design 的 `Space` 组件][1]。
+ *
+ * [1]: https://ant-design.antgroup.com/components/space-cn#api
+ */
+declare function QuickDateRangePicker(props: QuickDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export default QuickDateRangePicker;

package/dist/components/QuickDateRangePicker.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, DatePicker, Space, } from "antd";
+import dayjs, {} from "dayjs";
+import { useState } from "react";
+const QUICK_PICK_RANGES = [
+    { value: 3, label: "最近 3 天" },
+    { value: 5, label: "最近 5 天" },
+    { value: 7, label: "最近 7 天" },
+];
+/**
+ * 带有快速选择最近 3/5/7 天功能的日期范围选择器。
+ *
+ * 除了文档中列出的属性外，该组件会将其它属性转交给 [Ant Design 的 `Space` 组件][1]。
+ *
+ * [1]: https://ant-design.antgroup.com/components/space-cn#api
+ */
+function QuickDateRangePicker(props) {
+    const { value, onChange, buttonProps, pickerProps, ...rest } = props;
+    const [range, setRange] = value === undefined
+        ? // eslint-disable-next-line react-hooks/rules-of-hooks
+            useState(undefined)
+        : [value, () => { }];
+    function quickPick(value) {
+        const end = dayjs();
+        const start = end.subtract(value - 1, "day");
+        const newRange = [start, end];
+        setRange(newRange);
+        onChange?.(newRange);
+    }
+    return (_jsxs(Space, { ...rest, children: [QUICK_PICK_RANGES.map((item, index) => (_jsx(Button, { onClick: () => quickPick(item.value), ...buttonProps, children: item.label }, index))), _jsx(DatePicker.RangePicker, { value: range, allowClear: false, onChange: (range) => {
+                    setRange(range);
+                    onChange?.(range); // 由于 allowClear=false，这里 range 不可能为 null
+                }, ...pickerProps })] }));
+}
+export default QuickDateRangePicker;
+//# sourceMappingURL=QuickDateRangePicker.js.map

package/dist/components/QuickDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickDateRangePicker.js","sourceRoot":"","sources":["../../src/components/QuickDateRangePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAEN,UAAU,EACV,KAAK,GAEN,MAAM,MAAM,CAAC;AACd,OAAO,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqBjC,MAAM,iBAAiB,GAAG;IACxB,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7B,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7B,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;CAC9B,CAAC;AAEF;;;;;;GAMG;AACH,SAAS,oBAAoB,CAAC,KAAgC;IAC5D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GACrB,KAAK,KAAK,SAAS;QACjB,CAAC,CAAC,sDAAsD;YACtD,QAAQ,CAA+C,SAAS,CAAC;QACnE,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACxB,SAAS,SAAS,CAAC,KAAa;QAC9B,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC;QACpB,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAqC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAChE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;IACD,OAAO,CACL,MAAC,KAAK,OAAK,IAAI,aAEZ,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,MAAM,IAEL,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAChC,WAAW,YAEd,IAAI,CAAC,KAAK,IAJN,KAAK,CAKH,CACV,CAAC,EACF,KAAC,UAAU,CAAC,WAAW,IACrB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,QAAQ,CAAC,KAAM,CAAC,CAAC;oBACjB,QAAQ,EAAE,CAAC,KAAM,CAAC,CAAC,CAAC,yCAAyC;gBAC/D,CAAC,KACG,WAAW,GACf,IACI,CACT,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/SegmentedButtons.d.ts

@@ -0,0 +1,22 @@
+import { type RadioGroupProps } from "antd";
+/**
+ * 分段单选按钮。
+ *
+ * 该组件是 [Ant Design 的 `Radio.Group optionType="button"`][1] 的别名。
+ *
+ * [1]: https://ant-design.antgroup.com/components/radio-cn#radiogroup
+ */
+declare function SegmentedButtons(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface TimeUnitSwitcherProps extends Omit<RadioGroupProps, "onChange"> {
+    value?: "day" | "week" | "month";
+    onChange?: (value: "day" | "week" | "month") => void;
+}
+/**
+ * 时间单位（日/周/月）切换按钮。
+ *
+ * 该组件是 {@link SegmentedButtons} 的特化版本。更多属性参见 [`Radio.Group`][1]。
+ *
+ * [1]: https://ant-design.antgroup.com/components/radio-cn#radiogroup
+ */
+export declare function TimeUnitSwitcher(props: TimeUnitSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export default SegmentedButtons;

package/dist/components/SegmentedButtons.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Radio } from "antd";
+/**
+ * 分段单选按钮。
+ *
+ * 该组件是 [Ant Design 的 `Radio.Group optionType="button"`][1] 的别名。
+ *
+ * [1]: https://ant-design.antgroup.com/components/radio-cn#radiogroup
+ */
+function SegmentedButtons(props) {
+    return _jsx(Radio.Group, { optionType: "button", ...props });
+}
+// TODO i18n
+const TIME_UNIT_OPTIONS = [
+    { label: "日", value: "day" },
+    { label: "周", value: "week" },
+    { label: "月", value: "month" },
+];
+/**
+ * 时间单位（日/周/月）切换按钮。
+ *
+ * 该组件是 {@link SegmentedButtons} 的特化版本。更多属性参见 [`Radio.Group`][1]。
+ *
+ * [1]: https://ant-design.antgroup.com/components/radio-cn#radiogroup
+ */
+export function TimeUnitSwitcher(props) {
+    const { onChange, ...rest } = props;
+    return (_jsx(Radio.Group, { optionType: "button", options: TIME_UNIT_OPTIONS, onChange: (e) => onChange?.(e.target.value), ...rest }));
+}
+export default SegmentedButtons;
+//# sourceMappingURL=SegmentedButtons.js.map

package/dist/components/SegmentedButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedButtons.js","sourceRoot":"","sources":["../../src/components/SegmentedButtons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAwB,MAAM,MAAM,CAAC;AAEnD;;;;;;GAMG;AACH,SAAS,gBAAgB,CAAC,KAAsB;IAC9C,OAAO,KAAC,KAAK,CAAC,KAAK,IAAC,UAAU,EAAC,QAAQ,KAAK,KAAK,GAAI,CAAC;AACxD,CAAC;AAED,YAAY;AACZ,MAAM,iBAAiB,GAAG;IACxB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE;IAC5B,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;IAC7B,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;CAC/B,CAAC;AAQF;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IACV,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KACvC,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/TmsSidebar.d.ts

@@ -0,0 +1,46 @@
+import type { MenuProps } from "antd";
+export type MenuItem = Required<MenuProps>["items"][number];
+/**
+ * TmsSidebar组件的属性接口
+ */
+export interface TmsSidebarProps extends MenuProps {
+    /**
+     * 侧边栏宽度。
+     * @default 260
+     */
+    width?: number | string;
+    /**
+     * 网站 Logo 的 URL。
+     *
+     * 建议导入图片，然后将导入得到的地址填入 `logo`，而不要硬编码地址。
+     */
+    logo?: string;
+    /**
+     * 菜单项配置，默认与 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"];
+}
+/**
+ * TMS 系统的侧边栏组件。该组件需要放置在 [Ant Design 的 `Layout` 组件][1]内部才能正常工作。
+ *
+ * 除了文档中列出的属性之外，该组件会把额外的属性全部传递给内部的菜单 [`Menu` 组件][2]。
+ *
+ * 该组件不支持暗色模式。
+ *
+ * [1]: https://ant-design.antgroup.com/components/layout-cn
+ * [2]: https://ant-design.antgroup.com/components/menu-cn
+ */
+declare function TmsSidebar(props: TmsSidebarProps): import("react/jsx-runtime").JSX.Element;
+export default TmsSidebar;

package/dist/components/TmsSidebar.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BarChartOutlined, SwapOutlined, TeamOutlined, } from "@ant-design/icons";
+import { ConfigProvider, Layout, Menu } from "antd";
+const { Sider } = Layout;
+const menuItem = (label, key, icon, children) => ({ key, icon, children, label });
+/** 默认菜单项配置，可以作为参考或默认值 */
+const DEFAULT_MENU_ITEMS = [
+    menuItem("数据看板", "data-board", _jsx(BarChartOutlined, {}), [
+        menuItem("宏观数据", "macro-data"),
+        menuItem("合约看板", "contract-overview"),
+        menuItem("数据复盘", "data-review"),
+    ]),
+    menuItem("交易管理", "trade-management", _jsx(SwapOutlined, {}), [
+        menuItem("日前交易", "day-ahead-trade"),
+        menuItem("现货交易", "spot-trade"),
+        menuItem("中长期交易", "long-term-trade"),
+    ]),
+    menuItem("合约管理", "customer-management", _jsx(TeamOutlined, {}), [
+        menuItem("客户总览", "customer-overview"),
+        menuItem("售电合约管理", "sales-contract"),
+        menuItem("供应商管理", "supplier-management"),
+        menuItem("购电合约管理", "purchase-contract"),
+    ]),
+];
+/**
+ * TMS 系统的侧边栏组件。该组件需要放置在 [Ant Design 的 `Layout` 组件][1]内部才能正常工作。
+ *
+ * 除了文档中列出的属性之外，该组件会把额外的属性全部传递给内部的菜单 [`Menu` 组件][2]。
+ *
+ * 该组件不支持暗色模式。
+ *
+ * [1]: https://ant-design.antgroup.com/components/layout-cn
+ * [2]: https://ant-design.antgroup.com/components/menu-cn
+ */
+function TmsSidebar(props) {
+    const { width = 260, logo, items = DEFAULT_MENU_ITEMS, selectedKeys, openKeys, onSelect, onOpenChange, ...rest } = props;
+    return (_jsxs(Sider, { theme: "light", width: width, style: {
+            boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
+            overflowY: "auto",
+        }, children: [_jsx("div", { style: {
+                    height: "98px",
+                    padding: "28px 78px",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    transition: "all 0.3s",
+                }, children: _jsx("img", { alt: "logo", src: logo, style: {
+                        width: "100%",
+                        height: "100%",
+                        objectFit: "contain",
+                    } }) }), _jsx(ConfigProvider, { theme: {
+                    components: {
+                        Menu: {
+                            itemMarginBlock: 0,
+                            itemMarginInline: 0,
+                            itemSelectedColor: "#1890FF",
+                            itemSelectedBg: "#F0F7FF",
+                        },
+                    },
+                }, children: _jsx(Menu, { mode: "inline", style: { borderRight: 0 }, selectedKeys: selectedKeys, openKeys: openKeys, onSelect: onSelect, onOpenChange: onOpenChange, items: items, ...rest }) })] }));
+}
+export default TmsSidebar;
+//# sourceMappingURL=TmsSidebar.js.map

package/dist/components/TmsSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TmsSidebar.js","sourceRoot":"","sources":["../../src/components/TmsSidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAIpD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;AAIzB,MAAM,QAAQ,GAAG,CACf,KAAsB,EACtB,GAAc,EACd,IAAsB,EACtB,QAAqB,EACX,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AAEhD,yBAAyB;AACzB,MAAM,kBAAkB,GAAe;IACrC,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,KAAC,gBAAgB,KAAG,EAAE;QACnD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;QAC9B,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC;QACrC,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;KAChC,CAAC;IACF,QAAQ,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAC,YAAY,KAAG,EAAE;QACrD,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;QACnC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;QAC9B,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC;KACrC,CAAC;IACF,QAAQ,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAC,YAAY,KAAG,EAAE;QACxD,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC;QACrC,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC;QACpC,QAAQ,CAAC,OAAO,EAAE,qBAAqB,CAAC;QACxC,QAAQ,CAAC,QAAQ,EAAE,mBAAmB,CAAC;KACxC,CAAC;CACH,CAAC;AAmCF;;;;;;;;;GASG;AACH,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EACJ,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,KAAK,GAAG,kBAAkB,EAC1B,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,OAAO,CACL,MAAC,KAAK,IACJ,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;YACL,SAAS,EAAE,+BAA+B;YAC1C,SAAS,EAAE,MAAM;SAClB,aAED,cACE,KAAK,EAAE;oBACL,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,WAAW;oBACpB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,UAAU;iBACvB,YAED,cACE,GAAG,EAAC,MAAM,EACV,GAAG,EAAE,IAAI,EACT,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,SAAS;qBACrB,GACD,GACE,EACN,KAAC,cAAc,IACb,KAAK,EAAE;oBACL,UAAU,EAAE;wBACV,IAAI,EAAE;4BACJ,eAAe,EAAE,CAAC;4BAClB,gBAAgB,EAAE,CAAC;4BACnB,iBAAiB,EAAE,SAAS;4BAC5B,cAAc,EAAE,SAAS;yBAC1B;qBACF;iBACF,YAED,KAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,KACR,IAAI,GACR,GACa,IACX,CACT,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/components/TsingrocDatePicker.d.ts

@@ -0,0 +1,38 @@
+import { type DatePickerProps as AntdDatePickerProps, type ButtonProps } from "antd";
+import type { Dayjs } from "dayjs";
+import type { SpaceCompactProps } from "antd/es/space/Compact";
+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;

package/dist/components/TsingrocDatePicker.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, DatePicker, Space, } from "antd";
+import { LeftOutlined, RightOutlined } from "@ant-design/icons";
+import { useState } from "react";
+/**
+ * 支持快速跳转的日/周/月/年选择器。
+ *
+ * 除了文档中列出的属性外，该组件会将其它属性转交给 [Ant Design 的 `Space.Compact` 组件][1]。
+ *
+ * [1]: https://ant-design.antgroup.com/components/space-cn#spacecompact
+ */
+function TsingrocDatePicker(props) {
+    const { value, onChange: propsOnChange, dataType = "month", disabled, buttonProps, pickerProps, ...rest } = props;
+    const [dateValue, setDateValue] = value === undefined
+        ? // eslint-disable-next-line react-hooks/rules-of-hooks
+            useState(undefined)
+        : [value, () => { }];
+    /**
+     * 快速增减一定时间，如果当前未选择日期则无效。
+     * @param delta 增减的时间量，按传入的时间单位 `dataType` 计算
+     */
+    const quickSwitch = (delta) => {
+        if (!dateValue)
+            return;
+        const temp = dateValue.add(delta, dataType);
+        setDateValue(temp);
+        propsOnChange?.(temp);
+    };
+    const onChange = (value) => {
+        setDateValue(value);
+        propsOnChange?.(value);
+    };
+    return (_jsxs(Space.Compact, { ...rest, children: [_jsx(Button, { onClick: () => quickSwitch(-1), icon: _jsx(LeftOutlined, {}), disabled: disabled, className: props.className, ...buttonProps }), _jsx(DatePicker, { picker: dataType == "day" ? "date" : dataType, value: dateValue, onChange: onChange, disabled: disabled, className: props.className, ...pickerProps }), _jsx(Button, { onClick: () => quickSwitch(+1), icon: _jsx(RightOutlined, {}), disabled: disabled, ...buttonProps })] }));
+}
+export default TsingrocDatePicker;
+//# sourceMappingURL=TsingrocDatePicker.js.map

package/dist/components/TsingrocDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TsingrocDatePicker.js","sourceRoot":"","sources":["../../src/components/TsingrocDatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,MAAM,EAEN,UAAU,EACV,KAAK,GACN,MAAM,MAAM,CAAC;AACd,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA6BjC;;;;;;GAMG;AACH,SAAS,kBAAkB,CAAC,KAAsB;IAChD,MAAM,EACJ,KAAK,EACL,QAAQ,EAAE,aAAa,EACvB,QAAQ,GAAG,OAAO,EAClB,QAAQ,EACR,WAAW,EACX,WAAW,EACX,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAC7B,KAAK,KAAK,SAAS;QACjB,CAAC,CAAC,sDAAsD;YACtD,QAAQ,CAAoB,SAAS,CAAC;QACxC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACxB;;;OAGG;IACH,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC5C,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACL,MAAC,KAAK,CAAC,OAAO,OAAK,IAAI,aACrB,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAC9B,IAAI,EAAE,KAAC,YAAY,KAAG,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,WAAW,GACf,EACF,KAAC,UAAU,IACT,MAAM,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC7C,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,WAAW,GACf,EACF,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAC9B,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,QAAQ,EAAE,QAAQ,KACd,WAAW,GACf,IACY,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}