@zjpcy/simple-design 1.8.29 → 1.9.0
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/components/Card/index.js +1 -0
- package/dist/cjs/components/Modal/index.js +1 -1
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/index.css +677 -0
- package/dist/es/components/Card/index.js +1 -0
- package/dist/es/components/Modal/index.js +1 -1
- package/dist/es/components/index.js +1 -1
- package/dist/es/index.css +677 -0
- package/dist/types/components/Card/index.d.ts +10 -0
- package/dist/types/components/Card/types.d.ts +54 -0
- package/dist/types/components/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export interface CardProps {
|
|
2
|
+
/** 卡片标题 */
|
|
3
|
+
title?: React.ReactNode;
|
|
4
|
+
/** 标题右侧额外内容 */
|
|
5
|
+
extra?: React.ReactNode;
|
|
6
|
+
/** 卡片内容 */
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
/** 底部内容 */
|
|
9
|
+
footer?: React.ReactNode;
|
|
10
|
+
/** 卡片尺寸 */
|
|
11
|
+
size?: 'small' | 'default' | 'large';
|
|
12
|
+
/** 边框样式 */
|
|
13
|
+
bordered?: boolean;
|
|
14
|
+
/** 悬停效果 */
|
|
15
|
+
hoverable?: boolean;
|
|
16
|
+
/** 加载状态 */
|
|
17
|
+
loading?: boolean;
|
|
18
|
+
/** 封面图片 */
|
|
19
|
+
cover?: React.ReactNode;
|
|
20
|
+
/** 自定义类名 */
|
|
21
|
+
className?: string;
|
|
22
|
+
/** 自定义样式 */
|
|
23
|
+
style?: React.CSSProperties;
|
|
24
|
+
/** 头部样式 */
|
|
25
|
+
headerStyle?: React.CSSProperties;
|
|
26
|
+
/** 内容区域样式 */
|
|
27
|
+
bodyStyle?: React.CSSProperties;
|
|
28
|
+
/** 底部样式 */
|
|
29
|
+
footerStyle?: React.CSSProperties;
|
|
30
|
+
/** 点击卡片的事件 */
|
|
31
|
+
onClick?: () => void;
|
|
32
|
+
}
|
|
33
|
+
export interface CardMetaProps {
|
|
34
|
+
/** 头像/图标 */
|
|
35
|
+
avatar?: React.ReactNode;
|
|
36
|
+
/** 标题 */
|
|
37
|
+
title?: React.ReactNode;
|
|
38
|
+
/** 描述 */
|
|
39
|
+
description?: React.ReactNode;
|
|
40
|
+
/** 自定义类名 */
|
|
41
|
+
className?: string;
|
|
42
|
+
/** 自定义样式 */
|
|
43
|
+
style?: React.CSSProperties;
|
|
44
|
+
}
|
|
45
|
+
export interface CardGridProps {
|
|
46
|
+
/** 栅格内容 */
|
|
47
|
+
children?: React.ReactNode;
|
|
48
|
+
/** 是否hoverable */
|
|
49
|
+
hoverable?: boolean;
|
|
50
|
+
/** 自定义类名 */
|
|
51
|
+
className?: string;
|
|
52
|
+
/** 自定义样式 */
|
|
53
|
+
style?: React.CSSProperties;
|
|
54
|
+
}
|
|
@@ -103,3 +103,5 @@ export { default as Splitter } from './Splitter';
|
|
|
103
103
|
export type { SplitterProps, DragState, PanelSizeInfo, PanelContentProps } from './Splitter/types';
|
|
104
104
|
export { default as Calendar } from './Calendar';
|
|
105
105
|
export type { CalendarProps, CalendarHeaderProps, CalendarDateCellProps, CalendarMonthCellProps, CalendarBodyProps, CalendarYearPanelProps, DateInfoData, DateInfoItem, DatePanelFormConfig, DatePanelField } from './Calendar/types';
|
|
106
|
+
export { default as Card } from './Card';
|
|
107
|
+
export type { CardProps, CardMetaProps, CardGridProps } from './Card/types';
|