shineout 3.4.5-beta.5 → 3.4.5-beta.7

package/cjs/index.js

@@ -492,5 +492,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.4.5-beta.5'
+  version: '3.4.5-beta.7'
 };

package/dist/shineout.js

@@ -11984,7 +11984,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.4.5-beta.5');
+/* harmony default export */ var version = ('3.4.5-beta.7');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -22280,7 +22280,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       minWidth: 12,
       maxWidth: '100%',
       // flex: 1,
-      width: 12,
+      // width: 12,
       overflow: 'hidden',
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
@@ -30707,6 +30707,7 @@ var Spin = function Spin(props) {
     render = props.render,
     sizeProps = props.size,
     className = props.className,
+    uniqueClassName = props.uniqueClassName,
     jssStyle = props.jssStyle;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle);
   var config = useConfig();
@@ -30721,7 +30722,7 @@ var Spin = function Spin(props) {
     width: size,
     height: size
   }, props.style);
-  var classname = classnames_default()(className, styles === null || styles === void 0 ? void 0 : styles.spin);
+  var classname = classnames_default()(className, styles === null || styles === void 0 ? void 0 : styles.spin, uniqueClassName);
   if (count < 1 || !render) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       style: style,
@@ -30819,7 +30820,7 @@ var spins_Default = function Default(props) {
   var sizeSet = Math.ceil(value / 12.5) + unit;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin4 = jssStyle.spin) === null || _jssStyle$spin4 === void 0 ? void 0 : _jssStyle$spin4.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
-    className: spinStyles.default,
+    uniqueClassName: spinStyles.default,
     count: 12,
     itemStyle: {
       width: sizeSet,
@@ -30834,7 +30835,7 @@ var ChasingDots = function ChasingDots(props) {
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin5 = jssStyle.spin) === null || _jssStyle$spin5 === void 0 ? void 0 : _jssStyle$spin5.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 2,
-    className: spinStyles.chasingDots,
+    uniqueClassName: spinStyles.chasingDots,
     render: renderSvgItem
   }));
 };
@@ -30844,7 +30845,7 @@ var CubeGrid = function CubeGrid(props) {
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin6 = jssStyle.spin) === null || _jssStyle$spin6 === void 0 ? void 0 : _jssStyle$spin6.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 9,
-    className: spinStyles.cubeGrid,
+    uniqueClassName: spinStyles.cubeGrid,
     render: renderSimpleItem
   }));
 };
@@ -30854,7 +30855,7 @@ var DoubleBounce = function DoubleBounce(props) {
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin7 = jssStyle.spin) === null || _jssStyle$spin7 === void 0 ? void 0 : _jssStyle$spin7.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 2,
-    className: spinStyles.doubleBounce,
+    uniqueClassName: spinStyles.doubleBounce,
     render: renderSimpleItem
   }));
 };
@@ -30870,7 +30871,7 @@ var FadingCircle = function FadingCircle(props) {
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin8 = jssStyle.spin) === null || _jssStyle$spin8 === void 0 ? void 0 : _jssStyle$spin8.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 12,
-    className: spinStyles.fadingCircle,
+    uniqueClassName: spinStyles.fadingCircle,
     itemSize: itemSize,
     itemClass: classnames_default()(spinStyles.fade),
     render: renderSvgItem
@@ -30888,7 +30889,7 @@ var ScaleCircle = function ScaleCircle(props) {
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin9 = jssStyle.spin) === null || _jssStyle$spin9 === void 0 ? void 0 : _jssStyle$spin9.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 12,
-    className: spinStyles.fadingCircle,
+    uniqueClassName: spinStyles.fadingCircle,
     itemSize: itemSize,
     itemClass: classnames_default()(spinStyles.scaleCircle),
     render: renderSvgItem
@@ -30900,7 +30901,7 @@ var FourDots = function FourDots(props) {
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin10 = jssStyle.spin) === null || _jssStyle$spin10 === void 0 ? void 0 : _jssStyle$spin10.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 4,
-    className: spinStyles.fourDots,
+    uniqueClassName: spinStyles.fourDots,
     render: renderSvgItem
   }));
 };
@@ -30915,7 +30916,7 @@ var Plane = function Plane(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 0,
     style: style,
-    className: spinStyles.plane
+    uniqueClassName: spinStyles.plane
   }));
 };
 var Pulse = function Pulse(props) {
@@ -30929,7 +30930,7 @@ var Pulse = function Pulse(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 0,
     style: style,
-    className: spinStyles.pulse
+    uniqueClassName: spinStyles.pulse
   }));
 };
 var Ring = function Ring(props) {
@@ -30954,7 +30955,7 @@ var Ring = function Ring(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 0,
     style: style,
-    className: spinStyles.ring
+    uniqueClassName: spinStyles.ring
   }));
 };
 var ThreeBounce = function ThreeBounce(props) {
@@ -30973,7 +30974,7 @@ var ThreeBounce = function ThreeBounce(props) {
       width: value * 2 + unit,
       height: 'auto'
     },
-    className: spinStyles.threeBounce,
+    uniqueClassName: spinStyles.threeBounce,
     render: renderSvgItem
   }));
 };
