shineout 3.7.5-beta.11 → 3.7.5-beta.2

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.7.5-beta.11'
+  version: '3.7.5-beta.2'
 };

package/dist/shineout.js

@@ -7389,7 +7389,7 @@ var Alert = function Alert(props) {
   if (dismiss === HIDE) {
     return null;
   }
-  if (title) {
+  if ('title' in props && title !== undefined) {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
       className: rootClass
     }, getRootProps()), {}, {
@@ -12234,7 +12234,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.5-beta.11');
+/* harmony default export */ var version = ('3.7.5-beta.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -17545,9 +17545,6 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   },
   compressedWrapper: {
     width: 0,
-    overflow: 'hidden'
-  },
-  compressedBoundWrapper: {
     overflow: 'auto'
   },
   controlMouse: {
@@ -23392,9 +23389,6 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   compressedWrapper: {
     width: 0,
-    overflow: 'hidden'
-  },
-  compressedBoundWrapper: {
     overflow: 'auto'
   },
   controlMouse: {
@@ -28929,9 +28923,6 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   compressedWrapper: {
     width: 0,
-    overflow: 'hidden'
-  },
-  compressedBoundWrapper: {
     overflow: 'auto'
   },
   controlMouse: {
@@ -30384,13 +30375,10 @@ var usePopup = function usePopup(props) {
     }
   };
   var handleMouseEnter = use_persist_fn(function (e) {
-    var _targetEvents$onMouse, _targetRef$current;
+    var _targetEvents$onMouse;
     targetEvents === null || targetEvents === void 0 || (_targetEvents$onMouse = targetEvents.onMouseEnter) === null || _targetEvents$onMouse === void 0 || _targetEvents$onMouse.call(targetEvents, e);
     if (trigger !== 'hover') return;
-    var isParentContainsCurrent = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.contains(e.target);
-    if (isParentContainsCurrent) {
-      handleHoverToggle(true);
-    }
+    handleHoverToggle(true);
   });
   var handleMouseLeave = use_persist_fn(function (e) {
     var _targetEvents$onMouse2, _popupRef$current2;
@@ -39422,8 +39410,9 @@ var useTree = function useTree(props) {
     }
     context.updateMap.forEach(function (call, id) {
       if (ignoreExpanded) {
-        var nodeStatus = call('get', true);
-        if (nodeStatus && nodeStatus.hasTriggered) return;
+        var _ref4 = call('get', true),
+          hasTriggered = _ref4.hasTriggered;
+        if (hasTriggered) return;
       }
       call('expanded', tempExpandMap.has(id));
     });
@@ -40079,8 +40068,8 @@ var CascaderNode = function CascaderNode(props) {
     _useState2 = slicedToArray_default()(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
+  // const [activeState, setActiveState] = useState(false);
   var checkboxRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
-  var hasHandleSelectRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   var isDisabled = datum.isDisabled(id);
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -40121,17 +40110,13 @@ var CascaderNode = function CascaderNode(props) {
     }
     if (isHoverAble) {
       events.onMouseEnter = handlePathChange;
-      if (multiple) {
-        events.onClick = handleSelect;
-        hasHandleSelectRef.current = true;
-      }
+      if (multiple) events.onClick = handleSelect;
     } else if (isRealLeafNode && multiple) {
       // 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
       events.onClick = function (e) {
         handleClick(e);
         handleSelect(e);
       };
-      hasHandleSelectRef.current = true;
     }
     return events;
   };
@@ -40187,7 +40172,7 @@ var CascaderNode = function CascaderNode(props) {
         className: styles.optionCheckbox,
         checked: datum.getChecked(id),
         disabled: isDisabled,
-        onChange: hasHandleSelectRef.current ? undefined : handleChange
+        onChange: isRealLeafNode && multiple ? undefined : handleChange
       }), renderContent(), renderIcon()]
     })
   }));
@@ -41110,25 +41095,44 @@ function getResetMore(onFilter, container, doms) {
   var hideMargin = parsePxToNumber(hideElStyle.marginLeft) + parsePxToNumber(hideElStyle.marginRight);
   var num = 0;
   var sumWidth = 0;
-  for (var i = 0; i < doms.length; i++) {
-    var _item2 = doms[i];
-    var itemStyle = getComputedStyle(_item2);
-    var itemWidth = _item2.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
-    sumWidth += itemWidth;
-    var moreWidth = 0;
-    var resetNum = items.length - 1 - i;
-    if (resetNum > 0) {
-      var reset = "+".concat(resetNum);
-      hideEl.childNodes[0].innerText = reset;
-      moreWidth = hideEl.offsetWidth + hideMargin;
-    }
-    if (sumWidth > contentWidth - moreWidth) {
-      num = i;
-      break;
-    }
+  var itemWidthArr = items.map(function (item) {
+    var itemStyle = getComputedStyle(item);
+    var itemLen = item.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
+    sumWidth += itemLen;
+    return itemLen;
+  });
+  if (sumWidth <= contentWidth) {
     num = -1;
+  } else {
+    var len = 0;
+    for (var i = 0; i < itemWidthArr.length; i++) {
+      var itemLen = itemWidthArr[i];
+      // number length
+      var resetNum = items.length - 1 - i;
+      var moreWidth = void 0;
+      if (resetNum <= 0) {
+        moreWidth = 0;
+      } else {
+        var reset = "+".concat(resetNum);
+        hideEl.childNodes[0].innerText = reset;
+        // (+num) width
+        moreWidth = hideEl.offsetWidth + hideMargin;
+      }
+      len += itemLen;
+      if (len > contentWidth - moreWidth) {
+        break;
+      }
+      num += 1;
+      if (i === items.length - 1) {
+        // not show more
+        num = -1;
+      }
+    }
+  }
+  // at least show one
+  if (num === 0 && itemWidthArr[0]) {
+    num = 1;
   }
-  ;
   return num;
 }
 var More = function More(props) {
@@ -41150,7 +41154,16 @@ var More = function More(props) {
   var shouldShowMore = showNum < 0 || showNum >= data.length;
   var before = [];
   var after = [];
-  var afterLength = 0;
+  var itemsLength = 0;
+  var tagStyle = shouldShowMore ? {
+    position: 'absolute',
+    zIndex: -100,
+    userSelect: 'none',
+    msUserSelect: 'none',
+    contain: 'layout',
+    opacity: 0,
+    pointerEvents: 'none'
+  } : {};
   if (!shouldShowMore) {
     before = new Array(showNum).fill(undefined).map(function (_item, index) {
       return data[index];
@@ -41158,9 +41171,9 @@ var More = function More(props) {
     after = new Array(data.length - showNum).fill(undefined).map(function (_item, index) {
       return data[showNum + index];
     });
-    afterLength = after.length;
+    itemsLength = after.length;
   }
-  if (shouldShowMore) {
+  if (showNum < 0 || showNum >= data.length) {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: [data, /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, {
         className: styles.tag,
@@ -41187,9 +41200,10 @@ var More = function More(props) {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
+        style: tagStyle,
         mode: visible ? 'fill' : 'bright',
         color: visible ? 'info' : 'default',
-        children: shouldShowMore ? '+' : "+".concat(afterLength)
+        children: shouldShowMore ? '+' : "+".concat(itemsLength)
       }, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
         jssStyle: jssStyle,
         className: compressedClassName,
@@ -41287,16 +41301,12 @@ var result_Result = function Result(props) {
     setShouldResetMore = _useState4[1];
   var render = useRender();
   var resultRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
-      prevMore: more,
-      maxMore: 0
-    }),
-    context = _useRef.current;
+  var prevMore = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(more);
   var removeLock = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   var showInput = allowOnFilter;
   var mounted = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   var styles = props.classes;
-  var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper, compressedBound && compressedBound > 0 && styles.compressedBoundWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
+  var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
   var renderResultContent = function renderResultContent(data, index, nodes) {
     if (checkUnMatched(data)) {
       var _data = data;
@@ -41494,6 +41504,7 @@ var result_Result = function Result(props) {
     data: result,
     datas: renderMultipleResult.datas,
     size: size,
+    more: moreNumber,
     compressed: compressed,
     renderCompressed: renderCompressed,
     compressedClassName: compressedClassName,
@@ -41523,27 +41534,15 @@ var result_Result = function Result(props) {
     }
     return result;
   };
-  var handleResetMore = function handleResetMore(valueLength) {
+  var handleResetMore = function handleResetMore() {
     if (!compressed) return;
     if (isCompressedBound()) return;
     if (removeLock.current) {
       removeLock.current = false;
       return;
     }
-
-    // why requestIdleCallback: 当选项数量远超容器承载能力时，延迟昂贵的DOM计算，在1000+选项时，同步的重新计算会导致INP超过1000ms
-    var hasExistingCompression = context.prevMore > 0;
-    var hasValidEstimate = context.maxMore > 0;
-    var exceedsCapacity = valueLength && valueLength > context.maxMore;
-    if (hasExistingCompression && hasValidEstimate && exceedsCapacity && typeof requestIdleCallback !== 'undefined') {
-      requestIdleCallback(function () {
-        setMore(-1);
-        setShouldResetMore(true);
-      });
-    } else {
-      setMore(-1);
-      setShouldResetMore(true);
-    }
+    setMore(-1);
+    setShouldResetMore(true);
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!focus && mounted.current) {
@@ -41598,7 +41597,7 @@ var result_Result = function Result(props) {
     }
   }, [focus, multiple]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
-    handleResetMore((valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) || 0);
+    handleResetMore();
   }, [valueProp, data]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // datum.getDataByValues(value); 需要等待 useTree useEffect  执行完毕 才能获取到
@@ -41609,7 +41608,7 @@ var result_Result = function Result(props) {
       var tagClassName = ".".concat(styles.tag.split(' ')[0]);
       if (shouldResetMore && result_isArray(value) && (value || []).length) {
         var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
-        context.prevMore = newMore;
+        prevMore.current = newMore;
         setMore(newMore);
         setShouldResetMore(false);
       } else {
@@ -41623,7 +41622,6 @@ var result_Result = function Result(props) {
     if (!resultRef.current) return;
     if (!compressed) return;
     if (isCompressedBound()) return;
-    context.maxMore = Math.floor(resultRef.current.clientWidth / 20);
     var cancelObserver = addResizeObserver(resultRef.current, handleResetMore, {
       direction: 'x'
     });
@@ -45269,7 +45267,6 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
         return getFormatValueArr(dateArr, props.formatResult);
       } else if (typeof props.formatResult === 'function') {
         return dateArr.map(function (item) {
-          if (!item) return '';
           return props.formatResult(item);
         });
       } else {
@@ -50834,9 +50831,6 @@ var useForm = function useForm(props) {
         context.names.delete(n);
         delete context.defaultValues[n];
       }
-      if (context.errors[n]) {
-        delete context.errors[n];
-      }
       var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
       if (!finalReserveAble && !context.removeLock) {
         addRemove(n);
@@ -55197,19 +55191,7 @@ var VirtualNode = function VirtualNode(props) {
     });
     if (onToggle) onToggle(id, nextExpanded);
   };
-  var getIndent = function getIndent() {
-    if (size === "large") {
-      if (line && level === 1) {
-        return 16;
-      }
-      return 32;
-    }
-    if (line && level === 1) {
-      return 8;
-    }
-    return 24;
-  };
-  var indent = getIndent();
+  var indent = size === "large" ? 32 : 24;
   var $indents;
   if (line) {
     $indents = Array.from({
@@ -57510,8 +57492,7 @@ var usePagination = function usePagination(props) {
     return objectSpread2_default()({}, mergedEventHandlers);
   };
   return {
-    // current,
-    current: currentProp !== undefined ? currentProp : current,
+    current: current,
     pageSize: pageSize,
     total: total,
     onChange: handleChange,
@@ -71659,7 +71640,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.5-beta.11'
+  version: '3.7.5-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;