@sia.soul/sia-react-ui 0.1.18 → 0.1.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/Select-4hGJt3RJ.d.cts +142 -0
  2. package/dist/Select-BNSE67xn.d.ts +142 -0
  3. package/dist/chart.d.cts +2498 -0
  4. package/dist/chart.d.ts +2498 -0
  5. package/dist/{chunk-LPRFOSRZ.js → chunk-3TRRBMXY.js} +45 -10
  6. package/dist/{chunk-JX53ZBIW.js → chunk-7RNS52YG.js} +38 -5
  7. package/dist/{chunk-SUMXP2SF.js → chunk-KLI65JVD.js} +12 -4
  8. package/dist/{chunk-I3EF5SF2.js → chunk-RWGSZW32.js} +1 -1
  9. package/dist/{chunk-UCQZZ2YC.js → chunk-VN6PIPP7.js} +2 -2
  10. package/dist/core-C5OnrCi4.d.cts +2288 -0
  11. package/dist/core-DeZknKwc.d.ts +2288 -0
  12. package/dist/core.cjs +85 -15
  13. package/dist/core.css +18 -1
  14. package/dist/core.d.cts +3 -3
  15. package/dist/core.d.ts +3 -3
  16. package/dist/core.js +3 -3
  17. package/dist/index.cjs +1812 -1571
  18. package/dist/index.css +18 -1
  19. package/dist/index.d.cts +1715 -8
  20. package/dist/index.d.ts +1715 -8
  21. package/dist/index.js +402 -238
  22. package/dist/markdown-editor.d.cts +41 -1
  23. package/dist/markdown-editor.d.ts +41 -1
  24. package/dist/rich-text-editor.cjs +11 -3
  25. package/dist/rich-text-editor.d.cts +46 -1
  26. package/dist/rich-text-editor.d.ts +46 -1
  27. package/dist/rich-text-editor.js +2 -2
  28. package/dist/{select-date-range-Bdb-hi9c.d.ts → select-date-range-CGRb3-W8.d.ts} +116 -2
  29. package/dist/{select-date-range-shDQ5uJA.d.cts → select-date-range-DDmYGDD4.d.cts} +116 -2
  30. package/dist/select-date-range.cjs +44 -9
  31. package/dist/select-date-range.d.cts +3 -3
  32. package/dist/select-date-range.d.ts +3 -3
  33. package/dist/select-date-range.js +3 -3
  34. package/dist/{shared-DAYZvZVu.d.cts → shared-Bx4B28Wh.d.cts} +3 -0
  35. package/dist/{shared-DAYZvZVu.d.ts → shared-Bx4B28Wh.d.ts} +3 -0
  36. package/package.json +1 -1
  37. package/dist/Select-CVvF4mcy.d.cts +0 -57
  38. package/dist/Select-Ce2Irbpt.d.ts +0 -57
  39. package/dist/core-AeKYVPDZ.d.cts +0 -1082
  40. package/dist/core-DcSXqSRs.d.ts +0 -1082
@@ -1,30 +1,70 @@
1
1
  import * as react from 'react';
2
2
  import { HTMLAttributes } from 'react';
3
3
  import * as vditor from 'vditor';
4
- import { I as InputPlaceholderMode } from './shared-DAYZvZVu.cjs';
4
+ import { I as InputPlaceholderMode } from './shared-Bx4B28Wh.cjs';
5
5
 
6
+ /** 用于创建 Markdown 编辑器的 Vditor 构造函数类型。 */
6
7
  type VditorConstructor = typeof vditor["default"];
7
8
  declare global {
9
+ /** 供 Markdown 编辑器加载器使用的浏览器全局声明补充。 */
8
10
  interface Window {
11
+ /** Vditor 编辑器的构造入口。 */
9
12
  Vditor?: VditorConstructor;
10
13
  }
11
14
  }
15
+ /** Markdown编辑器的模式类型。 */
12
16
  type MarkdownEditorMode = "wysiwyg" | "ir" | "sv";
