@tsingroc/tsingroc-components 1.0.5 → 2.0.1

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/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"}

package/dist/echarts/coordinateSystem.d.ts

@@ -0,0 +1,39 @@
+import type { BarSeriesOption, BoxplotSeriesOption, FlowGLSeriesOption, GridComponentOption, LineSeriesOption, XAXisComponentOption, YAXisComponentOption } from "echarts";
+import type { EChartsComponent, EChartsSeries } from ".";
+export type GridPreset = (grid: GridComponentOption, xAxis: XAXisComponentOption, yAxis: YAXisComponentOption) => void;
+export interface GridOption {
+    /**
+     * 坐标网格的其它设置，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#grid
+     */
+    option?: GridComponentOption;
+    /**
+     * X 轴的设置，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#xAxis
+     */
+    xAxis?: XAXisComponentOption;
+    /**
+     * Y 轴的设置，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#yAxis
+     */
+    yAxis?: YAXisComponentOption;
+    /**
+     * 预设列表。预设的优先级**高于**上述设置。
+     *
+     * 可用的预设：{@link minimalGrid}
+     */
+    presets?: GridPreset[];
+    /** 要绘制在该坐标系上的系列。*/
+    series?: EChartsSeries<LineSeriesOption | BarSeriesOption | BoxplotSeriesOption | FlowGLSeriesOption>[];
+}
+/**
+ * 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
+ *
+ * **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
+ */
+export declare function useGrid(option: GridOption): EChartsComponent;
+/** 使用该预设可以隐藏直角坐标系的坐标轴和网格线，只留下图像本身，并且使其填满整个容器。*/
+export declare function minimalGrid(): GridPreset;

package/dist/echarts/coordinateSystem.js

@@ -0,0 +1,77 @@
+import { useId } from "react";
+/**
+ * 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
+ *
+ * **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
+ */
+export function useGrid(option) {
+    const grid = {
+        id: useId(),
+        left: 0,
+        right: 0,
+        top: 24,
+        bottom: 0,
+        containLabel: true,
+        ...option.option,
+    };
+    const gridId = grid.id;
+    const xAxis = {
+        id: gridId + "x",
+        gridId,
+        ...option.xAxis,
+        nameTextStyle: { fontWeight: "bold", ...option.xAxis?.nameTextStyle },
+        axisTick: {
+            alignWithLabel: true,
+            ...option.xAxis?.axisTick,
+            // 此处需要强转，因为 alignWithLabel 仅当 boundaryGap = true 时有效，但无效也没有影响
+        },
+    };
+    const xAxisId = xAxis.id;
+    const yAxis = {
+        id: gridId + "y",
+        type: option.yAxis?.type ?? "value",
+        gridId,
+        nameGap: 12,
+        ...option.yAxis,
+        nameTextStyle: {
+            align: "left",
+            fontWeight: "bold",
+            ...option.yAxis?.nameTextStyle,
+        },
+    };
+    const yAxisId = yAxis.id;
+    option.presets?.forEach((preset) => preset(grid, xAxis, yAxis));
+    return {
+        grid: [grid],
+        xAxis: [xAxis],
+        yAxis: [yAxis],
+        series: option.series
+            ?.flatMap((item) => item.series)
+            ?.map((series) => ({
+            ...series,
+            coordinateSystem: "cartesian2d",
+            xAxisId,
+            yAxisId,
+        })),
+    };
+}
+const MINIMAL_GRID = (grid, xAxis, yAxis) => {
+    grid.top = 0;
+    xAxis.show = false;
+    if ((xAxis.type === undefined && xAxis.data !== undefined) ||
+        xAxis.type === "category") {
+        xAxis.boundaryGap = false;
+    }
+    else {
+        xAxis.min = "dataMin";
+        xAxis.max = "dataMax";
+    }
+    xAxis.axisLabel = { inside: true };
+    yAxis.show = false;
+    yAxis.axisLabel = { inside: true };
+};
+/** 使用该预设可以隐藏直角坐标系的坐标轴和网格线，只留下图像本身，并且使其填满整个容器。*/
+export function minimalGrid() {
+    return MINIMAL_GRID;
+}
+//# sourceMappingURL=coordinateSystem.js.map

package/dist/echarts/coordinateSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinateSystem.js","sourceRoot":"","sources":["../../src/echarts/coordinateSystem.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AA4C9B;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,MAAkB;IACxC,MAAM,IAAI,GAAwB;QAChC,EAAE,EAAE,KAAK,EAAE;QACX,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,IAAI;QAClB,GAAG,MAAM,CAAC,MAAM;KACjB,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,CAAC,EAAY,CAAC;IACjC,MAAM,KAAK,GAAyB;QAClC,EAAE,EAAE,MAAM,GAAG,GAAG;QAChB,MAAM;QACN,GAAG,MAAM,CAAC,KAAK;QACf,aAAa,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE;QACrE,QAAQ,EAAE;YACR,cAAc,EAAE,IAAI;YACpB,GAAG,MAAM,CAAC,KAAK,EAAE,QAAQ;YACzB,8DAA8D;SAC3B;KACtC,CAAC;IACF,MAAM,OAAO,GAAG,KAAK,CAAC,EAAY,CAAC;IACnC,MAAM,KAAK,GAAyB;QAClC,EAAE,EAAE,MAAM,GAAG,GAAG;QAChB,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,IAAI,OAAO;QACnC,MAAM;QACN,OAAO,EAAE,EAAE;QACX,GAAG,MAAM,CAAC,KAAK;QACf,aAAa,EAAE;YACb,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,GAAG,MAAM,CAAC,KAAK,EAAE,aAAa;SAC/B;KACF,CAAC;IACF,MAAM,OAAO,GAAG,KAAK,CAAC,EAAY,CAAC;IACnC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAChE,OAAO;QACL,IAAI,EAAE,CAAC,IAAI,CAAC;QACZ,KAAK,EAAE,CAAC,KAAK,CAAC;QACd,KAAK,EAAE,CAAC,KAAK,CAAC;QACd,MAAM,EAAE,MAAM,CAAC,MAAM;YACnB,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;YAChC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,MAAM;YACT,gBAAgB,EAAE,aAAa;YAC/B,OAAO;YACP,OAAO;SACR,CAAC,CAAC;KACN,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAe,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACtD,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;IACb,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IACnB,IACE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,IAAK,KAAsB,CAAC,IAAI,KAAK,SAAS,CAAC;QACxE,KAAK,CAAC,IAAI,KAAK,UAAU,EACzB,CAAC;QACA,KAAkC,CAAC,WAAW,GAAG,KAAK,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;QACtB,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;IACxB,CAAC;IACD,KAAK,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IACnC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IACnB,KAAK,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AACrC,CAAC,CAAC;AAEF,gDAAgD;AAChD,MAAM,UAAU,WAAW;IACzB,OAAO,YAAY,CAAC;AACtB,CAAC"}