iglooform 2.4.8 → 2.4.9
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/es/admin-upload/float.js +25 -35
- package/es/admin-upload/index.js +18 -25
- package/es/admin-upload/job-list.js +83 -113
- package/es/admin-upload/modal.js +19 -26
- package/es/alert-message/index.js +11 -9
- package/es/amount/index.js +10 -5
- package/es/back-top/index.js +14 -10
- package/es/button/index.js +21 -26
- package/es/card-detail/card-group.js +16 -22
- package/es/card-detail/card-item.js +15 -20
- package/es/card-detail/card-page.js +11 -15
- package/es/card-detail/card.js +24 -24
- package/es/card-detail/utils.js +3 -4
- package/es/checkbox/index.js +23 -22
- package/es/claim-list/index.js +51 -68
- package/es/confirmation/index.js +5 -7
- package/es/date-picker/buddhist.js +1 -1
- package/es/date-picker/index.js +10 -4
- package/es/declaration/index.js +16 -13
- package/es/detail-panel/index.js +67 -83
- package/es/documents/index.js +6 -8
- package/es/example/index.js +3 -4
- package/es/filter/checkBox.js +33 -45
- package/es/filter/customize.js +3 -4
- package/es/filter/index.js +79 -107
- package/es/filter/radioBox.js +23 -31
- package/es/filter/rangePicker.js +43 -59
- package/es/form/divider/index.js +7 -1
- package/es/form/element/index.js +28 -36
- package/es/form/element/style/index.less +4 -0
- package/es/form/index.js +9 -12
- package/es/form/login/index.js +14 -19
- package/es/form/page/index.js +17 -23
- package/es/form/pages/index.js +22 -30
- package/es/form/section/index.js +11 -14
- package/es/form/step/index.js +30 -41
- package/es/form/steps/index.js +6 -8
- package/es/free-form/element/index.js +21 -27
- package/es/free-form/element/style/index.less +4 -0
- package/es/free-form/index.js +9 -12
- package/es/free-form/page/index.js +28 -39
- package/es/free-form/pages/index.js +6 -8
- package/es/free-form/section/index.js +11 -14
- package/es/free-form/step/index.js +30 -41
- package/es/free-form/steps/index.js +6 -8
- package/es/home-menu/index.js +52 -71
- package/es/input/amount.js +10 -5
- package/es/input/credit-card.js +7 -1
- package/es/input/email.js +8 -1
- package/es/input/expiry-date.js +12 -16
- package/es/input/input-date.js +12 -16
- package/es/input/input-number.js +9 -2
- package/es/input/input.js +9 -2
- package/es/input/otp.js +17 -15
- package/es/input/password.js +12 -6
- package/es/input/phone-number.js +6 -8
- package/es/input/text-area.js +14 -10
- package/es/layout/defaultFooter.js +60 -82
- package/es/layout/defaultHeader.js +11 -15
- package/es/layout/footer.js +108 -148
- package/es/layout/header.js +50 -59
- package/es/layout/index.js +16 -12
- package/es/locale/locale-provider.js +6 -8
- package/es/login-page/index.js +30 -42
- package/es/media/index.js +20 -27
- package/es/media/media.js +9 -12
- package/es/media/preview.js +6 -8
- package/es/mobile-insurer-detail/index.js +74 -91
- package/es/mobile-insurer-list/index.js +34 -38
- package/es/modal/index.js +20 -25
- package/es/platform/platform-card/index.js +9 -12
- package/es/platform/switch-platform/index.js +24 -32
- package/es/policy-list/index.js +9 -12
- package/es/policy-list/policy-card.js +119 -153
- package/es/radio/index.js +33 -35
- package/es/select/attached-select.js +31 -34
- package/es/select/select.js +12 -8
- package/es/select/time-select.js +12 -16
- package/es/status-box/index.js +6 -8
- package/es/table/index.js +69 -93
- package/es/tabs/index.js +7 -1
- package/es/typography/index.js +6 -8
- package/es/upload/index.js +48 -66
- package/es/upload-photo/index.js +47 -63
- package/es/upload-photo/media.js +3 -4
- package/es/upload-preview/index.js +9 -12
- package/es/upload-preview/media.js +12 -16
- package/es/utils/form-utils.js +18 -25
- package/lib/admin-upload/float.js +25 -35
- package/lib/admin-upload/index.js +18 -25
- package/lib/admin-upload/job-list.js +83 -113
- package/lib/admin-upload/modal.js +19 -26
- package/lib/alert-message/index.js +11 -9
- package/lib/amount/index.js +10 -5
- package/lib/back-top/index.js +14 -10
- package/lib/button/index.js +22 -27
- package/lib/card-detail/card-group.js +16 -22
- package/lib/card-detail/card-item.js +15 -20
- package/lib/card-detail/card-page.js +11 -15
- package/lib/card-detail/card.js +24 -24
- package/lib/card-detail/index.js +6 -6
- package/lib/card-detail/utils.js +4 -5
- package/lib/checkbox/index.js +24 -23
- package/lib/claim-list/index.js +51 -68
- package/lib/confirmation/index.js +5 -7
- package/lib/date-picker/buddhist.js +1 -1
- package/lib/date-picker/index.js +11 -5
- package/lib/declaration/index.js +16 -13
- package/lib/detail-panel/index.js +67 -83
- package/lib/documents/index.js +6 -8
- package/lib/example/index.js +3 -4
- package/lib/filter/checkBox.js +33 -45
- package/lib/filter/customize.js +3 -4
- package/lib/filter/index.js +79 -107
- package/lib/filter/radioBox.js +23 -31
- package/lib/filter/rangePicker.js +43 -59
- package/lib/form/divider/index.js +7 -1
- package/lib/form/element/index.js +28 -36
- package/lib/form/element/style/index.less +4 -0
- package/lib/form/index.js +9 -12
- package/lib/form/login/index.js +14 -19
- package/lib/form/page/index.js +17 -23
- package/lib/form/pages/index.js +22 -30
- package/lib/form/section/index.js +11 -14
- package/lib/form/step/index.js +30 -41
- package/lib/form/steps/index.js +6 -8
- package/lib/free-form/element/index.js +21 -27
- package/lib/free-form/element/style/index.less +4 -0
- package/lib/free-form/index.js +9 -12
- package/lib/free-form/page/index.js +28 -39
- package/lib/free-form/pages/index.js +6 -8
- package/lib/free-form/section/index.js +11 -14
- package/lib/free-form/step/index.js +30 -41
- package/lib/free-form/steps/index.js +6 -8
- package/lib/home-menu/index.js +52 -71
- package/lib/index.js +132 -132
- package/lib/input/amount.js +10 -5
- package/lib/input/credit-card.js +7 -1
- package/lib/input/email.js +7 -1
- package/lib/input/expiry-date.js +12 -16
- package/lib/input/index.js +18 -18
- package/lib/input/input-date.js +12 -16
- package/lib/input/input-number.js +8 -2
- package/lib/input/input.js +8 -2
- package/lib/input/otp.js +17 -15
- package/lib/input/password.js +11 -6
- package/lib/input/phone-number.js +6 -8
- package/lib/input/text-area.js +14 -10
- package/lib/layout/defaultFooter.js +60 -82
- package/lib/layout/defaultHeader.js +11 -15
- package/lib/layout/footer.js +108 -148
- package/lib/layout/header.js +50 -59
- package/lib/layout/index.js +15 -12
- package/lib/locale/format-message.js +1 -1
- package/lib/locale/index.js +4 -4
- package/lib/locale/locale-provider.js +7 -9
- package/lib/login-page/index.js +30 -42
- package/lib/media/index.js +20 -27
- package/lib/media/media.js +9 -12
- package/lib/media/preview.js +6 -8
- package/lib/mobile-insurer-detail/index.js +74 -91
- package/lib/mobile-insurer-list/index.js +34 -38
- package/lib/modal/index.js +20 -25
- package/lib/platform/platform-card/index.js +9 -12
- package/lib/platform/switch-platform/index.js +24 -32
- package/lib/policy-list/index.js +9 -12
- package/lib/policy-list/policy-card.js +119 -153
- package/lib/radio/index.js +33 -35
- package/lib/select/attached-select.js +32 -35
- package/lib/select/select.js +13 -9
- package/lib/select/time-select.js +12 -16
- package/lib/status-box/index.js +6 -8
- package/lib/table/index.js +69 -93
- package/lib/tabs/index.js +8 -2
- package/lib/typography/index.js +6 -8
- package/lib/upload/index.js +48 -66
- package/lib/upload-photo/index.js +47 -63
- package/lib/upload-photo/media.js +3 -4
- package/lib/upload-preview/index.js +9 -12
- package/lib/upload-preview/media.js +12 -16
- package/lib/utils/form-utils.js +19 -26
- package/package.json +1 -1
package/es/filter/checkBox.js
CHANGED
|
@@ -73,17 +73,14 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
|
|
|
73
73
|
setAllChoose(false);
|
|
74
74
|
}
|
|
75
75
|
}, [chooseed.length, allCanChoose]);
|
|
76
|
-
return _jsxs("div",
|
|
77
|
-
className: "igloo-form-filter-drop-down-container-content-group"
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
children: [_jsx(Typography, Object.assign({
|
|
83
|
-
level: "h4"
|
|
84
|
-
}, {
|
|
76
|
+
return _jsxs("div", {
|
|
77
|
+
className: "igloo-form-filter-drop-down-container-content-group",
|
|
78
|
+
children: [_jsxs("div", {
|
|
79
|
+
className: "igloo-form-filter-drop-down-container-content-group-title",
|
|
80
|
+
children: [_jsx(Typography, {
|
|
81
|
+
level: "h4",
|
|
85
82
|
children: title
|
|
86
|
-
}
|
|
83
|
+
}, void 0), allChoose ? _jsx("span", {
|
|
87
84
|
className: "igloo-form-filter-drop-down-container-content-group-title-action",
|
|
88
85
|
onClick: function onClick() {
|
|
89
86
|
valueConfirm({
|
|
@@ -91,16 +88,14 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
|
|
|
91
88
|
value: []
|
|
92
89
|
});
|
|
93
90
|
setAllChoose(false);
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
level: "h4"
|
|
98
|
-
}, {
|
|
91
|
+
},
|
|
92
|
+
children: _jsx(Typography, {
|
|
93
|
+
level: "h4",
|
|
99
94
|
children: formatMessage({
|
|
100
95
|
id: 'Unselect All'
|
|
101
96
|
})
|
|
102
|
-
}
|
|
103
|
-
}
|
|
97
|
+
}, void 0)
|
|
98
|
+
}, void 0) : _jsx("span", {
|
|
104
99
|
className: "igloo-form-filter-drop-down-container-content-group-title-action",
|
|
105
100
|
onClick: function onClick() {
|
|
106
101
|
valueConfirm({
|
|
@@ -108,17 +103,15 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
|
|
|
108
103
|
value: allCanChoose
|
|
109
104
|
});
|
|
110
105
|
setAllChoose(true);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
level: "h4"
|
|
115
|
-
}, {
|
|
106
|
+
},
|
|
107
|
+
children: _jsx(Typography, {
|
|
108
|
+
level: "h4",
|
|
116
109
|
children: formatMessage({
|
|
117
110
|
id: 'Select All'
|
|
118
111
|
})
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}
|
|
112
|
+
}, void 0)
|
|
113
|
+
}, void 0)]
|
|
114
|
+
}, void 0), _jsx(_Checkbox.Group, {
|
|
122
115
|
value: handleFilterDisable(chooseed, disabled),
|
|
123
116
|
style: {
|
|
124
117
|
width: '100%'
|
|
@@ -128,34 +121,29 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
|
|
|
128
121
|
type: optionKey,
|
|
129
122
|
value: e
|
|
130
123
|
});
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
gutter: [24, 16]
|
|
135
|
-
}, {
|
|
124
|
+
},
|
|
125
|
+
children: _jsx(_Row, {
|
|
126
|
+
gutter: [24, 16],
|
|
136
127
|
children: configList.map(function (item) {
|
|
137
|
-
return _jsx(_Col,
|
|
138
|
-
span: item.span || 8
|
|
139
|
-
|
|
140
|
-
children: _jsx(_Checkbox, Object.assign({
|
|
128
|
+
return _jsx(_Col, {
|
|
129
|
+
span: item.span || 8,
|
|
130
|
+
children: _jsx(_Checkbox, {
|
|
141
131
|
value: item.value,
|
|
142
|
-
disabled: disabled === null || disabled === void 0 ? void 0 : disabled.includes(item.value)
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
level: "body1"
|
|
146
|
-
}, {
|
|
132
|
+
disabled: disabled === null || disabled === void 0 ? void 0 : disabled.includes(item.value),
|
|
133
|
+
children: _jsx(Typography, {
|
|
134
|
+
level: "body1",
|
|
147
135
|
children: item.label
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
}
|
|
136
|
+
}, void 0)
|
|
137
|
+
}, void 0)
|
|
138
|
+
}, item.value);
|
|
151
139
|
})
|
|
152
|
-
}
|
|
153
|
-
}
|
|
140
|
+
}, void 0)
|
|
141
|
+
}, String(timeKey.valueOf())), _jsx(_Divider, {
|
|
154
142
|
style: {
|
|
155
143
|
margin: '16px 0px'
|
|
156
144
|
}
|
|
157
145
|
}, void 0)]
|
|
158
|
-
}
|
|
146
|
+
}, optionKey);
|
|
159
147
|
};
|
|
160
148
|
|
|
161
149
|
export default CratetCheckBoxFilter;
|
package/es/filter/customize.js
CHANGED
|
@@ -7,15 +7,14 @@ var CustomizeFilter = function CustomizeFilter(props) {
|
|
|
7
7
|
value = props.value,
|
|
8
8
|
onChange = props.onChange,
|
|
9
9
|
render = props.render;
|
|
10
|
-
return _jsxs("div",
|
|
11
|
-
className: "igloo-form-filter-drop-down-container-content-group"
|
|
12
|
-
}, {
|
|
10
|
+
return _jsxs("div", {
|
|
11
|
+
className: "igloo-form-filter-drop-down-container-content-group",
|
|
13
12
|
children: [render(value, onChange), _jsx(_Divider, {
|
|
14
13
|
style: {
|
|
15
14
|
margin: '16px 0px'
|
|
16
15
|
}
|
|
17
16
|
}, void 0)]
|
|
18
|
-
}
|
|
17
|
+
}, optionKey);
|
|
19
18
|
};
|
|
20
19
|
|
|
21
20
|
export default CustomizeFilter;
|
package/es/filter/index.js
CHANGED
|
@@ -604,20 +604,18 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
604
604
|
|
|
605
605
|
var menu = _jsx(_Menu, {
|
|
606
606
|
children: _jsxs(_Menu.Item, {
|
|
607
|
-
children: [_jsxs("div",
|
|
608
|
-
className: "igloo-form-filter-drop-down-container-content"
|
|
609
|
-
}, {
|
|
607
|
+
children: [_jsxs("div", {
|
|
608
|
+
className: "igloo-form-filter-drop-down-container-content",
|
|
610
609
|
children: [_jsxs(_Space, {
|
|
611
610
|
children: [_jsx(FilterOutlined, {
|
|
612
611
|
style: {
|
|
613
612
|
fontSize: '24px',
|
|
614
613
|
color: '#666666'
|
|
615
614
|
}
|
|
616
|
-
}, void 0), _jsx(Typography,
|
|
617
|
-
level: "h4"
|
|
618
|
-
}, {
|
|
615
|
+
}, void 0), _jsx(Typography, {
|
|
616
|
+
level: "h4",
|
|
619
617
|
children: filterTitle
|
|
620
|
-
}
|
|
618
|
+
}, void 0)]
|
|
621
619
|
}, void 0), _jsx(_Divider, {
|
|
622
620
|
style: {
|
|
623
621
|
margin: '16px 0px'
|
|
@@ -696,13 +694,12 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
696
694
|
}, key);
|
|
697
695
|
}
|
|
698
696
|
})]
|
|
699
|
-
}
|
|
697
|
+
}, void 0), _jsxs("div", {
|
|
700
698
|
className: "igloo-form-filter-drop-down-footer",
|
|
701
699
|
onClick: function onClick(e) {
|
|
702
700
|
return e.stopPropagation();
|
|
703
|
-
}
|
|
704
|
-
|
|
705
|
-
children: [_jsx("span", Object.assign({
|
|
701
|
+
},
|
|
702
|
+
children: [_jsx("span", {
|
|
706
703
|
onClick: function onClick() {
|
|
707
704
|
setTimeout(function () {
|
|
708
705
|
setTimeRangeType(-1);
|
|
@@ -711,19 +708,16 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
711
708
|
value: _objectSpread({}, defaultOptions)
|
|
712
709
|
});
|
|
713
710
|
}, 10);
|
|
714
|
-
}
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
level: "h4"
|
|
718
|
-
}, {
|
|
711
|
+
},
|
|
712
|
+
children: _jsx(Typography, {
|
|
713
|
+
level: "h4",
|
|
719
714
|
children: formatMessage({
|
|
720
715
|
id: 'Reset All Filters'
|
|
721
716
|
})
|
|
722
|
-
}
|
|
723
|
-
}
|
|
724
|
-
size: 16
|
|
725
|
-
|
|
726
|
-
children: [_jsx("span", Object.assign({
|
|
717
|
+
}, void 0)
|
|
718
|
+
}, void 0), _jsxs(_Space, {
|
|
719
|
+
size: 16,
|
|
720
|
+
children: [_jsx("span", {
|
|
727
721
|
onClick: function onClick() {
|
|
728
722
|
setDropVisible(false);
|
|
729
723
|
dispatchOptionsChange({
|
|
@@ -731,16 +725,14 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
731
725
|
value: confirmed
|
|
732
726
|
});
|
|
733
727
|
setTimeRangeType(confirmedTimeRange);
|
|
734
|
-
}
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
level: "h4"
|
|
738
|
-
}, {
|
|
728
|
+
},
|
|
729
|
+
children: _jsx(Typography, {
|
|
730
|
+
level: "h4",
|
|
739
731
|
children: formatMessage({
|
|
740
732
|
id: 'Cancel'
|
|
741
733
|
})
|
|
742
|
-
}
|
|
743
|
-
}
|
|
734
|
+
}, void 0)
|
|
735
|
+
}, void 0), _jsx(_Button, {
|
|
744
736
|
onClick: function onClick() {
|
|
745
737
|
setDropVisible(false);
|
|
746
738
|
setShowSearchInputDefault(false);
|
|
@@ -758,27 +750,24 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
758
750
|
} else {
|
|
759
751
|
setHighLightFilter(false);
|
|
760
752
|
}
|
|
761
|
-
}
|
|
762
|
-
|
|
763
|
-
children: _jsx(Typography, Object.assign({
|
|
753
|
+
},
|
|
754
|
+
children: _jsx(Typography, {
|
|
764
755
|
level: "h4",
|
|
765
756
|
style: {
|
|
766
757
|
padding: '0px 35px'
|
|
767
|
-
}
|
|
768
|
-
}, {
|
|
758
|
+
},
|
|
769
759
|
children: formatMessage({
|
|
770
760
|
id: 'Apply'
|
|
771
761
|
})
|
|
772
|
-
}
|
|
773
|
-
}
|
|
774
|
-
}
|
|
775
|
-
}
|
|
762
|
+
}, void 0)
|
|
763
|
+
}, void 0)]
|
|
764
|
+
}, void 0)]
|
|
765
|
+
}, void 0)]
|
|
776
766
|
}, 1)
|
|
777
767
|
}, void 0);
|
|
778
768
|
|
|
779
|
-
return _jsxs("div",
|
|
780
|
-
className: "".concat(showIdSelect ? 'igloo-form-filter-with-select' : 'igloo-form-filter')
|
|
781
|
-
}, {
|
|
769
|
+
return _jsxs("div", {
|
|
770
|
+
className: "".concat(showIdSelect ? 'igloo-form-filter-with-select' : 'igloo-form-filter'),
|
|
782
771
|
children: [_jsx(_Input, {
|
|
783
772
|
ref: invisibleRef,
|
|
784
773
|
style: {
|
|
@@ -787,7 +776,7 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
787
776
|
padding: '0px',
|
|
788
777
|
border: '0px'
|
|
789
778
|
}
|
|
790
|
-
}, void 0), showIdSelect && idKeyTypes.length !== 0 && _jsx(Select,
|
|
779
|
+
}, void 0), showIdSelect && idKeyTypes.length !== 0 && _jsx(Select, {
|
|
791
780
|
className: "igloo-form-filter-id-select",
|
|
792
781
|
onChange: function onChange(e) {
|
|
793
782
|
return setIdName(String(e));
|
|
@@ -797,23 +786,19 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
797
786
|
style: {
|
|
798
787
|
fontSize: 24
|
|
799
788
|
}
|
|
800
|
-
}, void 0)
|
|
801
|
-
}, {
|
|
789
|
+
}, void 0),
|
|
802
790
|
children: idKeyTypes.map(function (item) {
|
|
803
|
-
return _jsx(Option,
|
|
804
|
-
value: item.value
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
level: "body1"
|
|
808
|
-
}, {
|
|
791
|
+
return _jsx(Option, {
|
|
792
|
+
value: item.value,
|
|
793
|
+
children: _jsx(Typography, {
|
|
794
|
+
level: "body1",
|
|
809
795
|
children: item.label
|
|
810
|
-
}
|
|
811
|
-
}
|
|
796
|
+
}, void 0)
|
|
797
|
+
}, item.value);
|
|
812
798
|
})
|
|
813
|
-
}
|
|
814
|
-
className: "igloo-filter-tag-position-reference"
|
|
815
|
-
|
|
816
|
-
children: [_jsxs("div", Object.assign({
|
|
799
|
+
}, void 0), (hightLightFilterButton || showDefaultOptions || stillHaveTagsToDelete) && !noFilters && !showSearchInputDefault && !showSearchInputWhenHasTag ? _jsxs("div", {
|
|
800
|
+
className: "igloo-filter-tag-position-reference",
|
|
801
|
+
children: [_jsxs("div", {
|
|
817
802
|
ref: heightRef,
|
|
818
803
|
className: classname({
|
|
819
804
|
'tag-defalut-container-hide-status': inputExtend,
|
|
@@ -827,26 +812,22 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
827
812
|
if (onlyHaveCanNotDeleteTags) {
|
|
828
813
|
setShowSearchInputWhenHasTag(true);
|
|
829
814
|
}
|
|
830
|
-
}
|
|
831
|
-
}, {
|
|
815
|
+
},
|
|
832
816
|
children: [_jsx(SearchOutlined, {
|
|
833
817
|
className: 'search-icon'
|
|
834
|
-
}, void 0), _jsxs(_Space,
|
|
818
|
+
}, void 0), _jsxs(_Space, {
|
|
835
819
|
size: [12, 8],
|
|
836
820
|
className: "tag-container",
|
|
837
821
|
style: {
|
|
838
822
|
flex: '1'
|
|
839
|
-
}
|
|
840
|
-
}, {
|
|
823
|
+
},
|
|
841
824
|
children: [_toConsumableArray(inputExtend ? choosedTags : maxTagsWhenClosed).map(function (item, index) {
|
|
842
|
-
return _jsxs("div",
|
|
843
|
-
className: "tag-card"
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
level: "body3"
|
|
847
|
-
}, {
|
|
825
|
+
return _jsxs("div", {
|
|
826
|
+
className: "tag-card",
|
|
827
|
+
children: [_jsx(Typography, {
|
|
828
|
+
level: "body3",
|
|
848
829
|
children: item.label
|
|
849
|
-
}
|
|
830
|
+
}, void 0), !item.canNotDelete && _jsx(CrossOutlined, {
|
|
850
831
|
className: "delete-icon",
|
|
851
832
|
onClick: function onClick(e) {
|
|
852
833
|
e.stopPropagation();
|
|
@@ -879,11 +860,11 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
879
860
|
deleteSomeOne(confirmed, item, [statusCallBack, handleFilter]);
|
|
880
861
|
}
|
|
881
862
|
}, void 0)]
|
|
882
|
-
}
|
|
863
|
+
}, index);
|
|
883
864
|
}), !oneLineCanShow && !inputExtend && _jsx("span", {
|
|
884
865
|
children: "..."
|
|
885
866
|
}, void 0)]
|
|
886
|
-
}
|
|
867
|
+
}, void 0), !onlyHaveCanNotDeleteTags && _jsx(CrossOutlined, {
|
|
887
868
|
className: "delete-all-icon",
|
|
888
869
|
onClick: function onClick(e) {
|
|
889
870
|
e.stopPropagation();
|
|
@@ -911,7 +892,7 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
911
892
|
}
|
|
912
893
|
}
|
|
913
894
|
}, void 0)]
|
|
914
|
-
}
|
|
895
|
+
}, void 0), _jsxs("div", {
|
|
915
896
|
ref: openStatusTagRef,
|
|
916
897
|
className: classname('tag-extend-container-hide-status', {
|
|
917
898
|
'igloo-form-filter-has-select-tag-container': showIdSelect,
|
|
@@ -927,26 +908,22 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
927
908
|
if (onlyHaveCanNotDeleteTags) {
|
|
928
909
|
setShowSearchInputWhenHasTag(true);
|
|
929
910
|
}
|
|
930
|
-
}
|
|
931
|
-
}, {
|
|
911
|
+
},
|
|
932
912
|
children: [_jsx(SearchOutlined, {
|
|
933
913
|
className: 'search-icon'
|
|
934
|
-
}, void 0), _jsx(_Space,
|
|
914
|
+
}, void 0), _jsx(_Space, {
|
|
935
915
|
size: [12, 8],
|
|
936
916
|
className: "tag-container",
|
|
937
917
|
style: {
|
|
938
918
|
flex: '1'
|
|
939
|
-
}
|
|
940
|
-
}, {
|
|
919
|
+
},
|
|
941
920
|
children: _toConsumableArray(inputExtend ? choosedTags : maxTagsWhenClosed).map(function (item, index) {
|
|
942
|
-
return _jsxs("div",
|
|
943
|
-
className: "tag-card"
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
level: "body3"
|
|
947
|
-
}, {
|
|
921
|
+
return _jsxs("div", {
|
|
922
|
+
className: "tag-card",
|
|
923
|
+
children: [_jsx(Typography, {
|
|
924
|
+
level: "body3",
|
|
948
925
|
children: item.label
|
|
949
|
-
}
|
|
926
|
+
}, void 0), !item.canNotDelete && _jsx(CrossOutlined, {
|
|
950
927
|
className: "delete-icon",
|
|
951
928
|
onClick: function onClick(e) {
|
|
952
929
|
e.stopPropagation();
|
|
@@ -979,9 +956,9 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
979
956
|
deleteSomeOne(confirmed, item, [statusCallBack, handleFilter]);
|
|
980
957
|
}
|
|
981
958
|
}, void 0)]
|
|
982
|
-
}
|
|
959
|
+
}, index);
|
|
983
960
|
})
|
|
984
|
-
}
|
|
961
|
+
}, void 0), !onlyHaveCanNotDeleteTags && _jsx(CrossOutlined, {
|
|
985
962
|
className: "delete-all-icon",
|
|
986
963
|
onClick: function onClick() {
|
|
987
964
|
setTimeRangeType(-1);
|
|
@@ -1008,8 +985,8 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
1008
985
|
}
|
|
1009
986
|
}
|
|
1010
987
|
}, void 0)]
|
|
1011
|
-
}
|
|
1012
|
-
}
|
|
988
|
+
}, void 0)]
|
|
989
|
+
}, void 0) : _jsx(_Input, {
|
|
1013
990
|
ref: searchInput,
|
|
1014
991
|
value: searchInputValue,
|
|
1015
992
|
onChange: function onChange(e) {
|
|
@@ -1050,7 +1027,7 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
1050
1027
|
onFilter(value);
|
|
1051
1028
|
typeof parentFilterCallBack === 'function' && parentFilterCallBack(value);
|
|
1052
1029
|
}
|
|
1053
|
-
}, void 0), _jsx(_Dropdown,
|
|
1030
|
+
}, void 0), _jsx(_Dropdown, {
|
|
1054
1031
|
getPopupContainer: function getPopupContainer() {
|
|
1055
1032
|
return dropDownContainerRef.current;
|
|
1056
1033
|
},
|
|
@@ -1074,12 +1051,10 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
1074
1051
|
}
|
|
1075
1052
|
}, 0);
|
|
1076
1053
|
},
|
|
1077
|
-
trigger: ['click']
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
}, {
|
|
1082
|
-
children: _jsx(_Button, Object.assign({
|
|
1054
|
+
trigger: ['click'],
|
|
1055
|
+
children: _jsx("div", {
|
|
1056
|
+
className: "igloo-form-filter-button-container",
|
|
1057
|
+
children: _jsx(_Button, {
|
|
1083
1058
|
className: classname('igloo-form-filter-filter-button', {
|
|
1084
1059
|
'igloo-form-filter-filter-button-active': dropVisible,
|
|
1085
1060
|
'igloo-form-filter-filter-button-high-light': hightLightFilterButton
|
|
@@ -1091,26 +1066,23 @@ var FilterComponent = function FilterComponent(props) {
|
|
|
1091
1066
|
}, void 0),
|
|
1092
1067
|
onClick: function onClick() {
|
|
1093
1068
|
setDropVisible(true);
|
|
1094
|
-
}
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
children: _jsx(Typography, Object.assign({
|
|
1100
|
-
level: "body1"
|
|
1101
|
-
}, {
|
|
1069
|
+
},
|
|
1070
|
+
children: _jsx("span", {
|
|
1071
|
+
className: "filter-text",
|
|
1072
|
+
children: _jsx(Typography, {
|
|
1073
|
+
level: "body1",
|
|
1102
1074
|
children: formatMessage({
|
|
1103
1075
|
id: 'Filter'
|
|
1104
1076
|
})
|
|
1105
|
-
}
|
|
1106
|
-
}
|
|
1107
|
-
}
|
|
1108
|
-
}
|
|
1109
|
-
}
|
|
1077
|
+
}, void 0)
|
|
1078
|
+
}, void 0)
|
|
1079
|
+
}, void 0)
|
|
1080
|
+
}, void 0)
|
|
1081
|
+
}, void 0), _jsx("div", {
|
|
1110
1082
|
className: "igloo-form-filter-drop-down",
|
|
1111
1083
|
ref: dropDownContainerRef
|
|
1112
1084
|
}, void 0)]
|
|
1113
|
-
}
|
|
1085
|
+
}, void 0);
|
|
1114
1086
|
};
|
|
1115
1087
|
|
|
1116
1088
|
export default FilterComponent;
|
package/es/filter/radioBox.js
CHANGED
|
@@ -16,52 +16,44 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
|
|
|
16
16
|
disabled = props.disabled,
|
|
17
17
|
valueConfirm = props.valueConfirm,
|
|
18
18
|
chooseed = props.chooseed;
|
|
19
|
-
return _jsxs("div",
|
|
20
|
-
className: "igloo-form-filter-drop-down-container-content-group"
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
children: _jsx(Typography, Object.assign({
|
|
26
|
-
level: "h4"
|
|
27
|
-
}, {
|
|
19
|
+
return _jsxs("div", {
|
|
20
|
+
className: "igloo-form-filter-drop-down-container-content-group",
|
|
21
|
+
children: [_jsx("div", {
|
|
22
|
+
className: "igloo-form-filter-drop-down-container-content-group-title",
|
|
23
|
+
children: _jsx(Typography, {
|
|
24
|
+
level: "h4",
|
|
28
25
|
children: title
|
|
29
|
-
}
|
|
30
|
-
}
|
|
26
|
+
}, void 0)
|
|
27
|
+
}, void 0), _jsx(_Radio.Group, {
|
|
31
28
|
value: chooseed,
|
|
32
29
|
onChange: function onChange(e) {
|
|
33
30
|
return valueConfirm({
|
|
34
31
|
type: optionKey,
|
|
35
32
|
value: e.target.value
|
|
36
33
|
});
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
gutter: [24, 16]
|
|
41
|
-
}, {
|
|
34
|
+
},
|
|
35
|
+
children: _jsx(_Row, {
|
|
36
|
+
gutter: [24, 16],
|
|
42
37
|
children: configList.map(function (item) {
|
|
43
|
-
return _jsx(_Col,
|
|
44
|
-
span: item.span || 8
|
|
45
|
-
|
|
46
|
-
children: _jsx(_Radio, Object.assign({
|
|
38
|
+
return _jsx(_Col, {
|
|
39
|
+
span: item.span || 8,
|
|
40
|
+
children: _jsx(_Radio, {
|
|
47
41
|
value: item.value,
|
|
48
|
-
disabled: disabled === null || disabled === void 0 ? void 0 : disabled.includes(item.value)
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
level: "body1"
|
|
52
|
-
}, {
|
|
42
|
+
disabled: disabled === null || disabled === void 0 ? void 0 : disabled.includes(item.value),
|
|
43
|
+
children: _jsx(Typography, {
|
|
44
|
+
level: "body1",
|
|
53
45
|
children: item.label
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
46
|
+
}, void 0)
|
|
47
|
+
}, void 0)
|
|
48
|
+
}, item.value);
|
|
57
49
|
})
|
|
58
|
-
}
|
|
59
|
-
}
|
|
50
|
+
}, void 0)
|
|
51
|
+
}, void 0), _jsx(_Divider, {
|
|
60
52
|
style: {
|
|
61
53
|
margin: '16px 0px'
|
|
62
54
|
}
|
|
63
55
|
}, void 0)]
|
|
64
|
-
}
|
|
56
|
+
}, optionKey);
|
|
65
57
|
};
|
|
66
58
|
|
|
67
59
|
export default CreateRadioBoxFilter;
|