17
+ /** Markdown编辑器的属性配置。 */
13
18
  interface MarkdownEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
19
+ /** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
14
20
  value?: string;
21
+ /**
22
+ * 非受控模式的初始值,仅在初始化时使用。
23
+ * @defaultValue ""
24
+ */
15
25
  defaultValue?: string;
26
+ /** Markdown 内容变化回调 */
16
27
  onChange?: (markdown: string) => void;
28
+ /**
29
+ * 所见即所得、即时渲染或源码模式
30
+ * @defaultValue "wysiwyg"
31
+ */
17
32
  mode?: MarkdownEditorMode;
33
+ /**
34
+ * 空内容提示
35
+ * @defaultValue "请输入 Markdown 正文"
36
+ */
18
37
  placeholder?: string;
38
+ /** 占位提示的显示模式;floating 为浮动标签。 */
19
39
  placeholderMode?: InputPlaceholderMode;
40
+ /**
41
+ * 编辑器最小高度
42
+ * @defaultValue 320
43
+ */
20
44
  minHeight?: number | string;
45
+ /**
46
+ * 禁用编辑器
47
+ * @defaultValue false
48
+ */
21
49
  disabled?: boolean;
50
+ /**
51
+ 控件的无障碍名称,供屏幕阅读器识别。
52
+ * @defaultValue "Markdown 编辑器"
53
+ */
22
54
  ariaLabel?: string;
55
+ /** Vditor 静态资源地址;不传时使用组件库已安装的版本 */
23
56
  assetBaseUrl?: string;
57
+ /** 按 Ctrl / Command + S 时执行 */
24
58
  saveShortcut?: () => void;
59
+ /** 上传图片并返回图片地址;配置后显示上传按钮 */
25
60
  onUploadImage?: (file: File) => Promise<string> | string;
61
+ /**
62
+ * 识别剪贴板 Markdown 并保留语法结构
63
+ * @defaultValue true
64
+ */
26
65
  smartMarkdownPaste?: boolean;
27
66
  }
67
+ /** Markdown编辑器组件。 */
28
68
  declare function MarkdownEditor({ value, defaultValue, onChange, mode, placeholder, placeholderMode, minHeight, disabled, ariaLabel, assetBaseUrl, saveShortcut, onUploadImage, smartMarkdownPaste, className, style, ...props }: MarkdownEditorProps): react.JSX.Element;
29
69
 
30
70
  export { MarkdownEditor, type MarkdownEditorMode, type MarkdownEditorProps };
@@ -1,30 +1,70 @@
1
1
  import * as react from 'react';
2
2
  import { HTMLAttributes } from 'react';
3
3
  import * as vditor from 'vditor';
4
- import { I as InputPlaceholderMode } from './shared-DAYZvZVu.js';
4
+ import { I as InputPlaceholderMode } from './shared-Bx4B28Wh.js';
5
5
 
6
+ /** 用于创建 Markdown 编辑器的 Vditor 构造函数类型。 */
6
7
  type VditorConstructor = typeof vditor["default"];
7
8
  declare global {
9
+ /** 供 Markdown 编辑器加载器使用的浏览器全局声明补充。 */
8
10
  interface Window {
11
+ /** Vditor 编辑器的构造入口。 */
9
12
  Vditor?: VditorConstructor;
10
13
  }
11
14
  }
15
+ /** Markdown编辑器的模式类型。 */
12
16
  type MarkdownEditorMode = "wysiwyg" | "ir" | "sv";
17
+ /** Markdown编辑器的属性配置。 */
13
18
  interface MarkdownEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
19
+ /** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
14
20
  value?: string;
21
+ /**
22
+ * 非受控模式的初始值,仅在初始化时使用。
23
+ * @defaultValue ""
24
+ */
15
25
  defaultValue?: string;
26
+ /** Markdown 内容变化回调 */
16
27
  onChange?: (markdown: string) => void;
