zmdms-webui 2.3.2 → 2.3.4
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/es/alert/alert.d.ts +5 -0
- package/dist/es/alert/index.css +1 -0
- package/dist/es/alert/index.d.ts +5 -0
- package/dist/es/alert/interface.d.ts +14 -0
- package/dist/es/applayout/appLayout.d.ts +11 -0
- package/dist/es/applayout/index.css +1 -0
- package/dist/es/applayout/index.d.ts +5 -0
- package/dist/es/applayoutheader/appLayoutHeader.d.ts +16 -0
- package/dist/es/applayoutheader/index.d.ts +5 -0
- package/dist/es/applayoutsider/appLayoutSider.d.ts +57 -0
- package/dist/es/applayoutsider/index.d.ts +5 -0
- package/dist/es/authloading/authLoading.d.ts +5 -0
- package/dist/es/authloading/index.css +1 -0
- package/dist/es/authloading/index.d.ts +5 -0
- package/dist/es/button/button.d.ts +5 -0
- package/dist/es/button/buttonDownload.d.ts +25 -0
- package/dist/es/button/buttonExport.d.ts +15 -0
- package/dist/es/button/buttonFullScreen.d.ts +9 -0
- package/dist/es/button/buttonPreview.d.ts +26 -0
- package/dist/es/button/index.css +1 -0
- package/dist/es/button/index.d.ts +5 -0
- package/dist/es/button/interface.d.ts +34 -0
- package/dist/es/calendar/index.d.ts +7 -0
- package/dist/es/canvastable/canvasTable.d.ts +6 -0
- package/dist/es/canvastable/canvasTable.js +29 -25
- package/dist/es/canvastable/components/ColumnDynamic.js +3 -1
- package/dist/es/canvastable/hooks/useAutoHeight.js +67 -0
- package/dist/es/canvastable/hooks/useHeaderHeight.js +1 -1
- package/dist/es/canvastable/hooks/useOverlays.js +7 -7
- package/dist/es/canvastable/hooks/usePopovers.js +1 -0
- package/dist/es/canvastable/hooks/useProcessedColumns.js +5 -3
- package/dist/es/canvastable/hooks/useScroll.js +1 -0
- package/dist/es/canvastable/hooks/useSummaryRow.js +32 -19
- package/dist/es/canvastable/hooks/useTableInteraction.js +3 -2
- package/dist/es/canvastable/hooks/useTableRender.js +14 -11
- package/dist/es/canvastable/hooks/useTableState.js +1 -0
- package/dist/es/canvastable/index.css +1 -0
- package/dist/es/canvastable/index.d.ts +5 -0
- package/dist/es/canvastable/interface.d.ts +399 -0
- package/dist/es/canvastable/utils/cellHelpers.js +5 -5
- package/dist/es/canvastable/utils/constants.js +2 -2
- package/dist/es/canvastable/utils/formatHelpers.js +4 -25
- package/dist/es/cascader/index.css +1 -0
- package/dist/es/collapse/collapse.d.ts +7 -0
- package/dist/es/collapse/index.css +1 -0
- package/dist/es/collapse/index.d.ts +5 -0
- package/dist/es/collapse/interface.d.ts +25 -0
- package/dist/es/config/ZtxkContext.d.ts +32 -0
- package/dist/es/container/container.d.ts +51 -0
- package/dist/es/container/index.css +1 -0
- package/dist/es/container/index.d.ts +5 -0
- package/dist/es/datepicker/index.css +1 -0
- package/dist/es/datepicker/index.d.ts +48 -0
- package/dist/es/datepicker/interface.d.ts +56 -0
- package/dist/es/descriptions/descriptions.d.ts +5 -0
- package/dist/es/descriptions/index.css +1 -0
- package/dist/es/descriptions/index.d.ts +5 -0
- package/dist/es/descriptions/interface.d.ts +12 -0
- package/dist/es/detaillist/index.css +1 -0
- package/dist/es/detaillist/index.d.ts +5 -0
- package/dist/es/detaillist/item.d.ts +35 -0
- package/dist/es/detaillist/list.d.ts +17 -0
- package/dist/es/differences/differences.d.ts +5 -0
- package/dist/es/differences/index.css +1 -0
- package/dist/es/differences/index.d.ts +5 -0
- package/dist/es/differences/interface.d.ts +17 -0
- package/dist/es/dynamicsetting/dynamicSetting.d.ts +6 -0
- package/dist/es/dynamicsetting/index.css +1 -0
- package/dist/es/dynamicsetting/index.d.ts +5 -0
- package/dist/es/dynamicsetting/interface.d.ts +43 -0
- package/dist/es/electronsignatures/index.css +1 -0
- package/dist/es/electronsignatures/index.d.ts +6 -0
- package/dist/es/electronsignatures/interface.d.ts +500 -0
- package/dist/es/enhanceselect/enhance-select.d.ts +6 -0
- package/dist/es/enhanceselect/index.d.ts +5 -0
- package/dist/es/enhanceselect/interface.d.ts +71 -0
- package/dist/es/footer/footer.d.ts +6 -0
- package/dist/es/footer/index.css +1 -0
- package/dist/es/footer/index.d.ts +5 -0
- package/dist/es/footer/interface.d.ts +34 -0
- package/dist/es/form/form.d.ts +18 -0
- package/dist/es/form/index.css +1 -0
- package/dist/es/form/index.d.ts +5 -0
- package/dist/es/form/interface.d.ts +91 -0
- package/dist/es/formitem/formItem.d.ts +115 -0
- package/dist/es/formitem/index.css +1 -0
- package/dist/es/formitem/index.d.ts +5 -0
- package/dist/es/icon/icon-oss.d.ts +6 -0
- package/dist/es/icon/index.d.ts +6 -0
- package/dist/es/input/TextArea.d.ts +13 -0
- package/dist/es/input/index.css +1 -0
- package/dist/es/input/index.d.ts +5 -0
- package/dist/es/input/input.d.ts +23 -0
- package/dist/es/inputnumber/index.css +1 -0
- package/dist/es/inputnumber/index.d.ts +5 -0
- package/dist/es/inputnumber/inputNumber.d.ts +28 -0
- package/dist/es/inputnumber/interface.d.ts +4 -0
- package/dist/es/leftcontent/index.css +1 -0
- package/dist/es/leftcontent/index.d.ts +5 -0
- package/dist/es/leftcontent/leftContent.d.ts +31 -0
- package/dist/es/login/index.css +1 -0
- package/dist/es/login/index.d.ts +37 -0
- package/dist/es/message/index.css +1 -0
- package/dist/es/message/index.d.ts +5 -0
- package/dist/es/microloading/index.css +1 -0
- package/dist/es/microloading/index.d.ts +5 -0
- package/dist/es/microloading/micro-loading.d.ts +8 -0
- package/dist/es/modal/index.css +1 -0
- package/dist/es/modal/index.d.ts +5 -0
- package/dist/es/modal/interface.d.ts +91 -0
- package/dist/es/modal/modal.d.ts +5 -0
- package/dist/es/notauthpage/index.css +0 -0
- package/dist/es/notauthpage/index.d.ts +5 -0
- package/dist/es/notauthpage/notAuthPage.d.ts +8 -0
- package/dist/es/notroutepage/index.css +0 -0
- package/dist/es/notroutepage/index.d.ts +5 -0
- package/dist/es/notroutepage/notRoutePage.d.ts +8 -0
- package/dist/es/operationbtn/index.d.ts +5 -0
- package/dist/es/operationbtn/interface.d.ts +34 -0
- package/dist/es/operationbtn/operationBtn.d.ts +6 -0
- package/dist/es/pagination/index.css +1 -0
- package/dist/es/pagination/index.d.ts +5 -0
- package/dist/es/pagination/pagination.d.ts +8 -0
- package/dist/es/placeholder/index.css +1 -0
- package/dist/es/placeholder/index.d.ts +5 -0
- package/dist/es/placeholder/interface.d.ts +12 -0
- package/dist/es/placeholder/placeholder.d.ts +5 -0
- package/dist/es/print/index.css +1 -0
- package/dist/es/print/index.d.ts +5 -0
- package/dist/es/print/interface.d.ts +69 -0
- package/dist/es/print/print-page.d.ts +6 -0
- package/dist/es/print/print.d.ts +5 -0
- package/dist/es/protectedroute/index.d.ts +24 -0
- package/dist/es/select/hooks.d.ts +16 -0
- package/dist/es/select/index.css +1 -0
- package/dist/es/select/index.d.ts +5 -0
- package/dist/es/select/interface.d.ts +82 -0
- package/dist/es/select/select-render.d.ts +31 -0
- package/dist/es/select/select.d.ts +5 -0
- package/dist/es/sortable/index.d.ts +5 -0
- package/dist/es/sortable/sortable-item.d.ts +14 -0
- package/dist/es/sortable/sortable.d.ts +13 -0
- package/dist/es/suspensecomponent/index.d.ts +10 -0
- package/dist/es/table/components/Badge.d.ts +24 -0
- package/dist/es/table/components/TitleDirectionColumn.d.ts +11 -0
- package/dist/es/table/constant.d.ts +3 -0
- package/dist/es/table/index.css +1 -0
- package/dist/es/table/index.d.ts +5 -0
- package/dist/es/table/interface.d.ts +613 -0
- package/dist/es/table/table.d.ts +11 -0
- package/dist/es/tabs/index.css +1 -0
- package/dist/es/tabs/index.d.ts +5 -0
- package/dist/es/tabs/interface.d.ts +52 -0
- package/dist/es/tabs/tabs.d.ts +5 -0
- package/dist/es/tag/index.css +1 -0
- package/dist/es/tag/index.d.ts +5 -0
- package/dist/es/tag/interface.d.ts +9 -0
- package/dist/es/tag/tag.d.ts +5 -0
- package/dist/es/timepicker/index.d.ts +19 -0
- package/dist/es/title/index.css +1 -0
- package/dist/es/title/index.d.ts +5 -0
- package/dist/es/title/interface.d.ts +35 -0
- package/dist/es/title/title.d.ts +5 -0
- package/dist/es/tree/index.css +1 -0
- package/dist/es/tree/index.d.ts +5 -0
- package/dist/es/tree/interface.d.ts +44 -0
- package/dist/es/tree/tree.d.ts +5 -0
- package/dist/es/treeselect/index.css +1 -0
- package/dist/es/treeselect/index.d.ts +5 -0
- package/dist/es/treeselect/interface.d.ts +32 -0
- package/dist/es/treeselect/treeSelect.d.ts +5 -0
- package/dist/es/uploadlist/index.css +1 -0
- package/dist/es/uploadlist/index.d.ts +5 -0
- package/dist/es/uploadlist/interface.d.ts +113 -0
- package/dist/es/uploadlist/uploadList.d.ts +5 -0
- package/dist/es/watermark/index.css +1 -0
- package/dist/es/watermark/index.d.ts +5 -0
- package/dist/es/watermark/interface.d.ts +23 -0
- package/dist/es/watermark/watermark.d.ts +5 -0
- package/dist/es/zttransfer/index.css +1 -0
- package/dist/es/zttransfer/index.d.ts +5 -0
- package/dist/es/zttransfer/interface.d.ts +38 -0
- package/dist/es/zttransfer/zt-transfer.d.ts +6 -0
- package/dist/index.build.d.ts +69 -0
- package/dist/index.dark.css +2 -0
- package/dist/index.default.css +2 -0
- package/dist/index.es.css +1 -1
- package/dist/less/components/Alert/style/index.less +53 -0
- package/dist/less/components/Alert/style/style.less +4 -0
- package/dist/less/components/AppLayout/style/index.less +546 -0
- package/dist/less/components/AppLayout/style/style.less +2 -0
- package/dist/less/components/AppLayout/style.less +5 -0
- package/dist/less/components/AuthLoading/style/index.less +15 -0
- package/dist/less/components/AuthLoading/style/style.less +2 -0
- package/dist/less/components/Button/style/index.less +160 -0
- package/dist/less/components/Button/style/style.less +5 -0
- package/dist/less/components/CanvasTable/style/index.less +104 -0
- package/dist/less/components/CanvasTable/style/style.less +1 -0
- package/dist/less/components/Cascader/style/index.less +9 -0
- package/dist/less/components/Cascader/style/style.less +2 -0
- package/dist/less/components/Collapse/style/index.less +117 -0
- package/dist/less/components/Collapse/style/style.less +2 -0
- package/dist/less/components/Container/style/index.less +64 -0
- package/dist/less/components/Container/style/style.less +2 -0
- package/dist/less/components/DatePicker/style/index.less +7 -0
- package/dist/less/components/DatePicker/style/style.less +4 -0
- package/dist/less/components/Descriptions/style/index.less +32 -0
- package/dist/less/components/Descriptions/style/style.less +5 -0
- package/dist/less/components/DetailList/style/index.less +105 -0
- package/dist/less/components/DetailList/style/style.less +2 -0
- package/dist/less/components/Differences/style/index.less +5 -0
- package/dist/less/components/Differences/style/style.less +2 -0
- package/dist/less/components/DynamicSetting/style/index.less +96 -0
- package/dist/less/components/DynamicSetting/style/style.less +2 -0
- package/dist/less/components/ElectronSignatures/style/index.less +331 -0
- package/dist/less/components/ElectronSignatures/style/style.less +1 -0
- package/dist/less/components/Footer/style/index.less +28 -0
- package/dist/less/components/Footer/style/style.less +2 -0
- package/dist/less/components/Form/style/index.less +150 -0
- package/dist/less/components/Form/style/style.less +5 -0
- package/dist/less/components/FormItem/style/index.less +456 -0
- package/dist/less/components/FormItem/style/style.less +2 -0
- package/dist/less/components/Input/style/index.less +15 -0
- package/dist/less/components/Input/style/style.less +4 -0
- package/dist/less/components/InputNumber/style/index.less +30 -0
- package/dist/less/components/InputNumber/style/style.less +4 -0
- package/dist/less/components/LeftContent/style/index.less +62 -0
- package/dist/less/components/LeftContent/style/style.less +2 -0
- package/dist/less/components/Login/style/index.less +63 -0
- package/dist/less/components/Login/style/style.less +2 -0
- package/dist/less/components/Message/style/index.less +19 -0
- package/dist/less/components/Message/style/style.less +2 -0
- package/dist/less/components/MicroLoading/style/index.less +15 -0
- package/dist/less/components/MicroLoading/style/style.less +2 -0
- package/dist/less/components/Modal/style/index.less +43 -0
- package/dist/less/components/Modal/style/style.less +2 -0
- package/dist/less/components/NotAuthPage/style/index.less +0 -0
- package/dist/less/components/NotAuthPage/style/style.less +2 -0
- package/dist/less/components/NotRoutePage/style/index.less +0 -0
- package/dist/less/components/NotRoutePage/style/style.less +2 -0
- package/dist/less/components/Pagination/style/index.less +107 -0
- package/dist/less/components/Pagination/style/style.less +5 -0
- package/dist/less/components/Placeholder/style/index.less +3 -0
- package/dist/less/components/Placeholder/style/style.less +2 -0
- package/dist/less/components/Print/style/index.less +65 -0
- package/dist/less/components/Print/style/style.less +3 -0
- package/dist/less/components/Select/style/index.less +55 -0
- package/dist/less/components/Select/style/style.less +4 -0
- package/dist/less/components/Table/style/index.less +362 -0
- package/dist/less/components/Table/style/style.less +4 -0
- package/dist/less/components/Tabs/style/index.less +118 -0
- package/dist/less/components/Tabs/style/style.less +4 -0
- package/dist/less/components/Tag/style/index.less +3 -0
- package/dist/less/components/Tag/style/style.less +4 -0
- package/dist/less/components/Title/style/index.less +54 -0
- package/dist/less/components/Title/style/style.less +2 -0
- package/dist/less/components/Tree/style/index.less +58 -0
- package/dist/less/components/Tree/style/style.less +4 -0
- package/dist/less/components/TreeSelect/style/index.less +0 -0
- package/dist/less/components/TreeSelect/style/style.less +4 -0
- package/dist/less/components/UploadList/style/index.less +61 -0
- package/dist/less/components/UploadList/style/style.less +4 -0
- package/dist/less/components/Watermark/style/index.less +7 -0
- package/dist/less/components/Watermark/style/style.less +3 -0
- package/dist/less/components/ZtTransfer/style/index.less +136 -0
- package/dist/less/components/ZtTransfer/style/style.less +2 -0
- package/dist/less/styles/default.less +100 -0
- package/dist/less/styles/index.less +88 -0
- package/dist/less/styles/reset.less +189 -0
- package/package.json +1 -1
|
@@ -0,0 +1,399 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type SortOrder = "ascend" | "descend" | null;
|
|
4
|
+
interface FilterConfig {
|
|
5
|
+
text: string;
|
|
6
|
+
value: any;
|
|
7
|
+
}
|
|
8
|
+
type ColumnDataType = "text" | "number" | "date" | "boolean";
|
|
9
|
+
interface ICanvasColumnType<RecordType = any> {
|
|
10
|
+
/**
|
|
11
|
+
* 列的key,唯一标识
|
|
12
|
+
*/
|
|
13
|
+
key: string;
|
|
14
|
+
/**
|
|
15
|
+
* 数据字段名
|
|
16
|
+
*/
|
|
17
|
+
dataIndex?: string;
|
|
18
|
+
/**
|
|
19
|
+
* 列标题
|
|
20
|
+
*/
|
|
21
|
+
title: React__default.ReactNode | string;
|
|
22
|
+
/**
|
|
23
|
+
* 动态列配置的title
|
|
24
|
+
* 当你传入的title是一个 组件时。组件再做动态列配置的时候,需要一个字符串的值,来充当动态列配置的title。这里可以传入一个字符串的值进来
|
|
25
|
+
*/
|
|
26
|
+
dynamicTitle?: string;
|
|
27
|
+
/**
|
|
28
|
+
* 子列(用于多级表头)
|
|
29
|
+
*/
|
|
30
|
+
children?: ICanvasColumnType<RecordType>[];
|
|
31
|
+
/**
|
|
32
|
+
* 列宽度
|
|
33
|
+
*/
|
|
34
|
+
width?: number;
|
|
35
|
+
/**
|
|
36
|
+
* 对齐方式
|
|
37
|
+
*/
|
|
38
|
+
align?: "left" | "center" | "right";
|
|
39
|
+
/**
|
|
40
|
+
* 是否固定列
|
|
41
|
+
*/
|
|
42
|
+
fixed?: "left" | "right" | boolean;
|
|
43
|
+
/**
|
|
44
|
+
* 是否可排序(默认为true)
|
|
45
|
+
*/
|
|
46
|
+
sorter?: boolean | ((a: RecordType, b: RecordType) => number);
|
|
47
|
+
/**
|
|
48
|
+
* 默认排序顺序
|
|
49
|
+
*/
|
|
50
|
+
defaultSortOrder?: SortOrder;
|
|
51
|
+
/**
|
|
52
|
+
* 是否开启自定义排序(默认为true)
|
|
53
|
+
* 排序的数据默认实际不会影响源数据,是一份新的数据。
|
|
54
|
+
*/
|
|
55
|
+
isOrder?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* 是否开启过滤
|
|
58
|
+
*/
|
|
59
|
+
filters?: FilterConfig[];
|
|
60
|
+
/**
|
|
61
|
+
* 过滤方法
|
|
62
|
+
*/
|
|
63
|
+
onFilter?: (value: any, record: RecordType) => boolean;
|
|
64
|
+
/**
|
|
65
|
+
* 是否开启过滤功能(默认为true)
|
|
66
|
+
*/
|
|
67
|
+
isFilter?: boolean;
|
|
68
|
+
/**
|
|
69
|
+
* 列数据类型(用于筛选功能,默认为'text')
|
|
70
|
+
*/
|
|
71
|
+
dataType?: ColumnDataType;
|
|
72
|
+
/**
|
|
73
|
+
* 自定义渲染 ,两种模式,兼容旧的入参方式
|
|
74
|
+
*/
|
|
75
|
+
render?: ((text: any, record: RecordType, index: number) => React__default.ReactNode) | ((options: {
|
|
76
|
+
value: any;
|
|
77
|
+
record: RecordType;
|
|
78
|
+
index: number;
|
|
79
|
+
}) => React__default.ReactNode);
|
|
80
|
+
/**
|
|
81
|
+
* 是否显示
|
|
82
|
+
*/
|
|
83
|
+
hidden?: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* 最小宽度
|
|
86
|
+
*/
|
|
87
|
+
minWidth?: number;
|
|
88
|
+
/**
|
|
89
|
+
* 最大宽度
|
|
90
|
+
*/
|
|
91
|
+
maxWidth?: number;
|
|
92
|
+
/**
|
|
93
|
+
* 是否溢出省略(默认为true)
|
|
94
|
+
*/
|
|
95
|
+
ellipsis?: boolean;
|
|
96
|
+
/**
|
|
97
|
+
* 是否换行(默认为false)
|
|
98
|
+
*/
|
|
99
|
+
wrap?: boolean;
|
|
100
|
+
/**
|
|
101
|
+
* 获取复制的值(用于自定义复制内容)
|
|
102
|
+
*/
|
|
103
|
+
getCopyValue?: (text: any, record: RecordType, index: number) => string;
|
|
104
|
+
/**
|
|
105
|
+
* 是否开启维度自定义
|
|
106
|
+
*/
|
|
107
|
+
isDimension?: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* 自定义排序的优先级,数字越小,优先级越高,比如2的不能排序到1的前面
|
|
110
|
+
*/
|
|
111
|
+
dimensionPriority?: number;
|
|
112
|
+
/**
|
|
113
|
+
* 维度优先级分组,同组内遵循 dimensionPriority,跨组自由排序
|
|
114
|
+
*/
|
|
115
|
+
dimensionGroup?: string;
|
|
116
|
+
/**
|
|
117
|
+
* 自定义维度互斥的字段,多个需要逗号分隔,比如:name,age
|
|
118
|
+
*/
|
|
119
|
+
dimensionExclusive?: string;
|
|
120
|
+
/**
|
|
121
|
+
* 维度是否开启合计
|
|
122
|
+
*/
|
|
123
|
+
isDimensionSum?: boolean;
|
|
124
|
+
/**
|
|
125
|
+
* 是否合并单元格
|
|
126
|
+
*/
|
|
127
|
+
isMerge?: boolean;
|
|
128
|
+
/**
|
|
129
|
+
* 开启合计
|
|
130
|
+
*/
|
|
131
|
+
isSummary?: boolean;
|
|
132
|
+
/**
|
|
133
|
+
* 合计自定义计算回调函数
|
|
134
|
+
* @param value 当前值
|
|
135
|
+
* @param values 所有值的数组
|
|
136
|
+
* @returns 计算后的合计值
|
|
137
|
+
*/
|
|
138
|
+
totalCalcCallback?: (value: any, values: any[]) => any;
|
|
139
|
+
/**
|
|
140
|
+
* 开启合并的字段,按其他字段维度合并
|
|
141
|
+
*/
|
|
142
|
+
mergeKey?: string;
|
|
143
|
+
/**
|
|
144
|
+
* 添加角标
|
|
145
|
+
*/
|
|
146
|
+
badge?: IBadgeProps | ((record: RecordType) => IBadgeProps | undefined);
|
|
147
|
+
/**
|
|
148
|
+
* 导出excel的配置
|
|
149
|
+
*/
|
|
150
|
+
excelConfig?: {
|
|
151
|
+
/**
|
|
152
|
+
* 表头背景色
|
|
153
|
+
*/
|
|
154
|
+
headerBgColor?: string;
|
|
155
|
+
/**
|
|
156
|
+
* 表头字体颜色
|
|
157
|
+
*/
|
|
158
|
+
headerFontColor?: string;
|
|
159
|
+
};
|
|
160
|
+
/**
|
|
161
|
+
* 日期格式化
|
|
162
|
+
*/
|
|
163
|
+
dateFormat?: string;
|
|
164
|
+
/**
|
|
165
|
+
* 精度
|
|
166
|
+
*/
|
|
167
|
+
precision?: number;
|
|
168
|
+
/**
|
|
169
|
+
* 是否加上千分符
|
|
170
|
+
*/
|
|
171
|
+
thousand?: boolean;
|
|
172
|
+
/**
|
|
173
|
+
* 设置单元格属性(用于合并单元格等)
|
|
174
|
+
* 参考 antd table 的 onCell 用法
|
|
175
|
+
*/
|
|
176
|
+
onCell?: (record: RecordType, rowIndex?: number) => {
|
|
177
|
+
rowSpan?: number;
|
|
178
|
+
colSpan?: number;
|
|
179
|
+
[key: string]: any;
|
|
180
|
+
};
|
|
181
|
+
}
|
|
182
|
+
type ICanvasColumnsType<RecordType = any> = ICanvasColumnType<RecordType>[];
|
|
183
|
+
interface IBadgeProps {
|
|
184
|
+
/**
|
|
185
|
+
* 角标颜色
|
|
186
|
+
*/
|
|
187
|
+
color?: string;
|
|
188
|
+
/**
|
|
189
|
+
* 角标文本
|
|
190
|
+
*/
|
|
191
|
+
text?: string;
|
|
192
|
+
/**
|
|
193
|
+
* 角标位置
|
|
194
|
+
*/
|
|
195
|
+
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
196
|
+
}
|
|
197
|
+
interface ICanvasRowSelection<RecordType = any> {
|
|
198
|
+
/**
|
|
199
|
+
* 选中的key数组
|
|
200
|
+
*/
|
|
201
|
+
selectedRowKeys?: React__default.Key[];
|
|
202
|
+
/**
|
|
203
|
+
* 选中改变时的回调
|
|
204
|
+
*/
|
|
205
|
+
onChange?: (selectedRowKeys: React__default.Key[], selectedRows: RecordType[]) => void;
|
|
206
|
+
/**
|
|
207
|
+
* 获取checkbox的属性
|
|
208
|
+
*/
|
|
209
|
+
getCheckboxProps?: (record: RecordType) => any;
|
|
210
|
+
/**
|
|
211
|
+
* 选择框的列宽度
|
|
212
|
+
*/
|
|
213
|
+
columnWidth?: number;
|
|
214
|
+
/**
|
|
215
|
+
* 固定选择列
|
|
216
|
+
*/
|
|
217
|
+
fixed?: boolean;
|
|
218
|
+
}
|
|
219
|
+
interface ICanvasTableProps<RecordType = any> {
|
|
220
|
+
/**
|
|
221
|
+
* 数据源
|
|
222
|
+
*/
|
|
223
|
+
dataSource: RecordType[];
|
|
224
|
+
/**
|
|
225
|
+
* 列配置
|
|
226
|
+
*/
|
|
227
|
+
columns: ICanvasColumnType<RecordType>[];
|
|
228
|
+
/**
|
|
229
|
+
* 行key
|
|
230
|
+
*/
|
|
231
|
+
rowKey?: string | ((record: RecordType) => string);
|
|
232
|
+
/**
|
|
233
|
+
* 表格高度
|
|
234
|
+
*/
|
|
235
|
+
height?: number;
|
|
236
|
+
/**
|
|
237
|
+
* 表格宽度
|
|
238
|
+
*/
|
|
239
|
+
width?: number;
|
|
240
|
+
/**
|
|
241
|
+
* 行高
|
|
242
|
+
*/
|
|
243
|
+
rowHeight?: number;
|
|
244
|
+
/**
|
|
245
|
+
* 表头高度
|
|
246
|
+
*/
|
|
247
|
+
headerHeight?: number;
|
|
248
|
+
/**
|
|
249
|
+
* 表头换行
|
|
250
|
+
*/
|
|
251
|
+
headerWrap?: boolean;
|
|
252
|
+
/**
|
|
253
|
+
* 勾选配置
|
|
254
|
+
*/
|
|
255
|
+
rowSelection?: ICanvasRowSelection<RecordType>;
|
|
256
|
+
/**
|
|
257
|
+
* 排序改变回调
|
|
258
|
+
*/
|
|
259
|
+
onSortChange?: (field: string, order: SortOrder) => void;
|
|
260
|
+
/**
|
|
261
|
+
* 过滤改变回调
|
|
262
|
+
*/
|
|
263
|
+
onFilterChange?: (filters: Record<string, any[]>) => void;
|
|
264
|
+
/**
|
|
265
|
+
* 滚动事件
|
|
266
|
+
*/
|
|
267
|
+
onScroll?: (scrollLeft: number, scrollTop: number) => void;
|
|
268
|
+
/**
|
|
269
|
+
* 行点击事件
|
|
270
|
+
*/
|
|
271
|
+
onRowClick?: (record: RecordType, index: number) => void;
|
|
272
|
+
/**
|
|
273
|
+
* 列宽调整回调
|
|
274
|
+
*/
|
|
275
|
+
onColumnResize?: (columnKey: string, newWidth: number) => void;
|
|
276
|
+
/**
|
|
277
|
+
* 是否显示边框
|
|
278
|
+
*/
|
|
279
|
+
bordered?: boolean;
|
|
280
|
+
/**
|
|
281
|
+
* 是否显示斑马纹
|
|
282
|
+
*/
|
|
283
|
+
striped?: boolean;
|
|
284
|
+
/**
|
|
285
|
+
* 空数据时的提示
|
|
286
|
+
*/
|
|
287
|
+
emptyText?: string;
|
|
288
|
+
/**
|
|
289
|
+
* 自定义样式
|
|
290
|
+
*/
|
|
291
|
+
style?: React__default.CSSProperties;
|
|
292
|
+
/**
|
|
293
|
+
* 类名
|
|
294
|
+
*/
|
|
295
|
+
className?: string;
|
|
296
|
+
/**
|
|
297
|
+
* 加载状态
|
|
298
|
+
*/
|
|
299
|
+
loading?: boolean;
|
|
300
|
+
/**
|
|
301
|
+
* 是否启用右键菜单(默认为false)
|
|
302
|
+
*/
|
|
303
|
+
isContextMenu?: boolean;
|
|
304
|
+
/**
|
|
305
|
+
* 全屏状态变化回调
|
|
306
|
+
*/
|
|
307
|
+
isFullscreenHandle?: (isFull: boolean) => void;
|
|
308
|
+
/**
|
|
309
|
+
* 表格模式
|
|
310
|
+
* index: 自动添加序号列
|
|
311
|
+
*/
|
|
312
|
+
mode?: "index";
|
|
313
|
+
/**
|
|
314
|
+
* 动态列配置key(开启动态列配置)
|
|
315
|
+
*/
|
|
316
|
+
dynamicKey?: string;
|
|
317
|
+
/**
|
|
318
|
+
* 动态列配置版本号
|
|
319
|
+
*/
|
|
320
|
+
dynamicVersion?: number;
|
|
321
|
+
/**
|
|
322
|
+
* 自定义动态列配置后的回调
|
|
323
|
+
*/
|
|
324
|
+
customDynamicListHandle?: (dynamicList: any) => void;
|
|
325
|
+
/**
|
|
326
|
+
* 开启维度自定义(需配合 isAutoMerge 使用)
|
|
327
|
+
*/
|
|
328
|
+
isDimensionDynamic?: boolean;
|
|
329
|
+
/**
|
|
330
|
+
* 开启维度自定义后,开启维度合计的字段
|
|
331
|
+
*/
|
|
332
|
+
dimensionCustomSumKeys?: (string | {
|
|
333
|
+
key: string;
|
|
334
|
+
value?: (record: any) => string | number;
|
|
335
|
+
summaryType?: "sum" | "first" | "computed";
|
|
336
|
+
computedSummary?: (items: any[], summaryRow: any) => string | number;
|
|
337
|
+
})[];
|
|
338
|
+
/**
|
|
339
|
+
* 开启自动合并行
|
|
340
|
+
*/
|
|
341
|
+
isAutoMerge?: boolean;
|
|
342
|
+
/**
|
|
343
|
+
* 序号列是否参与合并(默认为true)
|
|
344
|
+
*/
|
|
345
|
+
isIndexMerge?: boolean;
|
|
346
|
+
/**
|
|
347
|
+
* 勾选框列是否参与合并(默认为false)
|
|
348
|
+
*/
|
|
349
|
+
isSelectionMerge?: boolean;
|
|
350
|
+
/**
|
|
351
|
+
* 自定义渲染模式
|
|
352
|
+
*/
|
|
353
|
+
renderMode?: "traditional" | "object";
|
|
354
|
+
/**
|
|
355
|
+
* 固定行配置
|
|
356
|
+
* 固定前几行不参与滚动
|
|
357
|
+
*/
|
|
358
|
+
fixedRowsCount?: number;
|
|
359
|
+
/**
|
|
360
|
+
* 固定行配置(扩展)
|
|
361
|
+
*/
|
|
362
|
+
fixedRowsConfig?: {
|
|
363
|
+
/**
|
|
364
|
+
* 固定顶部行数量
|
|
365
|
+
*/
|
|
366
|
+
topCount?: number;
|
|
367
|
+
/**
|
|
368
|
+
* 固定底部行数量
|
|
369
|
+
*/
|
|
370
|
+
bottomCount?: number;
|
|
371
|
+
/**
|
|
372
|
+
* 固定行的行高(可选,默认使用rowHeight)
|
|
373
|
+
*/
|
|
374
|
+
rowHeight?: number;
|
|
375
|
+
/**
|
|
376
|
+
* 固定行的样式
|
|
377
|
+
*/
|
|
378
|
+
style?: React__default.CSSProperties;
|
|
379
|
+
};
|
|
380
|
+
/**
|
|
381
|
+
* 合计行是否固定在底部(默认为false)
|
|
382
|
+
* 当为true时,合计行固定在表格底部不参与滚动
|
|
383
|
+
*/
|
|
384
|
+
summaryFixed?: boolean;
|
|
385
|
+
/**
|
|
386
|
+
* 是否开启自动计算Y轴高度
|
|
387
|
+
*/
|
|
388
|
+
isAutoScrollY?: boolean;
|
|
389
|
+
/**
|
|
390
|
+
* 自动计算Y轴高度时,canvas table下面留出的距离
|
|
391
|
+
*/
|
|
392
|
+
autoScrollYMarginBottom?: number;
|
|
393
|
+
/**
|
|
394
|
+
* 表格id(用于自动高度计算时定位元素)
|
|
395
|
+
*/
|
|
396
|
+
canvasTableId?: string;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
export { ColumnDataType, FilterConfig, IBadgeProps, ICanvasColumnType, ICanvasColumnsType, ICanvasRowSelection, ICanvasTableProps, SortOrder };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* 获取鼠标位置对应的单元格
|
|
6
6
|
*/
|
|
7
7
|
var getCellFromMousePosition = function (params) {
|
|
8
|
-
var x = params.x, y = params.y, headerHeight = params.headerHeight, rowHeight = params.rowHeight, scrollTop = params.scrollTop, scrollLeft = params.scrollLeft, columnRenderInfos = params.columnRenderInfos, dataLength = params.dataLength, _a = params.fixedTopRowsCount, fixedTopRowsCount = _a === void 0 ? 0 : _a, _b = params.fixedBottomRowsCount, fixedBottomRowsCount = _b === void 0 ? 0 : _b, _c = params.hasSummaryRow, hasSummaryRow = _c === void 0 ? false : _c, _d = params.
|
|
8
|
+
var x = params.x, y = params.y, headerHeight = params.headerHeight, rowHeight = params.rowHeight, scrollTop = params.scrollTop, scrollLeft = params.scrollLeft, columnRenderInfos = params.columnRenderInfos, dataLength = params.dataLength, _a = params.fixedTopRowsCount, fixedTopRowsCount = _a === void 0 ? 0 : _a, _b = params.fixedBottomRowsCount, fixedBottomRowsCount = _b === void 0 ? 0 : _b, _c = params.hasSummaryRow, hasSummaryRow = _c === void 0 ? false : _c, _d = params.summaryFixed, summaryFixed = _d === void 0 ? false : _d, _e = params.displayHeight, displayHeight = _e === void 0 ? 0 : _e, _f = params.needHorizontalScrollbar, needHorizontalScrollbar = _f === void 0 ? false : _f, _g = params.scrollbarSize, scrollbarSize = _g === void 0 ? 12 : _g;
|
|
9
9
|
// 判断是否在表头区域(row=-1表示表头)
|
|
10
10
|
var rowIndex;
|
|
11
11
|
if (y < headerHeight) {
|
|
@@ -23,7 +23,7 @@ var getCellFromMousePosition = function (params) {
|
|
|
23
23
|
return findColumn(x, scrollLeft, columnRenderInfos, rowIndex);
|
|
24
24
|
}
|
|
25
25
|
// 检查是否在固定合计行区域
|
|
26
|
-
if (
|
|
26
|
+
if (summaryFixed && hasSummaryRow && displayHeight > 0) {
|
|
27
27
|
var summaryRowY = displayHeight -
|
|
28
28
|
(needHorizontalScrollbar ? scrollbarSize : 0) -
|
|
29
29
|
rowHeight;
|
|
@@ -35,7 +35,7 @@ var getCellFromMousePosition = function (params) {
|
|
|
35
35
|
}
|
|
36
36
|
// 检查是否在固定底部行区域
|
|
37
37
|
if (fixedBottomRowsCount > 0 && displayHeight > 0) {
|
|
38
|
-
var fixedSummaryHeight =
|
|
38
|
+
var fixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
|
|
39
39
|
var fixedBottomAreaStart = displayHeight -
|
|
40
40
|
(needHorizontalScrollbar ? scrollbarSize : 0) -
|
|
41
41
|
fixedSummaryHeight -
|
|
@@ -50,7 +50,7 @@ var getCellFromMousePosition = function (params) {
|
|
|
50
50
|
var relativeIndex = Math.floor(relativeY / rowHeight);
|
|
51
51
|
var bottomRowsStartIndex = dataLength -
|
|
52
52
|
fixedBottomRowsCount -
|
|
53
|
-
(
|
|
53
|
+
(summaryFixed && hasSummaryRow ? 1 : 0);
|
|
54
54
|
rowIndex = bottomRowsStartIndex + relativeIndex;
|
|
55
55
|
if (rowIndex < 0 || rowIndex >= dataLength)
|
|
56
56
|
return null;
|
|
@@ -65,7 +65,7 @@ var getCellFromMousePosition = function (params) {
|
|
|
65
65
|
// 如果有固定底部行或合计行,需要排除它们
|
|
66
66
|
var maxScrollableRow = dataLength -
|
|
67
67
|
fixedBottomRowsCount -
|
|
68
|
-
(
|
|
68
|
+
(summaryFixed && hasSummaryRow ? 1 : 0);
|
|
69
69
|
if (rowIndex >= maxScrollableRow) {
|
|
70
70
|
// 超出可滚动区域,可能在滚动条或空白区域
|
|
71
71
|
return null;
|
|
@@ -18,7 +18,7 @@ var COLORS = {
|
|
|
18
18
|
hoverBg: "rgb(239, 245, 254)",
|
|
19
19
|
selectionBg: "rgba(24, 144, 255, 0.1)",
|
|
20
20
|
// 文本色
|
|
21
|
-
text: "
|
|
21
|
+
text: "#333333",
|
|
22
22
|
emptyText: "rgba(0, 0, 0, 0.25)",
|
|
23
23
|
// 边框色
|
|
24
24
|
border: "rgb(222, 233, 246)",
|
|
@@ -34,7 +34,7 @@ var COLORS = {
|
|
|
34
34
|
};
|
|
35
35
|
// 字体配置
|
|
36
36
|
var FONT_FAMILY = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto';
|
|
37
|
-
var FONT_SIZE =
|
|
37
|
+
var FONT_SIZE = 13;
|
|
38
38
|
// 图标尺寸
|
|
39
39
|
var CHECKBOX_SIZE = 16;
|
|
40
40
|
var SORT_ICON_SIZE = 6;
|
|
@@ -1,30 +1,9 @@
|
|
|
1
|
+
import { exactRound, addThousedSeparator } from 'zmdms-utils';
|
|
1
2
|
import dayjs from 'dayjs';
|
|
2
3
|
|
|
3
4
|
/**
|
|
4
5
|
* 数据格式化工具函数
|
|
5
6
|
*/
|
|
6
|
-
/**
|
|
7
|
-
* 格式化数值(千分符)
|
|
8
|
-
*/
|
|
9
|
-
var formatThousand = function (value) {
|
|
10
|
-
if (value === null || value === undefined || value === "")
|
|
11
|
-
return "";
|
|
12
|
-
var num = typeof value === "string" ? parseFloat(value) : value;
|
|
13
|
-
if (isNaN(num))
|
|
14
|
-
return String(value);
|
|
15
|
-
return num.toLocaleString("en-US");
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* 格式化精度
|
|
19
|
-
*/
|
|
20
|
-
var formatPrecision = function (value, precision) {
|
|
21
|
-
if (value === null || value === undefined || value === "")
|
|
22
|
-
return "";
|
|
23
|
-
var num = typeof value === "string" ? parseFloat(value) : value;
|
|
24
|
-
if (isNaN(num))
|
|
25
|
-
return String(value);
|
|
26
|
-
return num.toFixed(precision);
|
|
27
|
-
};
|
|
28
7
|
/**
|
|
29
8
|
* 格式化日期
|
|
30
9
|
*/
|
|
@@ -48,13 +27,13 @@ var formatCellValue = function (value, column) {
|
|
|
48
27
|
}
|
|
49
28
|
// 数值精度
|
|
50
29
|
if (column.precision !== undefined && typeof formattedValue === "number") {
|
|
51
|
-
formattedValue =
|
|
30
|
+
formattedValue = exactRound(formattedValue, column.precision);
|
|
52
31
|
}
|
|
53
32
|
// 千分符
|
|
54
33
|
if (column.thousand && !isNaN(Number(formattedValue))) {
|
|
55
|
-
formattedValue =
|
|
34
|
+
formattedValue = addThousedSeparator(formattedValue);
|
|
56
35
|
}
|
|
57
36
|
return String(formattedValue);
|
|
58
37
|
};
|
|
59
38
|
|
|
60
|
-
export { formatCellValue, formatDate
|
|
39
|
+
export { formatCellValue, formatDate };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-loading-icon,.ant-cascader-menus{position:static}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { CollapseComponent, ICollapsePanelProps } from './interface.js';
|
|
3
|
+
|
|
4
|
+
declare const CollapsePanel: React__default.FC<ICollapsePanelProps>;
|
|
5
|
+
declare const MemoDifferences: CollapseComponent;
|
|
6
|
+
|
|
7
|
+
export { CollapsePanel, MemoDifferences as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ztxk-collapse{background-color:initial;border:1px solid #ebebeb;border-bottom:none}.ztxk-collapse .ant-collapse-content-box>.ztxk-title,.ztxk-collapse .ant-collapse-header{border:1px solid #ebebeb}.ztxk-collapse .ant-collapse-content-box .ztxk-table{border-radius:0}.ztxk-collapse .ant-collapse-content-box .ztxk-table .ant-table-container{border-top-left-radius:0;border-top-right-radius:0}.ztxk-collapse.ztxk-collapse--non-border{border:none}.ztxk-collapse.ztxk-collapse--non-border .ant-collapse-item{border-bottom:none}.ztxk-collapse.ztxk-collapse--item-margin>.ant-collapse-item{margin-bottom:10px}.ztxk-collapse.ztxk-collapse--item-margin>.ant-collapse-item:last-child{margin-bottom:0}.ztxk-collapse.ztxk-collapse--main-bg_transparent{background-color:initial}.ztxk-collapse.ztxk-collapse--main-bg_white{background-color:#fff}.ztxk-collapse.ztxk-collapse--custom-background .ant-collapse-item .ant-collapse-header{background-color:#eff5fe;padding-left:18px}.ztxk-collapse.ztxk-collapse--custom-background .ant-collapse-item .ant-collapse-header:before{background:#4285f4;border-radius:3px;content:"";display:block;height:16px;left:4px;position:absolute;top:12px;width:6px}.ztxk-collapse .ant-collapse-item.ztxk-collapse--panel-hidden-border{border-bottom:none}.ztxk-collapse .ant-collapse-arrow>svg{transform:rotate(90deg)}.ztxk-collapse .ant-collapse-item-active .ant-collapse-arrow>svg{transform:rotate(270deg)!important}.ztxk-collapse.ztxk-collapse--custom-padding .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:10px}.ztxk-collapse .ant-collapse-item{border-bottom:1px solid #d4dfea}.ztxk-collapse .ant-collapse-item .ant-collapse-header{background:#fafafa;border-bottom:none;height:38px;line-height:38px;padding:0 10px}.ztxk-collapse .ant-collapse-item .ant-collapse-header .zt-collapse--icon{color:#768696}.ztxk-collapse .ant-collapse-item .ant-collapse-header .zt-collapse--icon .zt-collapse--icon-text{font-size:13px;margin-left:5px}.ztxk-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-extra{left:auto;margin:0;position:absolute;right:64px;top:50%;transform:translateY(-50%)}.ztxk-collapse .ant-collapse-item .ant-collapse-content{background:#fff;border-top:none}.ztxk-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { CollapsePanel } from './collapse.js';
|
|
3
|
+
import { CollapseProps, CollapsePanelProps } from 'antd/es/collapse';
|
|
4
|
+
|
|
5
|
+
interface ICollapseProps extends CollapseProps {
|
|
6
|
+
/** 头部背景 */
|
|
7
|
+
customBg?: boolean;
|
|
8
|
+
/** 整体背景色 */
|
|
9
|
+
mainBg?: "transparent" | "white";
|
|
10
|
+
/** 内边距 */
|
|
11
|
+
customPadding?: boolean;
|
|
12
|
+
/** 不要边框 */
|
|
13
|
+
nonBorder?: boolean;
|
|
14
|
+
/** item添加边距 */
|
|
15
|
+
itemMargin?: boolean;
|
|
16
|
+
}
|
|
17
|
+
interface ICollapsePanelProps extends CollapsePanelProps {
|
|
18
|
+
hiddenBordered?: boolean;
|
|
19
|
+
}
|
|
20
|
+
interface CollapseComponent extends React__default.FC<ICollapseProps> {
|
|
21
|
+
displayName: string;
|
|
22
|
+
Panel: typeof CollapsePanel;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { CollapseComponent, ICollapsePanelProps, ICollapseProps };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 组件内部设置语言的模式采用简单的模式,通过配置文件将key暴露出去
|
|
5
|
+
*/
|
|
6
|
+
interface IZtxkConfig {
|
|
7
|
+
locale: "zh-cn" | "en";
|
|
8
|
+
apiBaseUrl: string;
|
|
9
|
+
fileBaseUrl: string;
|
|
10
|
+
/**
|
|
11
|
+
* 接口请求方法
|
|
12
|
+
*/
|
|
13
|
+
request?: any;
|
|
14
|
+
/**
|
|
15
|
+
* 按钮无权限时的处理方法。默认无权限的按钮会隐藏。
|
|
16
|
+
* 如果传入: display 则按钮会隐藏
|
|
17
|
+
* 如果传入: disabled 则按钮会禁用
|
|
18
|
+
*/
|
|
19
|
+
noPermission?: "display" | "disabled";
|
|
20
|
+
/**
|
|
21
|
+
* 编辑表格组件提供的默认编辑选项的展示模式。
|
|
22
|
+
* 列配置传入了:editable editableConfig 可以配置 input inputNumber textarea等属性。
|
|
23
|
+
* 但是为了性能考虑,默认情况下组件会展示一个div,并不会实际渲染input inputNumber。
|
|
24
|
+
* 只有用户有输入需求时,点击时才会显示input inputNumber等。
|
|
25
|
+
* 但是这样的话,浏览器默认的tab功能就会失效。
|
|
26
|
+
* 这里加一个属性来控制展示模式。默认还是展示div,点击时才会渲染input inputNumber等。
|
|
27
|
+
*/
|
|
28
|
+
editTableInputMode?: "div" | "input";
|
|
29
|
+
}
|
|
30
|
+
declare const ZtxkContext: React__default.Context<IZtxkConfig>;
|
|
31
|
+
|
|
32
|
+
export { IZtxkConfig, ZtxkContext as default };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { ILeftContentProps } from '../leftcontent/leftContent.js';
|
|
3
|
+
import { IFooterDom } from '../footer/interface.js';
|
|
4
|
+
|
|
5
|
+
interface IProps {
|
|
6
|
+
/** 加载状态 */
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
style?: React__default.CSSProperties;
|
|
9
|
+
/** 容器类名 */
|
|
10
|
+
className?: string;
|
|
11
|
+
/** 是否开启Flex布局 */
|
|
12
|
+
isFlex?: boolean;
|
|
13
|
+
children?: React__default.ReactNode;
|
|
14
|
+
/** 底部按钮 分页器相关设置 */
|
|
15
|
+
footerDom?: IFooterDom[];
|
|
16
|
+
/** 左边抽屉内容 */
|
|
17
|
+
leftContent?: React__default.ReactNode;
|
|
18
|
+
/** 左边抽屉默认是否打开 */
|
|
19
|
+
defaultLeftOpen?: boolean;
|
|
20
|
+
/** 左边抽屉宽度 */
|
|
21
|
+
defaultLeftWidth?: number;
|
|
22
|
+
/** 左边抽屉放置再外部显示 */
|
|
23
|
+
leftContentOut?: boolean;
|
|
24
|
+
/** 左边抽屉属性 */
|
|
25
|
+
leftContentProps?: Partial<ILeftContentProps>;
|
|
26
|
+
/** 标题 */
|
|
27
|
+
title?: React__default.ReactNode;
|
|
28
|
+
/** 标题子元素 */
|
|
29
|
+
titleChildren?: React__default.ReactNode;
|
|
30
|
+
}
|
|
31
|
+
declare const ContainerButtonWrap: React__default.FC<{
|
|
32
|
+
children?: React__default.ReactNode;
|
|
33
|
+
isMarginTop?: boolean;
|
|
34
|
+
className?: string;
|
|
35
|
+
style?: React__default.CSSProperties;
|
|
36
|
+
}>;
|
|
37
|
+
declare const ContainerScrollWrap: React__default.FC<{
|
|
38
|
+
children?: React__default.ReactNode;
|
|
39
|
+
isMarginTop?: boolean;
|
|
40
|
+
className?: string;
|
|
41
|
+
style?: React__default.CSSProperties;
|
|
42
|
+
height?: string | number;
|
|
43
|
+
}>;
|
|
44
|
+
interface IContainerComponent extends React__default.FC<IProps> {
|
|
45
|
+
displayName: string;
|
|
46
|
+
ButtonWrap: typeof ContainerButtonWrap;
|
|
47
|
+
ScrollWrap: typeof ContainerScrollWrap;
|
|
48
|
+
}
|
|
49
|
+
declare const ContainerMemo: IContainerComponent;
|
|
50
|
+
|
|
51
|
+
export { IContainerComponent, ContainerMemo as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ztxk-container{min-height:100px;overflow:auto;position:relative}.ztxk-container .ztxk-container__loading{align-items:center;background-color:#bbc7d366;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100px;position:absolute;right:0;text-align:center;top:0;z-index:10000}.ztxk-container .ztxk-container__content{background-color:#fff;margin:10px;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--flex{display:flex;flex-direction:column}.ztxk-container .ztxk-container__content.ztxk-container__content--title{display:flex;flex-direction:column;padding:0!important}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main{flex-grow:1;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main--flex{display:flex;flex-direction:column}.ztxk-container--btn-wrap.btn-wrap--margin-top{margin-top:10px}.ztxk-container--btn-wrap>button{margin-bottom:10px;margin-right:10px}.ztxk-container--scroll-wrap{overflow-y:auto}.ztxk-container--scroll-wrap.scroll-wrap--margin-top{margin-top:10px}
|