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.
Files changed (187) hide show
  1. package/lib/components/CalendarMobile.js +5 -5
  2. package/lib/components/CalendarMobile.js.map +2 -2
  3. package/lib/components/Card.d.ts +20 -20
  4. package/lib/components/Cascader.d.ts +123 -0
  5. package/lib/components/Cascader.js +487 -0
  6. package/lib/components/Cascader.js.map +13 -0
  7. package/lib/components/CityArea.d.ts +527 -0
  8. package/lib/components/CityArea.js +177 -0
  9. package/lib/components/CityArea.js.map +13 -0
  10. package/lib/components/ColorPicker.js +4 -3
  11. package/lib/components/ColorPicker.js.map +2 -2
  12. package/lib/components/DatePicker.d.ts +85 -84
  13. package/lib/components/DatePicker.js +7 -6
  14. package/lib/components/DatePicker.js.map +2 -2
  15. package/lib/components/DateRangePicker.js +8 -11
  16. package/lib/components/DateRangePicker.js.map +2 -2
  17. package/lib/components/MonthRangePicker.js +5 -8
  18. package/lib/components/MonthRangePicker.js.map +2 -2
  19. package/lib/components/Picker.d.ts +1 -0
  20. package/lib/components/Picker.js +10 -6
  21. package/lib/components/Picker.js.map +2 -2
  22. package/lib/components/PickerColumn.d.ts +1 -0
  23. package/lib/components/PickerColumn.js +21 -17
  24. package/lib/components/PickerColumn.js.map +2 -2
  25. package/lib/components/PopOverContainer.d.ts +1 -0
  26. package/lib/components/PopOverContainer.js +5 -3
  27. package/lib/components/PopOverContainer.js.map +2 -2
  28. package/lib/components/PopUp.d.ts +1040 -28
  29. package/lib/components/PopUp.js +32 -8
  30. package/lib/components/PopUp.js.map +2 -2
  31. package/lib/components/ResultBox.d.ts +85 -84
  32. package/lib/components/ResultBox.js +7 -3
  33. package/lib/components/ResultBox.js.map +2 -2
  34. package/lib/components/Select.js +9 -6
  35. package/lib/components/Select.js.map +2 -2
  36. package/lib/components/TransferDropDown.d.ts +85 -84
  37. package/lib/components/TransferDropDown.js +9 -6
  38. package/lib/components/TransferDropDown.js.map +2 -2
  39. package/lib/components/calendar/Calendar.d.ts +14 -0
  40. package/lib/components/calendar/Calendar.js +62 -5
  41. package/lib/components/calendar/Calendar.js.map +2 -2
  42. package/lib/components/calendar/DaysView.d.ts +20 -0
  43. package/lib/components/calendar/DaysView.js +51 -4
  44. package/lib/components/calendar/DaysView.js.map +2 -2
  45. package/lib/components/calendar/MonthsView.d.ts +7 -1
  46. package/lib/components/calendar/MonthsView.js +41 -52
  47. package/lib/components/calendar/MonthsView.js.map +2 -2
  48. package/lib/components/calendar/TimeView.d.ts +27 -20
  49. package/lib/components/calendar/TimeView.js +40 -4
  50. package/lib/components/calendar/TimeView.js.map +2 -2
  51. package/lib/components/calendar/YearsView.d.ts +6 -0
  52. package/lib/components/calendar/YearsView.js +15 -6
  53. package/lib/components/calendar/YearsView.js.map +2 -2
  54. package/lib/index.js +1 -1
  55. package/lib/locale/de-DE.js +4 -0
  56. package/lib/locale/de-DE.js.map +2 -2
  57. package/lib/locale/en-US.js +4 -0
  58. package/lib/locale/en-US.js.map +2 -2
  59. package/lib/locale/zh-CN.js +4 -0
  60. package/lib/locale/zh-CN.js.map +2 -2
  61. package/lib/renderers/DropDownButton.d.ts +11 -2
  62. package/lib/renderers/DropDownButton.js +30 -12
  63. package/lib/renderers/DropDownButton.js.map +2 -2
  64. package/lib/renderers/Form/CityDB.js +526 -2
  65. package/lib/renderers/Form/CityDB.js.map +2 -2
  66. package/lib/renderers/Form/InputCity.d.ts +85 -84
  67. package/lib/renderers/Form/InputCity.js +4 -2
  68. package/lib/renderers/Form/InputCity.js.map +2 -2
  69. package/lib/renderers/Form/InputColor.js +6 -2
  70. package/lib/renderers/Form/InputColor.js.map +2 -2
  71. package/lib/renderers/Form/InputDate.js +5 -2
  72. package/lib/renderers/Form/InputDate.js.map +2 -2
  73. package/lib/renderers/Form/InputDateRange.js +6 -2
  74. package/lib/renderers/Form/InputDateRange.js.map +2 -2
  75. package/lib/renderers/Form/Item.d.ts +10 -14
  76. package/lib/renderers/Form/Item.js +7 -5
  77. package/lib/renderers/Form/Item.js.map +2 -2
  78. package/lib/renderers/Form/NestedSelect.d.ts +1 -0
  79. package/lib/renderers/Form/NestedSelect.js +7 -3
  80. package/lib/renderers/Form/NestedSelect.js.map +2 -2
  81. package/lib/renderers/Form/Select.d.ts +2 -0
  82. package/lib/renderers/Form/Select.js +7 -4
  83. package/lib/renderers/Form/Select.js.map +2 -2
  84. package/lib/renderers/Form/TreeSelect.js +4 -4
  85. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  86. package/lib/renderers/Remark.js +2 -1
  87. package/lib/renderers/Remark.js.map +2 -2
  88. package/lib/schemaExtend.js +23 -9
  89. package/lib/schemaExtend.js.map +2 -2
  90. package/lib/themes/ang-ie11.css +312 -29
  91. package/lib/themes/ang.css +312 -29
  92. package/lib/themes/ang.css.map +1 -1
  93. package/lib/themes/antd-ie11.css +312 -29
  94. package/lib/themes/antd.css +312 -29
  95. package/lib/themes/antd.css.map +1 -1
  96. package/lib/themes/cxd-ie11.css +315 -41
  97. package/lib/themes/cxd.css +315 -41
  98. package/lib/themes/cxd.css.map +1 -1
  99. package/lib/themes/dark-ie11.css +312 -29
  100. package/lib/themes/dark.css +312 -29
  101. package/lib/themes/dark.css.map +1 -1
  102. package/lib/themes/default.css +315 -41
  103. package/lib/themes/default.css.map +1 -1
  104. package/lib/utils/helper.d.ts +1 -6
  105. package/lib/utils/helper.js +6 -17
  106. package/lib/utils/helper.js.map +2 -2
  107. package/package.json +1 -2
  108. package/schema.json +2192 -20
  109. package/scss/_properties.scss +10 -6
  110. package/scss/components/_calendar.scss +9 -2
  111. package/scss/components/_cascader.scss +102 -0
  112. package/scss/components/_city-area.scss +27 -0
  113. package/scss/components/_dropdown.scss +39 -9
  114. package/scss/components/_picker-columns.scss +15 -5
  115. package/scss/components/_popup.scss +35 -12
  116. package/scss/components/_result-box.scss +31 -0
  117. package/scss/components/form/_checks.scss +2 -0
  118. package/scss/components/form/_color.scss +2 -2
  119. package/scss/components/form/_date-range.scss +1 -1
  120. package/scss/components/form/_date.scss +46 -1
  121. package/scss/components/form/_nested-select.scss +3 -0
  122. package/scss/components/form/_select.scss +32 -3
  123. package/scss/components/form/_transfer.scss +3 -0
  124. package/scss/components/form/_tree-select.scss +1 -1
  125. package/scss/themes/_common.scss +2 -0
  126. package/scss/themes/_cxd-variables.scss +3 -3
  127. package/scss/themes/cxd.scss +0 -12
  128. package/sdk/ang-ie11.css +368 -29
  129. package/sdk/ang.css +367 -30
  130. package/sdk/antd-ie11.css +368 -29
  131. package/sdk/antd.css +367 -30
  132. package/sdk/charts.js +18 -18
  133. package/sdk/codemirror.js +7 -7
  134. package/sdk/color-picker.js +65 -65
  135. package/sdk/cropperjs.js +3 -3
  136. package/sdk/cxd-ie11.css +370 -42
  137. package/sdk/cxd.css +370 -44
  138. package/sdk/dark-ie11.css +368 -29
  139. package/sdk/dark.css +367 -30
  140. package/sdk/exceljs.js +1 -1
  141. package/sdk/locale/de-DE.js +4 -0
  142. package/sdk/markdown.js +69 -69
  143. package/sdk/papaparse.js +1 -1
  144. package/sdk/renderers/Form/CityDB.js +1 -1
  145. package/sdk/rest.js +18 -18
  146. package/sdk/rich-text.js +62 -62
  147. package/sdk/sdk-ie11.css +370 -42
  148. package/sdk/sdk.css +370 -44
  149. package/sdk/sdk.js +1309 -1227
  150. package/sdk/thirds/hls.js/hls.js +18 -18
  151. package/sdk/thirds/mpegts.js/mpegts.js +2 -2
  152. package/sdk/tinymce.js +57 -57
  153. package/src/components/CalendarMobile.tsx +5 -5
  154. package/src/components/Cascader.tsx +564 -0
  155. package/src/components/CityArea.tsx +315 -0
  156. package/src/components/ColorPicker.tsx +5 -2
  157. package/src/components/DatePicker.tsx +15 -5
  158. package/src/components/DateRangePicker.tsx +52 -43
  159. package/src/components/MonthRangePicker.tsx +44 -38
  160. package/src/components/Picker.tsx +27 -12
  161. package/src/components/PickerColumn.tsx +28 -18
  162. package/src/components/PopOverContainer.tsx +31 -17
  163. package/src/components/PopUp.tsx +55 -13
  164. package/src/components/ResultBox.tsx +10 -1
  165. package/src/components/Select.tsx +20 -23
  166. package/src/components/TransferDropDown.tsx +19 -5
  167. package/src/components/calendar/Calendar.tsx +86 -9
  168. package/src/components/calendar/DaysView.tsx +86 -2
  169. package/src/components/calendar/MonthsView.tsx +56 -63
  170. package/src/components/calendar/TimeView.tsx +82 -29
  171. package/src/components/calendar/YearsView.tsx +25 -6
  172. package/src/locale/de-DE.ts +4 -0
  173. package/src/locale/en-US.ts +4 -0
  174. package/src/locale/zh-CN.ts +4 -0
  175. package/src/renderers/DropDownButton.tsx +69 -35
  176. package/src/renderers/Form/CityDB.ts +526 -2
  177. package/src/renderers/Form/InputCity.tsx +23 -3
  178. package/src/renderers/Form/InputColor.tsx +21 -2
  179. package/src/renderers/Form/InputDate.tsx +10 -1
  180. package/src/renderers/Form/InputDateRange.tsx +9 -1
  181. package/src/renderers/Form/Item.tsx +14 -4
  182. package/src/renderers/Form/NestedSelect.tsx +31 -3
  183. package/src/renderers/Form/Select.tsx +15 -2
  184. package/src/renderers/Form/TreeSelect.tsx +10 -6
  185. package/src/renderers/Remark.tsx +2 -1
  186. package/src/schemaExtend.ts +22 -10
  187. 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
+ }