@sheinx/base 3.1.0-rc.3 → 3.1.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/cjs/cascader/cascader.js +6 -5
- package/cjs/cascader/list.d.ts.map +1 -1
- package/cjs/cascader/list.js +3 -1
- package/cjs/cascader/list.type.d.ts +1 -1
- package/cjs/cascader/list.type.d.ts.map +1 -1
- package/cjs/cascader/node.d.ts.map +1 -1
- package/cjs/cascader/node.js +5 -4
- package/cjs/common/use-tip.d.ts.map +1 -1
- package/cjs/common/use-tip.js +4 -1
- package/cjs/date-picker/date-picker.d.ts.map +1 -1
- package/cjs/date-picker/date-picker.js +7 -3
- package/cjs/date-picker/date-picker.type.d.ts +1 -0
- package/cjs/date-picker/date-picker.type.d.ts.map +1 -1
- package/cjs/date-picker/day.d.ts.map +1 -1
- package/cjs/date-picker/day.js +10 -1
- package/cjs/date-picker/month.d.ts.map +1 -1
- package/cjs/date-picker/month.js +8 -1
- package/cjs/date-picker/picker.js +4 -3
- package/cjs/date-picker/picker.type.d.ts +1 -0
- package/cjs/date-picker/picker.type.d.ts.map +1 -1
- package/cjs/date-picker/quarter.d.ts.map +1 -1
- package/cjs/date-picker/quarter.js +7 -1
- package/cjs/date-picker/result.d.ts +1 -1
- package/cjs/date-picker/result.d.ts.map +1 -1
- package/cjs/date-picker/result.js +19 -17
- package/cjs/date-picker/time.d.ts.map +1 -1
- package/cjs/date-picker/time.js +7 -4
- package/cjs/date-picker/year.d.ts.map +1 -1
- package/cjs/date-picker/year.js +7 -1
- package/cjs/dropdown/Item.d.ts.map +1 -1
- package/cjs/dropdown/Item.js +5 -3
- package/cjs/dropdown/dropdown.type.d.ts +1 -0
- package/cjs/dropdown/dropdown.type.d.ts.map +1 -1
- package/cjs/dropdown/dropdownIn.d.ts.map +1 -1
- package/cjs/dropdown/dropdownIn.js +30 -18
- package/cjs/form/form-item.d.ts.map +1 -1
- package/cjs/input/input-group.d.ts.map +1 -1
- package/cjs/input/input-group.js +3 -0
- package/cjs/input/simple-input.d.ts.map +1 -1
- package/cjs/input/simple-input.js +3 -0
- package/cjs/input/use-input-common.d.ts.map +1 -1
- package/cjs/input/use-input-common.js +2 -1
- package/cjs/list/list.d.ts.map +1 -1
- package/cjs/list/list.js +4 -4
- package/cjs/menu/item.d.ts.map +1 -1
- package/cjs/menu/item.js +6 -0
- package/cjs/menu/scrollbar.d.ts.map +1 -1
- package/cjs/menu/scrollbar.js +1 -0
- package/cjs/rate/rate.d.ts.map +1 -1
- package/cjs/rate/rate.js +3 -0
- package/cjs/select/list-option.d.ts.map +1 -1
- package/cjs/select/list-option.js +4 -0
- package/cjs/select/result-input.d.ts.map +1 -1
- package/cjs/select/result-input.js +1 -4
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +40 -46
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +12 -21
- package/cjs/steps/step.arrow.d.ts.map +1 -1
- package/cjs/steps/step.arrow.js +4 -0
- package/cjs/steps/step.d.ts.map +1 -1
- package/cjs/steps/step.default.d.ts.map +1 -1
- package/cjs/steps/step.default.js +6 -1
- package/cjs/steps/step.dot.d.ts.map +1 -1
- package/cjs/steps/step.dot.js +6 -1
- package/cjs/steps/step.js +3 -0
- package/cjs/switch/switch.d.ts.map +1 -1
- package/cjs/switch/switch.js +3 -0
- package/cjs/table/tr.js +5 -5
- package/cjs/tabs/tab.d.ts.map +1 -1
- package/cjs/tabs/tab.js +4 -0
- package/cjs/tabs/tabs-header.d.ts.map +1 -1
- package/cjs/tabs/tabs-header.js +46 -22
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/textarea/textarea.d.ts.map +1 -1
- package/cjs/textarea/textarea.js +1 -0
- package/cjs/textarea/use-auto-size.d.ts.map +1 -1
- package/cjs/textarea/use-auto-size.js +1 -0
- package/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.js +3 -0
- package/cjs/transfer/transfer.d.ts.map +1 -1
- package/cjs/transfer/transfer.js +5 -2
- package/cjs/tree/tree-checkbox.d.ts.map +1 -1
- package/cjs/tree/tree-checkbox.js +8 -1
- package/cjs/tree/tree-content.d.ts.map +1 -1
- package/cjs/tree/tree-content.js +24 -4
- package/cjs/tree/tree-content.type.d.ts +1 -1
- package/cjs/tree/tree-content.type.d.ts.map +1 -1
- package/cjs/tree/tree-context.d.ts +3 -3
- package/cjs/tree/tree-context.d.ts.map +1 -1
- package/cjs/tree/tree-node.d.ts.map +1 -1
- package/cjs/tree/tree-node.js +3 -0
- package/cjs/tree/tree.d.ts.map +1 -1
- package/cjs/tree/tree.js +4 -13
- package/cjs/tree-select/tree-select.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.js +104 -69
- package/cjs/tree-select/tree-select.type.d.ts +6 -0
- package/cjs/tree-select/tree-select.type.d.ts.map +1 -1
- package/cjs/upload/button.d.ts.map +1 -1
- package/cjs/upload/button.js +4 -3
- package/cjs/upload/result.d.ts.map +1 -1
- package/cjs/upload/result.js +3 -0
- package/cjs/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/cjs/virtual-scroll/virtual-scroll-list.js +2 -0
- package/esm/cascader/cascader.js +6 -5
- package/esm/cascader/list.d.ts.map +1 -1
- package/esm/cascader/list.js +3 -1
- package/esm/cascader/list.type.d.ts +1 -1
- package/esm/cascader/list.type.d.ts.map +1 -1
- package/esm/cascader/node.d.ts.map +1 -1
- package/esm/cascader/node.js +5 -4
- package/esm/common/use-tip.d.ts.map +1 -1
- package/esm/common/use-tip.js +4 -1
- package/esm/date-picker/date-picker.d.ts.map +1 -1
- package/esm/date-picker/date-picker.js +9 -4
- package/esm/date-picker/date-picker.type.d.ts +1 -0
- package/esm/date-picker/date-picker.type.d.ts.map +1 -1
- package/esm/date-picker/day.d.ts.map +1 -1
- package/esm/date-picker/day.js +10 -1
- package/esm/date-picker/month.d.ts.map +1 -1
- package/esm/date-picker/month.js +8 -1
- package/esm/date-picker/picker.js +4 -3
- package/esm/date-picker/picker.type.d.ts +1 -0
- package/esm/date-picker/picker.type.d.ts.map +1 -1
- package/esm/date-picker/quarter.d.ts.map +1 -1
- package/esm/date-picker/quarter.js +7 -1
- package/esm/date-picker/result.d.ts +1 -1
- package/esm/date-picker/result.d.ts.map +1 -1
- package/esm/date-picker/result.js +6 -4
- package/esm/date-picker/time.d.ts.map +1 -1
- package/esm/date-picker/time.js +5 -2
- package/esm/date-picker/year.d.ts.map +1 -1
- package/esm/date-picker/year.js +7 -1
- package/esm/dropdown/Item.d.ts.map +1 -1
- package/esm/dropdown/Item.js +5 -3
- package/esm/dropdown/dropdown.type.d.ts +1 -0
- package/esm/dropdown/dropdown.type.d.ts.map +1 -1
- package/esm/dropdown/dropdownIn.d.ts.map +1 -1
- package/esm/dropdown/dropdownIn.js +30 -18
- package/esm/form/form-item.d.ts.map +1 -1
- package/esm/input/input-group.d.ts.map +1 -1
- package/esm/input/input-group.js +3 -0
- package/esm/input/simple-input.d.ts.map +1 -1
- package/esm/input/simple-input.js +3 -0
- package/esm/input/use-input-common.d.ts.map +1 -1
- package/esm/input/use-input-common.js +3 -2
- package/esm/list/list.d.ts.map +1 -1
- package/esm/list/list.js +4 -4
- package/esm/menu/item.d.ts.map +1 -1
- package/esm/menu/item.js +6 -0
- package/esm/menu/scrollbar.d.ts.map +1 -1
- package/esm/menu/scrollbar.js +1 -0
- package/esm/rate/rate.d.ts.map +1 -1
- package/esm/rate/rate.js +3 -0
- package/esm/select/list-option.d.ts.map +1 -1
- package/esm/select/list-option.js +4 -0
- package/esm/select/result-input.d.ts.map +1 -1
- package/esm/select/result-input.js +1 -4
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +41 -47
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +12 -21
- package/esm/steps/step.arrow.d.ts.map +1 -1
- package/esm/steps/step.arrow.js +4 -0
- package/esm/steps/step.d.ts.map +1 -1
- package/esm/steps/step.default.d.ts.map +1 -1
- package/esm/steps/step.default.js +6 -1
- package/esm/steps/step.dot.d.ts.map +1 -1
- package/esm/steps/step.dot.js +6 -1
- package/esm/steps/step.js +3 -0
- package/esm/switch/switch.d.ts.map +1 -1
- package/esm/switch/switch.js +3 -0
- package/esm/table/tr.js +5 -5
- package/esm/tabs/tab.d.ts.map +1 -1
- package/esm/tabs/tab.js +4 -0
- package/esm/tabs/tabs-header.d.ts.map +1 -1
- package/esm/tabs/tabs-header.js +46 -22
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/textarea/textarea.d.ts.map +1 -1
- package/esm/textarea/textarea.js +1 -0
- package/esm/textarea/use-auto-size.d.ts.map +1 -1
- package/esm/textarea/use-auto-size.js +1 -0
- package/esm/tooltip/tooltip.d.ts.map +1 -1
- package/esm/tooltip/tooltip.js +3 -0
- package/esm/transfer/transfer.d.ts.map +1 -1
- package/esm/transfer/transfer.js +5 -2
- package/esm/tree/tree-checkbox.d.ts.map +1 -1
- package/esm/tree/tree-checkbox.js +8 -1
- package/esm/tree/tree-content.d.ts.map +1 -1
- package/esm/tree/tree-content.js +25 -5
- package/esm/tree/tree-content.type.d.ts +1 -1
- package/esm/tree/tree-content.type.d.ts.map +1 -1
- package/esm/tree/tree-context.d.ts +3 -3
- package/esm/tree/tree-context.d.ts.map +1 -1
- package/esm/tree/tree-node.d.ts.map +1 -1
- package/esm/tree/tree-node.js +3 -0
- package/esm/tree/tree.d.ts.map +1 -1
- package/esm/tree/tree.js +5 -14
- package/esm/tree-select/tree-select.d.ts.map +1 -1
- package/esm/tree-select/tree-select.js +105 -70
- package/esm/tree-select/tree-select.type.d.ts +6 -0
- package/esm/tree-select/tree-select.type.d.ts.map +1 -1
- package/esm/upload/button.d.ts.map +1 -1
- package/esm/upload/button.js +4 -3
- package/esm/upload/result.d.ts.map +1 -1
- package/esm/upload/result.js +3 -0
- package/esm/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/esm/virtual-scroll/virtual-scroll-list.js +2 -0
- package/package.json +2 -2
- package/cjs/table/temp/01-base.d.ts +0 -4
- package/cjs/table/temp/01-base.d.ts.map +0 -1
- package/cjs/table/temp/01-base.js +0 -199
- package/esm/table/temp/01-base.d.ts +0 -4
- package/esm/table/temp/01-base.d.ts.map +0 -1
- package/esm/table/temp/01-base.js +0 -194
package/cjs/select/result.js
CHANGED
|
@@ -29,7 +29,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
29
29
|
var isObject = _hooks.util.isObject,
|
|
30
30
|
isEmpty = _hooks.util.isEmpty,
|
|
31
31
|
isNumber = _hooks.util.isNumber,
|
|
32
|
-
getKey = _hooks.util.getKey,
|
|
33
32
|
isUnMatchedData = _hooks.util.isUnMatchedData,
|
|
34
33
|
isFunc = _hooks.util.isFunc,
|
|
35
34
|
isArray = _hooks.util.isArray;
|
|
@@ -64,14 +63,18 @@ var Result = function Result(props) {
|
|
|
64
63
|
getDataByValues = props.getDataByValues,
|
|
65
64
|
checkUnMatched = props.checkUnMatched,
|
|
66
65
|
onRemove = props.onRemove,
|
|
67
|
-
onResultItemClick = props.onResultItemClick
|
|
68
|
-
|
|
66
|
+
onResultItemClick = props.onResultItemClick,
|
|
67
|
+
data = props.data;
|
|
68
|
+
var value = [null, undefined, ''].includes(valueProp) ? [] : Array.isArray(valueProp) ? valueProp : [valueProp];
|
|
69
69
|
var _useState = (0, _react.useState)(-1),
|
|
70
70
|
_useState2 = _slicedToArray(_useState, 2),
|
|
71
71
|
more = _useState2[0],
|
|
72
72
|
setMore = _useState2[1];
|
|
73
|
+
var _useState3 = (0, _react.useState)(false),
|
|
74
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
75
|
+
shouldResetMore = _useState4[0],
|
|
76
|
+
setShouldResetMore = _useState4[1];
|
|
73
77
|
var resultRef = (0, _react.useRef)(null);
|
|
74
|
-
var shouldResetMore = (0, _react.useRef)(false);
|
|
75
78
|
var prevMore = (0, _react.useRef)(more);
|
|
76
79
|
var showInput = allowOnFilter;
|
|
77
80
|
var mounted = (0, _react.useRef)(false);
|
|
@@ -138,19 +141,9 @@ var Result = function Result(props) {
|
|
|
138
141
|
})
|
|
139
142
|
}, 'input');
|
|
140
143
|
};
|
|
141
|
-
var renderResultItem = function renderResultItem(item, index, nodes) {
|
|
142
|
-
var key;
|
|
143
|
-
if (isUnMatchedData(item)) {
|
|
144
|
-
if (isFunc(keygen)) {
|
|
145
|
-
key = keygen(item.value, index);
|
|
146
|
-
} else {
|
|
147
|
-
key = item.value;
|
|
148
|
-
}
|
|
149
|
-
} else {
|
|
150
|
-
key = getKey(keygen, item, index);
|
|
151
|
-
}
|
|
144
|
+
var renderResultItem = function renderResultItem(item, index, nodes, v) {
|
|
152
145
|
var handleClose = function handleClose() {
|
|
153
|
-
onRemove === null || onRemove === void 0 || onRemove(item,
|
|
146
|
+
onRemove === null || onRemove === void 0 || onRemove(item, v);
|
|
154
147
|
};
|
|
155
148
|
var isDisabled;
|
|
156
149
|
if (_hooks.util.isFunc(disabled)) {
|
|
@@ -160,7 +153,7 @@ var Result = function Result(props) {
|
|
|
160
153
|
}
|
|
161
154
|
var resultClassName;
|
|
162
155
|
if (_hooks.util.isFunc(props.resultClassName)) {
|
|
163
|
-
resultClassName = props.resultClassName(
|
|
156
|
+
resultClassName = props.resultClassName(isUnMatchedData(item) ? item.value : item);
|
|
164
157
|
} else {
|
|
165
158
|
resultClassName = props.resultClassName;
|
|
166
159
|
}
|
|
@@ -170,8 +163,9 @@ var Result = function Result(props) {
|
|
|
170
163
|
var content = renderResultContent(item, index, nodes);
|
|
171
164
|
if (!content) return null;
|
|
172
165
|
if (renderResultContentProp) {
|
|
166
|
+
// cascader 不渲染tag
|
|
173
167
|
return renderResultContentProp(_objectSpread({
|
|
174
|
-
key:
|
|
168
|
+
key: index,
|
|
175
169
|
size: size,
|
|
176
170
|
disabled: isDisabled,
|
|
177
171
|
className: (0, _classnames.default)(styles.tag, styles.hideTag, resultClassName),
|
|
@@ -197,7 +191,7 @@ var Result = function Result(props) {
|
|
|
197
191
|
type: disabled === true ? 'dark' : undefined
|
|
198
192
|
})), {}, {
|
|
199
193
|
children: content
|
|
200
|
-
}),
|
|
194
|
+
}), index);
|
|
201
195
|
};
|
|
202
196
|
var renderNbsp = function renderNbsp() {
|
|
203
197
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
@@ -228,22 +222,28 @@ var Result = function Result(props) {
|
|
|
228
222
|
children: content
|
|
229
223
|
}, 'single');
|
|
230
224
|
};
|
|
225
|
+
var getValueArr = function getValueArr(v) {
|
|
226
|
+
return (isArray(v) ? v : [v]).filter(function (v) {
|
|
227
|
+
return v !== undefined && v !== null;
|
|
228
|
+
});
|
|
229
|
+
};
|
|
231
230
|
var renderMultipleResult = function renderMultipleResult() {
|
|
232
231
|
if (isEmptyResult()) return renderNbsp();
|
|
233
232
|
// [TODO] separator 处理逻辑后续交给 hooks 处理,此处临时处理
|
|
234
|
-
var nextValue = value;
|
|
233
|
+
var nextValue = getValueArr(value);
|
|
235
234
|
if (separator && _hooks.util.isString(valueProp)) {
|
|
236
235
|
nextValue = valueProp.split(separator);
|
|
237
236
|
}
|
|
238
|
-
var
|
|
239
|
-
var result =
|
|
240
|
-
|
|
241
|
-
|
|
237
|
+
var datas = getDataByValues(nextValue);
|
|
238
|
+
var result = datas.map(function (d, i) {
|
|
239
|
+
var v = nextValue[i];
|
|
240
|
+
if (renderResultContentProp && i !== datas.length - 1) {
|
|
241
|
+
return [renderResultItem(d, i, datas, v), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
242
242
|
className: (0, _classnames.default)(styles.tag, styles.hideTag),
|
|
243
243
|
children: "/"
|
|
244
244
|
}, "separator-".concat(i))];
|
|
245
245
|
}
|
|
246
|
-
return renderResultItem(
|
|
246
|
+
return renderResultItem(d, i, datas, v);
|
|
247
247
|
});
|
|
248
248
|
return result;
|
|
249
249
|
};
|
|
@@ -286,7 +286,9 @@ var Result = function Result(props) {
|
|
|
286
286
|
};
|
|
287
287
|
var handleResetMore = function handleResetMore() {
|
|
288
288
|
if (!compressed) return;
|
|
289
|
-
|
|
289
|
+
if (isCompressedBound()) return;
|
|
290
|
+
setMore(-1);
|
|
291
|
+
setShouldResetMore(true);
|
|
290
292
|
};
|
|
291
293
|
(0, _react.useEffect)(function () {
|
|
292
294
|
if (!focus && mounted.current) {
|
|
@@ -298,35 +300,27 @@ var Result = function Result(props) {
|
|
|
298
300
|
mounted.current = true;
|
|
299
301
|
}, [focus]);
|
|
300
302
|
(0, _react.useEffect)(function () {
|
|
301
|
-
if (!focus) return;
|
|
302
|
-
if (!resultRef.current) return;
|
|
303
|
-
if (!compressed) return;
|
|
304
|
-
if (isCompressedBound()) return;
|
|
305
303
|
handleResetMore();
|
|
306
|
-
}, [valueProp,
|
|
307
|
-
(0, _react.
|
|
308
|
-
if (
|
|
309
|
-
if (!resultRef.current) return;
|
|
310
|
-
if (more === -1) {
|
|
304
|
+
}, [valueProp, data]);
|
|
305
|
+
(0, _react.useLayoutEffect)(function () {
|
|
306
|
+
if (shouldResetMore && more === -1 && compressed && resultRef.current && (props.value || [].length)) {
|
|
311
307
|
var tagClassName = ".".concat(styles.tag.split(' ')[0]);
|
|
312
|
-
if (shouldResetMore
|
|
313
|
-
shouldResetMore.current = false;
|
|
308
|
+
if (shouldResetMore && isArray(value) && (value || []).length) {
|
|
314
309
|
var newMore = (0, _resultMore.getResetMore)(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
|
|
315
|
-
|
|
316
|
-
// 下次触发折叠逻辑的时候,将多余的 tag 隐藏,避免视图闪断
|
|
317
|
-
if (newMore !== prevMore.current && prevMore.current === -1 && newMore > prevMore.current) {
|
|
318
|
-
var tags = resultRef.current.querySelectorAll(tagClassName);
|
|
319
|
-
tags.forEach(function (tag, index) {
|
|
320
|
-
if (index >= newMore) tag.setAttribute('style', 'opacity: 0');
|
|
321
|
-
});
|
|
322
|
-
}
|
|
323
310
|
prevMore.current = newMore;
|
|
324
311
|
setMore(newMore);
|
|
312
|
+
setShouldResetMore(false);
|
|
313
|
+
} else {
|
|
314
|
+
setShouldResetMore(false);
|
|
325
315
|
}
|
|
316
|
+
} else {
|
|
317
|
+
setShouldResetMore(false);
|
|
326
318
|
}
|
|
327
|
-
}, [
|
|
319
|
+
}, [shouldResetMore]);
|
|
328
320
|
(0, _react.useEffect)(function () {
|
|
329
321
|
if (!resultRef.current) return;
|
|
322
|
+
if (!compressed) return;
|
|
323
|
+
if (isCompressedBound()) return;
|
|
330
324
|
var cancelObserver = (0, _hooks.addResizeObserver)(resultRef.current, handleResetMore, {
|
|
331
325
|
direction: 'x'
|
|
332
326
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eAmtBxE;AAED,eAAe,MAAM,CAAC"}
|
package/cjs/select/select.js
CHANGED
|
@@ -46,7 +46,8 @@ function Select(props0) {
|
|
|
46
46
|
var _jssStyle$select;
|
|
47
47
|
var props = (0, _useWithFormConfig.default)(props0);
|
|
48
48
|
var _useConfig = (0, _config.useConfig)(),
|
|
49
|
-
locale = _useConfig.locale
|
|
49
|
+
locale = _useConfig.locale,
|
|
50
|
+
direction = _useConfig.direction;
|
|
50
51
|
var jssStyle = props.jssStyle,
|
|
51
52
|
className = props.className,
|
|
52
53
|
size = props.size,
|
|
@@ -81,8 +82,6 @@ function Select(props0) {
|
|
|
81
82
|
_props$height = props.height,
|
|
82
83
|
height = _props$height === void 0 ? 250 : _props$height,
|
|
83
84
|
openProp = props.open,
|
|
84
|
-
_props$position = props.position,
|
|
85
|
-
positionProp = _props$position === void 0 ? 'bottom-left' : _props$position,
|
|
86
85
|
lineHeight = props.lineHeight,
|
|
87
86
|
itemsInView = props.itemsInView,
|
|
88
87
|
_props$showArrow = props.showArrow,
|
|
@@ -123,9 +122,11 @@ function Select(props0) {
|
|
|
123
122
|
onFocus = props.onFocus,
|
|
124
123
|
onCollapseProp = props.onCollapse,
|
|
125
124
|
onEnterExpand = props.onEnterExpand,
|
|
126
|
-
filterSameChange = props.filterSameChange
|
|
125
|
+
filterSameChange = props.filterSameChange,
|
|
126
|
+
noCache = props.noCache;
|
|
127
127
|
var hasFilter = _hooks.util.isFunc(props.onAdvancedFilter || onFilterProp);
|
|
128
|
-
var showInput = hasFilter || _hooks.util.isFunc(onCreateProp);
|
|
128
|
+
var showInput = hasFilter || _hooks.util.isFunc(onCreateProp) || onCreateProp === true;
|
|
129
|
+
var positionProp = props.position || (direction === 'rtl' ? 'bottom-right' : 'bottom-left');
|
|
129
130
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
|
|
130
131
|
var rootStyle = Object.assign({
|
|
131
132
|
width: width
|
|
@@ -138,8 +139,6 @@ function Select(props0) {
|
|
|
138
139
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
139
140
|
focused = _useState4[0],
|
|
140
141
|
setFocused = _useState4[1];
|
|
141
|
-
var isPreventBlur = (0, _react.useRef)(false);
|
|
142
|
-
var blurEvent = (0, _react.useRef)();
|
|
143
142
|
var inputRef = (0, _react.useRef)();
|
|
144
143
|
var optionListRef = (0, _react.useRef)();
|
|
145
144
|
var _useFilter = (0, _hooks.useFilter)({
|
|
@@ -168,14 +167,6 @@ function Select(props0) {
|
|
|
168
167
|
rawData = _useFilter.rawData;
|
|
169
168
|
var onCollapse = (0, _hooks.usePersistFn)(function (collapse) {
|
|
170
169
|
onCollapseProp === null || onCollapseProp === void 0 || onCollapseProp(collapse);
|
|
171
|
-
if (isPreventBlur.current) {
|
|
172
|
-
isPreventBlur.current = false;
|
|
173
|
-
return;
|
|
174
|
-
}
|
|
175
|
-
if (blurEvent.current && !collapse) {
|
|
176
|
-
blurEvent.current();
|
|
177
|
-
blurEvent.current = null;
|
|
178
|
-
}
|
|
179
170
|
onClearCreatedData();
|
|
180
171
|
});
|
|
181
172
|
var renderMoreIcon = function renderMoreIcon() {
|
|
@@ -240,7 +231,8 @@ function Select(props0) {
|
|
|
240
231
|
prediction: prediction,
|
|
241
232
|
beforeChange: beforeChange,
|
|
242
233
|
onChange: handleSelectChange,
|
|
243
|
-
filterSameChange: filterSameChange
|
|
234
|
+
filterSameChange: filterSameChange,
|
|
235
|
+
noCache: noCache
|
|
244
236
|
}),
|
|
245
237
|
datum = _useSelect.datum,
|
|
246
238
|
value = _useSelect.value;
|
|
@@ -358,12 +350,12 @@ function Select(props0) {
|
|
|
358
350
|
if (!onCreate) return;
|
|
359
351
|
if (multiple && !text) return;
|
|
360
352
|
// 防止点击 option 后触发 blur 事件,先把要做的事情存起来,后面再看要不要执行
|
|
361
|
-
|
|
362
|
-
if (createdData) {
|
|
363
|
-
|
|
353
|
+
if (createdData) {
|
|
354
|
+
if (!datum.check(createdData)) {
|
|
355
|
+
datum.add(createdData);
|
|
364
356
|
}
|
|
365
357
|
onClearCreatedData();
|
|
366
|
-
}
|
|
358
|
+
}
|
|
367
359
|
};
|
|
368
360
|
var handleFilter = function handleFilter(text, from) {
|
|
369
361
|
var hideCreate = onCreate && hideCreateOption;
|
|
@@ -380,7 +372,6 @@ function Select(props0) {
|
|
|
380
372
|
onFilter === null || onFilter === void 0 || onFilter(trim ? text.trim() : text, from);
|
|
381
373
|
};
|
|
382
374
|
var handleOptionClick = function handleOptionClick() {
|
|
383
|
-
isPreventBlur.current = true;
|
|
384
375
|
if (multiple) return;
|
|
385
376
|
// 单选结束后需要清除创建项
|
|
386
377
|
onClearCreatedData();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"step.arrow.d.ts","sourceRoot":"","sources":["step.arrow.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"step.arrow.d.ts","sourceRoot":"","sources":["step.arrow.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAgCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/cjs/steps/step.arrow.js
CHANGED
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
8
|
var _hooks = require("@sheinx/hooks");
|
|
9
|
+
var _config = require("../config");
|
|
9
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
12
|
var ArrowStep = function ArrowStep(props) {
|
|
@@ -18,9 +19,11 @@ var ArrowStep = function ArrowStep(props) {
|
|
|
18
19
|
status = props.status;
|
|
19
20
|
var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
|
|
20
21
|
var rootClass = (0, _classnames.default)(styles.arrow);
|
|
22
|
+
var config = (0, _config.useConfig)();
|
|
21
23
|
var renderTitle = function renderTitle() {
|
|
22
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
23
25
|
className: styles.title,
|
|
26
|
+
dir: config.direction,
|
|
24
27
|
children: _hooks.util.isFunc(title) ? title(index, status) : title
|
|
25
28
|
});
|
|
26
29
|
};
|
|
@@ -39,6 +42,7 @@ var ArrowStep = function ArrowStep(props) {
|
|
|
39
42
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
40
43
|
className: rootClass,
|
|
41
44
|
onClick: onChange,
|
|
45
|
+
dir: config.direction,
|
|
42
46
|
children: renderContent()
|
|
43
47
|
});
|
|
44
48
|
};
|
package/cjs/steps/step.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AAuGvD,QAAA,MAAM,gBAAgB,UAAW,aAAa,gBAE7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,QAAA,MAAM,WAAW,UAAW,cAAc,gBAmFzC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -7,6 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
8
|
var _hooks = require("@sheinx/hooks");
|
|
9
9
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
10
|
+
var _config = require("../config");
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
13
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
@@ -26,17 +27,20 @@ var DefaultStep = function DefaultStep(props) {
|
|
|
26
27
|
onChange = props.onChange;
|
|
27
28
|
var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
|
|
28
29
|
var rootClass = styles.default;
|
|
30
|
+
var config = (0, _config.useConfig)();
|
|
29
31
|
var iconClass = (0, _classnames.default)(styles.icon, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.finish, status === 'finish'), styles.error, status === 'error'), styles.process, status === 'process'), styles.wait, status === 'wait'));
|
|
30
32
|
var showTail = labelPlacement === 'vertical' || direction === 'vertical';
|
|
31
33
|
var renderTail = function renderTail() {
|
|
32
34
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
33
35
|
className: styles.tail,
|
|
34
|
-
|
|
36
|
+
dir: config.direction,
|
|
37
|
+
children: ' '
|
|
35
38
|
});
|
|
36
39
|
};
|
|
37
40
|
var renderTitle = function renderTitle() {
|
|
38
41
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
39
42
|
className: styles.title,
|
|
43
|
+
dir: config.direction,
|
|
40
44
|
children: _hooks.util.isFunc(title) ? title(index, status) : title
|
|
41
45
|
});
|
|
42
46
|
};
|
|
@@ -50,6 +54,7 @@ var DefaultStep = function DefaultStep(props) {
|
|
|
50
54
|
if (renderIconProp) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
51
55
|
className: iconClass,
|
|
52
56
|
onClick: onChange,
|
|
57
|
+
dir: config.direction,
|
|
53
58
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
54
59
|
className: styles.iconWrapper,
|
|
55
60
|
children: renderIconProp(index, status)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBA0DrC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/cjs/steps/step.dot.js
CHANGED
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
8
|
var _hooks = require("@sheinx/hooks");
|
|
9
|
+
var _config = require("../config");
|
|
9
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
12
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
@@ -21,6 +22,7 @@ var DotStep = function DotStep(props) {
|
|
|
21
22
|
status = props.status,
|
|
22
23
|
labelPlacement = props.labelPlacement,
|
|
23
24
|
onChange = props.onChange;
|
|
25
|
+
var config = (0, _config.useConfig)();
|
|
24
26
|
var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
|
|
25
27
|
var rootClass = styles.dot;
|
|
26
28
|
var iconClass = (0, _classnames.default)(styles.icon, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.finish, status === 'finish'), styles.error, status === 'error'), styles.process, status === 'process'), styles.wait, status === 'wait'));
|
|
@@ -28,12 +30,14 @@ var DotStep = function DotStep(props) {
|
|
|
28
30
|
var renderTail = function renderTail() {
|
|
29
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
30
32
|
className: styles.tail,
|
|
31
|
-
|
|
33
|
+
dir: config.direction,
|
|
34
|
+
children: ' '
|
|
32
35
|
});
|
|
33
36
|
};
|
|
34
37
|
var renderTitle = function renderTitle() {
|
|
35
38
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
36
39
|
className: styles.title,
|
|
40
|
+
dir: config.direction,
|
|
37
41
|
children: _hooks.util.isFunc(title) ? title(props.index, status) : title
|
|
38
42
|
});
|
|
39
43
|
};
|
|
@@ -46,6 +50,7 @@ var DotStep = function DotStep(props) {
|
|
|
46
50
|
var renderIcon = function renderIcon() {
|
|
47
51
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
48
52
|
className: iconClass,
|
|
53
|
+
dir: config.direction,
|
|
49
54
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
50
55
|
className: styles.iconWrapper
|
|
51
56
|
})
|
package/cjs/steps/step.js
CHANGED
|
@@ -10,6 +10,7 @@ var _stepsContext = _interopRequireDefault(require("./steps-context"));
|
|
|
10
10
|
var _step = _interopRequireDefault(require("./step.default"));
|
|
11
11
|
var _step2 = _interopRequireDefault(require("./step.dot"));
|
|
12
12
|
var _step3 = _interopRequireDefault(require("./step.arrow"));
|
|
13
|
+
var _config = require("../config");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
16
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
@@ -40,6 +41,7 @@ var Step = function Step(props) {
|
|
|
40
41
|
direction = props.direction,
|
|
41
42
|
onClick = props.onClick,
|
|
42
43
|
onChange = props.onChange;
|
|
44
|
+
var config = (0, _config.useConfig)();
|
|
43
45
|
var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
|
|
44
46
|
var getLabelPlacement = function getLabelPlacement() {
|
|
45
47
|
// dot 类型只支持 vertical labelPlacement
|
|
@@ -94,6 +96,7 @@ var Step = function Step(props) {
|
|
|
94
96
|
};
|
|
95
97
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
96
98
|
className: rootClass,
|
|
99
|
+
dir: config.direction,
|
|
97
100
|
children: renderStep()
|
|
98
101
|
});
|
|
99
102
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,MAAM,WAAY,WAAW,gBAyDlC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/cjs/switch/switch.js
CHANGED
|
@@ -8,6 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _hooks = require("@sheinx/hooks");
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _config = require("../config");
|
|
11
12
|
var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -31,6 +32,7 @@ var Switch = function Switch(props0) {
|
|
|
31
32
|
loading = props.loading,
|
|
32
33
|
className = props.className,
|
|
33
34
|
style = props.style;
|
|
35
|
+
var config = (0, _config.useConfig)();
|
|
34
36
|
var switchClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$switch = jssStyle.switch) === null || _jssStyle$switch === void 0 ? void 0 : _jssStyle$switch.call(jssStyle);
|
|
35
37
|
var disabled = props.disabled || props.loading;
|
|
36
38
|
var _useInputAble = (0, _hooks.useInputAble)({
|
|
@@ -76,6 +78,7 @@ var Switch = function Switch(props0) {
|
|
|
76
78
|
type: 'checkbox'
|
|
77
79
|
})), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
78
80
|
className: switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.indicator,
|
|
81
|
+
dir: config.direction,
|
|
79
82
|
children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
80
83
|
className: switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.loading
|
|
81
84
|
}) : null
|
package/cjs/table/tr.js
CHANGED
|
@@ -229,20 +229,20 @@ var Tr = function Tr(props) {
|
|
|
229
229
|
var handleRowClick = (0, _hooks.usePersistFn)(function (e) {
|
|
230
230
|
var target = e.target;
|
|
231
231
|
var _props$rowClickAttr = props.rowClickAttr,
|
|
232
|
-
rowClickAttr = _props$rowClickAttr === void 0 ?
|
|
232
|
+
rowClickAttr = _props$rowClickAttr === void 0 ? '*' : _props$rowClickAttr,
|
|
233
233
|
onRowClick = props.onRowClick;
|
|
234
234
|
if (onRowClick && rowClickAttr) {
|
|
235
235
|
if (rowClickAttr === true || rowClickAttr === '*') {
|
|
236
|
-
onRowClick(props.rawData, props.rowIndex);
|
|
236
|
+
onRowClick(props.rawData, props.rowIndex, rowClickAttr);
|
|
237
237
|
} else {
|
|
238
238
|
var arrts = Array.isArray(rowClickAttr) ? rowClickAttr : [rowClickAttr].filter(function (item) {
|
|
239
239
|
return typeof item === 'string';
|
|
240
240
|
});
|
|
241
|
-
var
|
|
241
|
+
var attIndex = arrts.findIndex(function (attr) {
|
|
242
242
|
return attr === '*' || target.hasAttribute(attr);
|
|
243
243
|
});
|
|
244
|
-
if (
|
|
245
|
-
onRowClick(props.rawData, props.rowIndex);
|
|
244
|
+
if (attIndex > -1) {
|
|
245
|
+
onRowClick(props.rawData, props.rowIndex, arrts[attIndex]);
|
|
246
246
|
}
|
|
247
247
|
}
|
|
248
248
|
}
|
package/cjs/tabs/tab.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAqGtC,wBAAqC"}
|
package/cjs/tabs/tab.js
CHANGED
|
@@ -7,6 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _button = _interopRequireDefault(require("../button"));
|
|
10
|
+
var _config = require("../config");
|
|
10
11
|
var _hooks = require("@sheinx/hooks");
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -30,6 +31,7 @@ var Tab = function Tab(props, ref) {
|
|
|
30
31
|
onChange = _useTabsContext.onChange,
|
|
31
32
|
activeBackground = _useTabsContext.activeBackground,
|
|
32
33
|
inactiveBackground = _useTabsContext.inactiveBackground;
|
|
34
|
+
var config = (0, _config.useConfig)();
|
|
33
35
|
var tabsStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
|
|
34
36
|
var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
|
|
35
37
|
var tabClass = (0, _classnames.default)(tabsStyle.tab, {});
|
|
@@ -87,9 +89,11 @@ var Tab = function Tab(props, ref) {
|
|
|
87
89
|
disabled: disabled,
|
|
88
90
|
type: isActive ? 'primary' : 'secondary',
|
|
89
91
|
onClick: handleClick,
|
|
92
|
+
dir: config.direction,
|
|
90
93
|
children: tab
|
|
91
94
|
}));
|
|
92
95
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
|
|
96
|
+
dir: config.direction,
|
|
93
97
|
className: tabClass
|
|
94
98
|
}, getStateProps()), {}, {
|
|
95
99
|
style: style,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAkPzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|