28
+ /**
29
+ * 所见即所得、即时渲染或源码模式
30
+ * @defaultValue "wysiwyg"
31
+ */
17
32
  mode?: MarkdownEditorMode;
33
+ /**
34
+ * 空内容提示
35
+ * @defaultValue "请输入 Markdown 正文"
36
+ */
18
37
  placeholder?: string;
38
+ /** 占位提示的显示模式;floating 为浮动标签。 */
19
39
  placeholderMode?: InputPlaceholderMode;
40
+ /**
41
+ * 编辑器最小高度
42
+ * @defaultValue 320
43
+ */
20
44
  minHeight?: number | string;
45
+ /**
46
+ * 禁用编辑器
47
+ * @defaultValue false
48
+ */
21
49
  disabled?: boolean;
50
+ /**
51
+ 控件的无障碍名称,供屏幕阅读器识别。
52
+ * @defaultValue "Markdown 编辑器"
53
+ */
22
54
  ariaLabel?: string;
55
+ /** Vditor 静态资源地址;不传时使用组件库已安装的版本 */
23
56
  assetBaseUrl?: string;
57
+ /** 按 Ctrl / Command + S 时执行 */
24
58
  saveShortcut?: () => void;
59
+ /** 上传图片并返回图片地址;配置后显示上传按钮 */
25
60
  onUploadImage?: (file: File) => Promise<string> | string;
61
+ /**
62
+ * 识别剪贴板 Markdown 并保留语法结构
63
+ * @defaultValue true
64
+ */
26
65
  smartMarkdownPaste?: boolean;
27
66
  }
67
+ /** Markdown编辑器组件。 */
28
68
  declare function MarkdownEditor({ value, defaultValue, onChange, mode, placeholder, placeholderMode, minHeight, disabled, ariaLabel, assetBaseUrl, saveShortcut, onUploadImage, smartMarkdownPaste, className, style, ...props }: MarkdownEditorProps): react.JSX.Element;
29
69
 
30
70
  export { MarkdownEditor, type MarkdownEditorMode, type MarkdownEditorProps };
@@ -1274,6 +1274,7 @@ function DropdownRoot({
1274
1274
  open,
1275
1275
  defaultOpen = false,
1276
1276
  disabled = false,
1277
+ showTriggerIcon = true,
1277
1278
  arrow = false,
1278
1279
  autoFocus = false,
1279
1280
  openDelay = 80,
@@ -1434,6 +1435,10 @@ function DropdownRoot({
1434
1435
  className: "sia-dropdown__menu"
1435
1436
  }
1436
1437
  );
1438
+ const triggerNode = showTriggerIcon && (0, import_react6.isValidElement)(children) && children.type === Button && children.props.children !== void 0 && children.props.children !== null ? (0, import_react6.cloneElement)(children, {}, /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "sia-dropdown__trigger-content", children: [
1439
+ children.props.children,
1440
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "chevron-down", size: 14, className: "sia-dropdown__trigger-icon" })
1441
+ ] })) : children;
1437
1442
  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1438
1443
  "span",
