shineout 3.10.2 → 3.10.3-beta.2

package/cjs/index.js

@@ -545,5 +545,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.10.2'
+  version: '3.10.3-beta.2'
 };

package/dist/shineout.js

@@ -13736,7 +13736,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.10.2');
+/* harmony default export */ var version = ('3.10.3-beta.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -32937,7 +32937,8 @@ var addResizeObserver = function addResizeObserver(el, handler) {
       }
       if (options.lazy && el.getAttribute('data-observer-hidden') === 'true') {
         el.removeAttribute('data-observer-hidden');
-        return;
+        // 隐藏前已测量过有效尺寸才跳过；初始化即隐藏（如父容器 display:none）的元素首次可见时需要触发回调
+        if (lastWidth || lastHeight) return;
       }
       if (width && direction === 'x') {
         if (lastWidth !== width) {
@@ -54453,6 +54454,47 @@ var SchemaBuilder = /*#__PURE__*/function () {
   }]);
   return SchemaBuilder;
 }();
+;// CONCATENATED MODULE: ../hooks/src/components/use-form/flow-guard.ts
+
+
+/**
+ * 为 Form.Flow 的更新函数加一层守卫：只有 Flow 关心的值发生变化时才触发更新。
+ *
+ * 依赖数据按 immutable 方式更新（结构共享）：值没变引用就不变，因此可以用引用比较判断。
+ * - 不带 names（globalKey）：对表单根对象做浅比较
+ * - 带 names：逐个比较对应路径的值
+ *
+ * 守卫以 updateFn 为 key 缓存，Flow 因 names 引用变化而重复 watch 时快照不丢失。
+ * 首次通知没有快照，一律放行（Flow 渲染到挂载 watch 之间值可能已变化）。
+ */
+var createFlowGuard = function createFlowGuard(getFormValue, globalKey) {
+  var guards = new WeakMap();
+  return function (names, updateFn) {
+    var guard = guards.get(updateFn);
+    if (!guard) {
+      var g = {
+        names: names,
+        snapshot: undefined,
+        fn: function fn() {
+          var formValue = getFormValue();
+          var next = g.names.map(function (n) {
+            return n === globalKey ? formValue : deepGet(formValue, n);
+          });
+          var prev = g.snapshot;
+          var same = !!prev && prev.length === next.length && next.every(function (v, i) {
+            return g.names[i] === globalKey ? shallow_equal_shallowEqual(prev[i], v) : prev[i] === v;
+          });
+          g.snapshot = next;
+          if (!same) updateFn();
+        }
+      };
+      guard = g;
+      guards.set(updateFn, g);
+    }
+    guard.names = names;
+    return guard.fn;
+  };
+};
 ;// CONCATENATED MODULE: ../hooks/src/components/use-form/use-form.ts
 
 
@@ -54467,6 +54509,7 @@ var SchemaBuilder = /*#__PURE__*/function () {
 
 
 
+
 var globalKey = '__global__&&@@';
 var SUBMIT_TIMEOUT = 10;
 var RESET_TIMEOUT = 500;
@@ -54497,7 +54540,9 @@ var useForm = function useForm(props) {
     scrollParent = props.scrollParent,
     isControl = props.isControl,
     _props$validateTrigge = props.validateTrigger,
-    validateTrigger = _props$validateTrigge === void 0 ? 'change' : _props$validateTrigge;
+    validateTrigger = _props$validateTrigge === void 0 ? 'change' : _props$validateTrigge,
+    _props$deepClone = props.deepClone,
+    shouldDeepClone = _props$deepClone === void 0 ? true : _props$deepClone;
   var deepSetOptions = {
     removeUndefined: removeUndefined,
     forceSet: true
@@ -54513,7 +54558,8 @@ var useForm = function useForm(props) {
       removeArr: new Set(),
       names: new Set(),
       submitLock: false,
-      value: deepClone(props.value) || emptyObj,
+      // deepClone 为 false 时跳过全量深拷贝，与外部 value 共享引用（依赖 immer 不可变更新）
+      value: (shouldDeepClone ? deepClone(props.value) : props.value) || emptyObj,
       errors: {},
       serverErrors: {},
       lastValue: props.value || emptyObj,
@@ -54648,6 +54694,13 @@ var useForm = function useForm(props) {
       }
     });
   });
