shineout 3.7.5-beta.11 → 3.7.5-beta.3

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/index.js CHANGED
@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
522
522
  // 此文件由脚本自动生成,请勿直接修改。
523
523
  // This file was generated automatically by a script. Please do not modify it directly.
524
524
  var _default = exports.default = {
525
- version: '3.7.5-beta.11'
525
+ version: '3.7.5-beta.3'
526
526
  };
package/dist/shineout.js CHANGED
@@ -7389,7 +7389,7 @@ var Alert = function Alert(props) {
7389
7389
  if (dismiss === HIDE) {
7390
7390
  return null;
7391
7391
  }
7392
- if (title) {
7392
+ if ('title' in props && title !== undefined) {
7393
7393
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
7394
7394
  className: rootClass
7395
7395
  }, getRootProps()), {}, {
@@ -12234,7 +12234,7 @@ var handleStyle = function handleStyle(style) {
12234
12234
  };
12235
12235
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
12236
12236
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
12237
- /* harmony default export */ var version = ('3.7.5-beta.11');
12237
+ /* harmony default export */ var version = ('3.7.5-beta.3');
12238
12238
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
12239
12239
 
12240
12240
 
@@ -17545,9 +17545,6 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
17545
17545
  },
17546
17546
  compressedWrapper: {
17547
17547
  width: 0,
17548
- overflow: 'hidden'
17549
- },
17550
- compressedBoundWrapper: {
17551
17548
  overflow: 'auto'
17552
17549
  },
17553
17550
  controlMouse: {
@@ -23392,9 +23389,6 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
23392
23389
  },
23393
23390
  compressedWrapper: {
23394
23391
  width: 0,
23395
- overflow: 'hidden'
23396
- },
23397
- compressedBoundWrapper: {
23398
23392
  overflow: 'auto'
23399
23393
  },
23400
23394
  controlMouse: {
@@ -28929,9 +28923,6 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
28929
28923
  },
28930
28924
  compressedWrapper: {
28931
28925
  width: 0,
28932
- overflow: 'hidden'
28933
- },
28934
- compressedBoundWrapper: {
28935
28926
  overflow: 'auto'
28936
28927
  },
28937
28928
  controlMouse: {
@@ -39422,8 +39413,9 @@ var useTree = function useTree(props) {
39422
39413
  }
39423
39414
  context.updateMap.forEach(function (call, id) {
39424
39415
  if (ignoreExpanded) {
39425
- var nodeStatus = call('get', true);
39426
- if (nodeStatus && nodeStatus.hasTriggered) return;
39416
+ var _ref4 = call('get', true),
39417
+ hasTriggered = _ref4.hasTriggered;
39418
+ if (hasTriggered) return;
39427
39419
  }
39428
39420
  call('expanded', tempExpandMap.has(id));
39429
39421
  });
@@ -40079,8 +40071,8 @@ var CascaderNode = function CascaderNode(props) {
40079
40071
  _useState2 = slicedToArray_default()(_useState, 2),
40080
40072
  loading = _useState2[0],
40081
40073
  setLoading = _useState2[1];
40074
+ // const [activeState, setActiveState] = useState(false);
40082
40075
  var checkboxRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
40083
- var hasHandleSelectRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
40084
40076
  var isDisabled = datum.isDisabled(id);
40085
40077
  var children = data[childrenKey];
40086
40078
  var hasChildren = children && children.length > 0;
@@ -40121,17 +40113,13 @@ var CascaderNode = function CascaderNode(props) {
40121
40113
  }
40122
40114
  if (isHoverAble) {
40123
40115
  events.onMouseEnter = handlePathChange;
40124
- if (multiple) {
40125
- events.onClick = handleSelect;
40126
- hasHandleSelectRef.current = true;
40127
- }
40116
+ if (multiple) events.onClick = handleSelect;
40128
40117
  } else if (isRealLeafNode && multiple) {
40129
40118
  // 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
40130
40119
  events.onClick = function (e) {
40131
40120
  handleClick(e);
40132
40121
  handleSelect(e);
40133
40122
  };
40134
- hasHandleSelectRef.current = true;
40135
40123
  }
40136
40124
  return events;
40137
40125
  };
@@ -40187,7 +40175,7 @@ var CascaderNode = function CascaderNode(props) {
40187
40175
  className: styles.optionCheckbox,
40188
40176
  checked: datum.getChecked(id),
40189
40177
  disabled: isDisabled,
40190
- onChange: hasHandleSelectRef.current ? undefined : handleChange
40178
+ onChange: isRealLeafNode && multiple ? undefined : handleChange
40191
40179
  }), renderContent(), renderIcon()]
