1

2026-05-25 17:08:18 +08:00
parent df501f6151
commit f1259b71b5
9178 changed files with 1626125 additions and 0 deletions
@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _findDOMNode = require("@rc-component/util/lib/Dom/findDOMNode");
+var _useEvent = _interopRequireDefault(require("@rc-component/util/lib/hooks/useEvent"));
+var _useLayoutEffect = _interopRequireDefault(require("@rc-component/util/lib/hooks/useLayoutEffect"));
+var _ref = require("@rc-component/util/lib/ref");
+var _react = _interopRequireDefault(require("react"));
+var _useMutateObserver = _interopRequireDefault(require("./useMutateObserver"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const MutateObserver = props => {
+  const {
+    children,
+    options,
+    onMutate = () => {}
+  } = props;
+  const callback = (0, _useEvent.default)(onMutate);
+  const elementRef = _react.default.useRef(null);
+  const canRef = (0, _ref.supportNodeRef)(children);
+  const mergedRef = (0, _ref.useComposeRef)(elementRef, (0, _ref.getNodeRef)(children));
+  const [target, setTarget] = _react.default.useState(null);
+  (0, _useMutateObserver.default)(target, callback, options);
+
+  // =========================== Effect ===========================
+  (0, _useLayoutEffect.default)(() => {
+    // Set target based on the refs
+    if (canRef && elementRef.current) {
+      setTarget((0, _findDOMNode.getDOM)(elementRef.current));
+    }
+  }, [canRef]);
+
+  // =========================== Render ===========================
+  if (!children) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.error('MutationObserver need children props');
+    }
+    return null;
+  }
+  return canRef ? /*#__PURE__*/_react.default.cloneElement(children, {
+    ref: mergedRef
+  }) : children;
+};
+var _default = exports.default = MutateObserver;