amis 1.5.8-beta.2 → 1.6.0
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/components/CalendarMobile.js +5 -5
- package/lib/components/CalendarMobile.js.map +2 -2
- package/lib/components/Card.d.ts +20 -20
- package/lib/components/Cascader.d.ts +123 -0
- package/lib/components/Cascader.js +487 -0
- package/lib/components/Cascader.js.map +13 -0
- package/lib/components/CityArea.d.ts +527 -0
- package/lib/components/CityArea.js +177 -0
- package/lib/components/CityArea.js.map +13 -0
- package/lib/components/ColorPicker.js +4 -3
- package/lib/components/ColorPicker.js.map +2 -2
- package/lib/components/DatePicker.d.ts +85 -84
- package/lib/components/DatePicker.js +7 -6
- package/lib/components/DatePicker.js.map +2 -2
- package/lib/components/DateRangePicker.js +8 -11
- package/lib/components/DateRangePicker.js.map +2 -2
- package/lib/components/MonthRangePicker.js +5 -8
- package/lib/components/MonthRangePicker.js.map +2 -2
- package/lib/components/Picker.d.ts +1 -0
- package/lib/components/Picker.js +10 -6
- package/lib/components/Picker.js.map +2 -2
- package/lib/components/PickerColumn.d.ts +1 -0
- package/lib/components/PickerColumn.js +21 -17
- package/lib/components/PickerColumn.js.map +2 -2
- package/lib/components/PopOverContainer.d.ts +1 -0
- package/lib/components/PopOverContainer.js +5 -3
- package/lib/components/PopOverContainer.js.map +2 -2
- package/lib/components/PopUp.d.ts +1040 -28
- package/lib/components/PopUp.js +32 -8
- package/lib/components/PopUp.js.map +2 -2
- package/lib/components/ResultBox.d.ts +85 -84
- package/lib/components/ResultBox.js +7 -3
- package/lib/components/ResultBox.js.map +2 -2
- package/lib/components/Select.js +9 -6
- package/lib/components/Select.js.map +2 -2
- package/lib/components/TransferDropDown.d.ts +85 -84
- package/lib/components/TransferDropDown.js +9 -6
- package/lib/components/TransferDropDown.js.map +2 -2
- package/lib/components/calendar/Calendar.d.ts +14 -0
- package/lib/components/calendar/Calendar.js +62 -5
- package/lib/components/calendar/Calendar.js.map +2 -2
- package/lib/components/calendar/DaysView.d.ts +20 -0
- package/lib/components/calendar/DaysView.js +51 -4
- package/lib/components/calendar/DaysView.js.map +2 -2
- package/lib/components/calendar/MonthsView.d.ts +7 -1
- package/lib/components/calendar/MonthsView.js +41 -52
- package/lib/components/calendar/MonthsView.js.map +2 -2
- package/lib/components/calendar/TimeView.d.ts +27 -20
- package/lib/components/calendar/TimeView.js +40 -4
- package/lib/components/calendar/TimeView.js.map +2 -2
- package/lib/components/calendar/YearsView.d.ts +6 -0
- package/lib/components/calendar/YearsView.js +15 -6
- package/lib/components/calendar/YearsView.js.map +2 -2
- package/lib/index.js +1 -1
- package/lib/locale/de-DE.js +4 -0
- package/lib/locale/de-DE.js.map +2 -2
- package/lib/locale/en-US.js +4 -0
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +4 -0
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/DropDownButton.d.ts +11 -2
- package/lib/renderers/DropDownButton.js +30 -12
- package/lib/renderers/DropDownButton.js.map +2 -2
- package/lib/renderers/Form/CityDB.js +526 -2
- package/lib/renderers/Form/CityDB.js.map +2 -2
- package/lib/renderers/Form/InputCity.d.ts +85 -84
- package/lib/renderers/Form/InputCity.js +4 -2
- package/lib/renderers/Form/InputCity.js.map +2 -2
- package/lib/renderers/Form/InputColor.js +6 -2
- package/lib/renderers/Form/InputColor.js.map +2 -2
- package/lib/renderers/Form/InputDate.js +5 -2
- package/lib/renderers/Form/InputDate.js.map +2 -2
- package/lib/renderers/Form/InputDateRange.js +6 -2
- package/lib/renderers/Form/InputDateRange.js.map +2 -2
- package/lib/renderers/Form/Item.d.ts +10 -14
- package/lib/renderers/Form/Item.js +7 -5
- package/lib/renderers/Form/Item.js.map +2 -2
- package/lib/renderers/Form/NestedSelect.d.ts +1 -0
- package/lib/renderers/Form/NestedSelect.js +7 -3
- package/lib/renderers/Form/NestedSelect.js.map +2 -2
- package/lib/renderers/Form/Select.d.ts +2 -0
- package/lib/renderers/Form/Select.js +7 -4
- package/lib/renderers/Form/Select.js.map +2 -2
- package/lib/renderers/Form/TreeSelect.js +4 -4
- package/lib/renderers/Form/TreeSelect.js.map +2 -2
- package/lib/renderers/Remark.js +2 -1
- package/lib/renderers/Remark.js.map +2 -2
- package/lib/schemaExtend.js +23 -9
- package/lib/schemaExtend.js.map +2 -2
- package/lib/themes/ang-ie11.css +312 -29
- package/lib/themes/ang.css +312 -29
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +312 -29
- package/lib/themes/antd.css +312 -29
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +315 -41
- package/lib/themes/cxd.css +315 -41
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +312 -29
- package/lib/themes/dark.css +312 -29
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default.css +315 -41
- package/lib/themes/default.css.map +1 -1
- package/lib/utils/helper.d.ts +1 -6
- package/lib/utils/helper.js +6 -17
- package/lib/utils/helper.js.map +2 -2
- package/package.json +1 -2
- package/schema.json +2192 -20
- package/scss/_properties.scss +10 -6
- package/scss/components/_calendar.scss +9 -2
- package/scss/components/_cascader.scss +102 -0
- package/scss/components/_city-area.scss +27 -0
- package/scss/components/_dropdown.scss +39 -9
- package/scss/components/_picker-columns.scss +15 -5
- package/scss/components/_popup.scss +35 -12
- package/scss/components/_result-box.scss +31 -0
- package/scss/components/form/_checks.scss +2 -0
- package/scss/components/form/_color.scss +2 -2
- package/scss/components/form/_date-range.scss +1 -1
- package/scss/components/form/_date.scss +46 -1
- package/scss/components/form/_nested-select.scss +3 -0
- package/scss/components/form/_select.scss +32 -3
- package/scss/components/form/_transfer.scss +3 -0
- package/scss/components/form/_tree-select.scss +1 -1
- package/scss/themes/_common.scss +2 -0
- package/scss/themes/_cxd-variables.scss +3 -3
- package/scss/themes/cxd.scss +0 -12
- package/sdk/ang-ie11.css +368 -29
- package/sdk/ang.css +367 -30
- package/sdk/antd-ie11.css +368 -29
- package/sdk/antd.css +367 -30
- package/sdk/charts.js +18 -18
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +3 -3
- package/sdk/cxd-ie11.css +370 -42
- package/sdk/cxd.css +370 -44
- package/sdk/dark-ie11.css +368 -29
- package/sdk/dark.css +367 -30
- package/sdk/exceljs.js +1 -1
- package/sdk/locale/de-DE.js +4 -0
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +18 -18
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +370 -42
- package/sdk/sdk.css +370 -44
- package/sdk/sdk.js +1309 -1227
- package/sdk/thirds/hls.js/hls.js +18 -18
- package/sdk/thirds/mpegts.js/mpegts.js +2 -2
- package/sdk/tinymce.js +57 -57
- package/src/components/CalendarMobile.tsx +5 -5
- package/src/components/Cascader.tsx +564 -0
- package/src/components/CityArea.tsx +315 -0
- package/src/components/ColorPicker.tsx +5 -2
- package/src/components/DatePicker.tsx +15 -5
- package/src/components/DateRangePicker.tsx +52 -43
- package/src/components/MonthRangePicker.tsx +44 -38
- package/src/components/Picker.tsx +27 -12
- package/src/components/PickerColumn.tsx +28 -18
- package/src/components/PopOverContainer.tsx +31 -17
- package/src/components/PopUp.tsx +55 -13
- package/src/components/ResultBox.tsx +10 -1
- package/src/components/Select.tsx +20 -23
- package/src/components/TransferDropDown.tsx +19 -5
- package/src/components/calendar/Calendar.tsx +86 -9
- package/src/components/calendar/DaysView.tsx +86 -2
- package/src/components/calendar/MonthsView.tsx +56 -63
- package/src/components/calendar/TimeView.tsx +82 -29
- package/src/components/calendar/YearsView.tsx +25 -6
- package/src/locale/de-DE.ts +4 -0
- package/src/locale/en-US.ts +4 -0
- package/src/locale/zh-CN.ts +4 -0
- package/src/renderers/DropDownButton.tsx +69 -35
- package/src/renderers/Form/CityDB.ts +526 -2
- package/src/renderers/Form/InputCity.tsx +23 -3
- package/src/renderers/Form/InputColor.tsx +21 -2
- package/src/renderers/Form/InputDate.tsx +10 -1
- package/src/renderers/Form/InputDateRange.tsx +9 -1
- package/src/renderers/Form/Item.tsx +14 -4
- package/src/renderers/Form/NestedSelect.tsx +31 -3
- package/src/renderers/Form/Select.tsx +15 -2
- package/src/renderers/Form/TreeSelect.tsx +10 -6
- package/src/renderers/Remark.tsx +2 -1
- package/src/schemaExtend.ts +22 -10
- package/src/utils/helper.ts +6 -16
@@ -0,0 +1,487 @@
|
|
1
|
+
"use strict";
|
2
|
+
/**
|
3
|
+
* @file Cascader
|
4
|
+
* @author fex
|
5
|
+
*/
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
7
|
+
exports.Cascader = void 0;
|
8
|
+
var tslib_1 = require("tslib");
|
9
|
+
var react_1 = (0, tslib_1.__importDefault)(require("react"));
|
10
|
+
var helper_1 = require("../utils/helper");
|
11
|
+
var theme_1 = require("../theme");
|
12
|
+
var Select_1 = require("./Select");
|
13
|
+
var intersectionBy_1 = (0, tslib_1.__importDefault)(require("lodash/intersectionBy"));
|
14
|
+
var compact_1 = (0, tslib_1.__importDefault)(require("lodash/compact"));
|
15
|
+
var find_1 = (0, tslib_1.__importDefault)(require("lodash/find"));
|
16
|
+
var uniqBy_1 = (0, tslib_1.__importDefault)(require("lodash/uniqBy"));
|
17
|
+
var Button_1 = (0, tslib_1.__importDefault)(require("./Button"));
|
18
|
+
var helper_2 = require("../utils/helper");
|
19
|
+
var Cascader = /** @class */ (function (_super) {
|
20
|
+
(0, tslib_1.__extends)(Cascader, _super);
|
21
|
+
function Cascader(props) {
|
22
|
+
var _this = _super.call(this, props) || this;
|
23
|
+
_this.tabsRef = react_1.default.createRef();
|
24
|
+
_this.tabRef = react_1.default.createRef();
|
25
|
+
_this.getParentTree = function (option, arr) {
|
26
|
+
var parentOption = _this.getOptionParent(option);
|
27
|
+
if (parentOption) {
|
28
|
+
arr.push(parentOption);
|
29
|
+
return _this.getParentTree(parentOption, arr);
|
30
|
+
}
|
31
|
+
return arr;
|
32
|
+
};
|
33
|
+
_this.state = {
|
34
|
+
selectedOptions: _this.props.selectedOptions || [],
|
35
|
+
activeTab: 0,
|
36
|
+
tabs: [
|
37
|
+
{
|
38
|
+
options: _this.props.options.slice() || []
|
39
|
+
}
|
40
|
+
]
|
41
|
+
};
|
42
|
+
return _this;
|
43
|
+
}
|
44
|
+
Cascader.prototype.componentDidMount = function () {
|
45
|
+
var _a = this.props, multiple = _a.multiple, options = _a.options, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, cascade = _a.cascade;
|
46
|
+
var selectedOptions = this.props.selectedOptions.slice();
|
47
|
+
var parentsCount = 0;
|
48
|
+
var parentTree = [];
|
49
|
+
selectedOptions.forEach(function (item) {
|
50
|
+
var parents = (0, helper_1.getTreeAncestors)(options, item);
|
51
|
+
// 获取最长路径
|
52
|
+
if (parents && (parents === null || parents === void 0 ? void 0 : parents.length) > parentsCount) {
|
53
|
+
parentTree = parents;
|
54
|
+
parentsCount = parentTree.length;
|
55
|
+
}
|
56
|
+
});
|
57
|
+
var selectedValues = selectedOptions.map(function (option) { return option[valueField]; });
|
58
|
+
var tabs = parentTree.map(function (option) {
|
59
|
+
var _a;
|
60
|
+
if (multiple && !cascade) {
|
61
|
+
if (selectedValues.includes(option[valueField]) &&
|
62
|
+
((_a = option === null || option === void 0 ? void 0 : option.children) === null || _a === void 0 ? void 0 : _a.length)) {
|
63
|
+
option.children.forEach(function (option) { return (option.disabled = true); });
|
64
|
+
}
|
65
|
+
}
|
66
|
+
return multiple
|
67
|
+
? {
|
68
|
+
options: (0, tslib_1.__spreadArray)([
|
69
|
+
(0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { isCheckAll: true })
|
70
|
+
], (option.children ? option.children : []), true)
|
71
|
+
}
|
72
|
+
: {
|
73
|
+
options: option.children ? option.children : []
|
74
|
+
};
|
75
|
+
});
|
76
|
+
this.setState({
|
77
|
+
selectedOptions: selectedOptions,
|
78
|
+
tabs: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], this.state.tabs, true), tabs, true)
|
79
|
+
});
|
80
|
+
};
|
81
|
+
Cascader.prototype.handleTabSelect = function (index) {
|
82
|
+
var tabs = this.state.tabs.slice(0, index + 1);
|
83
|
+
this.setState({
|
84
|
+
activeTab: index,
|
85
|
+
tabs: tabs
|
86
|
+
});
|
87
|
+
};
|
88
|
+
Cascader.prototype.getOptionParent = function (option) {
|
89
|
+
var _a = this.props, options = _a.options, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b;
|
90
|
+
var ancestors = [];
|
91
|
+
(0, helper_2.findTree)(options, function (item, index, level, paths) {
|
92
|
+
if (item[valueField] === option[valueField]) {
|
93
|
+
ancestors = paths;
|
94
|
+
return true;
|
95
|
+
}
|
96
|
+
return false;
|
97
|
+
});
|
98
|
+
return ancestors.length ? ancestors[ancestors.length - 1] : null;
|
99
|
+
};
|
100
|
+
Cascader.prototype.dealParentSelect = function (option, selectedOptions) {
|
101
|
+
var _a;
|
102
|
+
var _b = this.props.valueField, valueField = _b === void 0 ? 'value' : _b;
|
103
|
+
var parentOption = this.getOptionParent(option);
|
104
|
+
if (parentOption) {
|
105
|
+
var parentChildren = parentOption === null || parentOption === void 0 ? void 0 : parentOption.children;
|
106
|
+
var equalOption = (0, intersectionBy_1.default)(selectedOptions, parentChildren, valueField);
|
107
|
+
// 包含则选中父节点
|
108
|
+
var isParentSelected = (0, find_1.default)(selectedOptions, (_a = {},
|
109
|
+
_a[valueField] = parentOption[valueField],
|
110
|
+
_a));
|
111
|
+
if (equalOption.length === (parentChildren === null || parentChildren === void 0 ? void 0 : parentChildren.length) && !isParentSelected) {
|
112
|
+
selectedOptions.push(parentOption);
|
113
|
+
}
|
114
|
+
if (equalOption.length !== (parentChildren === null || parentChildren === void 0 ? void 0 : parentChildren.length) && isParentSelected) {
|
115
|
+
var index = selectedOptions.findIndex(function (item) { return item[valueField] === parentOption[valueField]; });
|
116
|
+
selectedOptions.splice(index, 1);
|
117
|
+
}
|
118
|
+
return this.dealParentSelect(parentOption, selectedOptions);
|
119
|
+
}
|
120
|
+
else {
|
121
|
+
return selectedOptions;
|
122
|
+
}
|
123
|
+
};
|
124
|
+
Cascader.prototype.flattenTreeWithLeafNodes = function (option) {
|
125
|
+
return (0, compact_1.default)((0, helper_2.flattenTree)(Array.isArray(option) ? option : [option], function (node) { return node; }));
|
126
|
+
};
|
127
|
+
Cascader.prototype.adjustOptionSelect = function (option) {
|
128
|
+
var _a = this.props.valueField, valueField = _a === void 0 ? 'value' : _a;
|
129
|
+
var selectedOptions = this.state.selectedOptions;
|
130
|
+
function loop(arr) {
|
131
|
+
if (!arr.length) {
|
132
|
+
return false;
|
133
|
+
}
|
134
|
+
return arr.some(function (item) { return item[valueField] === option[valueField]; });
|
135
|
+
}
|
136
|
+
return loop(selectedOptions);
|
137
|
+
};
|
138
|
+
Cascader.prototype.getSelectedChildNum = function (option) {
|
139
|
+
var _this = this;
|
140
|
+
var count = 0;
|
141
|
+
var loop = function (arr) {
|
142
|
+
if (!arr || !arr.length) {
|
143
|
+
return;
|
144
|
+
}
|
145
|
+
for (var _i = 0, arr_1 = arr; _i < arr_1.length; _i++) {
|
146
|
+
var item = arr_1[_i];
|
147
|
+
if (item.children) {
|
148
|
+
loop(item.children || []);
|
149
|
+
}
|
150
|
+
else {
|
151
|
+
if (_this.adjustOptionSelect(item)) {
|
152
|
+
count++;
|
153
|
+
}
|
154
|
+
}
|
155
|
+
}
|
156
|
+
};
|
157
|
+
loop(option.children || []);
|
158
|
+
return count;
|
159
|
+
};
|
160
|
+
Cascader.prototype.dealOptionDisable = function (selectedOptions) {
|
161
|
+
var _a = this.props, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, options = _a.options, cascade = _a.cascade, multiple = _a.multiple, onlyChildren = _a.onlyChildren // 子节点可点击
|
162
|
+
;
|
163
|
+
if (!multiple || cascade || onlyChildren) {
|
164
|
+
return;
|
165
|
+
}
|
166
|
+
var selectedValues = selectedOptions.map(function (option) { return option[valueField]; });
|
167
|
+
var loop = function (option) {
|
168
|
+
if (!option.children) {
|
169
|
+
return;
|
170
|
+
}
|
171
|
+
option.children &&
|
172
|
+
option.children.forEach(function (childOption) {
|
173
|
+
if (!selectedValues.includes(option[valueField]) &&
|
174
|
+
!option.disabled) {
|
175
|
+
childOption.disabled = false;
|
176
|
+
}
|
177
|
+
if (selectedValues.includes(option[valueField]) || option.disabled) {
|
178
|
+
childOption.disabled = true;
|
179
|
+
}
|
180
|
+
loop(childOption);
|
181
|
+
});
|
182
|
+
};
|
183
|
+
options.forEach(function (option) { return loop(option); });
|
184
|
+
};
|
185
|
+
Cascader.prototype.dealChildrenSelect = function (option, selectedOptions) {
|
186
|
+
var _a = this.props.valueField, valueField = _a === void 0 ? 'value' : _a;
|
187
|
+
var index = selectedOptions.findIndex(function (item) { return item[valueField] === option[valueField]; });
|
188
|
+
if (index !== -1) {
|
189
|
+
selectedOptions.splice(index, 1);
|
190
|
+
}
|
191
|
+
else {
|
192
|
+
selectedOptions.push(option);
|
193
|
+
}
|
194
|
+
function loop(option) {
|
195
|
+
if (!option.children) {
|
196
|
+
return;
|
197
|
+
}
|
198
|
+
option.children.forEach(function (item) {
|
199
|
+
if (index !== -1) {
|
200
|
+
// 删除选中节点及其子节点
|
201
|
+
selectedOptions = selectedOptions.filter(function (sItem) { return sItem[valueField] !== item[valueField]; });
|
202
|
+
}
|
203
|
+
else {
|
204
|
+
// 添加节点及其子节点
|
205
|
+
selectedOptions.push(item);
|
206
|
+
}
|
207
|
+
loop(item);
|
208
|
+
});
|
209
|
+
}
|
210
|
+
loop(option);
|
211
|
+
return selectedOptions;
|
212
|
+
};
|
213
|
+
Cascader.prototype.onSelect = function (option, tabIndex) {
|
214
|
+
var _this = this;
|
215
|
+
var _a = this.props, multiple = _a.multiple, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, cascade = _a.cascade;
|
216
|
+
var tabs = this.state.tabs.slice();
|
217
|
+
var activeTab = this.state.activeTab;
|
218
|
+
var selectedOptions = this.state.selectedOptions;
|
219
|
+
var isDisable = option.disabled;
|
220
|
+
if (!isDisable) {
|
221
|
+
if (multiple) {
|
222
|
+
// 父子级分离
|
223
|
+
if (cascade) {
|
224
|
+
if (option.isCheckAll ||
|
225
|
+
!option.children ||
|
226
|
+
!option.children.length) {
|
227
|
+
var index = selectedOptions.findIndex(function (item) { return item[valueField] === option[valueField]; });
|
228
|
+
if (index !== -1) {
|
229
|
+
selectedOptions.splice(index, 1);
|
230
|
+
}
|
231
|
+
else {
|
232
|
+
selectedOptions.push(option);
|
233
|
+
}
|
234
|
+
}
|
235
|
+
}
|
236
|
+
else {
|
237
|
+
if (option.isCheckAll ||
|
238
|
+
!option.children ||
|
239
|
+
!option.children.length) {
|
240
|
+
selectedOptions = this.dealChildrenSelect(option, selectedOptions);
|
241
|
+
selectedOptions = this.dealParentSelect(option, selectedOptions);
|
242
|
+
}
|
243
|
+
}
|
244
|
+
}
|
245
|
+
else {
|
246
|
+
// 单选
|
247
|
+
selectedOptions = this.getParentTree(option, [option]);
|
248
|
+
}
|
249
|
+
}
|
250
|
+
this.dealOptionDisable(selectedOptions);
|
251
|
+
if (tabs.length > tabIndex + 1) {
|
252
|
+
tabs = tabs.slice(0, tabIndex + 1);
|
253
|
+
}
|
254
|
+
requestAnimationFrame(function () {
|
255
|
+
var _a;
|
256
|
+
var tabWidth = ((_a = _this.tabRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 1;
|
257
|
+
var parentTree = _this.getParentTree(option, [option]);
|
258
|
+
var scrollLeft = (parentTree.length - 2) * tabWidth;
|
259
|
+
if (scrollLeft !== 0) {
|
260
|
+
_this.tabsRef.current.scrollTo(scrollLeft, 0);
|
261
|
+
}
|
262
|
+
});
|
263
|
+
if ((option === null || option === void 0 ? void 0 : option.children) && !option.isCheckAll) {
|
264
|
+
var nextTab = multiple
|
265
|
+
? {
|
266
|
+
options: (0, tslib_1.__spreadArray)([
|
267
|
+
(0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { isCheckAll: true })
|
268
|
+
], option.children, true)
|
269
|
+
}
|
270
|
+
: {
|
271
|
+
options: option.children
|
272
|
+
};
|
273
|
+
if (tabs[tabIndex + 1]) {
|
274
|
+
tabs[tabIndex + 1] = nextTab;
|
275
|
+
}
|
276
|
+
else {
|
277
|
+
tabs.push(nextTab);
|
278
|
+
}
|
279
|
+
activeTab += 1;
|
280
|
+
}
|
281
|
+
this.setState({
|
282
|
+
tabs: tabs,
|
283
|
+
activeTab: activeTab,
|
284
|
+
selectedOptions: selectedOptions
|
285
|
+
});
|
286
|
+
};
|
287
|
+
Cascader.prototype.onNextClick = function (option, tabIndex) {
|
288
|
+
var activeTab = this.state.activeTab;
|
289
|
+
var tabs = this.state.tabs.slice();
|
290
|
+
if (option.c)
|
291
|
+
if (option === null || option === void 0 ? void 0 : option.children) {
|
292
|
+
var nextTab = {
|
293
|
+
options: option.children
|
294
|
+
};
|
295
|
+
if (tabs[tabIndex + 1]) {
|
296
|
+
tabs[tabIndex + 1] = nextTab;
|
297
|
+
}
|
298
|
+
else {
|
299
|
+
tabs.push(nextTab);
|
300
|
+
}
|
301
|
+
activeTab += 1;
|
302
|
+
}
|
303
|
+
this.setState({
|
304
|
+
tabs: tabs,
|
305
|
+
activeTab: activeTab
|
306
|
+
});
|
307
|
+
};
|
308
|
+
Cascader.prototype.getSubmitOptions = function (selectedOptions) {
|
309
|
+
var _selectedOptions = [];
|
310
|
+
var _a = this.props, multiple = _a.multiple, options = _a.options, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, cascade = _a.cascade, onlyChildren = _a.onlyChildren, withChildren = _a.withChildren;
|
311
|
+
if (cascade || onlyChildren || withChildren || !multiple) {
|
312
|
+
return selectedOptions;
|
313
|
+
}
|
314
|
+
var selectedValues = selectedOptions.map(function (option) { return option[valueField]; });
|
315
|
+
function loop(options) {
|
316
|
+
if (!options || !options.length) {
|
317
|
+
return;
|
318
|
+
}
|
319
|
+
options.forEach(function (option) {
|
320
|
+
if (selectedValues.includes(option[valueField])) {
|
321
|
+
_selectedOptions.push(option);
|
322
|
+
}
|
323
|
+
else {
|
324
|
+
loop(option.children ? option.children : []);
|
325
|
+
}
|
326
|
+
});
|
327
|
+
}
|
328
|
+
loop(options);
|
329
|
+
return _selectedOptions;
|
330
|
+
};
|
331
|
+
Cascader.prototype.confirm = function () {
|
332
|
+
var _a = this.props, onChange = _a.onChange, joinValues = _a.joinValues, delimiter = _a.delimiter, extractValue = _a.extractValue, valueField = _a.valueField, onClose = _a.onClose;
|
333
|
+
var selectedOptions = this.state.selectedOptions;
|
334
|
+
var _selectedOptions = this.getSubmitOptions(selectedOptions);
|
335
|
+
_selectedOptions = (0, uniqBy_1.default)(_selectedOptions, valueField);
|
336
|
+
onChange(joinValues
|
337
|
+
? _selectedOptions
|
338
|
+
.map(function (item) { return item[valueField]; })
|
339
|
+
.join(delimiter)
|
340
|
+
: extractValue
|
341
|
+
? _selectedOptions.map(function (item) { return item[valueField]; })
|
342
|
+
: _selectedOptions);
|
343
|
+
onClose && onClose();
|
344
|
+
};
|
345
|
+
Cascader.prototype.renderOption = function (option, tabIndex) {
|
346
|
+
var _this = this;
|
347
|
+
var _a = this.props, activeColor = _a.activeColor, optionRender = _a.optionRender, labelField = _a.labelField, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, cx = _a.classnames, cascade = _a.cascade, multiple = _a.multiple;
|
348
|
+
var selectedOptions = this.state.selectedOptions;
|
349
|
+
var selectedValueArr = selectedOptions.map(function (item) { return item[valueField]; });
|
350
|
+
var selfChecked = selectedValueArr.includes(option[valueField]);
|
351
|
+
var color = option.color || (selfChecked ? activeColor : undefined);
|
352
|
+
var Text = optionRender ? (optionRender({ option: option, selected: selfChecked })) : (react_1.default.createElement("span", null, option[labelField]));
|
353
|
+
return (react_1.default.createElement("li", { className: cx('Cascader-option', {
|
354
|
+
selected: selfChecked,
|
355
|
+
disabled: option.disabled
|
356
|
+
}, option.className), style: { color: color }, onClick: function () { return _this.onSelect(option, tabIndex); }, key: tabIndex + '-' + option[valueField] },
|
357
|
+
react_1.default.createElement("span", { className: cx('Cascader-option--text') }, Text)));
|
358
|
+
};
|
359
|
+
Cascader.prototype.renderOptions = function (options, tabIndex) {
|
360
|
+
var _this = this;
|
361
|
+
var cx = this.props.classnames;
|
362
|
+
return (react_1.default.createElement("ul", { key: tabIndex, className: cx('Cascader-options') }, options.map(function (option) { return _this.renderOption(option, tabIndex); })));
|
363
|
+
};
|
364
|
+
Cascader.prototype.renderTabs = function () {
|
365
|
+
var _this = this;
|
366
|
+
var _a = this.props, cx = _a.classnames, options = _a.options;
|
367
|
+
var tabs = this.state.tabs;
|
368
|
+
var depth = (0, helper_2.getTreeDepth)(options);
|
369
|
+
return (react_1.default.createElement("div", { className: cx("Cascader-tabs", depth > 3 ? 'scrollable' : ''), ref: this.tabsRef },
|
370
|
+
tabs.map(function (tab, tabIndex) {
|
371
|
+
var options = tab.options;
|
372
|
+
return (react_1.default.createElement("div", { className: cx("Cascader-tab"), ref: _this.tabRef, key: tabIndex }, _this.renderOptions(options, tabIndex)));
|
373
|
+
}),
|
374
|
+
depth <= 3 && options.length
|
375
|
+
? Array((0, helper_2.getTreeDepth)(options) - tabs.length)
|
376
|
+
.fill(1)
|
377
|
+
.map(function (item, index) { return (react_1.default.createElement("div", { className: cx("Cascader-tab"), key: index })); })
|
378
|
+
: null));
|
379
|
+
};
|
380
|
+
Cascader.prototype.render = function () {
|
381
|
+
var _a = this.props, ns = _a.classPrefix, cx = _a.classnames, className = _a.className, onClose = _a.onClose, __ = _a.translate;
|
382
|
+
return (react_1.default.createElement("div", { className: cx("Cascader", className) },
|
383
|
+
react_1.default.createElement("div", { className: cx("Cascader-btnGroup") },
|
384
|
+
react_1.default.createElement(Button_1.default, { className: cx("Cascader-btnCancel"), level: "text", onClick: onClose }, __('cancel')),
|
385
|
+
react_1.default.createElement(Button_1.default, { className: cx("Cascader-btnConfirm"), level: "text", onClick: this.confirm }, __('confirm'))),
|
386
|
+
this.renderTabs()));
|
387
|
+
};
|
388
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
389
|
+
Cascader.defaultProps = {
|
390
|
+
labelField: 'label',
|
391
|
+
valueField: 'value'
|
392
|
+
};
|
393
|
+
(0, tslib_1.__decorate)([
|
394
|
+
helper_1.autobind,
|
395
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
396
|
+
(0, tslib_1.__metadata)("design:paramtypes", [Number]),
|
397
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
398
|
+
], Cascader.prototype, "handleTabSelect", null);
|
399
|
+
(0, tslib_1.__decorate)([
|
400
|
+
helper_1.autobind,
|
401
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
402
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _a : Object]),
|
403
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
404
|
+
], Cascader.prototype, "getOptionParent", null);
|
405
|
+
(0, tslib_1.__decorate)([
|
406
|
+
helper_1.autobind,
|
407
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
408
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _b : Object, typeof (_c = typeof Select_1.Options !== "undefined" && Select_1.Options) === "function" ? _c : Object]),
|
409
|
+
(0, tslib_1.__metadata)("design:returntype", typeof (_d = typeof Select_1.Options !== "undefined" && Select_1.Options) === "function" ? _d : Object)
|
410
|
+
], Cascader.prototype, "dealParentSelect", null);
|
411
|
+
(0, tslib_1.__decorate)([
|
412
|
+
helper_1.autobind,
|
413
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
414
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_e = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _e : Object]),
|
415
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
416
|
+
], Cascader.prototype, "flattenTreeWithLeafNodes", null);
|
417
|
+
(0, tslib_1.__decorate)([
|
418
|
+
helper_1.autobind,
|
419
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
420
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_f = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _f : Object]),
|
421
|
+
(0, tslib_1.__metadata)("design:returntype", Boolean)
|
422
|
+
], Cascader.prototype, "adjustOptionSelect", null);
|
423
|
+
(0, tslib_1.__decorate)([
|
424
|
+
helper_1.autobind,
|
425
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
426
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_g = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _g : Object]),
|
427
|
+
(0, tslib_1.__metadata)("design:returntype", Number)
|
428
|
+
], Cascader.prototype, "getSelectedChildNum", null);
|
429
|
+
(0, tslib_1.__decorate)([
|
430
|
+
helper_1.autobind,
|
431
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
432
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_h = typeof Select_1.Options !== "undefined" && Select_1.Options) === "function" ? _h : Object]),
|
433
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
434
|
+
], Cascader.prototype, "dealOptionDisable", null);
|
435
|
+
(0, tslib_1.__decorate)([
|
436
|
+
helper_1.autobind,
|
437
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
438
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_j = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _j : Object, typeof (_k = typeof Select_1.Options !== "undefined" && Select_1.Options) === "function" ? _k : Object]),
|
439
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
440
|
+
], Cascader.prototype, "dealChildrenSelect", null);
|
441
|
+
(0, tslib_1.__decorate)([
|
442
|
+
helper_1.autobind,
|
443
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
444
|
+
(0, tslib_1.__metadata)("design:paramtypes", [Object, Number]),
|
445
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
446
|
+
], Cascader.prototype, "onSelect", null);
|
447
|
+
(0, tslib_1.__decorate)([
|
448
|
+
helper_1.autobind,
|
449
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
450
|
+
(0, tslib_1.__metadata)("design:paramtypes", [Object, Number]),
|
451
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
452
|
+
], Cascader.prototype, "onNextClick", null);
|
453
|
+
(0, tslib_1.__decorate)([
|
454
|
+
helper_1.autobind,
|
455
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
456
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_l = typeof Select_1.Options !== "undefined" && Select_1.Options) === "function" ? _l : Object]),
|
457
|
+
(0, tslib_1.__metadata)("design:returntype", typeof (_m = typeof Select_1.Options !== "undefined" && Select_1.Options) === "function" ? _m : Object)
|
458
|
+
], Cascader.prototype, "getSubmitOptions", null);
|
459
|
+
(0, tslib_1.__decorate)([
|
460
|
+
helper_1.autobind,
|
461
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
462
|
+
(0, tslib_1.__metadata)("design:paramtypes", []),
|
463
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
464
|
+
], Cascader.prototype, "confirm", null);
|
465
|
+
(0, tslib_1.__decorate)([
|
466
|
+
helper_1.autobind,
|
467
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
468
|
+
(0, tslib_1.__metadata)("design:paramtypes", [Object, Number]),
|
469
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
470
|
+
], Cascader.prototype, "renderOption", null);
|
471
|
+
(0, tslib_1.__decorate)([
|
472
|
+
helper_1.autobind,
|
473
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
474
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_o = typeof Select_1.Options !== "undefined" && Select_1.Options) === "function" ? _o : Object, Number]),
|
475
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
476
|
+
], Cascader.prototype, "renderOptions", null);
|
477
|
+
(0, tslib_1.__decorate)([
|
478
|
+
helper_1.autobind,
|
479
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
480
|
+
(0, tslib_1.__metadata)("design:paramtypes", []),
|
481
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
482
|
+
], Cascader.prototype, "renderTabs", null);
|
483
|
+
return Cascader;
|
484
|
+
}(react_1.default.Component));
|
485
|
+
exports.Cascader = Cascader;
|
486
|
+
exports.default = (0, theme_1.themeable)(Cascader);
|
487
|
+
//# sourceMappingURL=./components/Cascader.js.map
|
@@ -0,0 +1,13 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"file": "Cascader.js",
|
4
|
+
"sourceRoot": "",
|
5
|
+
"sources": [
|
6
|
+
"/src/components/Cascader.tsx"
|
7
|
+
],
|
8
|
+
"names": [],
|
9
|
+
"mappings": "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",
|
10
|
+
"sourcesContent": [
|
11
|
+
"/**\n * @file Cascader\n * @author fex\n */\n\nimport React from 'react';\nimport {autobind, getTreeAncestors} from '../utils/helper';\nimport {themeable} from '../theme';\nimport {NestedSelectProps} from '../renderers/Form/NestedSelect';\nimport {Option, Options} from './Select';\nimport intersectionBy from 'lodash/intersectionBy';\nimport compact from 'lodash/compact';\nimport find from 'lodash/find';\nimport uniqBy from 'lodash/uniqBy';\nimport Button from './Button';\nimport {flattenTree, findTree, getTreeDepth} from '../utils/helper';\n\nexport type CascaderOption = {\n text?: string;\n value?: string | number;\n color?: string;\n disabled?: boolean;\n children?: Options;\n className?: string;\n [key: string]: any;\n};\nexport interface CascaderProps extends NestedSelectProps {\n value?: (number | string)[];\n activeColor?: string;\n optionRender?: ({\n option,\n selected\n }: {\n option: CascaderOption;\n selected: boolean;\n }) => React.ReactNode;\n onClose?: () => void;\n onConfirm?: (param: any) => void;\n multiple?: boolean;\n}\nexport type CascaderTab = {\n options: Options;\n};\n\nexport interface CascaderState {\n selectedOptions: Options;\n activeTab: number;\n tabs: Array<{\n options: Options;\n }>;\n}\n\nexport class Cascader extends React.Component<CascaderProps, CascaderState> {\n static defaultProps = {\n labelField: 'label',\n valueField: 'value'\n };\n tabsRef: React.RefObject<HTMLDivElement> = React.createRef();\n tabRef: React.RefObject<HTMLDivElement> = React.createRef();\n constructor(props: CascaderProps) {\n super(props);\n this.state = {\n selectedOptions: this.props.selectedOptions || [],\n activeTab: 0,\n tabs: [\n {\n options: this.props.options.slice() || []\n }\n ]\n };\n }\n componentDidMount() {\n const {multiple, options, valueField = 'value', cascade} = this.props;\n let selectedOptions = this.props.selectedOptions.slice();\n let parentsCount = 0;\n let parentTree: Options = [];\n selectedOptions.forEach((item: Option) => {\n const parents = getTreeAncestors(options, item as any);\n // 获取最长路径\n if (parents && parents?.length > parentsCount) {\n parentTree = parents;\n parentsCount = parentTree.length;\n }\n });\n const selectedValues = selectedOptions.map(\n (option: Option) => option[valueField]\n );\n const tabs = parentTree.map((option: Option) => {\n if (multiple && !cascade) {\n if (\n selectedValues.includes(option[valueField]) &&\n option?.children?.length\n ) {\n option.children.forEach((option: Option) => (option.disabled = true));\n }\n }\n return multiple\n ? {\n options: [\n {\n ...option,\n isCheckAll: true\n },\n ...(option.children ? option.children : [])\n ]\n }\n : {\n options: option.children ? option.children : []\n };\n });\n this.setState({\n selectedOptions,\n tabs: [...this.state.tabs, ...tabs]\n });\n }\n\n @autobind\n handleTabSelect(index: number) {\n const tabs = this.state.tabs.slice(0, index + 1);\n this.setState({\n activeTab: index,\n tabs\n });\n }\n\n @autobind\n getOptionParent(option: Option) {\n const {options, valueField = 'value'} = this.props;\n let ancestors: any[] = [];\n findTree(options, (item, index, level, paths) => {\n if (item[valueField] === option[valueField]) {\n ancestors = paths;\n return true;\n }\n return false;\n });\n return ancestors.length ? ancestors[ancestors.length - 1] : null;\n }\n\n @autobind\n dealParentSelect(option: Option, selectedOptions: Options): Options {\n const {valueField = 'value'} = this.props;\n const parentOption = this.getOptionParent(option);\n if (parentOption) {\n const parentChildren = parentOption?.children;\n const equalOption = intersectionBy(\n selectedOptions,\n parentChildren,\n valueField\n );\n // 包含则选中父节点\n const isParentSelected = find(selectedOptions, {\n [valueField]: parentOption[valueField]\n });\n if (equalOption.length === parentChildren?.length && !isParentSelected) {\n selectedOptions.push(parentOption);\n }\n if (equalOption.length !== parentChildren?.length && isParentSelected) {\n const index = selectedOptions.findIndex(\n (item: Option) => item[valueField] === parentOption[valueField]\n );\n selectedOptions.splice(index, 1);\n }\n return this.dealParentSelect(parentOption, selectedOptions);\n } else {\n return selectedOptions;\n }\n }\n\n @autobind\n flattenTreeWithLeafNodes(option: Option) {\n return compact(\n flattenTree(Array.isArray(option) ? option : [option], node => node)\n );\n }\n\n @autobind\n adjustOptionSelect(option: Option): boolean {\n const {valueField = 'value'} = this.props;\n const {selectedOptions} = this.state;\n function loop(arr: any[]): boolean {\n if (!arr.length) {\n return false;\n }\n return arr.some((item: any) => item[valueField] === option[valueField]);\n }\n return loop(selectedOptions);\n }\n\n @autobind\n getSelectedChildNum(option: Option): number {\n let count = 0;\n const loop = (arr: any[]) => {\n if (!arr || !arr.length) {\n return;\n }\n for (let item of arr) {\n if (item.children) {\n loop(item.children || []);\n } else {\n if (this.adjustOptionSelect(item)) {\n count++;\n }\n }\n }\n };\n loop(option.children || []);\n return count;\n }\n\n @autobind\n dealOptionDisable(selectedOptions: Options) {\n const {\n valueField = 'value',\n options,\n cascade,\n multiple,\n onlyChildren // 子节点可点击\n } = this.props;\n if (!multiple || cascade || onlyChildren) {\n return;\n }\n const selectedValues = selectedOptions.map(\n (option: Option) => option[valueField]\n );\n const loop = (option: Option) => {\n if (!option.children) {\n return;\n }\n option.children &&\n option.children.forEach((childOption: Option) => {\n if (\n !selectedValues.includes(option[valueField]) &&\n !option.disabled\n ) {\n childOption.disabled = false;\n }\n\n if (selectedValues.includes(option[valueField]) || option.disabled) {\n childOption.disabled = true;\n }\n loop(childOption);\n });\n };\n options.forEach((option: Option) => loop(option));\n }\n\n @autobind\n dealChildrenSelect(option: Option, selectedOptions: Options) {\n const {valueField = 'value'} = this.props;\n let index = selectedOptions.findIndex(\n (item: Option) => item[valueField] === option[valueField]\n );\n if (index !== -1) {\n selectedOptions.splice(index, 1);\n } else {\n selectedOptions.push(option);\n }\n function loop(option: Option) {\n if (!option.children) {\n return;\n }\n option.children.forEach((item: Option) => {\n if (index !== -1) {\n // 删除选中节点及其子节点\n selectedOptions = selectedOptions.filter(\n (sItem: Option) => sItem[valueField] !== item[valueField]\n );\n } else {\n // 添加节点及其子节点\n selectedOptions.push(item);\n }\n loop(item);\n });\n }\n loop(option);\n return selectedOptions;\n }\n\n getParentTree = (option: Option, arr: Options): Options => {\n const parentOption = this.getOptionParent(option);\n if (parentOption) {\n arr.push(parentOption);\n return this.getParentTree(parentOption, arr);\n }\n return arr;\n };\n\n @autobind\n onSelect(option: CascaderOption, tabIndex: number) {\n const {multiple, valueField = 'value', cascade} = this.props;\n\n let tabs = this.state.tabs.slice();\n let {activeTab} = this.state;\n let selectedOptions = this.state.selectedOptions;\n const isDisable = option.disabled;\n if (!isDisable) {\n if (multiple) {\n // 父子级分离\n if (cascade) {\n if (\n option.isCheckAll ||\n !option.children ||\n !option.children.length\n ) {\n let index = selectedOptions.findIndex(\n (item: Option) => item[valueField] === option[valueField]\n );\n if (index !== -1) {\n selectedOptions.splice(index, 1);\n } else {\n selectedOptions.push(option);\n }\n }\n } else {\n if (\n option.isCheckAll ||\n !option.children ||\n !option.children.length\n ) {\n selectedOptions = this.dealChildrenSelect(option, selectedOptions);\n selectedOptions = this.dealParentSelect(option, selectedOptions);\n }\n }\n } else {\n // 单选\n selectedOptions = this.getParentTree(option, [option]);\n }\n }\n this.dealOptionDisable(selectedOptions);\n\n if (tabs.length > tabIndex + 1) {\n tabs = tabs.slice(0, tabIndex + 1);\n }\n\n requestAnimationFrame(() => {\n const tabWidth = this.tabRef.current?.offsetWidth || 1;\n const parentTree = this.getParentTree(option, [option]);\n const scrollLeft = (parentTree.length - 2) * tabWidth;\n if (scrollLeft !== 0) {\n (this.tabsRef.current as HTMLElement).scrollTo(scrollLeft, 0);\n }\n });\n\n if (option?.children && !option.isCheckAll) {\n const nextTab = multiple\n ? {\n options: [\n {\n ...option,\n isCheckAll: true\n },\n ...option.children\n ]\n }\n : {\n options: option.children\n };\n\n if (tabs[tabIndex + 1]) {\n tabs[tabIndex + 1] = nextTab;\n } else {\n tabs.push(nextTab);\n }\n activeTab += 1;\n }\n this.setState({\n tabs,\n activeTab,\n selectedOptions\n });\n }\n\n @autobind\n onNextClick(option: CascaderOption, tabIndex: number) {\n let {activeTab} = this.state;\n let tabs = this.state.tabs.slice();\n if (option.c)\n if (option?.children) {\n const nextTab = {\n options: option.children\n };\n if (tabs[tabIndex + 1]) {\n tabs[tabIndex + 1] = nextTab;\n } else {\n tabs.push(nextTab);\n }\n activeTab += 1;\n }\n this.setState({\n tabs,\n activeTab\n });\n }\n\n @autobind\n getSubmitOptions(selectedOptions: Options): Options {\n const _selectedOptions: Options = [];\n const {\n multiple,\n options,\n valueField = 'value',\n cascade,\n onlyChildren,\n withChildren\n } = this.props;\n if (cascade || onlyChildren || withChildren || !multiple) {\n return selectedOptions;\n }\n const selectedValues = selectedOptions.map(\n (option: Option) => option[valueField]\n );\n function loop(options: Options) {\n if (!options || !options.length) {\n return;\n }\n options.forEach((option: Option) => {\n if (selectedValues.includes(option[valueField])) {\n _selectedOptions.push(option);\n } else {\n loop(option.children ? option.children : []);\n }\n });\n }\n loop(options);\n return _selectedOptions;\n }\n\n @autobind\n confirm() {\n const {onChange, joinValues, delimiter, extractValue, valueField, onClose} =\n this.props;\n let {selectedOptions} = this.state;\n let _selectedOptions = this.getSubmitOptions(selectedOptions);\n _selectedOptions = uniqBy(_selectedOptions, valueField);\n onChange(\n joinValues\n ? _selectedOptions\n .map(item => item[valueField as string])\n .join(delimiter)\n : extractValue\n ? _selectedOptions.map(item => item[valueField as string])\n : _selectedOptions\n );\n onClose && onClose();\n }\n\n @autobind\n renderOption(option: CascaderOption, tabIndex: number) {\n const {\n activeColor,\n optionRender,\n labelField,\n valueField = 'value',\n classnames: cx,\n cascade,\n multiple\n } = this.props;\n const {selectedOptions} = this.state;\n const selectedValueArr = selectedOptions.map(item => item[valueField]);\n\n let selfChecked = selectedValueArr.includes(option[valueField]);\n const color = option.color || (selfChecked ? activeColor : undefined);\n const Text = optionRender ? (\n optionRender({option, selected: selfChecked})\n ) : (\n <span>{option[labelField]}</span>\n );\n return (\n <li\n className={cx(\n 'Cascader-option',\n {\n selected: selfChecked,\n disabled: option.disabled\n },\n option.className\n )}\n style={{color}}\n onClick={() => this.onSelect(option, tabIndex)}\n key={tabIndex + '-' + option[valueField]}\n >\n <span className={cx('Cascader-option--text')}>{Text}</span>\n </li>\n );\n }\n\n @autobind\n renderOptions(options: Options, tabIndex: number) {\n const {classnames: cx} = this.props;\n return (\n <ul key={tabIndex} className={cx('Cascader-options')}>\n {options.map(option => this.renderOption(option, tabIndex))}\n </ul>\n );\n }\n\n @autobind\n renderTabs() {\n const {classnames: cx, options} = this.props;\n const {tabs} = this.state;\n const depth = getTreeDepth(options);\n return (\n <div\n className={cx(`Cascader-tabs`, depth > 3 ? 'scrollable' : '')}\n ref={this.tabsRef}\n >\n {tabs.map((tab: CascaderTab, tabIndex: number) => {\n const {options} = tab;\n return (\n <div\n className={cx(`Cascader-tab`)}\n ref={this.tabRef}\n key={tabIndex}\n >\n {this.renderOptions(options, tabIndex)}\n </div>\n );\n })}\n {depth <= 3 && options.length\n ? Array(getTreeDepth(options) - tabs.length)\n .fill(1)\n .map((item: number, index: number) => (\n <div className={cx(`Cascader-tab`)} key={index}></div>\n ))\n : null}\n </div>\n );\n }\n\n render() {\n const {\n classPrefix: ns,\n classnames: cx,\n className,\n onClose,\n translate: __\n } = this.props;\n\n return (\n <div className={cx(`Cascader`, className)}>\n <div className={cx(`Cascader-btnGroup`)}>\n <Button\n className={cx(`Cascader-btnCancel`)}\n level=\"text\"\n onClick={onClose}\n >\n {__('cancel')}\n </Button>\n <Button\n className={cx(`Cascader-btnConfirm`)}\n level=\"text\"\n onClick={this.confirm}\n >\n {__('confirm')}\n </Button>\n </div>\n {this.renderTabs()}\n </div>\n );\n }\n}\n\nexport default themeable(Cascader);\n"
|
12
|
+
]
|
13
|
+
}
|