@sheinx/base 3.5.1 → 3.5.2-beta.10
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/form/form.d.ts.map +1 -1
- package/cjs/rate/rate.d.ts.map +1 -1
- package/cjs/rate/rate.js +7 -6
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +20 -4
- package/cjs/tree/tree-node.d.ts.map +1 -1
- package/cjs/tree/tree-node.js +1 -0
- package/esm/form/form.d.ts.map +1 -1
- package/esm/rate/rate.d.ts.map +1 -1
- package/esm/rate/rate.js +7 -6
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +20 -4
- package/esm/tree/tree-node.d.ts.map +1 -1
- package/esm/tree/tree-node.js +1 -0
- package/package.json +2 -2
package/cjs/form/form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,IAAI,4DAsFT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/rate/rate.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,WAAY,SAAS,
|
|
1
|
+
{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,WAAY,SAAS,gBA6H9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/rate/rate.js
CHANGED
|
@@ -61,10 +61,6 @@ var Rate = function Rate(props0) {
|
|
|
61
61
|
var backItem = Array.isArray(back) ? back[index] : back;
|
|
62
62
|
var isHalfChecked = props.allowHalf && showValue % 1 > 0 && index === currentIndex;
|
|
63
63
|
var isChecked = !isHalfChecked && index <= currentIndex;
|
|
64
|
-
var itemStyle = {
|
|
65
|
-
fontSize: size,
|
|
66
|
-
width: size
|
|
67
|
-
};
|
|
68
64
|
var handleChange = function handleChange(val) {
|
|
69
65
|
if (clearable && value === val) {
|
|
70
66
|
onChange(0);
|
|
@@ -74,12 +70,17 @@ var Rate = function Rate(props0) {
|
|
|
74
70
|
onChange(val);
|
|
75
71
|
}
|
|
76
72
|
};
|
|
73
|
+
var showAnimation = animationIndex && index < currentIndex;
|
|
77
74
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
78
|
-
className: (0, _classnames.default)(rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.item, isHalfChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemCheckedHalf), isChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemChecked), props.disabled && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemDisabled),
|
|
75
|
+
className: (0, _classnames.default)(rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.item, isHalfChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemCheckedHalf), isChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemChecked), props.disabled && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemDisabled), showAnimation && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemAnimation)),
|
|
76
|
+
style: {
|
|
77
|
+
fontSize: size,
|
|
78
|
+
width: size,
|
|
79
|
+
animationDelay: showAnimation ? "".concat(50 * index, "ms") : undefined
|
|
80
|
+
},
|
|
79
81
|
onAnimationEnd: function onAnimationEnd() {
|
|
80
82
|
setAnimationIndex(null);
|
|
81
83
|
},
|
|
82
|
-
style: itemStyle,
|
|
83
84
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
84
85
|
className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemBg,
|
|
85
86
|
children: backItem
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAcnE,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":";AAeA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAcnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eAwvBxE;AAED,eAAe,MAAM,CAAC"}
|
package/cjs/select/select.js
CHANGED
|
@@ -173,6 +173,10 @@ function Select(props0) {
|
|
|
173
173
|
onCreate = _useFilter.onCreate,
|
|
174
174
|
onClearCreatedData = _useFilter.onClearCreatedData,
|
|
175
175
|
rawData = _useFilter.rawData;
|
|
176
|
+
var _useState7 = (0, _react.useState)(''),
|
|
177
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
178
|
+
absoluteListUpdateKey = _useState8[0],
|
|
179
|
+
setAbsoluteListUpdateKey = _useState8[1];
|
|
176
180
|
var onCollapse = (0, _hooks.usePersistFn)(function (collapse) {
|
|
177
181
|
onCollapseProp === null || onCollapseProp === void 0 || onCollapseProp(collapse);
|
|
178
182
|
onClearCreatedData();
|
|
@@ -211,6 +215,11 @@ function Select(props0) {
|
|
|
211
215
|
getTargetProps = _usePopup.getTargetProps,
|
|
212
216
|
PopupProvider = _usePopup.Provider,
|
|
213
217
|
popupProviderValue = _usePopup.providerValue;
|
|
218
|
+
var preventDefault = function preventDefault(e) {
|
|
219
|
+
if (focused && e.target !== inputRef.current) {
|
|
220
|
+
e.preventDefault();
|
|
221
|
+
}
|
|
222
|
+
};
|
|
214
223
|
var handleSelectChange = (0, _hooks.usePersistFn)(function (value, dataItem, checked) {
|
|
215
224
|
if (createdData || props.emptyAfterSelect) {
|
|
216
225
|
onFilter === null || onFilter === void 0 || onFilter('');
|
|
@@ -224,7 +233,15 @@ function Select(props0) {
|
|
|
224
233
|
inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.select();
|
|
225
234
|
}
|
|
226
235
|
onChange === null || onChange === void 0 || onChange(value, dataItem, checked);
|
|
236
|
+
if (props.absolute === undefined) return;
|
|
237
|
+
setAbsoluteListUpdateKey(value);
|
|
227
238
|
});
|
|
239
|
+
var handleSameChange = function handleSameChange() {
|
|
240
|
+
var shouldFocus = showInput && props.reFocus;
|
|
241
|
+
if (!multiple && !shouldFocus) {
|
|
242
|
+
closePop();
|
|
243
|
+
}
|
|
244
|
+
};
|
|
228
245
|
var _useSelect = (0, _hooks.useSelect)({
|
|
229
246
|
value: valueProp,
|
|
230
247
|
data: data,
|
|
@@ -240,6 +257,7 @@ function Select(props0) {
|
|
|
240
257
|
prediction: prediction,
|
|
241
258
|
beforeChange: beforeChange,
|
|
242
259
|
onChange: handleSelectChange,
|
|
260
|
+
onSameChange: handleSameChange,
|
|
243
261
|
filterSameChange: filterSameChange,
|
|
244
262
|
noCache: noCache
|
|
245
263
|
}),
|
|
@@ -584,10 +602,7 @@ function Select(props0) {
|
|
|
584
602
|
}
|
|
585
603
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_list.default, _objectSpread({}, listProps));
|
|
586
604
|
};
|
|
587
|
-
|
|
588
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
589
|
-
absoluteListUpdateKey = _useState8[0],
|
|
590
|
-
setAbsoluteListUpdateKey = _useState8[1];
|
|
605
|
+
|
|
591
606
|
// 当树形数据展开时,需要更新 AbsoluteList 的位置
|
|
592
607
|
var onExpandWrap = (0, _hooks.usePersistFn)(function (value) {
|
|
593
608
|
onExpand === null || onExpand === void 0 || onExpand(value);
|
|
@@ -682,6 +697,7 @@ function Select(props0) {
|
|
|
682
697
|
onFocus: handleFocus,
|
|
683
698
|
onMouseEnter: onMouseEnter,
|
|
684
699
|
onMouseLeave: onMouseLeave,
|
|
700
|
+
onMouseDown: preventDefault,
|
|
685
701
|
children: [tipNode, renderResult(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
|
|
686
702
|
adjust: adjust,
|
|
687
703
|
focus: open,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAqST,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/tree/tree-node.js
CHANGED
package/esm/form/form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,IAAI,4DAsFT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/rate/rate.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,WAAY,SAAS,
|
|
1
|
+
{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,WAAY,SAAS,gBA6H9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/rate/rate.js
CHANGED
|
@@ -52,10 +52,6 @@ var Rate = function Rate(props0) {
|
|
|
52
52
|
var backItem = Array.isArray(back) ? back[index] : back;
|
|
53
53
|
var isHalfChecked = props.allowHalf && showValue % 1 > 0 && index === currentIndex;
|
|
54
54
|
var isChecked = !isHalfChecked && index <= currentIndex;
|
|
55
|
-
var itemStyle = {
|
|
56
|
-
fontSize: size,
|
|
57
|
-
width: size
|
|
58
|
-
};
|
|
59
55
|
var handleChange = function handleChange(val) {
|
|
60
56
|
if (clearable && value === val) {
|
|
61
57
|
onChange(0);
|
|
@@ -65,12 +61,17 @@ var Rate = function Rate(props0) {
|
|
|
65
61
|
onChange(val);
|
|
66
62
|
}
|
|
67
63
|
};
|
|
64
|
+
var showAnimation = animationIndex && index < currentIndex;
|
|
68
65
|
return /*#__PURE__*/_jsxs("div", {
|
|
69
|
-
className: classNames(rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.item, isHalfChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemCheckedHalf), isChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemChecked), props.disabled && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemDisabled),
|
|
66
|
+
className: classNames(rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.item, isHalfChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemCheckedHalf), isChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemChecked), props.disabled && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemDisabled), showAnimation && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemAnimation)),
|
|
67
|
+
style: {
|
|
68
|
+
fontSize: size,
|
|
69
|
+
width: size,
|
|
70
|
+
animationDelay: showAnimation ? "".concat(50 * index, "ms") : undefined
|
|
71
|
+
},
|
|
70
72
|
onAnimationEnd: function onAnimationEnd() {
|
|
71
73
|
setAnimationIndex(null);
|
|
72
74
|
},
|
|
73
|
-
style: itemStyle,
|
|
74
75
|
children: [/*#__PURE__*/_jsx("span", {
|
|
75
76
|
className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemBg,
|
|
76
77
|
children: backItem
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAcnE,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":";AAeA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAcnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eAwvBxE;AAED,eAAe,MAAM,CAAC"}
|
package/esm/select/select.js
CHANGED
|
@@ -166,6 +166,10 @@ function Select(props0) {
|
|
|
166
166
|
onCreate = _useFilter.onCreate,
|
|
167
167
|
onClearCreatedData = _useFilter.onClearCreatedData,
|
|
168
168
|
rawData = _useFilter.rawData;
|
|
169
|
+
var _useState7 = useState(''),
|
|
170
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
171
|
+
absoluteListUpdateKey = _useState8[0],
|
|
172
|
+
setAbsoluteListUpdateKey = _useState8[1];
|
|
169
173
|
var onCollapse = usePersistFn(function (collapse) {
|
|
170
174
|
onCollapseProp === null || onCollapseProp === void 0 || onCollapseProp(collapse);
|
|
171
175
|
onClearCreatedData();
|
|
@@ -204,6 +208,11 @@ function Select(props0) {
|
|
|
204
208
|
getTargetProps = _usePopup.getTargetProps,
|
|
205
209
|
PopupProvider = _usePopup.Provider,
|
|
206
210
|
popupProviderValue = _usePopup.providerValue;
|
|
211
|
+
var preventDefault = function preventDefault(e) {
|
|
212
|
+
if (focused && e.target !== inputRef.current) {
|
|
213
|
+
e.preventDefault();
|
|
214
|
+
}
|
|
215
|
+
};
|
|
207
216
|
var handleSelectChange = usePersistFn(function (value, dataItem, checked) {
|
|
208
217
|
if (createdData || props.emptyAfterSelect) {
|
|
209
218
|
onFilter === null || onFilter === void 0 || onFilter('');
|
|
@@ -217,7 +226,15 @@ function Select(props0) {
|
|
|
217
226
|
inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.select();
|
|
218
227
|
}
|
|
219
228
|
onChange === null || onChange === void 0 || onChange(value, dataItem, checked);
|
|
229
|
+
if (props.absolute === undefined) return;
|
|
230
|
+
setAbsoluteListUpdateKey(value);
|
|
220
231
|
});
|
|
232
|
+
var handleSameChange = function handleSameChange() {
|
|
233
|
+
var shouldFocus = showInput && props.reFocus;
|
|
234
|
+
if (!multiple && !shouldFocus) {
|
|
235
|
+
closePop();
|
|
236
|
+
}
|
|
237
|
+
};
|
|
221
238
|
var _useSelect = useSelect({
|
|
222
239
|
value: valueProp,
|
|
223
240
|
data: data,
|
|
@@ -233,6 +250,7 @@ function Select(props0) {
|
|
|
233
250
|
prediction: prediction,
|
|
234
251
|
beforeChange: beforeChange,
|
|
235
252
|
onChange: handleSelectChange,
|
|
253
|
+
onSameChange: handleSameChange,
|
|
236
254
|
filterSameChange: filterSameChange,
|
|
237
255
|
noCache: noCache
|
|
238
256
|
}),
|
|
@@ -577,10 +595,7 @@ function Select(props0) {
|
|
|
577
595
|
}
|
|
578
596
|
return /*#__PURE__*/_jsx(List, _objectSpread({}, listProps));
|
|
579
597
|
};
|
|
580
|
-
|
|
581
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
582
|
-
absoluteListUpdateKey = _useState8[0],
|
|
583
|
-
setAbsoluteListUpdateKey = _useState8[1];
|
|
598
|
+
|
|
584
599
|
// 当树形数据展开时,需要更新 AbsoluteList 的位置
|
|
585
600
|
var onExpandWrap = usePersistFn(function (value) {
|
|
586
601
|
onExpand === null || onExpand === void 0 || onExpand(value);
|
|
@@ -675,6 +690,7 @@ function Select(props0) {
|
|
|
675
690
|
onFocus: handleFocus,
|
|
676
691
|
onMouseEnter: onMouseEnter,
|
|
677
692
|
onMouseLeave: onMouseLeave,
|
|
693
|
+
onMouseDown: preventDefault,
|
|
678
694
|
children: [tipNode, renderResult(), /*#__PURE__*/_jsx(AbsoluteList, {
|
|
679
695
|
adjust: adjust,
|
|
680
696
|
focus: open,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAqST,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/tree/tree-node.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/base",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.2-beta.10",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"module": "./esm/index.js",
|
|
11
11
|
"typings": "./cjs/index.d.ts",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@sheinx/hooks": "3.5.
|
|
13
|
+
"@sheinx/hooks": "3.5.2-beta.10",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"@shined/reactive": "^0.1.3-alpha.0"
|