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/lib/select/select.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.
|
|
6
|
+
exports.default = exports.Option = exports.OptGroup = void 0;
|
|
7
7
|
|
|
8
8
|
require("antd/es/select/style");
|
|
9
9
|
|
|
@@ -29,6 +29,12 @@ var _excluded = ["options", "value", "className", "placeholder", "children", "on
|
|
|
29
29
|
|
|
30
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
31
|
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
33
|
+
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
35
|
+
|
|
36
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
37
|
+
|
|
32
38
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
33
39
|
|
|
34
40
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -70,18 +76,17 @@ var IglooSelect = function IglooSelect(_ref) {
|
|
|
70
76
|
var _useContext = (0, _react.useContext)(_localeContext.default),
|
|
71
77
|
formatMessage = _useContext.formatMessage;
|
|
72
78
|
|
|
73
|
-
return (0, _jsxRuntime.jsx)(_select.default,
|
|
79
|
+
return (0, _jsxRuntime.jsx)(_select.default, _objectSpread(_objectSpread({
|
|
74
80
|
placeholder: placeholder || formatMessage({
|
|
75
81
|
id: 'Please select'
|
|
76
82
|
})
|
|
77
|
-
}, (0, _omit.default)(rest, _formMethods.default), {
|
|
83
|
+
}, (0, _omit.default)(rest, _formMethods.default)), {}, {
|
|
78
84
|
options: children ? void 0 : options,
|
|
79
85
|
value: value,
|
|
80
|
-
suffixIcon: (0, _jsxRuntime.jsxs)("div",
|
|
86
|
+
suffixIcon: (0, _jsxRuntime.jsxs)("div", {
|
|
81
87
|
style: {
|
|
82
88
|
position: 'relative'
|
|
83
|
-
}
|
|
84
|
-
}, {
|
|
89
|
+
},
|
|
85
90
|
children: [(0, _jsxRuntime.jsx)(_iglooicon.ArrowDownOutlined, {
|
|
86
91
|
className: (0, _classnames.default)({
|
|
87
92
|
'igloo-select-arrow': true,
|
|
@@ -99,7 +104,7 @@ var IglooSelect = function IglooSelect(_ref) {
|
|
|
99
104
|
opacity: isOpen ? 1 : 0
|
|
100
105
|
}
|
|
101
106
|
}, void 0)]
|
|
102
|
-
}
|
|
107
|
+
}, void 0),
|
|
103
108
|
getPopupContainer: function getPopupContainer(trigger) {
|
|
104
109
|
return trigger.parentNode;
|
|
105
110
|
},
|
|
@@ -114,8 +119,7 @@ var IglooSelect = function IglooSelect(_ref) {
|
|
|
114
119
|
|
|
115
120
|
return Boolean(option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : (_option$label$toStrin = _option$label.toString()) === null || _option$label$toStrin === void 0 ? void 0 : _option$label$toStrin.includes(value));
|
|
116
121
|
} : void 0),
|
|
117
|
-
mode: undefined
|
|
118
|
-
}, {
|
|
122
|
+
mode: undefined,
|
|
119
123
|
children: children
|
|
120
124
|
}), void 0);
|
|
121
125
|
};
|
|
@@ -211,12 +211,11 @@ var IglooTimeSelect = function IglooTimeSelect(props) {
|
|
|
211
211
|
|
|
212
212
|
var menu = (0, _jsxRuntime.jsx)(_menu.default, {
|
|
213
213
|
children: (0, _jsxRuntime.jsx)(_menu.default.Item, {
|
|
214
|
-
children: (0, _jsxRuntime.jsxs)("div",
|
|
214
|
+
children: (0, _jsxRuntime.jsxs)("div", {
|
|
215
215
|
onClick: function onClick(e) {
|
|
216
216
|
return e.stopPropagation();
|
|
217
217
|
},
|
|
218
|
-
className: "igloo-drop-down-content"
|
|
219
|
-
}, {
|
|
218
|
+
className: "igloo-drop-down-content",
|
|
220
219
|
children: [(0, _jsxRuntime.jsxs)("div", {
|
|
221
220
|
children: [(0, _jsxRuntime.jsx)(_iglooicon.ArrowUpOutlined, {
|
|
222
221
|
onClick: function onClick() {
|
|
@@ -258,11 +257,10 @@ var IglooTimeSelect = function IglooTimeSelect(props) {
|
|
|
258
257
|
return meridiemSwitch(hourValue);
|
|
259
258
|
}
|
|
260
259
|
}, void 0), (0, _jsxRuntime.jsx)("span", {
|
|
261
|
-
children: (0, _jsxRuntime.jsx)(_typography.default,
|
|
262
|
-
level: "body1"
|
|
263
|
-
}, {
|
|
260
|
+
children: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
261
|
+
level: "body1",
|
|
264
262
|
children: meridiem ? 'AM' : 'PM'
|
|
265
|
-
}
|
|
263
|
+
}, void 0)
|
|
266
264
|
}, void 0), (0, _jsxRuntime.jsx)(_iglooicon.ArrowDownOutlined, {
|
|
267
265
|
className: (0, _classnames.default)({// 'igloo-hour-select-meridiem-disable': meridiemDisable,
|
|
268
266
|
}),
|
|
@@ -271,14 +269,13 @@ var IglooTimeSelect = function IglooTimeSelect(props) {
|
|
|
271
269
|
}
|
|
272
270
|
}, void 0)]
|
|
273
271
|
}, void 0)]
|
|
274
|
-
}
|
|
272
|
+
}, void 0)
|
|
275
273
|
}, '0')
|
|
276
274
|
}, void 0);
|
|
277
|
-
return (0, _jsxRuntime.jsxs)("div",
|
|
275
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
278
276
|
className: "igloo-hour-select",
|
|
279
|
-
ref: topDomRef
|
|
280
|
-
|
|
281
|
-
children: [(0, _jsxRuntime.jsx)(_dropdown.default, Object.assign({
|
|
277
|
+
ref: topDomRef,
|
|
278
|
+
children: [(0, _jsxRuntime.jsx)(_dropdown.default, {
|
|
282
279
|
onVisibleChange: function onVisibleChange(open) {
|
|
283
280
|
return setDropDownVisible(open);
|
|
284
281
|
},
|
|
@@ -288,20 +285,19 @@ var IglooTimeSelect = function IglooTimeSelect(props) {
|
|
|
288
285
|
getPopupContainer: function getPopupContainer() {
|
|
289
286
|
return topDomRef.current;
|
|
290
287
|
},
|
|
291
|
-
disabled: disabled
|
|
292
|
-
}, {
|
|
288
|
+
disabled: disabled,
|
|
293
289
|
children: (0, _jsxRuntime.jsx)(_index.default, {
|
|
294
290
|
value: finalDisplayValue,
|
|
295
291
|
className: (0, _classnames.default)('igloo-input', {
|
|
296
292
|
'igloo-hour-select-input-active': dropDownVisible
|
|
297
293
|
})
|
|
298
294
|
}, void 0)
|
|
299
|
-
}
|
|
295
|
+
}, void 0), (0, _jsxRuntime.jsx)(_iglooicon.TimeOutlined, {
|
|
300
296
|
className: (0, _classnames.default)({
|
|
301
297
|
'igloo-hour-select-active': dropDownVisible
|
|
302
298
|
})
|
|
303
299
|
}, void 0)]
|
|
304
|
-
}
|
|
300
|
+
}, void 0);
|
|
305
301
|
};
|
|
306
302
|
|
|
307
303
|
function checkCard(value) {
|
package/lib/status-box/index.js
CHANGED
|
@@ -28,19 +28,17 @@ var IglooStatusBox = function IglooStatusBox(props) {
|
|
|
28
28
|
background = props.background,
|
|
29
29
|
className = props.className,
|
|
30
30
|
style = props.style;
|
|
31
|
-
return (0, _jsxRuntime.jsx)("span",
|
|
31
|
+
return (0, _jsxRuntime.jsx)("span", {
|
|
32
32
|
className: (0, _classnames.default)("iglooform-status-box-".concat(type), 'iglooform-status-box-container', className),
|
|
33
33
|
style: _objectSpread({
|
|
34
34
|
color: color,
|
|
35
35
|
backgroundColor: background
|
|
36
|
-
}, style)
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
level: "status"
|
|
40
|
-
}, {
|
|
36
|
+
}, style),
|
|
37
|
+
children: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
38
|
+
level: "status",
|
|
41
39
|
children: children
|
|
42
|
-
}
|
|
43
|
-
}
|
|
40
|
+
}, void 0)
|
|
41
|
+
}, void 0);
|
|
44
42
|
};
|
|
45
43
|
|
|
46
44
|
var _default = IglooStatusBox;
|
package/lib/table/index.js
CHANGED
|
@@ -112,15 +112,14 @@ var filterDefaultShow = function filterDefaultShow(col) {
|
|
|
112
112
|
|
|
113
113
|
var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButtonsFilter, setActionListVisible, actionIndex) {
|
|
114
114
|
var actionButtons = actionButtonsFilter && typeof actionButtonsFilter === 'function' ? actionButtonsFilter(rowData, allButtons) : allButtons;
|
|
115
|
-
return (0, _jsxRuntime.jsx)(_space.default,
|
|
115
|
+
return (0, _jsxRuntime.jsx)(_space.default, {
|
|
116
116
|
size: 16,
|
|
117
117
|
style: {
|
|
118
118
|
padding: '4px 8px'
|
|
119
119
|
},
|
|
120
|
-
direction: "vertical"
|
|
121
|
-
}, {
|
|
120
|
+
direction: "vertical",
|
|
122
121
|
children: actionButtons.map(function (item, index) {
|
|
123
|
-
return (0, _jsxRuntime.jsx)(_button.default,
|
|
122
|
+
return (0, _jsxRuntime.jsx)(_button.default, {
|
|
124
123
|
type: "text",
|
|
125
124
|
onClick: function onClick(e) {
|
|
126
125
|
item.onClick(rowData);
|
|
@@ -128,16 +127,14 @@ var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButton
|
|
|
128
127
|
type: actionIndex,
|
|
129
128
|
value: false
|
|
130
129
|
});
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
level: "body1"
|
|
135
|
-
}, {
|
|
130
|
+
},
|
|
131
|
+
children: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
132
|
+
level: "body1",
|
|
136
133
|
children: item.text
|
|
137
|
-
}
|
|
138
|
-
}
|
|
134
|
+
}, void 0)
|
|
135
|
+
}, index);
|
|
139
136
|
})
|
|
140
|
-
}
|
|
137
|
+
}, actionIndex);
|
|
141
138
|
};
|
|
142
139
|
|
|
143
140
|
function handleFilterDisable() {
|
|
@@ -201,11 +198,10 @@ function paginationItem(page, type, originalElement) {
|
|
|
201
198
|
}, void 0);
|
|
202
199
|
}
|
|
203
200
|
|
|
204
|
-
return (0, _jsxRuntime.jsx)("span",
|
|
205
|
-
className: "ant-btn-link"
|
|
206
|
-
}, {
|
|
201
|
+
return (0, _jsxRuntime.jsx)("span", {
|
|
202
|
+
className: "ant-btn-link",
|
|
207
203
|
children: originalElement
|
|
208
|
-
}
|
|
204
|
+
}, void 0);
|
|
209
205
|
}
|
|
210
206
|
|
|
211
207
|
function actionListChange(state, action) {
|
|
@@ -301,27 +297,24 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
301
297
|
});
|
|
302
298
|
|
|
303
299
|
var modalContent = function modalContent(options, defaultOptions, selectCallBack, colMax, colDisable) {
|
|
304
|
-
return (0, _jsxRuntime.jsx)(_checkbox.default.Group,
|
|
300
|
+
return (0, _jsxRuntime.jsx)(_checkbox.default.Group, {
|
|
305
301
|
defaultValue: defaultOptions,
|
|
306
|
-
onChange: selectCallBack
|
|
307
|
-
}, {
|
|
302
|
+
onChange: selectCallBack,
|
|
308
303
|
children: options.filter(function (item) {
|
|
309
304
|
return item.customize;
|
|
310
305
|
}).map(function (item) {
|
|
311
306
|
return (0, _jsxRuntime.jsx)("div", {
|
|
312
|
-
children: (0, _jsxRuntime.jsx)(_checkbox.default,
|
|
307
|
+
children: (0, _jsxRuntime.jsx)(_checkbox.default, {
|
|
313
308
|
value: item.key,
|
|
314
|
-
disabled: colDisable && colMax ? defaultOptions.length >= colMax && !defaultOptions.includes(item.key) : false
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
level: "body1"
|
|
318
|
-
}, {
|
|
309
|
+
disabled: colDisable && colMax ? defaultOptions.length >= colMax && !defaultOptions.includes(item.key) : false,
|
|
310
|
+
children: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
311
|
+
level: "body1",
|
|
319
312
|
children: item.title
|
|
320
|
-
}
|
|
321
|
-
}
|
|
313
|
+
}, void 0)
|
|
314
|
+
}, void 0)
|
|
322
315
|
}, item.key);
|
|
323
316
|
})
|
|
324
|
-
}
|
|
317
|
+
}, void 0);
|
|
325
318
|
};
|
|
326
319
|
|
|
327
320
|
var actionCol = {
|
|
@@ -333,7 +326,7 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
333
326
|
key: 'action',
|
|
334
327
|
align: 'center',
|
|
335
328
|
render: function render(text, record, index) {
|
|
336
|
-
return (0, _jsxRuntime.jsx)(_popover.default,
|
|
329
|
+
return (0, _jsxRuntime.jsx)(_popover.default, {
|
|
337
330
|
visible: actionListVisible[index] || false,
|
|
338
331
|
onVisibleChange: function onVisibleChange(visible) {
|
|
339
332
|
setActionListVisible({
|
|
@@ -348,8 +341,7 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
348
341
|
},
|
|
349
342
|
trigger: ['click'],
|
|
350
343
|
title: null,
|
|
351
|
-
arrowPointAtCenter: true
|
|
352
|
-
}, {
|
|
344
|
+
arrowPointAtCenter: true,
|
|
353
345
|
children: (0, _jsxRuntime.jsx)(_iglooicon.DotMenuOutlined, {
|
|
354
346
|
style: {
|
|
355
347
|
fontSize: '24px',
|
|
@@ -360,59 +352,52 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
360
352
|
},
|
|
361
353
|
className: "igloo-table-action-icon"
|
|
362
354
|
}, void 0)
|
|
363
|
-
}
|
|
355
|
+
}, void 0);
|
|
364
356
|
}
|
|
365
357
|
};
|
|
366
|
-
return (0, _jsxRuntime.jsxs)("div",
|
|
358
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
367
359
|
className: "igloo-table-container",
|
|
368
360
|
ref: tableRef,
|
|
369
|
-
style: style
|
|
370
|
-
|
|
371
|
-
children: [(hasFilterOptions || !noCustomize || extraButtons && extraButtons.length !== 0) && (0, _jsxRuntime.jsxs)(_row.default, Object.assign({
|
|
361
|
+
style: style,
|
|
362
|
+
children: [(hasFilterOptions || !noCustomize || extraButtons && extraButtons.length !== 0) && (0, _jsxRuntime.jsxs)(_row.default, {
|
|
372
363
|
justify: "space-between",
|
|
373
364
|
gutter: [0, 24],
|
|
374
|
-
className: "igloo-table-top-content"
|
|
375
|
-
|
|
376
|
-
children: [hasFilterOptions ? (0, _jsxRuntime.jsx)(_index2.default, Object.assign({}, filterConfig, {
|
|
365
|
+
className: "igloo-table-top-content",
|
|
366
|
+
children: [hasFilterOptions ? (0, _jsxRuntime.jsx)(_index2.default, _objectSpread(_objectSpread({}, filterConfig), {}, {
|
|
377
367
|
parentFilterCallBack: setFilterOptions
|
|
378
368
|
}), void 0) : (0, _jsxRuntime.jsx)(_col.default, {
|
|
379
369
|
span: 8
|
|
380
370
|
}, void 0), (0, _jsxRuntime.jsx)(_col.default, {
|
|
381
|
-
children: (0, _jsxRuntime.jsxs)(_space.default,
|
|
382
|
-
className: 'igloo-table-button-cantainer'
|
|
383
|
-
|
|
384
|
-
children: [!noCustomize && (0, _jsxRuntime.jsx)(_button.default, Object.assign({
|
|
371
|
+
children: (0, _jsxRuntime.jsxs)(_space.default, {
|
|
372
|
+
className: 'igloo-table-button-cantainer',
|
|
373
|
+
children: [!noCustomize && (0, _jsxRuntime.jsx)(_button.default, {
|
|
385
374
|
icon: (0, _jsxRuntime.jsx)(_iglooicon.SettingOutlined, {}, void 0),
|
|
386
375
|
onClick: function onClick() {
|
|
387
376
|
return setModalVisible(true);
|
|
388
|
-
}
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
level: "h4"
|
|
392
|
-
}, {
|
|
377
|
+
},
|
|
378
|
+
children: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
379
|
+
level: "h4",
|
|
393
380
|
children: formatMessage({
|
|
394
381
|
id: 'Customize Columns'
|
|
395
382
|
})
|
|
396
|
-
}
|
|
397
|
-
}
|
|
383
|
+
}, void 0)
|
|
384
|
+
}, void 0), extraButtons && extraButtons.map(function (item, index) {
|
|
398
385
|
return item.render ? /*#__PURE__*/_react.default.cloneElement(item.render(), {
|
|
399
386
|
key: index
|
|
400
|
-
}) : (0, _jsxRuntime.jsx)(_button.default,
|
|
387
|
+
}) : (0, _jsxRuntime.jsx)(_button.default, {
|
|
401
388
|
icon: item.icon,
|
|
402
389
|
onClick: function onClick() {
|
|
403
390
|
return item.onClick && item.onClick(filterOptions);
|
|
404
|
-
}
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
level: "h4"
|
|
408
|
-
}, {
|
|
391
|
+
},
|
|
392
|
+
children: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
393
|
+
level: "h4",
|
|
409
394
|
children: item.text
|
|
410
|
-
}
|
|
411
|
-
}
|
|
395
|
+
}, void 0)
|
|
396
|
+
}, index);
|
|
412
397
|
})]
|
|
413
|
-
}
|
|
398
|
+
}, void 0)
|
|
414
399
|
}, void 0)]
|
|
415
|
-
}
|
|
400
|
+
}, void 0), (0, _jsxRuntime.jsx)(_table.default, _objectSpread({
|
|
416
401
|
className: "".concat(className || ''),
|
|
417
402
|
rowClassName: function rowClassName(record, index, indent) {
|
|
418
403
|
if (typeof _rowClassName === 'function') {
|
|
@@ -454,12 +439,11 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
454
439
|
id: 'Click to cancel sorting'
|
|
455
440
|
})
|
|
456
441
|
}, locale)
|
|
457
|
-
}, rest), void 0), bottomExtra, !noPagination && (0, _jsxRuntime.jsx)(_row.default,
|
|
442
|
+
}, rest), void 0), bottomExtra, !noPagination && (0, _jsxRuntime.jsx)(_row.default, {
|
|
458
443
|
justify: "end",
|
|
459
444
|
style: {
|
|
460
445
|
marginTop: 24
|
|
461
|
-
}
|
|
462
|
-
}, {
|
|
446
|
+
},
|
|
463
447
|
children: (0, _jsxRuntime.jsx)(_pagination.default, {
|
|
464
448
|
itemRender: paginationItem,
|
|
465
449
|
size: "small",
|
|
@@ -469,12 +453,11 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
469
453
|
showSizeChanger: false,
|
|
470
454
|
showTotal: function showTotal(total, range) {
|
|
471
455
|
return (0, _jsxRuntime.jsxs)(_space.default, {
|
|
472
|
-
children: [(0, _jsxRuntime.jsx)(_typography.default,
|
|
456
|
+
children: [(0, _jsxRuntime.jsx)(_typography.default, {
|
|
473
457
|
level: "body1",
|
|
474
458
|
style: {
|
|
475
459
|
color: '#666666'
|
|
476
|
-
}
|
|
477
|
-
}, {
|
|
460
|
+
},
|
|
478
461
|
children: formatMessage({
|
|
479
462
|
id: '{beginIndex}-{endIndex} of {total}',
|
|
480
463
|
values: {
|
|
@@ -483,16 +466,15 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
483
466
|
total: total
|
|
484
467
|
}
|
|
485
468
|
})
|
|
486
|
-
}
|
|
469
|
+
}, void 0), ' ', (0, _jsxRuntime.jsx)(_typography.default, {
|
|
487
470
|
level: "body1",
|
|
488
471
|
style: {
|
|
489
472
|
color: '#666666'
|
|
490
|
-
}
|
|
491
|
-
}, {
|
|
473
|
+
},
|
|
492
474
|
children: formatMessage({
|
|
493
475
|
id: 'Rows per page'
|
|
494
476
|
})
|
|
495
|
-
}
|
|
477
|
+
}, void 0), ' ', (0, _jsxRuntime.jsx)(_select.default, {
|
|
496
478
|
value: pageSize,
|
|
497
479
|
suffixIcon: (0, _jsxRuntime.jsx)(_iglooicon.ArrowDownOutlined, {
|
|
498
480
|
style: {
|
|
@@ -514,18 +496,17 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
514
496
|
},
|
|
515
497
|
onChange: onPagination
|
|
516
498
|
}, void 0)
|
|
517
|
-
}
|
|
499
|
+
}, void 0), !noCustomize && (0, _jsxRuntime.jsxs)(_index.default, {
|
|
518
500
|
width: 430,
|
|
519
501
|
closable: true,
|
|
520
502
|
destroyOnClose: true,
|
|
521
503
|
visible: modalVisible,
|
|
522
|
-
title: (0, _jsxRuntime.jsx)(_typography.default,
|
|
523
|
-
level: "h4"
|
|
524
|
-
}, {
|
|
504
|
+
title: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
505
|
+
level: "h4",
|
|
525
506
|
children: formatMessage({
|
|
526
507
|
id: 'Customize Columns'
|
|
527
508
|
})
|
|
528
|
-
}
|
|
509
|
+
}, void 0),
|
|
529
510
|
cancelButtonProps: {
|
|
530
511
|
type: 'link',
|
|
531
512
|
onClick: function onClick() {
|
|
@@ -544,36 +525,31 @@ var IglooTable = function IglooTable(_ref) {
|
|
|
544
525
|
setModalVisible(false);
|
|
545
526
|
setSelectedColKeys(modalSelectedCol);
|
|
546
527
|
},
|
|
547
|
-
okText: (0, _jsxRuntime.jsx)(_typography.default,
|
|
548
|
-
level: "h4"
|
|
549
|
-
}, {
|
|
528
|
+
okText: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
529
|
+
level: "h4",
|
|
550
530
|
children: formatMessage({
|
|
551
531
|
id: 'Apply Columns'
|
|
552
532
|
})
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
|
|
559
|
-
level: "body1"
|
|
560
|
-
}, {
|
|
533
|
+
}, void 0),
|
|
534
|
+
children: [(0, _jsxRuntime.jsx)("div", {
|
|
535
|
+
className: 'modal-describe',
|
|
536
|
+
children: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
537
|
+
level: "body1",
|
|
561
538
|
children: colMax === null ? '' : formatMessage({
|
|
562
539
|
id: 'It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.',
|
|
563
540
|
values: {
|
|
564
541
|
colMax: colMax
|
|
565
542
|
}
|
|
566
543
|
})
|
|
567
|
-
}
|
|
568
|
-
}
|
|
569
|
-
level: "body1"
|
|
570
|
-
}, {
|
|
544
|
+
}, void 0)
|
|
545
|
+
}, void 0), (0, _jsxRuntime.jsx)(_typography.default, {
|
|
546
|
+
level: "body1",
|
|
571
547
|
children: modalContent(columns, modalSelectedCol, function (item) {
|
|
572
548
|
setModalSelectedCol(item);
|
|
573
549
|
}, colMax, colDisable)
|
|
574
|
-
}
|
|
575
|
-
}
|
|
576
|
-
}
|
|
550
|
+
}, void 0)]
|
|
551
|
+
}, void 0)]
|
|
552
|
+
}, void 0);
|
|
577
553
|
};
|
|
578
554
|
|
|
579
555
|
var _default = IglooTable;
|
package/lib/tabs/index.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = Tabs;
|
|
7
6
|
exports.TabPane = void 0;
|
|
7
|
+
exports.default = Tabs;
|
|
8
8
|
|
|
9
9
|
require("antd/es/tabs/style");
|
|
10
10
|
|
|
@@ -18,6 +18,12 @@ var _excluded = ["className"];
|
|
|
18
18
|
|
|
19
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
20
|
|
|
21
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
22
|
+
|
|
23
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
24
|
+
|
|
25
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
26
|
+
|
|
21
27
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
22
28
|
|
|
23
29
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -35,7 +41,7 @@ function Tabs(props) {
|
|
|
35
41
|
className = _props$className === void 0 ? '' : _props$className,
|
|
36
42
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
37
43
|
|
|
38
|
-
return (0, _jsxRuntime.jsx)(_tabs.default,
|
|
44
|
+
return (0, _jsxRuntime.jsx)(_tabs.default, _objectSpread({
|
|
39
45
|
className: "container ".concat(className)
|
|
40
46
|
}, restProps), void 0);
|
|
41
47
|
}
|
package/lib/typography/index.js
CHANGED
|
@@ -34,24 +34,22 @@ var IglooTypography = function IglooTypography(_ref) {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
if (wrapElement === 'div') {
|
|
37
|
-
return (0, _jsxRuntime.jsx)("div",
|
|
37
|
+
return (0, _jsxRuntime.jsx)("div", {
|
|
38
38
|
className: (0, _classnames.default)(classNameObj, 'word-wrap', className),
|
|
39
39
|
style: style,
|
|
40
40
|
title: title,
|
|
41
|
-
onClick: onClick
|
|
42
|
-
}, {
|
|
41
|
+
onClick: onClick,
|
|
43
42
|
children: children
|
|
44
|
-
}
|
|
43
|
+
}, void 0);
|
|
45
44
|
}
|
|
46
45
|
|
|
47
|
-
return (0, _jsxRuntime.jsx)("span",
|
|
46
|
+
return (0, _jsxRuntime.jsx)("span", {
|
|
48
47
|
className: (0, _classnames.default)(classNameObj, 'word-wrap', className),
|
|
49
48
|
style: style,
|
|
50
49
|
title: title,
|
|
51
|
-
onClick: onClick
|
|
52
|
-
}, {
|
|
50
|
+
onClick: onClick,
|
|
53
51
|
children: children
|
|
54
|
-
}
|
|
52
|
+
}, void 0);
|
|
55
53
|
};
|
|
56
54
|
|
|
57
55
|
var _default = IglooTypography;
|