@vtx/components 3.1.59 → 3.1.60
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/lib/_util/useColSize.js.map +1 -1
- package/lib/style/index.less +2 -2
- package/lib/style/themes/compact.less +1 -1
- package/lib/style/themes/dark.less +9 -9
- package/lib/style/themes/default.less +7 -7
- package/lib/style/themes/index.less +1 -1
- package/lib/style/themes/variable.less +5 -5
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-date-picker/style/index.less +39 -39
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-editor/style/index.less +8 -8
- package/lib/vtx-ellipsis-text/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.less +13 -13
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/demo/Modal.less +43 -43
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +216 -216
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-import/style/index.less +8 -8
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/style/css.js.map +1 -1
- package/lib/vtx-import2/style/index.js.map +1 -1
- package/lib/vtx-import2/style/index.less +102 -102
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/style/index.less +24 -24
- package/lib/vtx-modal/index.js +2 -2
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-modal/style/index.less +101 -101
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +10 -10
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/style/index.less +138 -138
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.less +113 -113
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-select/style/index.less +68 -68
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-signature/style/index.less +33 -33
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +15 -8
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-split-pane/style/index.less +76 -76
- package/lib/vtx-statistics-column/style/index.less +59 -59
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-time-picker/style/css.js.map +1 -1
- package/lib/vtx-time-picker/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-upload/style/index.less +61 -61
- package/lib/vtx-wang-editor/style/css.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.less +12 -12
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +2 -2
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree/style/index.less +45 -45
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.less +107 -107
- package/package.json +126 -126
|
@@ -1,101 +1,101 @@
|
|
|
1
|
-
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
-
|
|
3
|
-
.vtx-modal-maxClass {
|
|
4
|
-
.ant-modal {
|
|
5
|
-
top: 0 !important;
|
|
6
|
-
left: 0 !important;
|
|
7
|
-
width: 100% !important;
|
|
8
|
-
height: 100% !important;
|
|
9
|
-
padding-bottom: 0 !important;
|
|
10
|
-
overflow: hidden;
|
|
11
|
-
.ant-modal-content {
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
.ant-modal-body {
|
|
17
|
-
flex: 1;
|
|
18
|
-
min-height: 0;
|
|
19
|
-
max-height: initial !important;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
.vtx-modal {
|
|
23
|
-
.ant-modal {
|
|
24
|
-
top: 10%;
|
|
25
|
-
padding-bottom: 0;
|
|
26
|
-
.ant-modal-content {
|
|
27
|
-
height: 100%;
|
|
28
|
-
.ant-modal-body {
|
|
29
|
-
max-height: e('calc(100% - 108px)');
|
|
30
|
-
padding: 20px 24px;
|
|
31
|
-
overflow: auto;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
.vtx-modal-title {
|
|
36
|
-
position: relative;
|
|
37
|
-
width: 100%;
|
|
38
|
-
.vtx-modal-title_name {
|
|
39
|
-
width: 100%;
|
|
40
|
-
color: @text-color;
|
|
41
|
-
}
|
|
42
|
-
.vtx-modal-close,
|
|
43
|
-
.vtx-modal-maximizeIcon {
|
|
44
|
-
position: absolute;
|
|
45
|
-
top: -13px;
|
|
46
|
-
right: -16px;
|
|
47
|
-
p {
|
|
48
|
-
position: absolute;
|
|
49
|
-
top: 0;
|
|
50
|
-
right: 0;
|
|
51
|
-
z-index: 10;
|
|
52
|
-
display: inline-block;
|
|
53
|
-
width: 36px;
|
|
54
|
-
height: 48px;
|
|
55
|
-
color: @text-color-secondary;
|
|
56
|
-
font-weight: 700;
|
|
57
|
-
line-height: 48px;
|
|
58
|
-
text-align: center;
|
|
59
|
-
text-decoration: none;
|
|
60
|
-
background: transparent;
|
|
61
|
-
border: 0;
|
|
62
|
-
outline: 0;
|
|
63
|
-
cursor: pointer;
|
|
64
|
-
-webkit-transition: color 0.3s ease;
|
|
65
|
-
transition: color 0.3s ease;
|
|
66
|
-
&:hover {
|
|
67
|
-
color: @icon-color-hover;
|
|
68
|
-
text-decoration: none;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
.vtx-modal-maximizeIcon {
|
|
73
|
-
right: 20px;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.vtx-modal-header-title {
|
|
79
|
-
.vtx-modal-header-text {
|
|
80
|
-
font-weight: 400;
|
|
81
|
-
}
|
|
82
|
-
.vtx-modal-header-text when(@theme=dark) {
|
|
83
|
-
color: @text-color;
|
|
84
|
-
}
|
|
85
|
-
.vtx-modal-header-text when(@theme=default) {
|
|
86
|
-
color: fade(@black, 65%);
|
|
87
|
-
}
|
|
88
|
-
.vtx-modal-header-text + .vtx-modal-header-subtitle {
|
|
89
|
-
&::before {
|
|
90
|
-
margin: 0 4px;
|
|
91
|
-
font-weight: 400;
|
|
92
|
-
content: '>';
|
|
93
|
-
}
|
|
94
|
-
&::before when(@theme=dark) {
|
|
95
|
-
color: @text-color;
|
|
96
|
-
}
|
|
97
|
-
&::before when(@theme=default) {
|
|
98
|
-
color: fade(@black, 65%);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}
|
|
1
|
+
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
+
|
|
3
|
+
.vtx-modal-maxClass {
|
|
4
|
+
.ant-modal {
|
|
5
|
+
top: 0 !important;
|
|
6
|
+
left: 0 !important;
|
|
7
|
+
width: 100% !important;
|
|
8
|
+
height: 100% !important;
|
|
9
|
+
padding-bottom: 0 !important;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
.ant-modal-content {
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
.ant-modal-body {
|
|
17
|
+
flex: 1;
|
|
18
|
+
min-height: 0;
|
|
19
|
+
max-height: initial !important;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
.vtx-modal {
|
|
23
|
+
.ant-modal {
|
|
24
|
+
top: 10%;
|
|
25
|
+
padding-bottom: 0;
|
|
26
|
+
.ant-modal-content {
|
|
27
|
+
height: 100%;
|
|
28
|
+
.ant-modal-body {
|
|
29
|
+
max-height: e('calc(100% - 108px)');
|
|
30
|
+
padding: 20px 24px;
|
|
31
|
+
overflow: auto;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
.vtx-modal-title {
|
|
36
|
+
position: relative;
|
|
37
|
+
width: 100%;
|
|
38
|
+
.vtx-modal-title_name {
|
|
39
|
+
width: 100%;
|
|
40
|
+
color: @text-color;
|
|
41
|
+
}
|
|
42
|
+
.vtx-modal-close,
|
|
43
|
+
.vtx-modal-maximizeIcon {
|
|
44
|
+
position: absolute;
|
|
45
|
+
top: -13px;
|
|
46
|
+
right: -16px;
|
|
47
|
+
p {
|
|
48
|
+
position: absolute;
|
|
49
|
+
top: 0;
|
|
50
|
+
right: 0;
|
|
51
|
+
z-index: 10;
|
|
52
|
+
display: inline-block;
|
|
53
|
+
width: 36px;
|
|
54
|
+
height: 48px;
|
|
55
|
+
color: @text-color-secondary;
|
|
56
|
+
font-weight: 700;
|
|
57
|
+
line-height: 48px;
|
|
58
|
+
text-align: center;
|
|
59
|
+
text-decoration: none;
|
|
60
|
+
background: transparent;
|
|
61
|
+
border: 0;
|
|
62
|
+
outline: 0;
|
|
63
|
+
cursor: pointer;
|
|
64
|
+
-webkit-transition: color 0.3s ease;
|
|
65
|
+
transition: color 0.3s ease;
|
|
66
|
+
&:hover {
|
|
67
|
+
color: @icon-color-hover;
|
|
68
|
+
text-decoration: none;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
.vtx-modal-maximizeIcon {
|
|
73
|
+
right: 20px;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.vtx-modal-header-title {
|
|
79
|
+
.vtx-modal-header-text {
|
|
80
|
+
font-weight: 400;
|
|
81
|
+
}
|
|
82
|
+
.vtx-modal-header-text when(@theme=dark) {
|
|
83
|
+
color: @text-color;
|
|
84
|
+
}
|
|
85
|
+
.vtx-modal-header-text when(@theme=default) {
|
|
86
|
+
color: fade(@black, 65%);
|
|
87
|
+
}
|
|
88
|
+
.vtx-modal-header-text + .vtx-modal-header-subtitle {
|
|
89
|
+
&::before {
|
|
90
|
+
margin: 0 4px;
|
|
91
|
+
font-weight: 400;
|
|
92
|
+
content: '>';
|
|
93
|
+
}
|
|
94
|
+
&::before when(@theme=dark) {
|
|
95
|
+
color: @text-color;
|
|
96
|
+
}
|
|
97
|
+
&::before when(@theme=default) {
|
|
98
|
+
color: fade(@black, 65%);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.js","names":["Content","props","id","className","style","relative","scrollY","height","contentClass","classnames","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"sources":["vtx-page-layout/Content.jsx"],"sourcesContent":["import React from 'react';\
|
|
1
|
+
{"version":3,"file":"Content.js","names":["Content","props","id","className","style","relative","scrollY","height","contentClass","classnames","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"sources":["vtx-page-layout/Content.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction Content(props) {\n const { id, className, style, relative = false, scrollY = false, height } = props;\n\n const contentClass = classnames(\n {\n ['vtx-content-absolute']: !relative,\n ['vtx-content-relative']: relative,\n ['vtx-content-scroll-y']: scrollY,\n },\n className,\n );\n\n let newStyle = style;\n if ('height' in props) {\n newStyle = {\n ...newStyle,\n height: height,\n };\n }\n\n return (\n <div id={id} style={newStyle} className={contentClass}>\n {props.children}\n </div>\n );\n}\n\nexport default Content;\n\nContent.propTypes = {\n id: PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n relative: PropTypes.bool,\n scrollY: PropTypes.bool,\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n children: PropTypes.node,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EAAA;;EACpB,IAAQC,EAAR,GAA4ED,KAA5E,CAAQC,EAAR;EAAA,IAAYC,SAAZ,GAA4EF,KAA5E,CAAYE,SAAZ;EAAA,IAAuBC,KAAvB,GAA4EH,KAA5E,CAAuBG,KAAvB;EAAA,sBAA4EH,KAA5E,CAA8BI,QAA9B;EAAA,IAA8BA,QAA9B,gCAAyC,KAAzC;EAAA,qBAA4EJ,KAA5E,CAAgDK,OAAhD;EAAA,IAAgDA,OAAhD,+BAA0D,KAA1D;EAAA,IAAiEC,MAAjE,GAA4EN,KAA5E,CAAiEM,MAAjE;EAEA,IAAMC,YAAY,GAAG,IAAAC,uBAAA,kDAEZ,sBAFY,EAEa,CAACJ,QAFd,gCAGZ,sBAHY,EAGaA,QAHb,gCAIZ,sBAJY,EAIaC,OAJb,iBAMjBH,SANiB,CAArB;EASA,IAAIO,QAAQ,GAAGN,KAAf;;EACA,IAAI,YAAYH,KAAhB,EAAuB;IACnBS,QAAQ,mCACDA,QADC;MAEJH,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,EAAE,EAAEL,EAAT;IAAa,KAAK,EAAEQ,QAApB;IAA8B,SAAS,EAAEF;EAAzC,GACKP,KAAK,CAACU,QADX,CADJ;AAKH;;eAEcX,O;;AAEfA,OAAO,CAACY,SAAR,GAAoB;EAChBV,EAAE,EAAEW,qBAAA,CAAUC,MADE;EAEhBV,KAAK,EAAES,qBAAA,CAAUE,MAFD;EAGhBZ,SAAS,EAAEU,qBAAA,CAAUC,MAHL;EAIhBT,QAAQ,EAAEQ,qBAAA,CAAUG,IAJJ;EAKhBV,OAAO,EAAEO,qBAAA,CAAUG,IALH;EAMhBT,MAAM,EAAEM,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUC,MAAX,EAAmBD,qBAAA,CAAUK,MAA7B,CAApB,CANQ;EAOhBP,QAAQ,EAAEE,qBAAA,CAAUM;AAPJ,CAApB"}
|
|
@@ -48,9 +48,9 @@ exports.StoreCtx = StoreCtx;
|
|
|
48
48
|
var pagePaddingTop = 16;
|
|
49
49
|
var searchMarginBottom = 16; // eslint-disable-next-line valid-jsdoc
|
|
50
50
|
|
|
51
|
-
/**
|
|
52
|
-
* 页面
|
|
53
|
-
* @param {*} props
|
|
51
|
+
/**
|
|
52
|
+
* 页面
|
|
53
|
+
* @param {*} props
|
|
54
54
|
*/
|
|
55
55
|
|
|
56
56
|
var Page = function Page(props) {
|
|
@@ -84,17 +84,17 @@ Page.propTypes = {
|
|
|
84
84
|
children: _propTypes["default"].node,
|
|
85
85
|
onSearchCollapse: _propTypes["default"].func
|
|
86
86
|
};
|
|
87
|
-
/**
|
|
88
|
-
* 搜索
|
|
87
|
+
/**
|
|
88
|
+
* 搜索
|
|
89
89
|
*/
|
|
90
90
|
|
|
91
91
|
var Search = (0, _container["default"])({
|
|
92
92
|
componentClass: 'vtx-table-search'
|
|
93
93
|
})(_Basic["default"]); // eslint-disable-next-line valid-jsdoc
|
|
94
94
|
|
|
95
|
-
/**
|
|
96
|
-
* 内容
|
|
97
|
-
* @param {*} props
|
|
95
|
+
/**
|
|
96
|
+
* 内容
|
|
97
|
+
* @param {*} props
|
|
98
98
|
*/
|
|
99
99
|
|
|
100
100
|
var Content = function Content(props) {
|
|
@@ -121,8 +121,8 @@ Content.propTypes = {
|
|
|
121
121
|
plusTop: _propTypes["default"].number
|
|
122
122
|
}; // eslint-disable-next-line valid-jsdoc
|
|
123
123
|
|
|
124
|
-
/**
|
|
125
|
-
* 表格布局
|
|
124
|
+
/**
|
|
125
|
+
* 表格布局
|
|
126
126
|
*/
|
|
127
127
|
|
|
128
128
|
var Table = function Table(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableLayout.js","names":["StoreCtx","createContext","pagePaddingTop","searchMarginBottom","Page","props","useState","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","useEventEmitter","store","onCollapse","height","emit","classsnames","className","style","children","propTypes","PropTypes","object","string","node","func","Search","container","componentClass","Basic","Content","plusTop","useContext","top","number","Table","React","cloneElement","Card"],"sources":["vtx-page-layout/TableLayout.jsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\
|
|
1
|
+
{"version":3,"file":"TableLayout.js","names":["StoreCtx","createContext","pagePaddingTop","searchMarginBottom","Page","props","useState","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","useEventEmitter","store","onCollapse","height","emit","classsnames","className","style","children","propTypes","PropTypes","object","string","node","func","Search","container","componentClass","Basic","Content","plusTop","useContext","top","number","Table","React","cloneElement","Card"],"sources":["vtx-page-layout/TableLayout.jsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\nimport { createContext } from 'react';\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\nimport container from './container';\nimport Basic from './Basic';\nexport const StoreCtx = createContext({});\n\nconst pagePaddingTop = 16;\nconst searchMarginBottom = 16;\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 页面\n * @param {*} props\n */\nconst Page = props => {\n const [searchHeight, setSearchHeight] = useState(64);\n const { onSearchCollapse } = props;\n const searchCollapseEvent$ = useEventEmitter();\n const store = {\n searchHeight,\n searchCollapseEvent$,\n onCollapse(height) {\n setSearchHeight(height);\n onSearchCollapse && onSearchCollapse(height);\n searchCollapseEvent$.emit();\n },\n };\n return (\n <StoreCtx.Provider value={store}>\n <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\n {props.children}\n </div>\n </StoreCtx.Provider>\n );\n};\n\nPage.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n onSearchCollapse: PropTypes.func,\n};\n\n/**\n * 搜索\n */\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 内容\n * @param {*} props\n */\nconst Content = props => {\n const { className, style, plusTop=0 } = props;\n const { searchHeight } = useContext(StoreCtx);\n return (\n <div\n className={classsnames('vtx-table-content', className)}\n style={{\n top: pagePaddingTop + searchMarginBottom + searchHeight + plusTop,\n ...style,\n }}\n >\n {props.children}\n </div>\n );\n};\n\nContent.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n plusTop: PropTypes.number,\n};\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 表格布局\n */\nconst Table = props => {\n const { className, style } = props;\n const { searchCollapseEvent$ } = useContext(StoreCtx);\n\n return (\n <div className={classsnames('vtx-table-wrap', className)} style={style}>\n {React.cloneElement(props.children, {\n ...props.children.props,\n searchCollapseEvent$,\n })}\n </div>\n );\n};\n\nTable.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nconst Card = props => {\n const { className, style } = props;\n\n return (\n <div style={style} className={classsnames('vtx-table-card', className)}>\n {props.children}\n </div>\n );\n};\n\nCard.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nexport default { Page, Search, Content, Table: container()(Table), Card };\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableWrap.js","names":["TableWrap","props","relative","height","style","className","tableClass","classnames","newStyle","children","propTypes","PropTypes","object","string","bool","number","node"],"sources":["vtx-page-layout/TableWrap.jsx"],"sourcesContent":["import React from 'react';\
|
|
1
|
+
{"version":3,"file":"TableWrap.js","names":["TableWrap","props","relative","height","style","className","tableClass","classnames","newStyle","children","propTypes","PropTypes","object","string","bool","number","node"],"sources":["vtx-page-layout/TableWrap.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction TableWrap(props) {\n const { relative, height, style, className } = props;\n\n const tableClass = classnames(\n {\n ['vtx-table-wrapper-absolute']: !relative,\n ['vtx-table-wrapper-relative']: relative,\n },\n className,\n );\n\n let newStyle = style;\n if (relative && 'height' in props) {\n newStyle = {\n ...style,\n height: height,\n };\n }\n\n return (\n <div className={tableClass} style={newStyle}>\n {props.children}\n </div>\n );\n}\n\nexport default TableWrap;\n\nTableWrap.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n relative: PropTypes.bool,\n height: PropTypes.number,\n children: PropTypes.node,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;EAAA;;EACtB,IAAQC,QAAR,GAA+CD,KAA/C,CAAQC,QAAR;EAAA,IAAkBC,MAAlB,GAA+CF,KAA/C,CAAkBE,MAAlB;EAAA,IAA0BC,KAA1B,GAA+CH,KAA/C,CAA0BG,KAA1B;EAAA,IAAiCC,SAAjC,GAA+CJ,KAA/C,CAAiCI,SAAjC;EAEA,IAAMC,UAAU,GAAG,IAAAC,uBAAA,kDAEV,4BAFU,EAEqB,CAACL,QAFtB,gCAGV,4BAHU,EAGqBA,QAHrB,iBAKfG,SALe,CAAnB;EAQA,IAAIG,QAAQ,GAAGJ,KAAf;;EACA,IAAIF,QAAQ,IAAI,YAAYD,KAA5B,EAAmC;IAC/BO,QAAQ,mCACDJ,KADC;MAEJD,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,SAAS,EAAEG,UAAhB;IAA4B,KAAK,EAAEE;EAAnC,GACKP,KAAK,CAACQ,QADX,CADJ;AAKH;;eAEcT,S;;AAEfA,SAAS,CAACU,SAAV,GAAsB;EAClBN,KAAK,EAAEO,qBAAA,CAAUC,MADC;EAElBP,SAAS,EAAEM,qBAAA,CAAUE,MAFH;EAGlBX,QAAQ,EAAES,qBAAA,CAAUG,IAHF;EAIlBX,MAAM,EAAEQ,qBAAA,CAAUI,MAJA;EAKlBN,QAAQ,EAAEE,qBAAA,CAAUK;AALF,CAAtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","classnames","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"sources":["vtx-page-layout/container.jsx"],"sourcesContent":["/**\
|
|
1
|
+
{"version":3,"file":"container.js","names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","classnames","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"sources":["vtx-page-layout/container.jsx"],"sourcesContent":["/**\n * 高阶组件\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction getDisplayName(WrappedComponend) {\n return WrappedComponend.displayName || WrappedComponend.name || 'Component';\n}\n\nfunction Container(params = {}) {\n const { componentClass } = params;\n\n return function HOCFactory(WrappedComponend) {\n return class HOC extends React.Component {\n static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\n\n static propTypes = {\n top: PropTypes.number,\n space: PropTypes.number || PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n };\n\n render() {\n const { style, className, top, space } = this.props;\n\n const wrapClass = classnames(\n {\n [componentClass]: true,\n },\n className,\n );\n\n const newStyle = {\n top,\n padding: space,\n ...style,\n };\n\n const newProps = {\n className: wrapClass,\n style: newStyle,\n };\n return <WrappedComponend {...this.props} {...newProps} />;\n }\n };\n };\n}\n\nexport default Container;\n"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,cAAT,CAAwBC,gBAAxB,EAA0C;EACtC,OAAOA,gBAAgB,CAACC,WAAjB,IAAgCD,gBAAgB,CAACE,IAAjD,IAAyD,WAAhE;AACH;;AAED,SAASC,SAAT,GAAgC;EAAA,IAAbC,MAAa,uEAAJ,EAAI;EAC5B,IAAQC,cAAR,GAA2BD,MAA3B,CAAQC,cAAR;EAEA,OAAO,SAASC,UAAT,CAAoBN,gBAApB,EAAsC;IAAA;;IACzC;MAAA;;MAAA;;MAAA;QAAA;;QAAA;MAAA;;MAAA;QAAA;QAAA,OAUI,kBAAS;UACL,kBAAyC,KAAKO,KAA9C;UAAA,IAAQC,KAAR,eAAQA,KAAR;UAAA,IAAeC,SAAf,eAAeA,SAAf;UAAA,IAA0BC,GAA1B,eAA0BA,GAA1B;UAAA,IAA+BC,KAA/B,eAA+BA,KAA/B;UAEA,IAAMC,SAAS,GAAG,IAAAC,uBAAA,sBAETR,cAFS,EAEQ,IAFR,GAIdI,SAJc,CAAlB;;UAOA,IAAMK,QAAQ;YACVJ,GAAG,EAAHA,GADU;YAEVK,OAAO,EAAEJ;UAFC,GAGPH,KAHO,CAAd;;UAMA,IAAMQ,QAAQ,GAAG;YACbP,SAAS,EAAEG,SADE;YAEbJ,KAAK,EAAEM;UAFM,CAAjB;UAIA,oBAAO,gCAAC,gBAAD,eAAsB,KAAKP,KAA3B,EAAsCS,QAAtC,EAAP;QACH;MA/BL;;MAAA;IAAA,EAAyBC,iBAAA,CAAMC,SAA/B,wDACgCnB,cAAc,CAACC,gBAAD,CAD9C,8CAGuB;MACfU,GAAG,EAAES,qBAAA,CAAUC,MADA;MAEfT,KAAK,EAAEQ,qBAAA,CAAUC,MAAV,IAAoBD,qBAAA,CAAUE,MAFtB;MAGfb,KAAK,EAAEW,qBAAA,CAAUG,MAHF;MAIfb,SAAS,EAAEU,qBAAA,CAAUE;IAJN,CAHvB;EAiCH,CAlCD;AAmCH;;eAEclB,S"}
|
|
@@ -1,138 +1,138 @@
|
|
|
1
|
-
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
-
|
|
3
|
-
@prefix-cls: vtx-page;
|
|
4
|
-
@spacing-base: 10px;
|
|
5
|
-
@padding-default-base: @spacing-base;
|
|
6
|
-
|
|
7
|
-
.size(@width; @height) {
|
|
8
|
-
width: @width;
|
|
9
|
-
height: @height;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.relative(@height: 100%, @width: 100%) {
|
|
13
|
-
position: relative;
|
|
14
|
-
.size(@width, @height);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.absolute(@top: 0, @right: 0, @left: 0, @bottom: 0) {
|
|
18
|
-
position: absolute;
|
|
19
|
-
top: @top;
|
|
20
|
-
right: @right;
|
|
21
|
-
bottom: @bottom;
|
|
22
|
-
left: @left;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.overflow-y {
|
|
26
|
-
overflow: hidden;
|
|
27
|
-
overflow-y: auto;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.vtx-page {
|
|
31
|
-
position: relative;
|
|
32
|
-
width: 100%;
|
|
33
|
-
height: 100%;
|
|
34
|
-
overflow-x: hidden;
|
|
35
|
-
font-size: 14px;
|
|
36
|
-
.ant-table-footer {
|
|
37
|
-
padding: 0 !important;
|
|
38
|
-
}
|
|
39
|
-
.vtx-ui-date-normal {
|
|
40
|
-
width: 100%;
|
|
41
|
-
}
|
|
42
|
-
.vtx-ui-grid-normal {
|
|
43
|
-
z-index: 999;
|
|
44
|
-
}
|
|
45
|
-
.ant-tabs {
|
|
46
|
-
height: 100%;
|
|
47
|
-
}
|
|
48
|
-
.ant-tabs-content {
|
|
49
|
-
height: e('calc(100% - 56px)');
|
|
50
|
-
}
|
|
51
|
-
.ant-tabs-tabpane {
|
|
52
|
-
height: 100%;
|
|
53
|
-
}
|
|
54
|
-
.td {
|
|
55
|
-
position: relative;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.vtx-button-wrap {
|
|
60
|
-
button + button {
|
|
61
|
-
margin-left: 8px;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.vtx-content {
|
|
66
|
-
&-absolute {
|
|
67
|
-
.absolute();
|
|
68
|
-
}
|
|
69
|
-
&-relative {
|
|
70
|
-
.relative();
|
|
71
|
-
}
|
|
72
|
-
&-scroll-y {
|
|
73
|
-
.overflow-y();
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.vtx-table-wrapper {
|
|
78
|
-
&-absolute {
|
|
79
|
-
.absolute();
|
|
80
|
-
padding: 0 @padding-default-base / 2;
|
|
81
|
-
}
|
|
82
|
-
&-relative {
|
|
83
|
-
.relative();
|
|
84
|
-
max-height: 500px;
|
|
85
|
-
padding: 0 @padding-default-base / 2;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
@table-page-padding-left: 20px;
|
|
90
|
-
@table-page-padding-right: 20px;
|
|
91
|
-
@table-page-padding-bottom: 16px;
|
|
92
|
-
@table-page-padding-top: 16px;
|
|
93
|
-
|
|
94
|
-
.vtx-page--table {
|
|
95
|
-
position: relative;
|
|
96
|
-
width: 100%;
|
|
97
|
-
height: 100%;
|
|
98
|
-
padding: @table-page-padding-top @table-page-padding-right @table-page-padding-bottom
|
|
99
|
-
@table-page-padding-left;
|
|
100
|
-
overflow-x: hidden;
|
|
101
|
-
font-size: 14px;
|
|
102
|
-
background-color: @layout-body-background;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.vtx-table {
|
|
106
|
-
&-search {
|
|
107
|
-
margin-bottom: 16px;
|
|
108
|
-
background: @component-background;
|
|
109
|
-
border-radius: @border-radius-base;
|
|
110
|
-
}
|
|
111
|
-
&-content {
|
|
112
|
-
.absolute();
|
|
113
|
-
right: @table-page-padding-right;
|
|
114
|
-
bottom: @table-page-padding-bottom;
|
|
115
|
-
left: @table-page-padding-left;
|
|
116
|
-
transition-duration: 0.3s;
|
|
117
|
-
transition-property: top;
|
|
118
|
-
}
|
|
119
|
-
&-wrap {
|
|
120
|
-
.absolute();
|
|
121
|
-
padding: 0 24px;
|
|
122
|
-
background-color: @component-background;
|
|
123
|
-
}
|
|
124
|
-
&-card {
|
|
125
|
-
background: @component-background;
|
|
126
|
-
border-radius: @border-radius-base;
|
|
127
|
-
}
|
|
128
|
-
&-left,
|
|
129
|
-
&-right {
|
|
130
|
-
height: 100%;
|
|
131
|
-
overflow: hidden;
|
|
132
|
-
}
|
|
133
|
-
&-left {
|
|
134
|
-
.vtx-ztree-search {
|
|
135
|
-
right: 0;
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
|
1
|
+
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
+
|
|
3
|
+
@prefix-cls: vtx-page;
|
|
4
|
+
@spacing-base: 10px;
|
|
5
|
+
@padding-default-base: @spacing-base;
|
|
6
|
+
|
|
7
|
+
.size(@width; @height) {
|
|
8
|
+
width: @width;
|
|
9
|
+
height: @height;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.relative(@height: 100%, @width: 100%) {
|
|
13
|
+
position: relative;
|
|
14
|
+
.size(@width, @height);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.absolute(@top: 0, @right: 0, @left: 0, @bottom: 0) {
|
|
18
|
+
position: absolute;
|
|
19
|
+
top: @top;
|
|
20
|
+
right: @right;
|
|
21
|
+
bottom: @bottom;
|
|
22
|
+
left: @left;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.overflow-y {
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
overflow-y: auto;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.vtx-page {
|
|
31
|
+
position: relative;
|
|
32
|
+
width: 100%;
|
|
33
|
+
height: 100%;
|
|
34
|
+
overflow-x: hidden;
|
|
35
|
+
font-size: 14px;
|
|
36
|
+
.ant-table-footer {
|
|
37
|
+
padding: 0 !important;
|
|
38
|
+
}
|
|
39
|
+
.vtx-ui-date-normal {
|
|
40
|
+
width: 100%;
|
|
41
|
+
}
|
|
42
|
+
.vtx-ui-grid-normal {
|
|
43
|
+
z-index: 999;
|
|
44
|
+
}
|
|
45
|
+
.ant-tabs {
|
|
46
|
+
height: 100%;
|
|
47
|
+
}
|
|
48
|
+
.ant-tabs-content {
|
|
49
|
+
height: e('calc(100% - 56px)');
|
|
50
|
+
}
|
|
51
|
+
.ant-tabs-tabpane {
|
|
52
|
+
height: 100%;
|
|
53
|
+
}
|
|
54
|
+
.td {
|
|
55
|
+
position: relative;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.vtx-button-wrap {
|
|
60
|
+
button + button {
|
|
61
|
+
margin-left: 8px;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.vtx-content {
|
|
66
|
+
&-absolute {
|
|
67
|
+
.absolute();
|
|
68
|
+
}
|
|
69
|
+
&-relative {
|
|
70
|
+
.relative();
|
|
71
|
+
}
|
|
72
|
+
&-scroll-y {
|
|
73
|
+
.overflow-y();
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.vtx-table-wrapper {
|
|
78
|
+
&-absolute {
|
|
79
|
+
.absolute();
|
|
80
|
+
padding: 0 @padding-default-base / 2;
|
|
81
|
+
}
|
|
82
|
+
&-relative {
|
|
83
|
+
.relative();
|
|
84
|
+
max-height: 500px;
|
|
85
|
+
padding: 0 @padding-default-base / 2;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
@table-page-padding-left: 20px;
|
|
90
|
+
@table-page-padding-right: 20px;
|
|
91
|
+
@table-page-padding-bottom: 16px;
|
|
92
|
+
@table-page-padding-top: 16px;
|
|
93
|
+
|
|
94
|
+
.vtx-page--table {
|
|
95
|
+
position: relative;
|
|
96
|
+
width: 100%;
|
|
97
|
+
height: 100%;
|
|
98
|
+
padding: @table-page-padding-top @table-page-padding-right @table-page-padding-bottom
|
|
99
|
+
@table-page-padding-left;
|
|
100
|
+
overflow-x: hidden;
|
|
101
|
+
font-size: 14px;
|
|
102
|
+
background-color: @layout-body-background;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.vtx-table {
|
|
106
|
+
&-search {
|
|
107
|
+
margin-bottom: 16px;
|
|
108
|
+
background: @component-background;
|
|
109
|
+
border-radius: @border-radius-base;
|
|
110
|
+
}
|
|
111
|
+
&-content {
|
|
112
|
+
.absolute();
|
|
113
|
+
right: @table-page-padding-right;
|
|
114
|
+
bottom: @table-page-padding-bottom;
|
|
115
|
+
left: @table-page-padding-left;
|
|
116
|
+
transition-duration: 0.3s;
|
|
117
|
+
transition-property: top;
|
|
118
|
+
}
|
|
119
|
+
&-wrap {
|
|
120
|
+
.absolute();
|
|
121
|
+
padding: 0 24px;
|
|
122
|
+
background-color: @component-background;
|
|
123
|
+
}
|
|
124
|
+
&-card {
|
|
125
|
+
background: @component-background;
|
|
126
|
+
border-radius: @border-radius-base;
|
|
127
|
+
}
|
|
128
|
+
&-left,
|
|
129
|
+
&-right {
|
|
130
|
+
height: 100%;
|
|
131
|
+
overflow: hidden;
|
|
132
|
+
}
|
|
133
|
+
&-left {
|
|
134
|
+
.vtx-ztree-search {
|
|
135
|
+
right: 0;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|