@@ -31000,7 +31001,7 @@ var Wave = function Wave(props) {
       marginRight: margin
     },
     count: 5,
-    className: spinStyles.wave,
+    uniqueClassName: spinStyles.wave,
     render: renderSimpleItem
   }));
 };
@@ -31023,7 +31024,7 @@ var ChasingRing = function ChasingRing(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 4,
     itemStyle: style,
-    className: spinStyles.chasingRing,
+    uniqueClassName: spinStyles.chasingRing,
     render: renderSimpleItem
   }));
 };
@@ -31107,7 +31108,8 @@ var spin_Spin = function Spin() {
       var Comp = spins[n];
       return /*#__PURE__*/(0,jsx_runtime.jsx)(Comp, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
         color: color,
-        style: style
+        style: style,
+        className: !tip ? className : undefined
       }));
     }
     return null;
@@ -32114,72 +32116,6 @@ var card_group_jssStyle = {
     jssStyle: card_group_jssStyle
   }, props));
 });
-;// CONCATENATED MODULE: ../hooks/src/common/use-in-view/use-in-view.ts
-
-
-var useInView = function useInView() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var elementRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
-    _useState2 = slicedToArray_default()(_useState, 2),
-    isInView = _useState2[0],
-    setIsInView = _useState2[1];
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
-    _useState4 = slicedToArray_default()(_useState3, 2),
-    wasInView = _useState4[0],
-    setWasInView = _useState4[1];
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    var element = elementRef.current;
-    if (!element) return;
-    if (typeof window === 'undefined' || !window.IntersectionObserver) {
-      setIsInView(true);
-      setWasInView(true);
-      return;
-    }
-    var observer = new IntersectionObserver(function (_ref) {
-      var _ref2 = slicedToArray_default()(_ref, 1),
-        entry = _ref2[0];
-      var inView = entry.isIntersecting;
-      setIsInView(inView);
-      if (inView) {
-        setWasInView(true);
-        // 如果设置了 once 选项，且元素已经出现过，则取消观察
-        if (options.once) {
-          observer.disconnect();
-        }
-      }
-    }, {
-      root: options.root || null,
-      rootMargin: options.rootMargin || '0px',
-      threshold: options.threshold || 0
-    });
-    observer.observe(element);
-    return function () {
-      observer.disconnect();
-    };
-  }, [options.root, options.rootMargin, options.threshold, options.once]);
-  return {
-    ref: elementRef,
-    isInView: isInView,
-    wasInView: wasInView
-  };
-};
-/* harmony default export */ var use_in_view = (useInView);
-
-// 使用示例
-// const Example = () => {
-//   const { ref, isInView } = useInView({
-//     threshold: 0.5,
-//     rootMargin: '50px',
-//     once: true
-//   });
-
-//   return (
-//     <div ref={ref}>
-//       {isInView ? '元素在视窗中' : '元素不在视窗中'}
-//     </div>
-//   );
-// };
 ;// CONCATENATED MODULE: ../hooks/src/utils/uid.ts
 function generateUUID() {
   var c = crypto || typeof window !== 'undefined' && window.crypto; // 获取加密库
@@ -32266,12 +32202,15 @@ function getObserver(obj, id) {
     container = _obj$container === void 0 ? null : _obj$container,
     offset = obj.offset,
     render = obj.render,
+    offscreen = obj.offscreen,
     noRemove = obj.noRemove;
   var observer = new IntersectionObserver(function (entries) {
     entries.forEach(function (en) {
       if (en.isIntersecting || en.intersectionRatio > 0) {
         render();
         if (!noRemove) removeStack(id);
+      } else {
+        offscreen && offscreen();
       }
     });
   }, {
@@ -32335,7 +32274,7 @@ var Lazyload = function Lazyload(props) {
       lazyload_removeStack(lazyId);
     };
   }, []);
-  if (ready && props.isInView) return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+  if (ready) return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
     children: props.children
   });
   return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -34156,25 +34095,11 @@ var CheckboxWithContext = function CheckboxWithContext(props) {
 
 
 
-
-
 var Item = function Item(props) {
   var _props$jssStyle, _props$jssStyle$cardG;
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(CardGroupContext),
     container = _useContext.container;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$cardG = _props$jssStyle.cardGroup) === null || _props$jssStyle$cardG === void 0 ? void 0 : _props$jssStyle$cardG.call(_props$jssStyle);
-  var _useInView = use_in_view({
-      root: container,
-      rootMargin: "".concat(props.lazyLoadOffset || (container === null || container === void 0 ? void 0 : container.clientHeight) || 100, "px")
-    }),
-    itemRef = _useInView.ref,
-    itemIsInView = _useInView.isInView,
-    wasInView = _useInView.wasInView;
-  var isInView = props.placeholder ? itemIsInView : true;
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
-    _useState2 = slicedToArray_default()(_useState, 2),
-    itemHeight = _useState2[0],
-    setItemHeight = _useState2[1];
   var handleChange = usePersistFn(function (_, checked) {
     if (props.onChange) props.onChange(checked, props.value);
   });
@@ -34184,7 +34109,6 @@ var Item = function Item(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(lazyload, {
       container: container,
       placeholder: props.placeholder,
-      isInView: isInView,
       children: content
     });
   };
@@ -34199,26 +34123,9 @@ var Item = function Item(props) {
       className: classes === null || classes === void 0 ? void 0 : classes.checkbox
     })]
   });
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
-    if (isInView) {
-      var _itemRef$current;
-      setItemHeight(((_itemRef$current = itemRef.current) === null || _itemRef$current === void 0 ? void 0 : _itemRef$current.offsetHeight) || 0);
-    }
-  }, [isInView]);
-  var hiddenStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    return !isInView && wasInView && itemHeight ? {
-      height: itemHeight,
-      overflow: 'hidden',
-      visibility: isInView ? 'visible' : 'hidden'
-    } : undefined;
-  }, [isInView, itemHeight]);
-  var itemStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    return hiddenStyle ? objectSpread2_default()(objectSpread2_default()({}, props.style), hiddenStyle) : props.style;
-  }, [hiddenStyle, props.style]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    ref: itemRef,
     className: cls,