1439
1444
  {
@@ -1449,7 +1454,7 @@ function DropdownRoot({
1449
1454
  onKeyDown: handleKeyDown,
1450
1455
  ...props,
1451
1456
  children: [
1452
- children,
1457
+ triggerNode,
1453
1458
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1454
1459
  "span",
1455
1460
  {
@@ -1496,7 +1501,7 @@ function DropdownButton({
1496
1501
  }) {
1497
1502
  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: `sia-dropdown-button ${className}`.trim(), children: [
1498
1503
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { ...buttonProps, disabled, onClick, children }),
1499
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownRoot, { ...dropdownProps, disabled, trigger, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1504
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownRoot, { ...dropdownProps, disabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1500
1505
  Button,
1501
1506
  {
1502
1507
  ...buttonProps,
@@ -1508,7 +1513,10 @@ function DropdownButton({
1508
1513
  ) })
1509
1514
  ] });
1510
1515
  }
1511
- var Dropdown = Object.assign(DropdownRoot, { Button: DropdownButton });
1516
+ var Dropdown = Object.assign(DropdownRoot, {
1517
+ /** 组合主操作按钮与下拉菜单的按钮组件。 */
1518
+ Button: DropdownButton
1519
+ });
1512
1520
 
1513
1521
  // src/components/Input.tsx
1514
1522
  var import_react7 = require("react");
@@ -1,29 +1,74 @@
1
1
  import * as react from 'react';
2
2
  import { HTMLAttributes, ReactNode } from 'react';
3
- import { I as InputPlaceholderMode } from './shared-DAYZvZVu.cjs';
3
+ import { I as InputPlaceholderMode } from './shared-Bx4B28Wh.cjs';
4
4
 
5
+ /** 处理富文本粘贴图片的函数,返回可插入编辑器的图片地址。 */
5
6
  type RichTextImagePasteHandler = (file: File) => string | Promise<string>;
7
+ /** 富文本内容采用的存储格式。 */
6
8
  type RichTextContentFormat = "html" | "markdown";
9
+ /** 富文本编辑工具栏的按钮配置。 */
7
10
  type RichTextToolbar = "basic" | "full";
11
+ /** 富文本编辑器的属性配置。 */
8
12
  interface RichTextEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "contentEditable" | "onChange"> {
13
+ /** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
9
14
  value?: string;
15
+ /**
16
+ * 非受控模式的初始值,仅在初始化时使用。
17
+ * @defaultValue ""
18
+ */
10
19
  defaultValue?: string;
20
+ /**
21
+ * 输入和输出的内容格式
22
+ * @defaultValue "html"
23
+ */
11
24
  contentFormat?: RichTextContentFormat;
25
+ /**
26
+ 工具栏配置。
27
+ * @defaultValue "basic"
28
+ */
12
29
  toolbar?: RichTextToolbar;
30
+ /**
31
+ * 空内容提示
32
+ * @defaultValue "请输入内容"
33
+ */
13
34
  placeholder?: string;
35
+ /** 占位提示的显示模式;floating 为浮动标签。 */
14
36
  placeholderMode?: InputPlaceholderMode;
37
+ /**
38
+ * 禁用编辑和工具栏
39
+ * @defaultValue false
40
+ */
15
41
  disabled?: boolean;
42
+ /**
43
+ * 编辑区域最小高度
44
+ * @defaultValue 150
45
+ */
16
46
  minHeight?: number | string;
47
+ /**
48
+ * 图片粘贴能力的工具栏提示
49
+ * @defaultValue "可直接粘贴图片"
50
+ */
17
51
  pasteImageHint?: ReactNode;
52
+ /** 内容变化回调,格式由 contentFormat 决定 */
18
53
  onChange?: (content: string) => void;
54
+ /** 处理剪贴板图片并返回可访问地址 */
19
55
  onPasteImage?: RichTextImagePasteHandler;
56
+ /** 按 Ctrl / Command + S 时执行 */
20
57
  saveShortcut?: () => void;
21
58
  }
59
+ /** 富文本内容的属性配置。 */
22
60
  interface RichTextContentProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
61
+ /** 需要显示的内容,支持文本或 React 节点。 */
23
62
  content: string;
63
+ /**
64
+ * 内容为空时显示的占位内容
65
+ * @defaultValue "暂无内容"
66
+ */
24
67
  emptyText?: ReactNode;
25
68
  }
69
+ /** 富文本内容组件。 */
26
70
  declare function RichTextContent({ content, emptyText, className, ...props }: RichTextContentProps): react.JSX.Element;
71
+ /** 富文本编辑器组件。 */
27
72
  declare function RichTextEditor({ value, defaultValue, contentFormat, toolbar, placeholder, placeholderMode, disabled, minHeight, pasteImageHint, onChange, onPasteImage, saveShortcut, className, id, style, "aria-label": ariaLabel, ...props }: RichTextEditorProps): react.JSX.Element;
28
73
 
29
74
  export { RichTextContent, type RichTextContentFormat, type RichTextContentProps, RichTextEditor, type RichTextEditorProps, type RichTextImagePasteHandler, type RichTextToolbar };
@@ -1,29 +1,74 @@
1
1
  import * as react from 'react';
2
2
  import { HTMLAttributes, ReactNode } from 'react';
3
- import { I as InputPlaceholderMode } from './shared-DAYZvZVu.js';
3
+ import { I as InputPlaceholderMode } from './shared-Bx4B28Wh.js';
4
4
 
5
+ /** 处理富文本粘贴图片的函数,返回可插入编辑器的图片地址。 */
5
6
  type RichTextImagePasteHandler = (file: File) => string | Promise<string>;
7
+ /** 富文本内容采用的存储格式。 */
6
8
  type RichTextContentFormat = "html" | "markdown";
9
+ /** 富文本编辑工具栏的按钮配置。 */
7
10
  type RichTextToolbar = "basic" | "full";
11
+ /** 富文本编辑器的属性配置。 */
8
12
  interface RichTextEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "contentEditable" | "onChange"> {
13
+ /** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
9
14
  value?: string;
15
+ /**
16
+ * 非受控模式的初始值,仅在初始化时使用。
17
+ * @defaultValue ""
18
+ */
10
19
  defaultValue?: string;
20
+ /**
21
+ * 输入和输出的内容格式
22
+ * @defaultValue "html"
23
+ */
11
24
  contentFormat?: RichTextContentFormat;
25
+ /**
26
+ 工具栏配置。
27
+ * @defaultValue "basic"
28
+ */
12
29
  toolbar?: RichTextToolbar;
30
+ /**
31
+ * 空内容提示
32
+ * @defaultValue "请输入内容"
33
+ */
13
34
  placeholder?: string;
35
+ /** 占位提示的显示模式;floating 为浮动标签。 */
14
36
  placeholderMode?: InputPlaceholderMode;
37
+ /**
38
+ * 禁用编辑和工具栏
39
+ * @defaultValue false
40
+ */
15
41
  disabled?: boolean;
42
+ /**
43
+ * 编辑区域最小高度
44
+ * @defaultValue 150
45
+ */
16
46
  minHeight?: number | string;
47
+ /**
48
+ * 图片粘贴能力的工具栏提示
49
+ * @defaultValue "可直接粘贴图片"
50
+ */
17
51
  pasteImageHint?: ReactNode;
52
+ /** 内容变化回调,格式由 contentFormat 决定 */
18
53
  onChange?: (content: string) => void;
54
+ /** 处理剪贴板图片并返回可访问地址 */
19
55
  onPasteImage?: RichTextImagePasteHandler;
56
+ /** 按 Ctrl / Command + S 时执行 */
20
57
  saveShortcut?: () => void;
21
58
  }
59
+ /** 富文本内容的属性配置。 */
22
60
  interface RichTextContentProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
61
+ /** 需要显示的内容,支持文本或 React 节点。 */
23
62
  content: string;
63
+ /**
64
+ * 内容为空时显示的占位内容
65
+ * @defaultValue "暂无内容"
66
+ */
24
67
  emptyText?: ReactNode;
25
68
  }
69
+ /** 富文本内容组件。 */
26
70
  declare function RichTextContent({ content, emptyText, className, ...props }: RichTextContentProps): react.JSX.Element;
71
+ /** 富文本编辑器组件。 */
27
72
  declare function RichTextEditor({ value, defaultValue, contentFormat, toolbar, placeholder, placeholderMode, disabled, minHeight, pasteImageHint, onChange, onPasteImage, saveShortcut, className, id, style, "aria-label": ariaLabel, ...props }: RichTextEditorProps): react.JSX.Element;
28
73
 
29
74
  export { RichTextContent, type RichTextContentFormat, type RichTextContentProps, RichTextEditor, type RichTextEditorProps, type RichTextImagePasteHandler, type RichTextToolbar };
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  RichTextContent,
3
3
  RichTextEditor
4
- } from "./chunk-I3EF5SF2.js";
5
- import "./chunk-SUMXP2SF.js";
4
+ } from "./chunk-RWGSZW32.js";
5
+ import "./chunk-KLI65JVD.js";
6
6
  import "./chunk-TZGUBGA4.js";
