shineout 3.6.4-beta.4 → 3.6.4-beta.5

package/cjs/index.js

@@ -514,5 +514,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.6.4-beta.4'
+  version: '3.6.4-beta.5'
 };

package/dist/shineout.js

@@ -12217,7 +12217,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.6.4-beta.4');
+/* harmony default export */ var version = ('3.6.4-beta.5');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -29986,19 +29986,6 @@ var usePopup = function usePopup(props) {
   };
 };
 /* harmony default export */ var use_popup = (usePopup);
-;// CONCATENATED MODULE: ../hooks/src/utils/attribute.ts
-var getDataAttribute = function getDataAttribute(attrs) {
-  return Object.keys(attrs).reduce(function (acc, key) {
-    var ns = "data-soui-".concat(key);
-    if (attrs[key] !== undefined) {
-      acc[ns] = attrs[key];
-    }
-    return acc;
-  }, {});
-};
-var getDataAttributeName = function getDataAttributeName(name) {
-  return "data-soui-".concat(name);
-};
 ;// CONCATENATED MODULE: ../hooks/src/utils/func.ts
 // 节流函数
 var throttle = function throttle(func, wait) {
@@ -30217,6 +30204,19 @@ var getFieldId = function getFieldId(name, formName) {
   if (!name) return undefined;
   return "".concat(formName ? "".concat(formName, "_") : '').concat(name);
 };
+;// CONCATENATED MODULE: ../hooks/src/utils/attribute.ts
+var getDataAttribute = function getDataAttribute(attrs) {
+  return Object.keys(attrs).reduce(function (acc, key) {
+    var ns = "data-soui-".concat(key);
+    if (attrs[key] !== undefined) {
+      acc[ns] = attrs[key];
+    }
+    return acc;
+  }, {});
+};
+var getDataAttributeName = function getDataAttributeName(name) {
+  return "data-soui-".concat(name);
+};
 ;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/get-position-style.ts
 
 var ReverseDir = {
@@ -30658,13 +30658,6 @@ var usePositionStyle = function usePositionStyle(config) {
         style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left - (offset ? offset[0] : 0);
         style.left = 'auto';
         style.transform = '';
-        if (adjust) {
-          overLeft = bodyRect.left - (rect.right - context.popUpWidth);
-          if (style.right < 0 && targetRect) {
-            style.left = bodyRect.width - targetRect.width;
-            style.right = 'auto';
-          }
-        }
       } else {
         // 居中对齐
         style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
@@ -31536,6 +31529,7 @@ var AbsoluteList = function AbsoluteList(props) {
 
 
 
+
 var emptyEvent = function emptyEvent(e) {
   return e.stopPropagation();
 };
@@ -31594,7 +31588,17 @@ var Popover = function Popover(props) {
     Provider = _usePopup.Provider,
     providerValue = _usePopup.providerValue;
   var events = getTargetProps();
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(0),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    updateKey = _React$useState2[0],
+    setUpdateKey = _React$useState2[1];
+  var handleUpdateKey = function handleUpdateKey() {
+    setUpdateKey(function (prev) {
+      return (prev + 1) % 2;
+    });
+  };
   var bindEvents = function bindEvents() {
+    var _window;
     var targetEl = targetRef.current;
     if (!targetEl) return;
     if (events.onMouseEnter) targetEl.addEventListener('mouseenter', events.onMouseEnter);
@@ -31604,8 +31608,14 @@ var Popover = function Popover(props) {
     if (trigger === 'hover' && props.clickToCancelDelay && props.mouseEnterDelay) {
       targetEl.addEventListener('click', closePop);
     }
+    (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
+    var scrollContainer = getClosestScrollContainer(targetEl);
+    if (scrollContainer) {
+      scrollContainer.addEventListener('scroll', handleUpdateKey);
+    }
   };
   var unbindEvents = function unbindEvents() {
+    var _window2;
     var targetEl = targetRef.current;
     if (!targetEl) return;
     var events = getTargetProps();
@@ -31613,6 +31623,11 @@ var Popover = function Popover(props) {
     if (events.onMouseLeave) targetEl.removeEventListener('mouseleave', events.onMouseLeave);
     if (events.onClick) targetEl.removeEventListener('click', events.onClick);
     targetEl.removeEventListener('click', closePop);
+    (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
+    var scrollContainer = getClosestScrollContainer(targetEl);
+    if (scrollContainer) {
+      scrollContainer.addEventListener('scroll', handleUpdateKey);
+    }
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     bindEvents();
@@ -31673,6 +31688,7 @@ var Popover = function Popover(props) {
     adjust: props.adjust,
     lazy: props.lazy,
     offset: props.offset,
+    updateKey: updateKey,
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       className: classnames_default()(className, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.rootClass, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapper, open && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapperOpen), !showArrow && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.hideArrow)),
       style: containerStyle
@@ -41897,6 +41913,7 @@ var validate = function validate(value, formData, rules, p) {
 
 
 
+
 var getValue = function getValue(name, formValue) {
   if (!name) return undefined;
   if (isArray(name)) {
@@ -41936,6 +41953,10 @@ function useFormControl(props) {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     errorState = _React$useState2[0],
     setErrorState = _React$useState2[1];
+  var _React$useRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef({
+      mounted: false
+    }),
+    context = _React$useRef.current;
   var value;
   var error = errorState;
   var inForm = false;
@@ -42095,7 +42116,11 @@ function useFormControl(props) {
       } else {
         controlFunc.bind(name, defaultValue, validateField, update);
       }
+      if (context.mounted) {
+        devUseWarning.warn('Please avoid modifying the name property after the component has mounted, as this may result in unintended behavior or errors.');
+      }
     }
+    context.mounted = true;
     return function () {
       if (inForm && controlFunc) {
         if (isArray(name)) {
@@ -49792,8 +49817,10 @@ var useForm = function useForm(props) {
         context.updateMap[n] = new Set();
       }
       context.updateMap[n].add(updateFn);
+      var shouldTriggerResetChange = context.removeArr.has(n);
       context.removeArr.delete(n);
-      if (df !== undefined && deepGet(context.value, n) === undefined) {
+      var shouldTriggerDefaultChange = df !== undefined && deepGet(context.value, n) === undefined;
+      if (shouldTriggerDefaultChange || shouldTriggerResetChange) {
         if (!context.mounted) context.defaultValues[n] = df;
         onChange(function (v) {
           deepSet(v, n, df, deepSetOptions);
@@ -50161,6 +50188,7 @@ var UseFormItem = function UseFormItem() {
 
 
 
+
 var tooltip_devUseWarning = devUseWarning;
 var defaultDelay = 0;
 var Tooltip = function Tooltip(props) {
@@ -50202,14 +50230,30 @@ var Tooltip = function Tooltip(props) {
     popupRef = _usePopup.popupRef,
     closePop = _usePopup.closePop;
   var events = getTargetProps();
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(0),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    updateKey = _React$useState2[0],
+    setUpdateKey = _React$useState2[1];
+  var handleUpdateKey = function handleUpdateKey() {
+    setUpdateKey(function (prev) {
+      return (prev + 1) % 2;
+    });
+  };
   var bindEvents = function bindEvents() {
+    var _window;
     var targetEl = targetRef.current;
     if (!targetEl) return;
     if (events.onMouseEnter) targetEl.addEventListener('mouseenter', events.onMouseEnter);
     if (events.onMouseLeave) targetEl.addEventListener('mouseleave', events.onMouseLeave);
     if (events.onClick) targetEl.addEventListener('click', events.onClick);
+    (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
+    var scrollContainer = getClosestScrollContainer(targetEl);
+    if (scrollContainer) {
+      scrollContainer.addEventListener('scroll', handleUpdateKey);
+    }
   };
   var unbindEvents = function unbindEvents() {
+    var _window2;
     var targetEl = targetRef.current;
     if (!targetEl) return;
     var events = getTargetProps();
@@ -50217,6 +50261,11 @@ var Tooltip = function Tooltip(props) {
     if (events.onMouseLeave) targetEl.removeEventListener('mouseleave', events.onMouseLeave);
     if (events.onClick) targetEl.removeEventListener('click', events.onClick);
     targetEl.removeEventListener('click', closePop);
+    (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
+    var scrollContainer = getClosestScrollContainer(targetEl);
+    if (scrollContainer) {
+      scrollContainer.addEventListener('scroll', handleUpdateKey);
+    }
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!persistent) return;
@@ -50260,6 +50309,7 @@ var Tooltip = function Tooltip(props) {
       popupGap: 0,
       zIndex: zIndex,
       adjust: popsitionProps === 'auto',
+      updateKey: updateKey,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
         className: classnames_default()(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.rootClass, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen)),
         style: {
@@ -69869,7 +69919,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.4-beta.4'
+  version: '3.6.4-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;