-    style: itemStyle,
+    style: props.style,
     children: renderChildren(content)
   });
 };
@@ -36548,12 +36455,13 @@ var CascaderNode = function CascaderNode(props) {
     var checked = datum.getChecked(id);
     handleChange(null, !checked);
   };
+  var isHoverAble = expandTrigger === 'hover' || expandTrigger === 'hover-only';
   var getEvents = function getEvents() {
     var events = {};
     if (expandTrigger !== 'hover-only' || !hasChildren) {
       if (!isDisabled || props.mode === 4) events.onClick = handleClick;
     }
-    if (expandTrigger === 'hover' || expandTrigger === 'hover-only') {
+    if (isHoverAble) {
       events.onMouseEnter = handlePathChange;
       if (multiple) events.onClick = handleSelect;
     }
@@ -36599,7 +36507,7 @@ var CascaderNode = function CascaderNode(props) {
         className: styles.optionCheckbox,
         checked: datum.getChecked(id),
         disabled: isDisabled,
-        onChange: handleChange
+        onChange: isHoverAble && multiple ? undefined : handleChange
       }), renderContent(), renderIcon()]
     })
   }));
@@ -47568,10 +47476,17 @@ var useImage = function useImage() {
           offset: typeof lazy === 'number' ? lazy : 0,
           element: elementRef.current,
           render: markToRender,
+          offscreen: function offscreen() {
+            setStatus(PLACEHOLDER);
+          },
+          noRemove: props.inViewOnly,
           container: typeof container === 'string' ? document.querySelector(container) : container
         });
       }
     }
+    return function () {
+      if (lazyId) removeStack(lazyId);
+    };
   }, [src]);
   return {
     src: src,
@@ -54779,15 +54694,15 @@ var radio_group_Group = function Group(props0) {
     }
     return content;
   }, []);
-  var providerValue = {
+  var providerValue = objectSpread2_default()(objectSpread2_default()({
     checked: isChecked,
     onChange: handleItemChange,
-    disabled: disabled,
     renderRadio: renderRadio
-  };
-  if (size !== undefined) {
-    providerValue.size = size;
-  }
+  }, size !== undefined && {
+    size: size
+  }), disabled !== undefined && {
+    disabled: disabled
+  });
   var groupClass = classnames_default()(className, radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.group, !!block && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.groupBlock), !!button && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.groupButton));
   var Radios = props.data === undefined ? /*#__PURE__*/(0,jsx_runtime.jsx)(radio_group_context.Provider, {
     value: providerValue,
@@ -65411,7 +65326,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.5-beta.5'
+  version: '3.4.5-beta.7'
 });
 }();
 /******/ 	return __webpack_exports__;