40192
40180
  })
40193
40181
  }));
@@ -41110,25 +41098,44 @@ function getResetMore(onFilter, container, doms) {
41110
41098
  var hideMargin = parsePxToNumber(hideElStyle.marginLeft) + parsePxToNumber(hideElStyle.marginRight);
41111
41099
  var num = 0;
41112
41100
  var sumWidth = 0;
41113
- for (var i = 0; i < doms.length; i++) {
41114
- var _item2 = doms[i];
41115
- var itemStyle = getComputedStyle(_item2);
41116
- var itemWidth = _item2.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
41117
- sumWidth += itemWidth;
41118
- var moreWidth = 0;
41119
- var resetNum = items.length - 1 - i;
41120
- if (resetNum > 0) {
41121
- var reset = "+".concat(resetNum);
41122
- hideEl.childNodes[0].innerText = reset;
41123
- moreWidth = hideEl.offsetWidth + hideMargin;
41124
- }
41125
- if (sumWidth > contentWidth - moreWidth) {
41126
- num = i;
41127
- break;
41128
- }
41101
+ var itemWidthArr = items.map(function (item) {
41102
+ var itemStyle = getComputedStyle(item);
41103
+ var itemLen = item.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
41104
+ sumWidth += itemLen;
41105
+ return itemLen;
41106
+ });
41107
+ if (sumWidth <= contentWidth) {
41129
41108
  num = -1;
41109
+ } else {
41110
+ var len = 0;
41111
+ for (var i = 0; i < itemWidthArr.length; i++) {
41112
+ var itemLen = itemWidthArr[i];
41113
+ // number length
41114
+ var resetNum = items.length - 1 - i;
41115
+ var moreWidth = void 0;
41116
+ if (resetNum <= 0) {
41117
+ moreWidth = 0;
41118
+ } else {
41119
+ var reset = "+".concat(resetNum);
41120
+ hideEl.childNodes[0].innerText = reset;
41121
+ // (+num) width
41122
+ moreWidth = hideEl.offsetWidth + hideMargin;
41123
+ }
41124
+ len += itemLen;
41125
+ if (len > contentWidth - moreWidth) {
41126
+ break;
41127
+ }
41128
+ num += 1;
41129
+ if (i === items.length - 1) {
41130
+ // not show more
41131
+ num = -1;
41132
+ }
41133
+ }
41134
+ }
41135
+ // at least show one
41136
+ if (num === 0 && itemWidthArr[0]) {
41137
+ num = 1;
41130
41138
  }
41131
- ;
41132
41139
  return num;
41133
41140
  }
41134
41141
  var More = function More(props) {
@@ -41150,7 +41157,16 @@ var More = function More(props) {
41150
41157
  var shouldShowMore = showNum < 0 || showNum >= data.length;
41151
41158
  var before = [];
41152
41159
  var after = [];
41153
- var afterLength = 0;
41160
+ var itemsLength = 0;
41161
+ var tagStyle = shouldShowMore ? {
41162
+ position: 'absolute',
41163
+ zIndex: -100,
41164
+ userSelect: 'none',
41165
+ msUserSelect: 'none',
41166
+ contain: 'layout',
41167
+ opacity: 0,
41168
+ pointerEvents: 'none'
41169
+ } : {};
41154
41170
  if (!shouldShowMore) {
41155
41171
  before = new Array(showNum).fill(undefined).map(function (_item, index) {
41156
41172
  return data[index];
@@ -41158,9 +41174,9 @@ var More = function More(props) {
41158
41174
  after = new Array(data.length - showNum).fill(undefined).map(function (_item, index) {
41159
41175
  return data[showNum + index];
41160
41176
  });
41161
- afterLength = after.length;
41177
+ itemsLength = after.length;
41162
41178
  }
41163
- if (shouldShowMore) {
41179
+ if (showNum < 0 || showNum >= data.length) {
41164
41180
  return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
41165
41181
  children: [data, /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, {
41166
41182
  className: styles.tag,
@@ -41187,9 +41203,10 @@ var More = function More(props) {
41187
41203
  className: styles.tag,
41188
41204
  jssStyle: jssStyle,
41189
41205
  size: size,
41206
+ style: tagStyle,
41190
41207
  mode: visible ? 'fill' : 'bright',
41191
41208
  color: visible ? 'info' : 'default',
41192
- children: shouldShowMore ? '+' : "+".concat(afterLength)
41209
+ children: shouldShowMore ? '+' : "+".concat(itemsLength)
41193
41210
  }, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
41194
41211
  jssStyle: jssStyle,
41195
41212
  className: compressedClassName,
@@ -41287,16 +41304,12 @@ var result_Result = function Result(props) {
41287
41304
  setShouldResetMore = _useState4[1];
41288
41305
  var render = useRender();
41289
41306
  var resultRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
41290
- var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
41291
- prevMore: more,
41292
- maxMore: 0
41293
- }),
41294
- context = _useRef.current;
41307
+ var prevMore = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(more);
41295
41308
  var removeLock = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
41296
41309
  var showInput = allowOnFilter;
41297
41310
  var mounted = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
41298
41311
  var styles = props.classes;
41299
- var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper, compressedBound && compressedBound > 0 && styles.compressedBoundWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
41312
+ var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
41300
41313
  var renderResultContent = function renderResultContent(data, index, nodes) {
41301
41314
  if (checkUnMatched(data)) {
41302
41315
  var _data = data;
@@ -41494,6 +41507,7 @@ var result_Result = function Result(props) {
41494
41507
  data: result,
41495
41508
  datas: renderMultipleResult.datas,
41496
41509
  size: size,
41510
+ more: moreNumber,
41497
41511
  compressed: compressed,
41498
41512
  renderCompressed: renderCompressed,
41499
41513
  compressedClassName: compressedClassName,
@@ -41523,27 +41537,15 @@ var result_Result = function Result(props) {
41523
41537
  }
41524
41538
  return result;
41525
41539
  };
41526
- var handleResetMore = function handleResetMore(valueLength) {
41540
+ var handleResetMore = function handleResetMore() {
41527
41541
  if (!compressed) return;
41528
41542
  if (isCompressedBound()) return;
41529
41543
  if (removeLock.current) {
41530
41544
  removeLock.current = false;
41531
41545
  return;
41532
41546
  }
41533
-
41534
- // why requestIdleCallback: 当选项数量远超容器承载能力时,延迟昂贵的DOM计算,在1000+选项时,同步的重新计算会导致INP超过1000ms
41535
- var hasExistingCompression = context.prevMore > 0;
41536
- var hasValidEstimate = context.maxMore > 0;
41537
- var exceedsCapacity = valueLength && valueLength > context.maxMore;
41538
- if (hasExistingCompression && hasValidEstimate && exceedsCapacity && typeof requestIdleCallback !== 'undefined') {
41539
- requestIdleCallback(function () {
41540
- setMore(-1);
41541
- setShouldResetMore(true);
41542
- });
41543
- } else {
41544
- setMore(-1);
41545
- setShouldResetMore(true);
41546
- }
41547
+ setMore(-1);
41548
+ setShouldResetMore(true);
41547
41549
  };
41548
41550
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
41549
41551
  if (!focus && mounted.current) {
@@ -41598,7 +41600,7 @@ var result_Result = function Result(props) {
41598
41600
  }
41599
41601
  }, [focus, multiple]);
41600
41602
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
41601
- handleResetMore((valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) || 0);
41603
+ handleResetMore();
41602
41604
  }, [valueProp, data]);
41603
41605
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
41604
41606
  // datum.getDataByValues(value); 需要等待 useTree useEffect 执行完毕 才能获取到
@@ -41609,7 +41611,7 @@ var result_Result = function Result(props) {
41609
41611
  var tagClassName = ".".concat(styles.tag.split(' ')[0]);
41610
41612
  if (shouldResetMore && result_isArray(value) && (value || []).length) {
41611
41613
  var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
41612
- context.prevMore = newMore;
41614
+ prevMore.current = newMore;
41613
41615
  setMore(newMore);
41614
41616
  setShouldResetMore(false);
41615
41617
  } else {
@@ -41623,7 +41625,6 @@ var result_Result = function Result(props) {
41623
41625
  if (!resultRef.current) return;
41624
41626
  if (!compressed) return;
41625
41627
  if (isCompressedBound()) return;
41626
- context.maxMore = Math.floor(resultRef.current.clientWidth / 20);
41627
41628
  var cancelObserver = addResizeObserver(resultRef.current, handleResetMore, {
41628
41629
  direction: 'x'
41629
41630
  });
@@ -45269,7 +45270,6 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
45269
45270
  return getFormatValueArr(dateArr, props.formatResult);
45270
45271
  } else if (typeof props.formatResult === 'function') {
45271
45272
  return dateArr.map(function (item) {
45272
- if (!item) return '';
45273
45273
  return props.formatResult(item);
45274
45274
  });
45275
45275
  } else {
@@ -50834,9 +50834,6 @@ var useForm = function useForm(props) {
50834
50834
  context.names.delete(n);
50835
50835
  delete context.defaultValues[n];
50836
50836
  }
50837
- if (context.errors[n]) {
50838
- delete context.errors[n];
50839
- }
50840
50837
  var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
50841
50838
  if (!finalReserveAble && !context.removeLock) {
50842
50839
  addRemove(n);
@@ -55197,19 +55194,7 @@ var VirtualNode = function VirtualNode(props) {
55197
55194
  });
55198
55195
  if (onToggle) onToggle(id, nextExpanded);
55199
55196
  };
55200
- var getIndent = function getIndent() {
55201
- if (size === "large") {
55202
- if (line && level === 1) {
55203
- return 16;
55204
- }
55205
- return 32;
55206
- }
55207
- if (line && level === 1) {
55208
- return 8;
55209
- }
55210
- return 24;
55211
- };
55212
- var indent = getIndent();
55197
+ var indent = size === "large" ? 32 : 24;
55213
55198
  var $indents;
55214
55199
  if (line) {
55215
55200
  $indents = Array.from({
@@ -57510,8 +57495,7 @@ var usePagination = function usePagination(props) {
57510
57495
  return objectSpread2_default()({}, mergedEventHandlers);
57511
57496
  };
57512
57497
  return {
57513
- // current,
57514
- current: currentProp !== undefined ? currentProp : current,
57498
+ current: current,
57515
57499
  pageSize: pageSize,
57516
57500
  total: total,
57517
57501
  onChange: handleChange,
@@ -71659,7 +71643,7 @@ var upload_interface = __webpack_require__(8821);
71659
71643
 
71660
71644
 
71661
71645
  /* harmony default export */ var src_0 = ({
71662
- version: '3.7.5-beta.11'
71646
+ version: '3.7.5-beta.3'
71663
71647
  });
71664
71648
  }();
71665
71649
  /******/ return __webpack_exports__;