@vtx/components 3.1.45 → 3.1.47
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-combogrid/style/index.less +29 -29
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/index.js +14 -10
- package/lib/vtx-datagrid/index.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-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/index.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/style/index.less +83 -83
- 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 +4 -4
- 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 +99 -99
- package/package.json +126 -126
|
@@ -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
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\n\nexport function isTransformSupported(style) {\n return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n style.transform = v;\n style.webkitTransform = v;\n style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n const [state, setState] = useState({\n next: false,\n prev: false,\n });\n const { next, prev } = state;\n const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n const offset = useRef(0);\n const containerRef = useRef();\n const navWrapRef = useRef();\n const navRef = useRef();\n\n useEffect(() => {\n const debouncedResize = debounce(() => {\n setNextPrev();\n }, 200);\n window.addEventListener('resize', debouncedResize);\n setNextPrev();\n return () => {\n window.removeEventListener('resize', debouncedResize);\n };\n }, []);\n\n function setNextPrev() {\n const navNodeW = navRef.current.scrollWidth;\n const containerW = containerRef.current.offsetWidth;\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n const minOffset = containerW - navNodeW;\n let { next, prev } = state;\n if (minOffset >= 0) {\n next = false;\n setOffset(0, false);\n offset.current = 0;\n } else if (minOffset < offset.current) {\n next = true;\n } else {\n next = false;\n const realOffset = navWrapNodeW - navNodeW;\n setOffset(realOffset, false);\n offset.current = realOffset;\n }\n\n if (offset.current < 0) {\n prev = true;\n } else {\n prev = false;\n }\n setState({\n next, prev\n })\n return {\n next,\n prev,\n };\n }\n\n const setOffset = (os, checkNextPrev = true) => {\n const target = Math.min(0, os);\n if (offset.current !== target) {\n offset.current = target;\n let navOffset = {};\n const navStyle = navRef.current.style;\n const transformSupported = isTransformSupported(navStyle);\n if (transformSupported) {\n navOffset = {\n value: `translate3d(${target}px,0,0)`,\n };\n } else {\n navOffset = {\n name: 'left',\n value: `${target}px`,\n };\n }\n if (transformSupported) {\n setTransform(navStyle, navOffset.value);\n } else {\n navStyle[navOffset.name] = navOffset.value;\n }\n if (checkNextPrev) {\n setNextPrev();\n }\n }\n };\n\n // 上一页\n const handlePrev = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current + navWrapNodeW);\n };\n\n // 下一页\n const handleNext = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current - navWrapNodeW);\n };\n\n const showNextPrev = prev || next;\n\n const prevButton = (\n <span\n onClick={prev ? handlePrev : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-prev`]: true,\n [`${prefixCls}-btn-disabled`]: !prev,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-prev-icon`}>\n <LeftOutlined />\n </span>\n </span>\n );\n const nextButton = (\n <span\n onClick={next ? handleNext : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-next`]: true,\n [`${prefixCls}-btn-disabled`]: !next,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-next-icon`}>\n <RightOutlined />\n </span>\n </span>\n );\n\n return (\n <div\n className={classnames(`${prefixCls}-container`, className)}\n style={style}\n ref={containerRef}\n >\n {prevButton}\n {nextButton}\n <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n <div className={`${prefixCls}-nav-scroll`}>\n <div className={`${prefixCls}-nav`} ref={navRef}>\n {props.children}\n </div>\n </div>\n </div>\n </div>\n );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n prefixCls: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n children: PropTypes.node,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\r\nimport classnames from 'classnames';\r\nimport debounce from 'lodash/debounce';\r\nimport PropTypes from 'prop-types';\r\nimport RightOutlined from '@ant-design/icons/RightOutlined';\r\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\r\n\r\nexport function isTransformSupported(style) {\r\n return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\r\n}\r\n\r\nexport function setTransform(style, v) {\r\n style.transform = v;\r\n style.webkitTransform = v;\r\n style.mozTransform = v;\r\n}\r\n\r\nfunction VtxScrollableRow(props) {\r\n const [state, setState] = useState({\r\n next: false,\r\n prev: false,\r\n });\r\n const { next, prev } = state;\r\n const { prefixCls = 'vtx-scrollable-row', className, style } = props;\r\n\r\n const offset = useRef(0);\r\n const containerRef = useRef();\r\n const navWrapRef = useRef();\r\n const navRef = useRef();\r\n\r\n useEffect(() => {\r\n const debouncedResize = debounce(() => {\r\n setNextPrev();\r\n }, 200);\r\n window.addEventListener('resize', debouncedResize);\r\n setNextPrev();\r\n return () => {\r\n window.removeEventListener('resize', debouncedResize);\r\n };\r\n }, []);\r\n\r\n function setNextPrev() {\r\n const navNodeW = navRef.current.scrollWidth;\r\n const containerW = containerRef.current.offsetWidth;\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n\r\n const minOffset = containerW - navNodeW;\r\n let { next, prev } = state;\r\n if (minOffset >= 0) {\r\n next = false;\r\n setOffset(0, false);\r\n offset.current = 0;\r\n } else if (minOffset < offset.current) {\r\n next = true;\r\n } else {\r\n next = false;\r\n const realOffset = navWrapNodeW - navNodeW;\r\n setOffset(realOffset, false);\r\n offset.current = realOffset;\r\n }\r\n\r\n if (offset.current < 0) {\r\n prev = true;\r\n } else {\r\n prev = false;\r\n }\r\n setState({\r\n next, prev\r\n })\r\n return {\r\n next,\r\n prev,\r\n };\r\n }\r\n\r\n const setOffset = (os, checkNextPrev = true) => {\r\n const target = Math.min(0, os);\r\n if (offset.current !== target) {\r\n offset.current = target;\r\n let navOffset = {};\r\n const navStyle = navRef.current.style;\r\n const transformSupported = isTransformSupported(navStyle);\r\n if (transformSupported) {\r\n navOffset = {\r\n value: `translate3d(${target}px,0,0)`,\r\n };\r\n } else {\r\n navOffset = {\r\n name: 'left',\r\n value: `${target}px`,\r\n };\r\n }\r\n if (transformSupported) {\r\n setTransform(navStyle, navOffset.value);\r\n } else {\r\n navStyle[navOffset.name] = navOffset.value;\r\n }\r\n if (checkNextPrev) {\r\n setNextPrev();\r\n }\r\n }\r\n };\r\n\r\n // 上一页\r\n const handlePrev = () => {\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n setOffset(offset.current + navWrapNodeW);\r\n };\r\n\r\n // 下一页\r\n const handleNext = () => {\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n setOffset(offset.current - navWrapNodeW);\r\n };\r\n\r\n const showNextPrev = prev || next;\r\n\r\n const prevButton = (\r\n <span\r\n onClick={prev ? handlePrev : null}\r\n // eslint-disable-next-line react/no-unknown-property\r\n unselectable=\"on\"\r\n className={classnames({\r\n [`${prefixCls}-prev`]: true,\r\n [`${prefixCls}-btn-disabled`]: !prev,\r\n [`${prefixCls}-arrow-show`]: showNextPrev,\r\n })}\r\n >\r\n <span className={`${prefixCls}-prev-icon`}>\r\n <LeftOutlined />\r\n </span>\r\n </span>\r\n );\r\n const nextButton = (\r\n <span\r\n onClick={next ? handleNext : null}\r\n // eslint-disable-next-line react/no-unknown-property\r\n unselectable=\"on\"\r\n className={classnames({\r\n [`${prefixCls}-next`]: true,\r\n [`${prefixCls}-btn-disabled`]: !next,\r\n [`${prefixCls}-arrow-show`]: showNextPrev,\r\n })}\r\n >\r\n <span className={`${prefixCls}-next-icon`}>\r\n <RightOutlined />\r\n </span>\r\n </span>\r\n );\r\n\r\n return (\r\n <div\r\n className={classnames(`${prefixCls}-container`, className)}\r\n style={style}\r\n ref={containerRef}\r\n >\r\n {prevButton}\r\n {nextButton}\r\n <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\r\n <div className={`${prefixCls}-nav-scroll`}>\r\n <div className={`${prefixCls}-nav`} ref={navRef}>\r\n {props.children}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default VtxScrollableRow;\r\n\r\nVtxScrollableRow.propTypes = {\r\n prefixCls: PropTypes.string,\r\n className: PropTypes.string,\r\n style: PropTypes.object,\r\n children: PropTypes.node,\r\n};\r\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\r\n"],"mappings":";;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\r\n"],"mappings":";;AAAA"}
|
|
@@ -1,113 +1,113 @@
|
|
|
1
|
-
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
-
|
|
3
|
-
@prefix-cls: vtx-scrollable-row;
|
|
4
|
-
@easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
5
|
-
@effect-duration: 0.3s;
|
|
6
|
-
|
|
7
|
-
.@{prefix-cls} {
|
|
8
|
-
&-container {
|
|
9
|
-
position: relative;
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
margin-bottom: -1px;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
font-size: @font-size-base;
|
|
14
|
-
line-height: @line-height-base;
|
|
15
|
-
white-space: nowrap;
|
|
16
|
-
transition: padding @effect-duration @easing-in-out;
|
|
17
|
-
zoom: 1;
|
|
18
|
-
&::after {
|
|
19
|
-
clear: both;
|
|
20
|
-
}
|
|
21
|
-
&::before,
|
|
22
|
-
&::after {
|
|
23
|
-
display: table;
|
|
24
|
-
content: ' ';
|
|
25
|
-
}
|
|
26
|
-
&:hover {
|
|
27
|
-
.@{prefix-cls}-arrow-show {
|
|
28
|
-
display: inline-block;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
&-prev,
|
|
33
|
-
&-next {
|
|
34
|
-
position: absolute;
|
|
35
|
-
z-index: 1;
|
|
36
|
-
display: none;
|
|
37
|
-
line-height: 36px;
|
|
38
|
-
text-align: center;
|
|
39
|
-
background: @component-background;
|
|
40
|
-
border: none;
|
|
41
|
-
cursor: pointer;
|
|
42
|
-
transition: width @effect-duration @easing-in-out, opacity @effect-duration @easing-in-out,
|
|
43
|
-
color @effect-duration @easing-in-out;
|
|
44
|
-
user-select: none;
|
|
45
|
-
&-icon {
|
|
46
|
-
position: absolute;
|
|
47
|
-
top: 50%;
|
|
48
|
-
left: 50%;
|
|
49
|
-
font-weight: 700;
|
|
50
|
-
font-style: normal;
|
|
51
|
-
font-variant: normal;
|
|
52
|
-
line-height: inherit;
|
|
53
|
-
text-align: center;
|
|
54
|
-
text-transform: none;
|
|
55
|
-
vertical-align: baseline;
|
|
56
|
-
-webkit-transform: translate(-50%, -50%);
|
|
57
|
-
-ms-transform: translate(-50%, -50%);
|
|
58
|
-
transform: translate(-50%, -50%);
|
|
59
|
-
}
|
|
60
|
-
&::before {
|
|
61
|
-
display: block;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
&-prev {
|
|
66
|
-
left: 0;
|
|
67
|
-
border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
68
|
-
box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
|
|
69
|
-
}
|
|
70
|
-
&-next {
|
|
71
|
-
right: 0;
|
|
72
|
-
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
73
|
-
box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
|
|
74
|
-
}
|
|
75
|
-
&-btn-disabled {
|
|
76
|
-
color: #ccc;
|
|
77
|
-
cursor: not-allowed;
|
|
78
|
-
}
|
|
79
|
-
&-arrow-show {
|
|
80
|
-
display: none;
|
|
81
|
-
width: 32px;
|
|
82
|
-
height: 100%;
|
|
83
|
-
opacity: 1;
|
|
84
|
-
pointer-events: auto;
|
|
85
|
-
}
|
|
86
|
-
&-nav-wrap {
|
|
87
|
-
margin-bottom: -1px;
|
|
88
|
-
overflow: hidden;
|
|
89
|
-
}
|
|
90
|
-
&-nav-scroll {
|
|
91
|
-
overflow: hidden;
|
|
92
|
-
line-height: 1;
|
|
93
|
-
white-space: nowrap;
|
|
94
|
-
}
|
|
95
|
-
&-nav {
|
|
96
|
-
position: relative;
|
|
97
|
-
display: inline-block;
|
|
98
|
-
box-sizing: border-box;
|
|
99
|
-
margin: 0;
|
|
100
|
-
padding-left: 0;
|
|
101
|
-
list-style: none;
|
|
102
|
-
transition: transform @effect-duration @easing-in-out,
|
|
103
|
-
-webkit-transform @effect-duration @easing-in-out;
|
|
104
|
-
&::after {
|
|
105
|
-
clear: both;
|
|
106
|
-
}
|
|
107
|
-
&::before,
|
|
108
|
-
&::after {
|
|
109
|
-
display: table;
|
|
110
|
-
content: ' ';
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
1
|
+
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
+
|
|
3
|
+
@prefix-cls: vtx-scrollable-row;
|
|
4
|
+
@easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
5
|
+
@effect-duration: 0.3s;
|
|
6
|
+
|
|
7
|
+
.@{prefix-cls} {
|
|
8
|
+
&-container {
|
|
9
|
+
position: relative;
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
margin-bottom: -1px;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
font-size: @font-size-base;
|
|
14
|
+
line-height: @line-height-base;
|
|
15
|
+
white-space: nowrap;
|
|
16
|
+
transition: padding @effect-duration @easing-in-out;
|
|
17
|
+
zoom: 1;
|
|
18
|
+
&::after {
|
|
19
|
+
clear: both;
|
|
20
|
+
}
|
|
21
|
+
&::before,
|
|
22
|
+
&::after {
|
|
23
|
+
display: table;
|
|
24
|
+
content: ' ';
|
|
25
|
+
}
|
|
26
|
+
&:hover {
|
|
27
|
+
.@{prefix-cls}-arrow-show {
|
|
28
|
+
display: inline-block;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
&-prev,
|
|
33
|
+
&-next {
|
|
34
|
+
position: absolute;
|
|
35
|
+
z-index: 1;
|
|
36
|
+
display: none;
|
|
37
|
+
line-height: 36px;
|
|
38
|
+
text-align: center;
|
|
39
|
+
background: @component-background;
|
|
40
|
+
border: none;
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
transition: width @effect-duration @easing-in-out, opacity @effect-duration @easing-in-out,
|
|
43
|
+
color @effect-duration @easing-in-out;
|
|
44
|
+
user-select: none;
|
|
45
|
+
&-icon {
|
|
46
|
+
position: absolute;
|
|
47
|
+
top: 50%;
|
|
48
|
+
left: 50%;
|
|
49
|
+
font-weight: 700;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
font-variant: normal;
|
|
52
|
+
line-height: inherit;
|
|
53
|
+
text-align: center;
|
|
54
|
+
text-transform: none;
|
|
55
|
+
vertical-align: baseline;
|
|
56
|
+
-webkit-transform: translate(-50%, -50%);
|
|
57
|
+
-ms-transform: translate(-50%, -50%);
|
|
58
|
+
transform: translate(-50%, -50%);
|
|
59
|
+
}
|
|
60
|
+
&::before {
|
|
61
|
+
display: block;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&-prev {
|
|
66
|
+
left: 0;
|
|
67
|
+
border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
68
|
+
box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
|
|
69
|
+
}
|
|
70
|
+
&-next {
|
|
71
|
+
right: 0;
|
|
72
|
+
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
73
|
+
box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
|
|
74
|
+
}
|
|
75
|
+
&-btn-disabled {
|
|
76
|
+
color: #ccc;
|
|
77
|
+
cursor: not-allowed;
|
|
78
|
+
}
|
|
79
|
+
&-arrow-show {
|
|
80
|
+
display: none;
|
|
81
|
+
width: 32px;
|
|
82
|
+
height: 100%;
|
|
83
|
+
opacity: 1;
|
|
84
|
+
pointer-events: auto;
|
|
85
|
+
}
|
|
86
|
+
&-nav-wrap {
|
|
87
|
+
margin-bottom: -1px;
|
|
88
|
+
overflow: hidden;
|
|
89
|
+
}
|
|
90
|
+
&-nav-scroll {
|
|
91
|
+
overflow: hidden;
|
|
92
|
+
line-height: 1;
|
|
93
|
+
white-space: nowrap;
|
|
94
|
+
}
|
|
95
|
+
&-nav {
|
|
96
|
+
position: relative;
|
|
97
|
+
display: inline-block;
|
|
98
|
+
box-sizing: border-box;
|
|
99
|
+
margin: 0;
|
|
100
|
+
padding-left: 0;
|
|
101
|
+
list-style: none;
|
|
102
|
+
transition: transform @effect-duration @easing-in-out,
|
|
103
|
+
-webkit-transform @effect-duration @easing-in-out;
|
|
104
|
+
&::after {
|
|
105
|
+
clear: both;
|
|
106
|
+
}
|
|
107
|
+
&::before,
|
|
108
|
+
&::after {
|
|
109
|
+
display: table;
|
|
110
|
+
content: ' ';
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VtxCol.js","names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"sources":["vtx-search/VtxCol.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/tooltip';\nimport './style/index.less';\n\nfunction VtxCol(props) {\n const addStyle = d => {\n if (typeof d.type === 'function' && d.props?.attr == 'row') {\n return d;\n } else {\n if (d.props?.['data-type'] === 'colon') {\n return (\n <div className=\"vtx-search-lists\">\n <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\n <div className=\"vtx-search-list\">{d.props.children[1]}</div>\n </div>\n );\n }\n let sty = {};\n if (d.props?.['data-type'] === 'fieldName') {\n sty = {\n ...sty,\n padding: '8px 0px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'right',\n cursor: 'default',\n };\n }\n if (d.props?.['data-type'] === 'bt') {\n sty = {\n ...sty,\n padding: '8px 0px',\n };\n }\n return (\n <div key={d} style={{ ...sty }}>\n {d.props?.['data-type'] === 'fieldName' ? (\n <Tooltip placement=\"rightTop\" title={d.props.children}>\n {d}\n </Tooltip>\n ) : (\n d\n )}\n </div>\n );\n }\n };\n const render = d => {\n if (d == '') return '';\n if (!d.length) {\n return addStyle(d);\n }\n return d.map(item => {\n return addStyle(item);\n });\n };\n return <Col {...props}>{render(props.children)}</Col>;\n}\n\nVtxCol.propTypes = {\n children: PropTypes.node,\n};\nexport default VtxCol;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;EACnB,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;IAAA;;IAClB,IAAI,OAAOA,CAAC,CAACC,IAAT,KAAkB,UAAlB,IAAgC,aAAAD,CAAC,CAACF,KAAF,sDAASI,IAAT,KAAiB,KAArD,EAA4D;MACxD,OAAOF,CAAP;IACH,CAFD,MAEO;MAAA;;MACH,IAAI,cAAAA,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,OAA/B,EAAwC;QACpC,oBACI;UAAK,SAAS,EAAC;QAAf,gBACI;UAAK,SAAS,EAAC;QAAf,GAAmCE,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAnC,CADJ,eAEI;UAAK,SAAS,EAAC;QAAf,GAAkCH,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAlC,CAFJ,CADJ;MAMH;;MACD,IAAIC,GAAG,GAAG,EAAV;;MACA,IAAI,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA/B,EAA4C;QACxCM,GAAG,mCACIA,GADJ;UAECC,OAAO,EAAE,SAFV;UAGCC,QAAQ,EAAE,QAHX;UAICC,YAAY,EAAE,UAJf;UAKCC,UAAU,EAAE,QALb;UAMCC,SAAS,EAAE,OANZ;UAOCC,MAAM,EAAE;QAPT,EAAH;MASH;;MACD,IAAI,cAAAV,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,IAA/B,EAAqC;QACjCM,GAAG,mCACIA,GADJ;UAECC,OAAO,EAAE;QAFV,EAAH;MAIH;;MACD,oBACI;QAAK,GAAG,EAAEL,CAAV;QAAa,KAAK,oBAAOI,GAAP;MAAlB,GACK,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA3B,gBACG,gCAAC,mBAAD;QAAS,SAAS,EAAC,UAAnB;QAA8B,KAAK,EAAEE,CAAC,CAACF,KAAF,CAAQK;MAA7C,GACKH,CADL,CADH,GAKGA,CANR,CADJ;IAWH;EACJ,CA1CD;;EA2CA,IAAMW,MAAM,GAAG,SAATA,MAAS,CAAAX,CAAC,EAAI;IAChB,IAAIA,CAAC,IAAI,EAAT,EAAa,OAAO,EAAP;;IACb,IAAI,CAACA,CAAC,CAACY,MAAP,EAAe;MACX,OAAOb,QAAQ,CAACC,CAAD,CAAf;IACH;;IACD,OAAOA,CAAC,CAACa,GAAF,CAAM,UAAAC,IAAI,EAAI;MACjB,OAAOf,QAAQ,CAACe,IAAD,CAAf;IACH,CAFM,CAAP;EAGH,CARD;;EASA,oBAAO,gCAAC,eAAD,EAAShB,KAAT,EAAiBa,MAAM,CAACb,KAAK,CAACK,QAAP,CAAvB,CAAP;AACH;;AAEDN,MAAM,CAACkB,SAAP,GAAmB;EACfZ,QAAQ,EAAEa,qBAAA,CAAUC;AADL,CAAnB;eAGepB,M"}
|
|
1
|
+
{"version":3,"file":"VtxCol.js","names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"sources":["vtx-search/VtxCol.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Col from 'antd/lib/col';\r\nimport Tooltip from 'antd/lib/tooltip';\r\nimport './style/index.less';\r\n\r\nfunction VtxCol(props) {\r\n const addStyle = d => {\r\n if (typeof d.type === 'function' && d.props?.attr == 'row') {\r\n return d;\r\n } else {\r\n if (d.props?.['data-type'] === 'colon') {\r\n return (\r\n <div className=\"vtx-search-lists\">\r\n <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\r\n <div className=\"vtx-search-list\">{d.props.children[1]}</div>\r\n </div>\r\n );\r\n }\r\n let sty = {};\r\n if (d.props?.['data-type'] === 'fieldName') {\r\n sty = {\r\n ...sty,\r\n padding: '8px 0px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n textAlign: 'right',\r\n cursor: 'default',\r\n };\r\n }\r\n if (d.props?.['data-type'] === 'bt') {\r\n sty = {\r\n ...sty,\r\n padding: '8px 0px',\r\n };\r\n }\r\n return (\r\n <div key={d} style={{ ...sty }}>\r\n {d.props?.['data-type'] === 'fieldName' ? (\r\n <Tooltip placement=\"rightTop\" title={d.props.children}>\r\n {d}\r\n </Tooltip>\r\n ) : (\r\n d\r\n )}\r\n </div>\r\n );\r\n }\r\n };\r\n const render = d => {\r\n if (d == '') return '';\r\n if (!d.length) {\r\n return addStyle(d);\r\n }\r\n return d.map(item => {\r\n return addStyle(item);\r\n });\r\n };\r\n return <Col {...props}>{render(props.children)}</Col>;\r\n}\r\n\r\nVtxCol.propTypes = {\r\n children: PropTypes.node,\r\n};\r\nexport default VtxCol;\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;EACnB,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;IAAA;;IAClB,IAAI,OAAOA,CAAC,CAACC,IAAT,KAAkB,UAAlB,IAAgC,aAAAD,CAAC,CAACF,KAAF,sDAASI,IAAT,KAAiB,KAArD,EAA4D;MACxD,OAAOF,CAAP;IACH,CAFD,MAEO;MAAA;;MACH,IAAI,cAAAA,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,OAA/B,EAAwC;QACpC,oBACI;UAAK,SAAS,EAAC;QAAf,gBACI;UAAK,SAAS,EAAC;QAAf,GAAmCE,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAnC,CADJ,eAEI;UAAK,SAAS,EAAC;QAAf,GAAkCH,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAlC,CAFJ,CADJ;MAMH;;MACD,IAAIC,GAAG,GAAG,EAAV;;MACA,IAAI,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA/B,EAA4C;QACxCM,GAAG,mCACIA,GADJ;UAECC,OAAO,EAAE,SAFV;UAGCC,QAAQ,EAAE,QAHX;UAICC,YAAY,EAAE,UAJf;UAKCC,UAAU,EAAE,QALb;UAMCC,SAAS,EAAE,OANZ;UAOCC,MAAM,EAAE;QAPT,EAAH;MASH;;MACD,IAAI,cAAAV,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,IAA/B,EAAqC;QACjCM,GAAG,mCACIA,GADJ;UAECC,OAAO,EAAE;QAFV,EAAH;MAIH;;MACD,oBACI;QAAK,GAAG,EAAEL,CAAV;QAAa,KAAK,oBAAOI,GAAP;MAAlB,GACK,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA3B,gBACG,gCAAC,mBAAD;QAAS,SAAS,EAAC,UAAnB;QAA8B,KAAK,EAAEE,CAAC,CAACF,KAAF,CAAQK;MAA7C,GACKH,CADL,CADH,GAKGA,CANR,CADJ;IAWH;EACJ,CA1CD;;EA2CA,IAAMW,MAAM,GAAG,SAATA,MAAS,CAAAX,CAAC,EAAI;IAChB,IAAIA,CAAC,IAAI,EAAT,EAAa,OAAO,EAAP;;IACb,IAAI,CAACA,CAAC,CAACY,MAAP,EAAe;MACX,OAAOb,QAAQ,CAACC,CAAD,CAAf;IACH;;IACD,OAAOA,CAAC,CAACa,GAAF,CAAM,UAAAC,IAAI,EAAI;MACjB,OAAOf,QAAQ,CAACe,IAAD,CAAf;IACH,CAFM,CAAP;EAGH,CARD;;EASA,oBAAO,gCAAC,eAAD,EAAShB,KAAT,EAAiBa,MAAM,CAACb,KAAK,CAACK,QAAP,CAAvB,CAAP;AACH;;AAEDN,MAAM,CAACkB,SAAP,GAAmB;EACfZ,QAAQ,EAAEa,qBAAA,CAAUC;AADL,CAAnB;eAGepB,M"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VtxRow.js","names":["VtxRow","props","children","gutter","type","align","justify","className","RowProps","propTypes","PropTypes","node","number","string"],"sources":["vtx-search/VtxRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/lib/row';\n\nfunction VtxRow(props) {\n const { children, gutter = 0, type, align, justify, className } = props;\n const RowProps = { gutter, type, align, justify, className };\n return <Row {...RowProps}>{children}</Row>;\n}\n\nVtxRow.propTypes = {\n children: PropTypes.node,\n gutter: PropTypes.number,\n type: PropTypes.string,\n align: PropTypes.number,\n justify: PropTypes.number,\n className: PropTypes.string,\n};\nexport default VtxRow;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;EACnB,IAAQC,QAAR,GAAkED,KAAlE,CAAQC,QAAR;EAAA,oBAAkED,KAAlE,CAAkBE,MAAlB;EAAA,IAAkBA,MAAlB,8BAA2B,CAA3B;EAAA,IAA8BC,IAA9B,GAAkEH,KAAlE,CAA8BG,IAA9B;EAAA,IAAoCC,KAApC,GAAkEJ,KAAlE,CAAoCI,KAApC;EAAA,IAA2CC,OAA3C,GAAkEL,KAAlE,CAA2CK,OAA3C;EAAA,IAAoDC,SAApD,GAAkEN,KAAlE,CAAoDM,SAApD;EACA,IAAMC,QAAQ,GAAG;IAAEL,MAAM,EAANA,MAAF;IAAUC,IAAI,EAAJA,IAAV;IAAgBC,KAAK,EAALA,KAAhB;IAAuBC,OAAO,EAAPA,OAAvB;IAAgCC,SAAS,EAATA;EAAhC,CAAjB;EACA,oBAAO,gCAAC,eAAD,EAASC,QAAT,EAAoBN,QAApB,CAAP;AACH;;AAEDF,MAAM,CAACS,SAAP,GAAmB;EACfP,QAAQ,EAAEQ,qBAAA,CAAUC,IADL;EAEfR,MAAM,EAAEO,qBAAA,CAAUE,MAFH;EAGfR,IAAI,EAAEM,qBAAA,CAAUG,MAHD;EAIfR,KAAK,EAAEK,qBAAA,CAAUE,MAJF;EAKfN,OAAO,EAAEI,qBAAA,CAAUE,MALJ;EAMfL,SAAS,EAAEG,qBAAA,CAAUG;AANN,CAAnB;eAQeb,M"}
|
|
1
|
+
{"version":3,"file":"VtxRow.js","names":["VtxRow","props","children","gutter","type","align","justify","className","RowProps","propTypes","PropTypes","node","number","string"],"sources":["vtx-search/VtxRow.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Row from 'antd/lib/row';\r\n\r\nfunction VtxRow(props) {\r\n const { children, gutter = 0, type, align, justify, className } = props;\r\n const RowProps = { gutter, type, align, justify, className };\r\n return <Row {...RowProps}>{children}</Row>;\r\n}\r\n\r\nVtxRow.propTypes = {\r\n children: PropTypes.node,\r\n gutter: PropTypes.number,\r\n type: PropTypes.string,\r\n align: PropTypes.number,\r\n justify: PropTypes.number,\r\n className: PropTypes.string,\r\n};\r\nexport default VtxRow;\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;EACnB,IAAQC,QAAR,GAAkED,KAAlE,CAAQC,QAAR;EAAA,oBAAkED,KAAlE,CAAkBE,MAAlB;EAAA,IAAkBA,MAAlB,8BAA2B,CAA3B;EAAA,IAA8BC,IAA9B,GAAkEH,KAAlE,CAA8BG,IAA9B;EAAA,IAAoCC,KAApC,GAAkEJ,KAAlE,CAAoCI,KAApC;EAAA,IAA2CC,OAA3C,GAAkEL,KAAlE,CAA2CK,OAA3C;EAAA,IAAoDC,SAApD,GAAkEN,KAAlE,CAAoDM,SAApD;EACA,IAAMC,QAAQ,GAAG;IAAEL,MAAM,EAANA,MAAF;IAAUC,IAAI,EAAJA,IAAV;IAAgBC,KAAK,EAALA,KAAhB;IAAuBC,OAAO,EAAPA,OAAvB;IAAgCC,SAAS,EAATA;EAAhC,CAAjB;EACA,oBAAO,gCAAC,eAAD,EAASC,QAAT,EAAoBN,QAApB,CAAP;AACH;;AAEDF,MAAM,CAACS,SAAP,GAAmB;EACfP,QAAQ,EAAEQ,qBAAA,CAAUC,IADL;EAEfR,MAAM,EAAEO,qBAAA,CAAUE,MAFH;EAGfR,IAAI,EAAEM,qBAAA,CAAUG,MAHD;EAIfR,KAAK,EAAEK,qBAAA,CAAUE,MAJF;EAKfN,OAAO,EAAEI,qBAAA,CAAUE,MALJ;EAMfL,SAAS,EAAEG,qBAAA,CAAUG;AANN,CAAnB;eAQeb,M"}
|