@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.
- package/dist/Select-4hGJt3RJ.d.cts +142 -0
- package/dist/Select-BNSE67xn.d.ts +142 -0
- package/dist/chart.d.cts +2498 -0
- package/dist/chart.d.ts +2498 -0
- package/dist/{chunk-LPRFOSRZ.js → chunk-3TRRBMXY.js} +45 -10
- package/dist/{chunk-JX53ZBIW.js → chunk-7RNS52YG.js} +38 -5
- package/dist/{chunk-SUMXP2SF.js → chunk-KLI65JVD.js} +12 -4
- package/dist/{chunk-I3EF5SF2.js → chunk-RWGSZW32.js} +1 -1
- package/dist/{chunk-UCQZZ2YC.js → chunk-VN6PIPP7.js} +2 -2
- package/dist/core-C5OnrCi4.d.cts +2288 -0
- package/dist/core-DeZknKwc.d.ts +2288 -0
- package/dist/core.cjs +85 -15
- package/dist/core.css +18 -1
- package/dist/core.d.cts +3 -3
- package/dist/core.d.ts +3 -3
- package/dist/core.js +3 -3
- package/dist/index.cjs +1812 -1571
- package/dist/index.css +18 -1
- package/dist/index.d.cts +1715 -8
- package/dist/index.d.ts +1715 -8
- package/dist/index.js +402 -238
- package/dist/markdown-editor.d.cts +41 -1
- package/dist/markdown-editor.d.ts +41 -1
- package/dist/rich-text-editor.cjs +11 -3
- package/dist/rich-text-editor.d.cts +46 -1
- package/dist/rich-text-editor.d.ts +46 -1
- package/dist/rich-text-editor.js +2 -2
- package/dist/{select-date-range-Bdb-hi9c.d.ts → select-date-range-CGRb3-W8.d.ts} +116 -2
- package/dist/{select-date-range-shDQ5uJA.d.cts → select-date-range-DDmYGDD4.d.cts} +116 -2
- package/dist/select-date-range.cjs +44 -9
- package/dist/select-date-range.d.cts +3 -3
- package/dist/select-date-range.d.ts +3 -3
- package/dist/select-date-range.js +3 -3
- package/dist/{shared-DAYZvZVu.d.cts → shared-Bx4B28Wh.d.cts} +3 -0
- package/dist/{shared-DAYZvZVu.d.ts → shared-Bx4B28Wh.d.ts} +3 -0
- package/package.json +1 -1
- package/dist/Select-CVvF4mcy.d.cts +0 -57
- package/dist/Select-Ce2Irbpt.d.ts +0 -57
- package/dist/core-AeKYVPDZ.d.cts +0 -1082
- 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-
|
|
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-
|
|
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
|
-
|
|
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, {
|
|
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-
|
|
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-
|
|
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 };
|
package/dist/rich-text-editor.js
CHANGED
|
@@ -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-
|
|
4
|
-
import {
|
|
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 };
|