@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.
@@ -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,4DA0FT,CAAC;AAEF,eAAe,IAAI,CAAC"}
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"}
@@ -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,gBA2H9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
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), animationIndex === index && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemAnimation)),
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,eAouBxE;AAED,eAAe,MAAM,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"}
@@ -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
- var _useState7 = (0, _react.useState)(''),
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,gGAoST,CAAC;AAEF,eAAe,IAAI,CAAC"}
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"}
@@ -209,6 +209,7 @@ var Node = function Node(props) {
209
209
  isControlled: isControlled,
210
210
  contentClass: contentClass,
211
211
  parentClickExpand: parentClickExpand,
212
+ doubleClickExpand: doubleClickExpand,
212
213
  expanded: expanded,
213
214
  line: line,
214
215
  data: children,
@@ -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,4DA0FT,CAAC;AAEF,eAAe,IAAI,CAAC"}
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"}
@@ -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,gBA2H9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
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), animationIndex === index && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemAnimation)),
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,eAouBxE;AAED,eAAe,MAAM,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"}
@@ -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
- var _useState7 = useState(''),
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,gGAoST,CAAC;AAEF,eAAe,IAAI,CAAC"}
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"}
@@ -203,6 +203,7 @@ var Node = function Node(props) {
203
203
  isControlled: isControlled,
204
204
  contentClass: contentClass,
205
205
  parentClickExpand: parentClickExpand,
206
+ doubleClickExpand: doubleClickExpand,
206
207
  expanded: expanded,
207
208
  line: line,
208
209
  data: children,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.5.1",
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.1",
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"