@cloudtower/eagle 0.35.8 → 481.0.2
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/cjs/core/MediumDialog/MediumDialog.js +1 -1
- package/dist/cjs/core/index.js +12 -15
- package/dist/cjs/coreX/Dialogs/RejectDialog/RejectDialog.js +4 -16
- package/dist/cjs/index.js +245 -249
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +2314 -2492
- package/dist/esm/core/MediumDialog/MediumDialog.js +1 -1
- package/dist/esm/core/index.js +2 -4
- package/dist/esm/coreX/Dialogs/RejectDialog/RejectDialog.js +4 -16
- package/dist/esm/index.js +0 -2
- package/dist/esm/stats1.html +1 -1
- package/dist/linaria.merged.scss +2952 -3142
- package/dist/src/core/index.d.ts +0 -5
- package/dist/src/coreX/Dialogs/RejectDialog/RejectDialog.type.d.ts +1 -5
- package/dist/src/coreX/index.d.ts +0 -1
- package/dist/src/hooks/index.d.ts +0 -1
- package/dist/src/utils/index.d.ts +0 -1
- package/dist/stories/docs/coreX/Dialogs/RejectDialog.stories.d.ts +1 -3
- package/dist/style.css +2314 -2492
- package/package.json +4 -6
- package/dist/cjs/core/Duration/index.js +0 -78
- package/dist/cjs/core/LocalUpload/LocalUpload.hooks.js +0 -66
- package/dist/cjs/core/LocalUpload/LocalUpload.js +0 -103
- package/dist/cjs/core/LocalUpload/LocalUpload.style.js +0 -13
- package/dist/cjs/core/LocalUpload/LocalUpload.widget.js +0 -379
- package/dist/cjs/hooks/useFormatDuration.js +0 -35
- package/dist/cjs/utils/formatDuration.js +0 -67
- package/dist/esm/core/Duration/index.js +0 -72
- package/dist/esm/core/LocalUpload/LocalUpload.hooks.js +0 -63
- package/dist/esm/core/LocalUpload/LocalUpload.js +0 -97
- package/dist/esm/core/LocalUpload/LocalUpload.style.js +0 -10
- package/dist/esm/core/LocalUpload/LocalUpload.widget.js +0 -365
- package/dist/esm/hooks/useFormatDuration.js +0 -33
- package/dist/esm/utils/formatDuration.js +0 -65
- package/dist/src/core/Duration/duration.type.d.ts +0 -42
- package/dist/src/core/Duration/index.d.ts +0 -4
- package/dist/src/core/LocalUpload/LocalUpload.d.ts +0 -15
- package/dist/src/core/LocalUpload/LocalUpload.hooks.d.ts +0 -32
- package/dist/src/core/LocalUpload/LocalUpload.style.d.ts +0 -3
- package/dist/src/core/LocalUpload/LocalUpload.type.d.ts +0 -175
- package/dist/src/core/LocalUpload/LocalUpload.widget.d.ts +0 -23
- package/dist/src/core/LocalUpload/index.d.ts +0 -2
- package/dist/src/coreX/Copy/CopyButton.d.ts +0 -5
- package/dist/src/coreX/Copy/CopyButton.type.d.ts +0 -8
- package/dist/src/coreX/Copy/CopyTooltip.d.ts +0 -5
- package/dist/src/coreX/Copy/CopyTooltip.typs.d.ts +0 -16
- package/dist/src/coreX/Copy/index.d.ts +0 -2
- package/dist/src/hooks/__tests__/useFormatDuration.test.d.ts +0 -1
- package/dist/src/hooks/useFormatDuration.d.ts +0 -31
- package/dist/src/utils/__test__/formatDuration.spec.d.ts +0 -1
- package/dist/src/utils/formatDuration.d.ts +0 -28
- package/dist/stories/docs/core/Duration.stories.d.ts +0 -88
- package/dist/stories/docs/core/LocalUpload.stories.d.ts +0 -74
- package/dist/stories/docs/coreX/Copy/CopyButton.stories.d.ts +0 -66
- package/dist/stories/docs/coreX/Copy/CopyTooltip.stories.d.ts +0 -66
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { AntdRcFile, AntdUploadProps } from "../../antd";
|
|
3
|
-
/**
|
|
4
|
-
* 上传文件对象
|
|
5
|
-
* 继承自 Antd 的 RcFile,并添加额外的状态和错误信息
|
|
6
|
-
*/
|
|
7
|
-
export interface LocalUploadFile extends AntdRcFile {
|
|
8
|
-
/** 文件唯一标识 */
|
|
9
|
-
uid: string;
|
|
10
|
-
/** 文件大小(字节) */
|
|
11
|
-
size: number;
|
|
12
|
-
/** 文件名 */
|
|
13
|
-
name: string;
|
|
14
|
-
/** 文件类型 */
|
|
15
|
-
type: string;
|
|
16
|
-
/** 备用文件名 */
|
|
17
|
-
fileName?: string | undefined;
|
|
18
|
-
/** 文件状态 */
|
|
19
|
-
fileStatus: "error" | "success" | "need-validate" | "validating";
|
|
20
|
-
/** 自定义数据 */
|
|
21
|
-
data?: any;
|
|
22
|
-
/** 错误信息 */
|
|
23
|
-
error?: string | null;
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* 文件接受类型
|
|
27
|
-
* 限制只能是以 . 开头的文件扩展名
|
|
28
|
-
*/
|
|
29
|
-
export type LocalUploadAccept = `.${string}`;
|
|
30
|
-
/**
|
|
31
|
-
* 上传按钮属性
|
|
32
|
-
*/
|
|
33
|
-
export type LocalUploadButtonProps = Pick<AntdUploadProps, "accept" | "multiple" | "disabled"> & {
|
|
34
|
-
/** 自定义类名 */
|
|
35
|
-
className?: string;
|
|
36
|
-
/** 是否隐藏图标 */
|
|
37
|
-
hideIcon?: boolean;
|
|
38
|
-
/** 文件列表 */
|
|
39
|
-
fileList: LocalUploadFile[];
|
|
40
|
-
/** 设置文件列表 */
|
|
41
|
-
setFileList: (files: LocalUploadFile[]) => void;
|
|
42
|
-
/** 最大文件数量 */
|
|
43
|
-
maxCount?: number;
|
|
44
|
-
/**
|
|
45
|
-
* 文件验证函数
|
|
46
|
-
* @param file 当前文件
|
|
47
|
-
* @param files 文件列表
|
|
48
|
-
* @returns 返回包含错误信息或自定义数据的 Promise
|
|
49
|
-
*/
|
|
50
|
-
validate?: (file: LocalUploadFile, files?: LocalUploadFile[]) => Promise<{
|
|
51
|
-
error?: string;
|
|
52
|
-
data?: any;
|
|
53
|
-
}>;
|
|
54
|
-
};
|
|
55
|
-
/**
|
|
56
|
-
* 拖拽上传属性
|
|
57
|
-
*/
|
|
58
|
-
export type LocalUploadDraggerProps = Pick<AntdUploadProps, "accept" | "multiple" | "disabled"> & {
|
|
59
|
-
/** 自定义类名 */
|
|
60
|
-
className?: string;
|
|
61
|
-
/** 文件列表 */
|
|
62
|
-
fileList: LocalUploadFile[];
|
|
63
|
-
/** 设置文件列表 */
|
|
64
|
-
setFileList: (files: LocalUploadFile[]) => void;
|
|
65
|
-
/** 最大文件数量 */
|
|
66
|
-
maxCount?: number;
|
|
67
|
-
/**
|
|
68
|
-
* 文件验证函数
|
|
69
|
-
* @param file 当前文件
|
|
70
|
-
* @param files 文件列表
|
|
71
|
-
* @returns 返回包含错误信息或自定义数据的 Promise
|
|
72
|
-
*/
|
|
73
|
-
validate?: (file: LocalUploadFile, files?: LocalUploadFile[]) => Promise<{
|
|
74
|
-
error?: string;
|
|
75
|
-
data?: any;
|
|
76
|
-
}>;
|
|
77
|
-
};
|
|
78
|
-
/**
|
|
79
|
-
* 文件列表属性
|
|
80
|
-
*/
|
|
81
|
-
export type LocalUploadFileListProps = {
|
|
82
|
-
/** 自定义类名 */
|
|
83
|
-
className?: string;
|
|
84
|
-
/** 文件列表 */
|
|
85
|
-
fileList: LocalUploadFile[];
|
|
86
|
-
/** 列表展示类型 */
|
|
87
|
-
type?: "list" | "info";
|
|
88
|
-
/** 移除文件回调 */
|
|
89
|
-
removeFile: (id: string) => void;
|
|
90
|
-
/** 是否禁用移除操作 */
|
|
91
|
-
disableRemove?: boolean;
|
|
92
|
-
/** 文件移除事件回调 */
|
|
93
|
-
onRemove?: (file: LocalUploadFile) => void;
|
|
94
|
-
};
|
|
95
|
-
/**
|
|
96
|
-
* 文件信息展示属性
|
|
97
|
-
*/
|
|
98
|
-
export type LocalUploadFileInfoProps = {
|
|
99
|
-
/** 文件对象 */
|
|
100
|
-
file: {
|
|
101
|
-
/** 文件状态 */
|
|
102
|
-
fileStatus?: "error" | "success" | "need-validate" | "validating";
|
|
103
|
-
/** 文件名 */
|
|
104
|
-
name: string;
|
|
105
|
-
/** 备用文件名 */
|
|
106
|
-
fileName?: string;
|
|
107
|
-
/** 文件大小 */
|
|
108
|
-
size?: number;
|
|
109
|
-
/** 文件唯一标识 */
|
|
110
|
-
uid?: string;
|
|
111
|
-
/** 错误信息 */
|
|
112
|
-
error?: string | null;
|
|
113
|
-
};
|
|
114
|
-
/** 移除文件回调 */
|
|
115
|
-
removeFile: (id: string) => void;
|
|
116
|
-
/** 是否禁用 */
|
|
117
|
-
disabled?: boolean;
|
|
118
|
-
/** 文件移除事件回调 */
|
|
119
|
-
onRemove?: (file: LocalUploadFile) => void;
|
|
120
|
-
};
|
|
121
|
-
/**
|
|
122
|
-
* Upload 组件属性
|
|
123
|
-
*/
|
|
124
|
-
export type LocalUploadProps = {
|
|
125
|
-
/** 自定义类名 */
|
|
126
|
-
className?: string;
|
|
127
|
-
/** 标签 */
|
|
128
|
-
label?: React.ReactNode;
|
|
129
|
-
/** 描述文本 */
|
|
130
|
-
description?: React.ReactNode;
|
|
131
|
-
/** 额外信息 */
|
|
132
|
-
info?: React.ReactNode;
|
|
133
|
-
/** 上传类型:按钮或拖拽 */
|
|
134
|
-
type?: "button" | "dragger";
|
|
135
|
-
/** 列表展示类型 */
|
|
136
|
-
listType?: "list" | "info";
|
|
137
|
-
/** 是否支持多选 */
|
|
138
|
-
multiple?: boolean;
|
|
139
|
-
/** 接受的文件类型 */
|
|
140
|
-
accept?: LocalUploadAccept;
|
|
141
|
-
/** 是否禁用 */
|
|
142
|
-
disabled?: boolean;
|
|
143
|
-
/** 最大文件数量 */
|
|
144
|
-
maxCount?: number;
|
|
145
|
-
/** 文件列表 */
|
|
146
|
-
fileList: LocalUploadFile[];
|
|
147
|
-
/** 设置文件列表 */
|
|
148
|
-
setFileList: (files: LocalUploadFile[]) => void;
|
|
149
|
-
/** 是否禁用文件列表的移除功能 */
|
|
150
|
-
disableRemoveList?: boolean;
|
|
151
|
-
/**
|
|
152
|
-
* 文件验证函数
|
|
153
|
-
* @param file 当前文件
|
|
154
|
-
* @param files 文件列表
|
|
155
|
-
* @returns 返回包含错误信息或自定义数据的 Promise
|
|
156
|
-
*
|
|
157
|
-
* @example
|
|
158
|
-
* ```ts
|
|
159
|
-
* const validate = async (file: LocalUploadFile) => {
|
|
160
|
-
* if (file.size > 5 * 1024 * 1024) {
|
|
161
|
-
* return { error: "文件大小不能超过 5MB" };
|
|
162
|
-
* }
|
|
163
|
-
* return { data: { validated: true } };
|
|
164
|
-
* };
|
|
165
|
-
* ```
|
|
166
|
-
*/
|
|
167
|
-
validate?: (file: LocalUploadFile, files?: LocalUploadFile[]) => Promise<{
|
|
168
|
-
error?: string;
|
|
169
|
-
data?: any;
|
|
170
|
-
}>;
|
|
171
|
-
/** 按钮属性 */
|
|
172
|
-
buttonProps?: Pick<LocalUploadButtonProps, "className" | "hideIcon">;
|
|
173
|
-
/** 文件移除事件回调 */
|
|
174
|
-
onRemove?: (file: LocalUploadFile) => void;
|
|
175
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import type { LocalUploadButtonProps, LocalUploadDraggerProps, LocalUploadFile, LocalUploadFileInfoProps, LocalUploadFileListProps } from "./LocalUpload.type";
|
|
3
|
-
export declare const UploadLabel: React.FC<{
|
|
4
|
-
className?: string;
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
}>;
|
|
7
|
-
export declare const UploadDescription: React.FC<{
|
|
8
|
-
className?: string;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
}>;
|
|
11
|
-
export declare const UploadButton: React.FC<LocalUploadButtonProps & {
|
|
12
|
-
children?: React.ReactNode;
|
|
13
|
-
}>;
|
|
14
|
-
export declare const UploadDragger: React.FC<LocalUploadDraggerProps & {
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
}>;
|
|
17
|
-
export declare const UploadFileInfo: React.FC<LocalUploadFileInfoProps>;
|
|
18
|
-
export declare const FileListItem: React.FC<{
|
|
19
|
-
file: LocalUploadFile;
|
|
20
|
-
removeFile: (id: string) => void;
|
|
21
|
-
onRemove?: (file: LocalUploadFile) => void;
|
|
22
|
-
}>;
|
|
23
|
-
export declare const UploadFileList: React.FC<LocalUploadFileListProps>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TooltipProps } from "../../core/Tooltip";
|
|
3
|
-
export interface CopyTooltipProps {
|
|
4
|
-
/** 复制文本 */
|
|
5
|
-
text: string;
|
|
6
|
-
/** 复制前提示文本 */
|
|
7
|
-
beforeTooltip?: string;
|
|
8
|
-
/** 复制后提示文本 */
|
|
9
|
-
afterTooltip?: string;
|
|
10
|
-
/** Tooltip 组件的属性 */
|
|
11
|
-
tooltipProps?: Omit<TooltipProps, "title">;
|
|
12
|
-
/** 子元素 */
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
/** 自定义类名 */
|
|
15
|
-
className?: string;
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { DurationUnitType } from "../utils/formatDuration";
|
|
2
|
-
/**
|
|
3
|
-
* 格式化持续时间的结果项,可用于 ParrotTrans 组件
|
|
4
|
-
*/
|
|
5
|
-
export interface FormatDurationPart {
|
|
6
|
-
value: number;
|
|
7
|
-
unit: DurationUnitType;
|
|
8
|
-
i18nKey: string;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* 格式化持续时间的 Hook
|
|
12
|
-
* @param milliseconds 毫秒数
|
|
13
|
-
* @param options 配置选项
|
|
14
|
-
* @param options.maxDisplayUnits 最大展示单位数量,默认为 2
|
|
15
|
-
* @param options.useAbbreviation 是否使用简写表述,默认为 false。注意:当仅展示一个单位时,会自动使用全称(忽略此参数)
|
|
16
|
-
* @param options.minUnit 最小展示单位,默认为 "second"(秒),不满足进位逻辑的剩余时间会被忽略
|
|
17
|
-
* @returns 格式化后的持续时间数组,每个元素包含可用于 ParrotTrans 的信息
|
|
18
|
-
* @example
|
|
19
|
-
* const { parts } = useFormatDuration(3661000);
|
|
20
|
-
* // parts: [
|
|
21
|
-
* // { value: 1, unit: "hour", i18nKey: "unit.hour" },
|
|
22
|
-
* // { value: 1, unit: "minute", i18nKey: "unit.minute" }
|
|
23
|
-
* // ]
|
|
24
|
-
*/
|
|
25
|
-
export declare function useFormatDuration(milliseconds: number, options?: {
|
|
26
|
-
maxDisplayUnits?: number;
|
|
27
|
-
useAbbreviation?: boolean;
|
|
28
|
-
minUnit?: DurationUnitType;
|
|
29
|
-
}): {
|
|
30
|
-
parts: FormatDurationPart[];
|
|
31
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 持续时间单位联合类型
|
|
3
|
-
*/
|
|
4
|
-
export type DurationUnitType = "year" | "month" | "week" | "day" | "hour" | "minute" | "second" | "millisecond";
|
|
5
|
-
/**
|
|
6
|
-
* 格式化持续时间的结果项
|
|
7
|
-
*/
|
|
8
|
-
export interface FormatDurationItem {
|
|
9
|
-
value: number;
|
|
10
|
-
unit: DurationUnitType;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* 格式化持续时间
|
|
14
|
-
* @param milliseconds 毫秒数
|
|
15
|
-
* @param options 配置选项
|
|
16
|
-
* @param options.maxDisplayUnits 最大展示单位数量,默认为 2
|
|
17
|
-
* @param options.minUnit 最小展示单位,默认为 "second"(秒),不满足进位逻辑的剩余时间会被忽略
|
|
18
|
-
* @returns 格式化后的持续时间数组,每个元素包含数值和单位
|
|
19
|
-
* @example
|
|
20
|
-
* formatDuration(3661000) // [{ value: 1, unit: "hour" }, { value: 1, unit: "minute" }]
|
|
21
|
-
* formatDuration(90061000, { maxDisplayUnits: 3 }) // [{ value: 1, unit: "day" }, { value: 1, unit: "hour" }, { value: 1, unit: "minute" }]
|
|
22
|
-
* formatDuration(5000) // [{ value: 5, unit: "second" }]
|
|
23
|
-
* formatDuration(1500, { minUnit: "second" }) // [{ value: 1, unit: "second" }] (500ms 被忽略)
|
|
24
|
-
*/
|
|
25
|
-
export declare function formatDuration(milliseconds: number, options?: {
|
|
26
|
-
maxDisplayUnits?: number;
|
|
27
|
-
minUnit?: DurationUnitType;
|
|
28
|
-
}): FormatDurationItem[];
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import Duration from "../../../src/core/Duration";
|
|
2
|
-
import { StoryObj } from "@storybook/react";
|
|
3
|
-
import React from "react";
|
|
4
|
-
/**
|
|
5
|
-
* * Duration 组件
|
|
6
|
-
* * 用于展示持续时间(毫秒),支持多个时间单位的组合展示
|
|
7
|
-
* * 提供标准、缩写和自定义空值展示等功能
|
|
8
|
-
* * 继承自基础的 Units 系列组件
|
|
9
|
-
*/
|
|
10
|
-
declare const meta: {
|
|
11
|
-
title: string;
|
|
12
|
-
component: React.FC<import("../../../src/core/Duration/duration.type").DurationProps>;
|
|
13
|
-
parameters: {
|
|
14
|
-
docs: {
|
|
15
|
-
description: {
|
|
16
|
-
component: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
tags: string[];
|
|
21
|
-
};
|
|
22
|
-
export default meta;
|
|
23
|
-
type Story = StoryObj<typeof Duration>;
|
|
24
|
-
/**
|
|
25
|
-
* 基础持续时间展示
|
|
26
|
-
* 展示最基本的持续时间,默认展示最多 2 个单位
|
|
27
|
-
*/
|
|
28
|
-
export declare const Basic: Story;
|
|
29
|
-
/**
|
|
30
|
-
* 多单位展示
|
|
31
|
-
* 展示多个时间单位,如:1天 1小时 1分钟
|
|
32
|
-
*/
|
|
33
|
-
export declare const MultipleUnits: Story;
|
|
34
|
-
/**
|
|
35
|
-
* 缩写形式展示
|
|
36
|
-
* 当需要节省空间时,可以使用缩写形式展示持续时间
|
|
37
|
-
*/
|
|
38
|
-
export declare const Abbreviated: Story;
|
|
39
|
-
/**
|
|
40
|
-
* 指定最小单位
|
|
41
|
-
* 可以指定最小展示单位,小于该单位的时间会被忽略
|
|
42
|
-
*/
|
|
43
|
-
export declare const WithMinUnit: Story;
|
|
44
|
-
/**
|
|
45
|
-
* 单单位展示
|
|
46
|
-
* 只展示一个时间单位
|
|
47
|
-
*/
|
|
48
|
-
export declare const SingleUnit: Story;
|
|
49
|
-
/**
|
|
50
|
-
* 大数值展示
|
|
51
|
-
* 展示较大的持续时间,如:1年 1个月
|
|
52
|
-
*/
|
|
53
|
-
export declare const LargeValue: Story;
|
|
54
|
-
/**
|
|
55
|
-
* 自定义空值展示
|
|
56
|
-
* 当没有有效值时的自定义展示
|
|
57
|
-
*/
|
|
58
|
-
export declare const CustomEmpty: Story;
|
|
59
|
-
/**
|
|
60
|
-
* 零值展示
|
|
61
|
-
* 展示零值的情况
|
|
62
|
-
*/
|
|
63
|
-
export declare const ZeroValue: Story;
|
|
64
|
-
/**
|
|
65
|
-
* 零值不带单位
|
|
66
|
-
* 当值为0时,可以选择不显示单位
|
|
67
|
-
*/
|
|
68
|
-
export declare const ZeroWithoutUnit: Story;
|
|
69
|
-
/**
|
|
70
|
-
* 自定义样式
|
|
71
|
-
* 可以通过自定义类名来调整展示样式
|
|
72
|
-
*/
|
|
73
|
-
export declare const CustomStyle: Story;
|
|
74
|
-
/**
|
|
75
|
-
* 自定义渲染
|
|
76
|
-
* 使用 contentRender 自定义渲染方式
|
|
77
|
-
*/
|
|
78
|
-
export declare const CustomRender: Story;
|
|
79
|
-
/**
|
|
80
|
-
* 自定义渲染 - 简洁格式
|
|
81
|
-
* 使用自定义渲染函数展示更简洁的格式
|
|
82
|
-
*/
|
|
83
|
-
export declare const CustomRenderCompact: Story;
|
|
84
|
-
/**
|
|
85
|
-
* 复杂场景组合
|
|
86
|
-
* 展示多个配置项的组合使用
|
|
87
|
-
*/
|
|
88
|
-
export declare const Complex: Story;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { LocalUpload } from "../../../src/core/LocalUpload";
|
|
2
|
-
import { Meta, StoryObj } from "@storybook/react";
|
|
3
|
-
/**
|
|
4
|
-
* LocalUpload 组件用于本地文件上传,支持按钮上传和拖拽上传两种方式。
|
|
5
|
-
*
|
|
6
|
-
* ## 功能特点
|
|
7
|
-
* - 支持单文件和多文件上传
|
|
8
|
-
* - 支持拖拽上传
|
|
9
|
-
* - 支持文件验证
|
|
10
|
-
* - 支持上传进度展示
|
|
11
|
-
* - 支持错误提示
|
|
12
|
-
*/
|
|
13
|
-
declare const meta: Meta<typeof LocalUpload>;
|
|
14
|
-
export default meta;
|
|
15
|
-
type Story = StoryObj<typeof LocalUpload>;
|
|
16
|
-
/**
|
|
17
|
-
* 基础的拖拽上传示例
|
|
18
|
-
* 点击或拖拽文件到上传区域即可上传
|
|
19
|
-
*/
|
|
20
|
-
export declare const BasicDragger: Story;
|
|
21
|
-
/**
|
|
22
|
-
* 单文件拖拽上传
|
|
23
|
-
* 只允许选择一个文件,选择新文件会替换旧文件
|
|
24
|
-
*/
|
|
25
|
-
export declare const SingleFileDragger: Story;
|
|
26
|
-
/**
|
|
27
|
-
* 按钮上传示例
|
|
28
|
-
* 使用按钮触发文件选择对话框
|
|
29
|
-
*/
|
|
30
|
-
export declare const ButtonUpload: Story;
|
|
31
|
-
/**
|
|
32
|
-
* 限制文件数量
|
|
33
|
-
* 最多只能上传指定数量的文件
|
|
34
|
-
*/
|
|
35
|
-
export declare const MaxCountUpload: Story;
|
|
36
|
-
/**
|
|
37
|
-
* 带文件类型限制的上传
|
|
38
|
-
* 只允许上传指定类型的文件
|
|
39
|
-
*/
|
|
40
|
-
export declare const AcceptTypeUpload: Story;
|
|
41
|
-
/**
|
|
42
|
-
* 带文件验证的上传
|
|
43
|
-
* 可以自定义文件验证逻辑,验证失败会显示错误信息
|
|
44
|
-
*/
|
|
45
|
-
export declare const ValidatedUpload: Story;
|
|
46
|
-
/**
|
|
47
|
-
* 禁用状态
|
|
48
|
-
* 禁用后无法进行文件上传操作
|
|
49
|
-
*/
|
|
50
|
-
export declare const DisabledUpload: Story;
|
|
51
|
-
/**
|
|
52
|
-
* 预填充文件
|
|
53
|
-
*/
|
|
54
|
-
export declare const WithPrefilledFiles: Story;
|
|
55
|
-
/**
|
|
56
|
-
* List 类型文件列表
|
|
57
|
-
* 使用标准列表展示文件,包含文件名、文件大小、文件状态等信息
|
|
58
|
-
*/
|
|
59
|
-
export declare const ListTypeList: Story;
|
|
60
|
-
/**
|
|
61
|
-
* Info 类型文件列表
|
|
62
|
-
* 以 Info 形式展示文件信息,包含文件名、文件大小、文件状态等信息
|
|
63
|
-
*/
|
|
64
|
-
export declare const InfoListType: Story;
|
|
65
|
-
/**
|
|
66
|
-
* 自定义按钮样式
|
|
67
|
-
* 可以隐藏图标或添加自定义类名
|
|
68
|
-
*/
|
|
69
|
-
export declare const CustomButtonStyle: Story;
|
|
70
|
-
/**
|
|
71
|
-
* 文件移除回调
|
|
72
|
-
* 监听文件移除事件
|
|
73
|
-
*/
|
|
74
|
-
export declare const WithRemoveCallback: Story;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { CopyButtonProps } from "../../../../src/coreX/Copy/CopyButton";
|
|
2
|
-
import { Meta, StoryObj } from "@storybook/react";
|
|
3
|
-
import React from "react";
|
|
4
|
-
/**
|
|
5
|
-
*
|
|
6
|
-
* CopyButton 组件是一个带有复制功能的按钮,点击后会将指定文本复制到剪贴板,并通过 tooltip 提供复制成功的反馈。
|
|
7
|
-
*
|
|
8
|
-
* ### 主要特性
|
|
9
|
-
* - 点击按钮复制指定文本到剪贴板
|
|
10
|
-
* - 复制成功后显示 tooltip 提示(默认显示 1 秒)
|
|
11
|
-
* - 支持自定义按钮文本和 tooltip 提示文本
|
|
12
|
-
* - 使用现代的 `navigator.clipboard` API
|
|
13
|
-
*
|
|
14
|
-
*/
|
|
15
|
-
declare const meta: Meta<React.FC<CopyButtonProps>>;
|
|
16
|
-
export default meta;
|
|
17
|
-
/**
|
|
18
|
-
*
|
|
19
|
-
* 最基本的用法,使用默认的按钮文本和提示文本。
|
|
20
|
-
*
|
|
21
|
-
* 点击按钮后会显示"已复制到剪贴板"的提示。
|
|
22
|
-
*
|
|
23
|
-
*/
|
|
24
|
-
export declare const Default: StoryObj<CopyButtonProps>;
|
|
25
|
-
/**
|
|
26
|
-
*
|
|
27
|
-
* 自定义按钮的显示文本,可以根据业务场景提供更明确的按钮文案。
|
|
28
|
-
*
|
|
29
|
-
*/
|
|
30
|
-
export declare const CustomButtonText: StoryObj<CopyButtonProps>;
|
|
31
|
-
/**
|
|
32
|
-
*
|
|
33
|
-
* 自定义复制成功后的 tooltip 提示文本。
|
|
34
|
-
*
|
|
35
|
-
*/
|
|
36
|
-
export declare const CustomTooltipText: StoryObj<CopyButtonProps>;
|
|
37
|
-
/**
|
|
38
|
-
*
|
|
39
|
-
* 在实际业务场景中使用,如复制配置文件、命令行、代码片段等。
|
|
40
|
-
*
|
|
41
|
-
*/
|
|
42
|
-
export declare const RealWorldScenarios: StoryObj<CopyButtonProps>;
|
|
43
|
-
/**
|
|
44
|
-
*
|
|
45
|
-
* 多个复制按钮组合使用,比如在表单或信息展示页面中。
|
|
46
|
-
*
|
|
47
|
-
*/
|
|
48
|
-
export declare const MultipleButtons: StoryObj<CopyButtonProps>;
|
|
49
|
-
/**
|
|
50
|
-
*
|
|
51
|
-
* 复制超长文本内容,如大型配置文件、日志等。
|
|
52
|
-
*
|
|
53
|
-
*/
|
|
54
|
-
export declare const LongText: StoryObj<CopyButtonProps>;
|
|
55
|
-
/**
|
|
56
|
-
*
|
|
57
|
-
* 边界场景测试,包括空文本、特殊字符等。
|
|
58
|
-
*
|
|
59
|
-
*/
|
|
60
|
-
export declare const EdgeCases: StoryObj<CopyButtonProps>;
|
|
61
|
-
/**
|
|
62
|
-
*
|
|
63
|
-
* 在卡片布局中使用复制按钮。
|
|
64
|
-
*
|
|
65
|
-
*/
|
|
66
|
-
export declare const InCard: StoryObj<CopyButtonProps>;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { CopyTooltipProps } from "../../../../src/coreX/Copy/CopyTooltip";
|
|
2
|
-
import { Meta, StoryObj } from "@storybook/react";
|
|
3
|
-
import React from "react";
|
|
4
|
-
/**
|
|
5
|
-
*
|
|
6
|
-
* CopyTooltip 组件用于复制文本到剪贴板,并通过 tooltip 提供交互反馈。适用于需要复制文本的场景,如复制 ID、地址、配置等。
|
|
7
|
-
*
|
|
8
|
-
* ### 主要特性
|
|
9
|
-
* - 支持自定义复制前后的 tooltip 提示文本
|
|
10
|
-
* - 支持自定义触发复制的子元素
|
|
11
|
-
* - 内置默认的复制图标
|
|
12
|
-
* - 鼠标悬浮时显示复制提示,点击后显示复制成功提示
|
|
13
|
-
*
|
|
14
|
-
*/
|
|
15
|
-
declare const meta: Meta<React.FC<CopyTooltipProps>>;
|
|
16
|
-
export default meta;
|
|
17
|
-
/**
|
|
18
|
-
*
|
|
19
|
-
* 最基本的用法,使用默认的复制图标和默认的提示文本。
|
|
20
|
-
*
|
|
21
|
-
* 鼠标悬浮时显示"点击复制",点击后显示"复制成功"。
|
|
22
|
-
*
|
|
23
|
-
*/
|
|
24
|
-
export declare const Default: StoryObj<CopyTooltipProps>;
|
|
25
|
-
/**
|
|
26
|
-
*
|
|
27
|
-
* 自定义复制前后的 tooltip 提示文本,可以根据业务场景提供更友好的提示信息。
|
|
28
|
-
*
|
|
29
|
-
*/
|
|
30
|
-
export declare const CustomTooltipText: StoryObj<CopyTooltipProps>;
|
|
31
|
-
/**
|
|
32
|
-
*
|
|
33
|
-
* 可以自定义触发复制的子元素,比如使用文本、按钮或其他图标。
|
|
34
|
-
*
|
|
35
|
-
*/
|
|
36
|
-
export declare const CustomChildren: StoryObj<CopyTooltipProps>;
|
|
37
|
-
/**
|
|
38
|
-
*
|
|
39
|
-
* 复制长文本内容,如配置文件、日志等。
|
|
40
|
-
*
|
|
41
|
-
*/
|
|
42
|
-
export declare const LongText: StoryObj<CopyTooltipProps>;
|
|
43
|
-
/**
|
|
44
|
-
*
|
|
45
|
-
* 在表格中使用,复制单元格内容。
|
|
46
|
-
*
|
|
47
|
-
*/
|
|
48
|
-
export declare const InTable: StoryObj<CopyTooltipProps>;
|
|
49
|
-
/**
|
|
50
|
-
*
|
|
51
|
-
* 自定义 tooltip 的样式和位置等属性。
|
|
52
|
-
*
|
|
53
|
-
*/
|
|
54
|
-
export declare const CustomTooltipProps: StoryObj<CopyTooltipProps>;
|
|
55
|
-
/**
|
|
56
|
-
*
|
|
57
|
-
* 复制包含特殊字符和换行的文本内容。
|
|
58
|
-
*
|
|
59
|
-
*/
|
|
60
|
-
export declare const SpecialCharacters: StoryObj<CopyTooltipProps>;
|
|
61
|
-
/**
|
|
62
|
-
*
|
|
63
|
-
* 空文本或极端场景下的处理。
|
|
64
|
-
*
|
|
65
|
-
*/
|
|
66
|
-
export declare const EdgeCases: StoryObj<CopyTooltipProps>;
|