@sheinx/base 3.0.0-alpha.23 → 3.0.0-alpha.25
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 +1 -1
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +4 -6
- package/cjs/select/select.js +4 -4
- package/esm/cascader/cascader.js +1 -1
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +4 -6
- package/esm/select/select.js +4 -4
- package/package.json +2 -2
package/cjs/cascader/cascader.js
CHANGED
|
@@ -593,7 +593,7 @@ var Cascader = function Cascader(props0) {
|
|
|
593
593
|
children: [tipNode, renderResult(), renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
|
|
594
594
|
adjust: true,
|
|
595
595
|
focus: open,
|
|
596
|
-
fixedWidth:
|
|
596
|
+
fixedWidth: false,
|
|
597
597
|
absolute: absolute,
|
|
598
598
|
zIndex: zIndex,
|
|
599
599
|
position: position,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,uEA8VX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/cjs/select/result.js
CHANGED
|
@@ -215,7 +215,6 @@ var Result = function Result(props) {
|
|
|
215
215
|
};
|
|
216
216
|
var renderSingleResult = function renderSingleResult() {
|
|
217
217
|
if (isEmptyResult()) return renderNbsp();
|
|
218
|
-
// const values = [value];
|
|
219
218
|
var result = getDataByValues(value);
|
|
220
219
|
var content = renderResultContent(result[0]);
|
|
221
220
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
@@ -242,7 +241,7 @@ var Result = function Result(props) {
|
|
|
242
241
|
});
|
|
243
242
|
return result;
|
|
244
243
|
};
|
|
245
|
-
var renderMultipleResultMore = function
|
|
244
|
+
var renderMultipleResultMore = (0, _react.useMemo)(function () {
|
|
246
245
|
var result = renderMultipleResult();
|
|
247
246
|
var moreNumber = getCompressedBound();
|
|
248
247
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_resultMore.default, {
|
|
@@ -255,11 +254,11 @@ var Result = function Result(props) {
|
|
|
255
254
|
compressedClassName: compressedClassName,
|
|
256
255
|
showNum: moreNumber
|
|
257
256
|
}, 'more');
|
|
258
|
-
};
|
|
257
|
+
}, [value, more]);
|
|
259
258
|
var renderResult = function renderResult() {
|
|
260
259
|
var result = [];
|
|
261
260
|
if (multiple) {
|
|
262
|
-
result.push(compressed ? renderMultipleResultMore
|
|
261
|
+
result.push(compressed ? renderMultipleResultMore : renderMultipleResult());
|
|
263
262
|
if (showInput) {
|
|
264
263
|
result.push(renderInput());
|
|
265
264
|
} else if (result.length === 0) {
|
|
@@ -277,14 +276,13 @@ var Result = function Result(props) {
|
|
|
277
276
|
var handleResetMore = function handleResetMore() {
|
|
278
277
|
if (!compressed) return;
|
|
279
278
|
shouldResetMore.current = true;
|
|
280
|
-
setMore(-1);
|
|
281
279
|
};
|
|
282
280
|
(0, _react.useEffect)(function () {
|
|
283
281
|
if (!multiple && showInput && valueProp) {
|
|
284
282
|
var result = getDataByValues(value);
|
|
285
283
|
// 获取合法的 content
|
|
286
284
|
var content = renderResultContent(result[0]);
|
|
287
|
-
//
|
|
285
|
+
// 仅在关闭下拉框时,将输入框的值设置为合法的选中的值
|
|
288
286
|
if (!isEmpty(content)) {
|
|
289
287
|
setInputText(content);
|
|
290
288
|
}
|
package/cjs/select/select.js
CHANGED
|
@@ -415,7 +415,7 @@ function Select(props0) {
|
|
|
415
415
|
|
|
416
416
|
// innerTitle 模式
|
|
417
417
|
var renderInnerTitle = (0, _useInnerTitle.default)({
|
|
418
|
-
open: open ||
|
|
418
|
+
open: open || !isEmpty,
|
|
419
419
|
size: size,
|
|
420
420
|
jssStyle: jssStyle,
|
|
421
421
|
innerTitle: innerTitle
|
|
@@ -449,7 +449,7 @@ function Select(props0) {
|
|
|
449
449
|
children: defaultIcon
|
|
450
450
|
});
|
|
451
451
|
};
|
|
452
|
-
var renderResult =
|
|
452
|
+
var renderResult = function renderResult() {
|
|
453
453
|
var result = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
454
454
|
className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.result),
|
|
455
455
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_result.default, {
|
|
@@ -495,7 +495,7 @@ function Select(props0) {
|
|
|
495
495
|
onClick: handleResultClick,
|
|
496
496
|
children: renderInnerTitle(result)
|
|
497
497
|
});
|
|
498
|
-
}
|
|
498
|
+
};
|
|
499
499
|
var renderList = function renderList() {
|
|
500
500
|
var listProps = {
|
|
501
501
|
data: groupBy ? groupData : filterData,
|
|
@@ -614,7 +614,7 @@ function Select(props0) {
|
|
|
614
614
|
onKeyUp: handleKeyUp,
|
|
615
615
|
onBlur: handleBlur,
|
|
616
616
|
onFocus: handleFocus,
|
|
617
|
-
children: [tipNode, renderResult, renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
|
|
617
|
+
children: [tipNode, renderResult(), renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
|
|
618
618
|
adjust: true,
|
|
619
619
|
focus: open,
|
|
620
620
|
fixedWidth: autoAdapt ? 'min' : true,
|
package/esm/cascader/cascader.js
CHANGED
|
@@ -593,7 +593,7 @@ var Cascader = function Cascader(props0) {
|
|
|
593
593
|
children: [tipNode, renderResult(), renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
|
|
594
594
|
adjust: true,
|
|
595
595
|
focus: open,
|
|
596
|
-
fixedWidth:
|
|
596
|
+
fixedWidth: false,
|
|
597
597
|
absolute: absolute,
|
|
598
598
|
zIndex: zIndex,
|
|
599
599
|
position: position,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,uEA8VX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/esm/select/result.js
CHANGED
|
@@ -215,7 +215,6 @@ var Result = function Result(props) {
|
|
|
215
215
|
};
|
|
216
216
|
var renderSingleResult = function renderSingleResult() {
|
|
217
217
|
if (isEmptyResult()) return renderNbsp();
|
|
218
|
-
// const values = [value];
|
|
219
218
|
var result = getDataByValues(value);
|
|
220
219
|
var content = renderResultContent(result[0]);
|
|
221
220
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
@@ -242,7 +241,7 @@ var Result = function Result(props) {
|
|
|
242
241
|
});
|
|
243
242
|
return result;
|
|
244
243
|
};
|
|
245
|
-
var renderMultipleResultMore = function
|
|
244
|
+
var renderMultipleResultMore = (0, _react.useMemo)(function () {
|
|
246
245
|
var result = renderMultipleResult();
|
|
247
246
|
var moreNumber = getCompressedBound();
|
|
248
247
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_resultMore.default, {
|
|
@@ -255,11 +254,11 @@ var Result = function Result(props) {
|
|
|
255
254
|
compressedClassName: compressedClassName,
|
|
256
255
|
showNum: moreNumber
|
|
257
256
|
}, 'more');
|
|
258
|
-
};
|
|
257
|
+
}, [value, more]);
|
|
259
258
|
var renderResult = function renderResult() {
|
|
260
259
|
var result = [];
|
|
261
260
|
if (multiple) {
|
|
262
|
-
result.push(compressed ? renderMultipleResultMore
|
|
261
|
+
result.push(compressed ? renderMultipleResultMore : renderMultipleResult());
|
|
263
262
|
if (showInput) {
|
|
264
263
|
result.push(renderInput());
|
|
265
264
|
} else if (result.length === 0) {
|
|
@@ -277,14 +276,13 @@ var Result = function Result(props) {
|
|
|
277
276
|
var handleResetMore = function handleResetMore() {
|
|
278
277
|
if (!compressed) return;
|
|
279
278
|
shouldResetMore.current = true;
|
|
280
|
-
setMore(-1);
|
|
281
279
|
};
|
|
282
280
|
(0, _react.useEffect)(function () {
|
|
283
281
|
if (!multiple && showInput && valueProp) {
|
|
284
282
|
var result = getDataByValues(value);
|
|
285
283
|
// 获取合法的 content
|
|
286
284
|
var content = renderResultContent(result[0]);
|
|
287
|
-
//
|
|
285
|
+
// 仅在关闭下拉框时,将输入框的值设置为合法的选中的值
|
|
288
286
|
if (!isEmpty(content)) {
|
|
289
287
|
setInputText(content);
|
|
290
288
|
}
|
package/esm/select/select.js
CHANGED
|
@@ -415,7 +415,7 @@ function Select(props0) {
|
|
|
415
415
|
|
|
416
416
|
// innerTitle 模式
|
|
417
417
|
var renderInnerTitle = (0, _useInnerTitle.default)({
|
|
418
|
-
open: open ||
|
|
418
|
+
open: open || !isEmpty,
|
|
419
419
|
size: size,
|
|
420
420
|
jssStyle: jssStyle,
|
|
421
421
|
innerTitle: innerTitle
|
|
@@ -449,7 +449,7 @@ function Select(props0) {
|
|
|
449
449
|
children: defaultIcon
|
|
450
450
|
});
|
|
451
451
|
};
|
|
452
|
-
var renderResult =
|
|
452
|
+
var renderResult = function renderResult() {
|
|
453
453
|
var result = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
454
454
|
className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.result),
|
|
455
455
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_result.default, {
|
|
@@ -495,7 +495,7 @@ function Select(props0) {
|
|
|
495
495
|
onClick: handleResultClick,
|
|
496
496
|
children: renderInnerTitle(result)
|
|
497
497
|
});
|
|
498
|
-
}
|
|
498
|
+
};
|
|
499
499
|
var renderList = function renderList() {
|
|
500
500
|
var listProps = {
|
|
501
501
|
data: groupBy ? groupData : filterData,
|
|
@@ -614,7 +614,7 @@ function Select(props0) {
|
|
|
614
614
|
onKeyUp: handleKeyUp,
|
|
615
615
|
onBlur: handleBlur,
|
|
616
616
|
onFocus: handleFocus,
|
|
617
|
-
children: [tipNode, renderResult, renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
|
|
617
|
+
children: [tipNode, renderResult(), renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
|
|
618
618
|
adjust: true,
|
|
619
619
|
focus: open,
|
|
620
620
|
fixedWidth: autoAdapt ? 'min' : true,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/base",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.25",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "ISC",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"module": "./esm/index.js",
|
|
11
11
|
"typings": "./cjs/index.d.ts",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@sheinx/hooks": "3.0.0-alpha.
|
|
13
|
+
"@sheinx/hooks": "3.0.0-alpha.25",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"valtio": "^1.13.0"
|