+
+  // deepClone 为 false 时，Flow 仅在其关心的值变化时才更新（见 flow-guard.ts）
+  var getFlowGuard = external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo(function () {
+    return createFlowGuard(function () {
+      return context.value;
+    }, globalKey);
+  }, []);
   var update = function update(name) {
     var _context$flowMap$glob;
     if (!name) {
@@ -55054,9 +55107,10 @@ var useForm = function useForm(props) {
     watch: function watch() {
       var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [globalKey];
       var updateFn = arguments.length > 1 ? arguments[1] : undefined;
+      var fn = shouldDeepClone ? updateFn : getFlowGuard(names, updateFn);
       names.forEach(function (name) {
         context.flowMap[name] = context.flowMap[name] || new Set();
-        context.flowMap[name].add(updateFn);
+        context.flowMap[name].add(fn);
       });
     },
     unWatch: function unWatch() {
@@ -55064,7 +55118,7 @@ var useForm = function useForm(props) {
       var updateFn = arguments.length > 1 ? arguments[1] : undefined;
       names.forEach(function (name) {
         if (updateFn) {
-          context.flowMap[name].delete(updateFn);
+          context.flowMap[name].delete(shouldDeepClone ? updateFn : getFlowGuard(names, updateFn));
         } else {
           delete context.flowMap[name];
         }
@@ -55111,7 +55165,7 @@ var useForm = function useForm(props) {
   }, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size, formName, colon, validateTrigger]);
   var updateValue = function updateValue() {
     if (props.value !== context.lastValue && props.value !== context.value) {
-      context.value = deepClone(props.value) || emptyObj;
+      context.value = (shouldDeepClone ? deepClone(props.value) : props.value) || emptyObj;
     }
     context.lastValue = props.value;
   };
@@ -70706,8 +70760,6 @@ function Table(props) {
   };
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       emptyHeight: 0,
-      theadHeight: 0,
-      tfootHeight: 0,
       scrollingTimer: null
     }),
     context = _useRef.current;
@@ -70859,16 +70911,19 @@ function Table(props) {
     onChange: inputableData.onChange,
     disabled: props.disabled
   });
+  var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState8 = slicedToArray_default()(_useState7, 2),
+    theadHeight = _useState8[0],
+    setTheadHeight = _useState8[1];
+  var _useState9 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState10 = slicedToArray_default()(_useState9, 2),
+    tfootHeight = _useState10[0],
+    setTfootHeight = _useState10[1];
   var handleTheadAndTfootHeight = usePersistFn(function () {
     var _theadRef$current, _tfootRef$current;
-    var theadHeight = (theadRef === null || theadRef === void 0 || (_theadRef$current = theadRef.current) === null || _theadRef$current === void 0 ? void 0 : _theadRef$current.clientHeight) || 0;
-    var tfootHeight = ((_tfootRef$current = tfootRef.current) === null || _tfootRef$current === void 0 ? void 0 : _tfootRef$current.clientHeight) || 0;
-    if (props.sticky) {
-      context.tfootHeight = tfootHeight;
-    } else {
-      context.theadHeight = theadHeight;
-      context.tfootHeight = tfootHeight;
-    }
+    // sticky 时表头由 Sticky 单独渲染，不计入虚拟列表高度
+    if (!props.sticky) setTheadHeight(((_theadRef$current = theadRef.current) === null || _theadRef$current === void 0 ? void 0 : _theadRef$current.clientHeight) || 0);
+    setTfootHeight(((_tfootRef$current = tfootRef.current) === null || _tfootRef$current === void 0 ? void 0 : _tfootRef$current.clientHeight) || 0);
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     handleTheadAndTfootHeight();
@@ -70907,8 +70962,8 @@ function Table(props) {
     innerRef: tbodyRef,
     scrollLeft: props.scrollLeft,
     isRtl: isRtl,
-    theadHeight: context.theadHeight,
-    tfootHeight: context.tfootHeight,
+    theadHeight: theadHeight,
+    tfootHeight: tfootHeight,
     virtualScrollContainer: props.virtualScrollContainer,
     tableRef: tableRef,
     externalStickyHeader: !!props.virtualScrollContainer && !!props.sticky
@@ -80157,7 +80212,7 @@ var watermark_interface = __webpack_require__(6640);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.10.2'
+  version: '3.10.3-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;