7
7
  import "./chunk-3VJ4CZDQ.js";
8
8
  export {
@@ -1,94 +1,208 @@
1
1
  import * as react from 'react';
2
2
  import { InputHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties } from 'react';
3
- import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-DAYZvZVu.js';
4
- import { c as SelectOption, e as SelectValue } from './Select-Ce2Irbpt.js';
3
+ import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-Bx4B28Wh.js';
4
+ import { S as SelectOption, e as SelectValue } from './Select-BNSE67xn.js';
5
5
 
6
+ /** 日期选择附带的时间选择配置。 */
6
7
  type DatePickerShowTime = boolean | {
8
+ /** 是否显示秒选择。 */
7
9
  showSecond?: boolean;
10
+ /** 非受控模式的初始值,仅在初始化时使用。 */
8
11
  defaultValue?: string | readonly [string, string];
9
12
  };
10
13
 
14
+ /** 日期选择的类型标识。 */
11
15
  type DatePickerType = "date" | "week" | "month" | "year" | "quarter";
16
+ /** 日期选择的值类型。 */
12
17
  type DatePickerValue = string | readonly string[];
18
+ /** 日期选择面板中的快捷日期选项。 */
13
19
  type DatePickerPreset = {
20
+ /** 展示给用户的名称,可传入文本或 React 节点。 */
14
21
  label: ReactNode;
22
+ /** 该项目对应的数据值,用于标识、选择或计算。 */
15
23
  value: string | (() => string);
16
24
  };
25
+ /** 日期区间面板中的快捷范围选项。 */
17
26
  type DateRangePickerPreset = {
27
+ /** 展示给用户的名称,可传入文本或 React 节点。 */
18
28
  label: ReactNode;
29
+ /** 该项目对应的数据值,用于标识、选择或计算。 */
19
30
  value: readonly [string, string] | (() => readonly [string, string]);
20
31
  };
32
+ /** 日期禁用判断函数收到的面板和范围上下文。 */
21
33
  type DatePickerDisabledInfo = {
34
+ /** 范围、渐变或转换的起始值。 */
22
35
  from?: string;
36
+ /** 类型标识,用于选择对应的表现形式。 */
23
37
  type: "date";
24
38
  };
39
+ /** SharedDatePicker的属性配置。 */
25
40
  type SharedDatePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value" | "defaultValue" | "onChange" | "multiple">;
41
+ /** 日期选择的属性配置。 */
26
42
  interface DatePickerProps extends SharedDatePickerProps {
43
+ /** 占位提示的显示模式;floating 为浮动标签。 */
27
44
  placeholderMode?: InputPlaceholderMode;
45
+ /** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
28
46
  value?: DatePickerValue;
47
+ /** 非受控模式的初始值,仅在初始化时使用。 */
29
48
  defaultValue?: DatePickerValue;
49
+ /**
50
+ * 日期粒度
51
+ * @defaultValue "date"
52
+ */
30
53
  picker?: DatePickerType;
54
+ /** 组件尺寸;用于调整控件高度、字号和间距。 */
31
55
  size?: ControlSize;
56
+ /**
57
+ * 当前状态,用于选择对应的状态样式。
58
+ * @defaultValue "default"
59
+ */
32
60
  status?: ControlStatus;
61
+ /**
62
+ 是否允许清空当前选择或输入值。
63
+ * @defaultValue true
64
+ */
33
65
  allowClear?: boolean;
66
+ /**
67
+ 是否允许在同一面板选择多个日期。
68
+ * @defaultValue false
69
+ */
34
70
  multiple?: boolean;
71
+ /** 选择后需要点击确定才提交 */
35
72
  needConfirm?: boolean;
73
+ /**
74
+ * 组合时间面板,可显示秒;范围选择会在宽屏并排显示起止面板,在窄屏分步选择
75
+ * @defaultValue false
76
+ */
36
77
  showTime?: DatePickerShowTime;
78
+ /**
79
+ * 是否显示返回今天的入口。
80
+ * @defaultValue true
81
+ */
37
82
  showToday?: boolean;
83
+ /** 是否打开;传入后由外部控制显示状态。 */
38
84
  open?: boolean;
85
+ /**
86
+ * 非受控模式下的初始打开状态。
87
+ * @defaultValue false
88
+ */
39
89
  defaultOpen?: boolean;
90
+ /** 显示在控件末尾的图标。 */
40
91
  suffixIcon?: ReactNode;
92
+ /** 允许选择的最早日期。 */
41
93
  minDate?: string;
94
+ /** 允许选择的最晚日期。 */
42
95
  maxDate?: string;
96
+ /** 预设候选值或快捷选项集合。 */
43
97
  presets?: readonly DatePickerPreset[];
98
+ /** 判断某个日期是否不可选的函数。 */
44
99
  disabledDate?: (value: string, info: DatePickerDisabledInfo) => boolean;
100
+ /** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
45
101
  onChange?: (value: DatePickerValue) => void;
102
+ /** 打开状态改变时触发,参数为新的打开状态。 */
46
103
  onOpenChange?: (open: boolean) => void;
47
104
  /** 只格式化显示文字,不改变传入和回调的标准日期值。 */
48
105
  formatValue?: (value: string) => string;
106
+ /** 渲染面板底部的自定义扩展区域。 */
49
107
  renderExtraFooter?: () => ReactNode;
50
108
  }
109
+ /** 日期区间选择的属性配置。 */
51
110
  interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultValue" | "onChange" | "placeholder" | "multiple" | "presets"> {
111
+ /** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
52
112
  value?: readonly [string, string];
113
+ /**
114
+ * 非受控模式的初始值,仅在初始化时使用。
115
+ * @defaultValue ["", ""]
116
+ */
53
117
  defaultValue?: readonly [string, string];
118
+ /**
119
+ * 未填写或未选择时的提示内容。
120
+ * @defaultValue ["开始日期", "结束日期"]
121
+ */
54
122
  placeholder?: readonly [string, string];
123
+ /**
124
+ * 全局分隔符,可传入图标或文字
125
+ * @defaultValue "→"
126
+ */
55
127
  separator?: ReactNode;
128
+ /** 预设候选值或快捷选项集合。 */
56
129
  presets?: readonly DateRangePickerPreset[];
130
+ /** 日期区间允许的最大天数。 */
57
131
  maxRangeDays?: number;
58
132
  /** 允许单独保留起点或终点;需要点击确定提交未完整的范围。 */
59
133
  allowEmpty?: readonly [boolean, boolean];
60
134
  /** 锁定指定端点,编辑和清空时保留其值。 */
61
135
  endpointDisabled?: readonly [boolean, boolean];
136
+ /** 日期区间选择过程中的暂存值变化时调用。 */
62
137
  onCalendarChange?: (value: readonly [string, string]) => void;
138
+ /** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
63
139
  onChange?: (value: readonly [string, string]) => void;
64
140
  }
65
141
  declare function DateRangePicker({ value, defaultValue, placeholder, placeholderMode, separator, presets, maxRangeDays, allowEmpty, endpointDisabled, size: sizeProp, status, allowClear, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, disabledDate, disabled, className, onCalendarChange, onChange, onOpenChange, formatValue, renderExtraFooter, ...props }: DateRangePickerProps): react.JSX.Element;
142
+ /** 日期选择组件。 */
66
143
  declare function DatePicker({ value, defaultValue, picker, size: sizeProp, status, allowClear, multiple, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, presets, disabledDate, disabled, className, onChange, onOpenChange, placeholder, placeholderMode, formatValue, renderExtraFooter, ...props }: DatePickerProps): react.JSX.Element;
67
144
  declare namespace DatePicker {
145
+ /** 日期区间选择器。 */
68
146
  const RangePicker: typeof DateRangePicker;
69
147
  }
70
148
 
149
+ /** 类型与日期区间组合选择的值类型。 */
71
150
  interface SelectDateRangeValue {
151
+ /** 选择指定项,或日期类型选择器的配置。 */
72
152
  select: SelectValue;
153
+ /** 是否启用范围选择,或指定选择范围。 */
73
154
  range: readonly [string, string];
74
155
  }
156
+ /** 类型与日期区间组合选择的属性配置。 */
75
157
  interface SelectDateRangeProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
158
+ /** 可供用户选择的候选项列表。 */
76
159
  options: readonly SelectOption[];
160
+ /** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
77
161
  value?: SelectDateRangeValue;
162
+ /** 非受控模式的初始值,仅在初始化时使用。 */
78
163
  defaultValue?: SelectDateRangeValue;
164
+ /**
165
+ * 选择器占位内容
166
+ * @defaultValue "请选择类型"
167
+ */
79
168
  selectPlaceholder?: ReactNode;
169
+ /** 占位提示的显示模式;floating 为浮动标签。 */
80
170
  placeholderMode?: InputPlaceholderMode;
81
171
  /** 左侧选择器宽度,数字单位为 px;右侧日期范围自动填充剩余宽度。 */
82
172
  selectWidth?: CSSProperties["width"];
173
+ /**
174
+ * 开始和结束日期占位内容
175
+ * @defaultValue ["开始日期", "结束日期"]
176
+ */
83
177
  rangePlaceholder?: readonly [string, string];
178
+ /**
179
+ * 日期类型选择器的无障碍名称。
180
+ * @defaultValue "选择类型"
181
+ */
84
182
  selectAriaLabel?: string;
183
+ /**
184
+ * 日期区间控件的无障碍名称。
185
+ * @defaultValue "日期范围"
186
+ */
85
187
  rangeAriaLabel?: string;
188
+ /** 预设候选值或快捷选项集合。 */
86
189
  presets?: readonly DateRangePickerPreset[];
190
+ /** 组件尺寸;用于调整控件高度、字号和间距。 */
87
191
  size?: ControlSize;
192
+ /**
193
+ * 当前状态,用于选择对应的状态样式。
194
+ * @defaultValue "default"
195
+ */
88
196
  status?: ControlStatus;
197
+ /**
198
+ * 是否禁用交互。
199
+ * @defaultValue false
200
+ */
89
201
  disabled?: boolean;
202
+ /** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
90
203
  onChange?: (value: SelectDateRangeValue) => void;
91
204
  }
205
+ /** 类型与日期区间组合选择组件。 */
92
206
  declare function SelectDateRange({ options, value, defaultValue, selectPlaceholder, placeholderMode, selectWidth, rangePlaceholder, selectAriaLabel, rangeAriaLabel, presets, size: sizeProp, status, disabled, onChange, className, style, ...props }: SelectDateRangeProps): react.JSX.Element;
93
207
 
94
208
  export { DatePicker as D, SelectDateRange as S, type DatePickerDisabledInfo as a, type DatePickerPreset as b, type DatePickerProps as c, type DatePickerShowTime as d, type DatePickerType as e, type DatePickerValue as f, type DateRangePickerPreset as g, type DateRangePickerProps as h, type SelectDateRangeProps as i, type SelectDateRangeValue as j };