shineout 3.8.0-beta.12 → 3.8.0-beta.14

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.8.0-beta.12'
+  version: '3.8.0-beta.14'
 };

package/dist/shineout.js

@@ -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.8.0-beta.12');
+/* harmony default export */ var version = ('3.8.0-beta.14');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -22450,6 +22450,26 @@ var tooltipAnimation = {
       transform: "var(--soui-popup-transform) scale(1)"
     }
   },
+  '@keyframes moveRightTop': {
+    '0%': {
+      transformOrigin: 'left top',
+      transform: "var(--soui-popup-transform) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'left top',
+      transform: "var(--soui-popup-transform) scale(1)"
+    }
+  },
+  '@keyframes moveRightBottom': {
+    '0%': {
+      transformOrigin: 'left bottom',
+      transform: "var(--soui-popup-transform) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'left bottom',
+      transform: "var(--soui-popup-transform) scale(1)"
+    }
+  },
   '@keyframes moveLeft': {
     '0%': {
       transformOrigin: 'right center',
@@ -22460,6 +22480,26 @@ var tooltipAnimation = {
       transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
+  '@keyframes moveLeftTop': {
+    '0%': {
+      transformOrigin: 'right top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'right top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
+  '@keyframes moveLeftBottom': {
+    '0%': {
+      transformOrigin: 'right bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'right bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
   '@keyframes moveTop': {
     '0%': {
       transformOrigin: 'center bottom',
@@ -22470,6 +22510,26 @@ var tooltipAnimation = {
       transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
+  '@keyframes moveTopLeft': {
+    '0%': {
+      transformOrigin: 'left bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'left bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
+  '@keyframes moveTopRight': {
+    '0%': {
+      transformOrigin: 'right bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'right bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
   '@keyframes moveBottom': {
     '0%': {
       transformOrigin: 'center top',
@@ -22479,6 +22539,26 @@ var tooltipAnimation = {
       transformOrigin: 'center top',
       transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
+  },
+  '@keyframes moveBottomLeft': {
+    '0%': {
+      transformOrigin: 'left top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'left top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
+  '@keyframes moveBottomRight': {
+    '0%': {
+      transformOrigin: 'right top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'right top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
   }
 };
 var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
@@ -22895,14 +22975,38 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     '&[data-soui-position^="bottom"]': {
       animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
     },
+    '&[data-soui-position^="bottom-left"]': {
+      animation: '$fadeIn 200ms ease, $moveBottomLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
+    '&[data-soui-position^="bottom-right"]': {
+      animation: '$fadeIn 200ms ease, $moveBottomRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
     '&[data-soui-position^="top"]': {
       animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     },
+    '&[data-soui-position^="top-left"]': {
+      animation: '$fadeIn 200ms ease, $moveTopLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
+    '&[data-soui-position^="top-right"]': {
+      animation: '$fadeIn 200ms ease, $moveTopRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
     '&[data-soui-position^="left"]': {
       animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     },
+    '&[data-soui-position^="left-top"]': {
+      animation: '$fadeIn 200ms ease, $moveLeftTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="left-bottom"]': {
+      animation: '$fadeIn 200ms ease, $moveLeftBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
     '&[data-soui-position^="right"]': {
       animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="right-top"]': {
+      animation: '$fadeIn 200ms ease, $moveRightTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="right-bottom"]': {
+      animation: '$fadeIn 200ms ease, $moveRightBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     }
   },
   arrow: {},
@@ -43141,7 +43245,8 @@ function useFormControl(props) {
     defaultValue = props.defaultValue,
     rules = props.rules,
     onError = props.onError,
-    getValidateProps = props.getValidateProps;
+    getValidateProps = props.getValidateProps,
+    clearToUndefined = props.clearToUndefined;
   var _useFieldSetConsumer = useFieldSetConsumer({
       name: props.name,
       bind: props.bind
@@ -43199,7 +43304,11 @@ function useFormControl(props) {
       var nextValue = [];
       name.forEach(function (n, index) {
         if (_value[index] === undefined && dv[index] !== undefined) {
-          nextValue[index] = dv[index];
+          if (clearToUndefined) {
+            nextValue[index] = undefined;
+          } else {
+            nextValue[index] = dv[index];
+          }
         } else {
           nextValue[index] = _value[index];
         }
@@ -43213,7 +43322,11 @@ function useFormControl(props) {
       }
       if (!shallowEqual(_value2, latestInfo.valueState)) {
         if (_value2 === undefined && defaultValue !== undefined) {
-          setValueState(defaultValue);
+          if (clearToUndefined) {
+            setValueState(undefined);
+          } else {
+            setValueState(defaultValue);
+          }
         } else {
           setValueState(_value2);
         }
@@ -43372,7 +43485,8 @@ var FormField = function FormField(props) {
     rules: props.rules,
     onError: props.onError,
     bind: props.bind,
-    getValidateProps: getValidateProps
+    getValidateProps: getValidateProps,
+    clearToUndefined: props.clearToUndefined
   });
   var handleChange = usePersistFn(function (value) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -50978,6 +51092,10 @@ var useForm = function useForm(props) {
     Object.keys(context.defaultValues).forEach(function (df) {
       var latestDefaultValue = getValue(df);
       if (latestDefaultValue === undefined) {
+        // todo: Form组件传了clearToUndefined时，加入这部分判断？
+        // if(context.value.hasOwnProperty(df) && clearToUndefined){
+        //   return;
+        // }
         setValue(defineProperty_default()({}, df, context.defaultValues[df]), {
           validate: false
         });
@@ -61285,23 +61403,6 @@ var sticky_cssSupport = cssSupport,
 var supportSticky = sticky_cssSupport('position', 'sticky');
 var defaultZIndex = 900;
 var events = ['scroll', 'pageshow', 'load', 'resize'];
-
-// const getFirstScrollParent = (el: HTMLElement) => {
-//   let parent = el.parentNode as HTMLElement;
-//   while (parent) {
-//     if (parent === document.body || parent === document.documentElement) {
-//       parent = document.body;
-//       break;
-//     }
-//     const { overflowY } = window.getComputedStyle(parent);
-//     if (overflowY === 'scroll' || overflowY === 'auto') {
-//       break;
-//     }
-//     parent = parent.parentNode as HTMLElement;
-//   }
-//   return parent;
-// };
-
 var Sticky = function Sticky(props) {
   if (props.target) {
     sticky_devUseWarning.deprecated('target', 'scrollContainer', 'Sticky');
@@ -61312,13 +61413,52 @@ var Sticky = function Sticky(props) {
   // 是否使用css sticky
   var css = (props.css || props.target) && supportSticky;
   var forceUpdate = useRender();
+  var elementRef = (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)({
       target: null,
       div: null,
       position: '',
       targetObserver: null,
       parentObserver: null,
-      fixedObserver: null
+      fixedObserver: null,
+      stoped: false,
+      stopStickyFn: function stopStickyFn(e) {
+        var target = e.target;
+        if (!target || typeof target.scrollTop !== 'number') return;
+        var stopStickyPoint = -1;
+        if (typeof props.stickyBoundary === 'number') {
+          stopStickyPoint = props.stickyBoundary;
+        } else if (typeof props.stickyBoundary === 'function') {
+          var stopStickyElement = props.stickyBoundary();
+          if (!stopStickyElement) return;
+          var stopStickyRect = stopStickyElement.getBoundingClientRect();
+          var targetRect = elementRef.current.getBoundingClientRect();
+          stopStickyPoint = stopStickyRect.bottom - targetRect.bottom;
+        }
+        if (stopStickyPoint < 0) return;
+        if (target.scrollTop > stopStickyPoint) {
+          if (context.stoped) return;
+          context.stoped = true;
+
+          // 把 div 移动到 target 内部，使用 absolute 定位跟随滚动
+          if (context.div && context.target) {
+            context.target.insertBefore(context.div, context.target.firstChild);
+            var paddingLeft = Number(window.getComputedStyle(context.target).paddingLeft.replace('px', '')) || 0;
+            var borderLeftWidth = Number(window.getComputedStyle(context.target).borderLeftWidth.replace('px', '')) || 0;
+            var left = paddingLeft + borderLeftWidth;
+            context.div.style.transform = "translate(-".concat(left, "px, ").concat(stopStickyPoint, "px)");
+          }
+        } else {
+          if (!context.stoped) return;
+          context.stoped = false;
+
+          // 恢复正常吸附模式：把 div 移动到 target 外部
+          if (context.div && context.target && context.target.parentNode) {
+            context.target.parentNode.insertBefore(context.div, context.target);
+          }
+          context.div.style.transform = 'none';
+        }
+      }
     }),
     context = _useRef.current;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({}),
@@ -61333,7 +61473,6 @@ var Sticky = function Sticky(props) {
     _useState6 = slicedToArray_default()(_useState5, 2),
     parentVisible = _useState6[0],
     setParentVisible = _useState6[1];
-  var elementRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var getTarget = function getTarget() {
     var scrollContainer = props.scrollContainer;
     if (typeof scrollContainer === 'string') {
@@ -61512,6 +61651,10 @@ var Sticky = function Sticky(props) {
       context.targetObserver.disconnect();
       context.targetObserver = null;
     }
+    if (props.stickyBoundary) {
+      var _context$target;
+      (_context$target = context.target) === null || _context$target === void 0 || _context$target.removeEventListener('scroll', context.stopStickyFn);
+    }
   };
   var createObserver = function createObserver() {
     if (!context.div) {
@@ -61536,6 +61679,9 @@ var Sticky = function Sticky(props) {
         }
       }
       cancelFixedObserver();
+      if (props.stickyBoundary) {
+        context.target.addEventListener('scroll', context.stopStickyFn);
+      }
       if (window.IntersectionObserver) {
         var observer = new IntersectionObserver(handleTargetPosition, {
           root: context.target,
@@ -71890,7 +72036,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.0-beta.12'
+  version: '3.8.0-beta.14'
 });
 }();
 /******/ 	return __webpack_exports__;