@jiujue/react-canvas-fiber 1.1.3 → 1.1.5

package/dist/index.cjs

@@ -1,19 +1,46 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
+var ReactDOM = require('react-dom');
 var load = require('yoga-layout/load');
 var jsxRuntime = require('react/jsx-runtime');
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
+
+var require$1 = (name) => {
+	if (name === 'react') return (React__namespace.default || React__namespace);
+	if (name === 'react-dom') return (ReactDOM__namespace.default || ReactDOM__namespace);
+	throw new Error('Dynamic require of "' + name + '" is not supported');
+};
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+var __require = /* @__PURE__ */ ((x) => typeof require$1 !== "undefined" ? require$1 : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require$1 !== "undefined" ? require$1 : a)[b]
 }) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
+  if (typeof require$1 !== "undefined") return require$1.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 var __commonJS = (cb, mod) => function __require2() {
@@ -21948,10 +21975,10 @@ function createCanvasRoot(canvas, options) {
   };
 }
 function Canvas(props) {
-  const canvasRef = react.useRef(null);
-  const rootRef = react.useRef(null);
+  const canvasRef = React.useRef(null);
+  const rootRef = React.useRef(null);
   const dpr = props.dpr ?? 1;
-  const canvasStyle = react.useMemo(
+  const canvasStyle = React.useMemo(
     () => ({
       width: props.width,
       height: props.height,
@@ -21961,7 +21988,7 @@ function Canvas(props) {
     }),
     [props.width, props.height, props.style]
   );
-  const dispatchPointer = react.useCallback(
+  const dispatchPointer = React.useCallback(
     (type, e) => {
       const canvas = canvasRef.current;
       const root = rootRef.current;
@@ -21988,7 +22015,7 @@ function Canvas(props) {
     },
     [props.width, props.height]
   );
-  const handleWheel = react.useCallback(
+  const handleWheel = React.useCallback(
     (e) => {
       const canvas = canvasRef.current;
       const root = rootRef.current;
@@ -22024,7 +22051,7 @@ function Canvas(props) {
     },
     [props.width, props.height]
   );
-  const handlePointerDown = react.useCallback(
+  const handlePointerDown = React.useCallback(
     (e) => {
       const canvas = canvasRef.current;
       if (canvas && typeof canvas.setPointerCapture === "function") {
@@ -22037,7 +22064,7 @@ function Canvas(props) {
     },
     [dispatchPointer]
   );
-  react.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const listener = (e) => {
@@ -22048,7 +22075,7 @@ function Canvas(props) {
       canvas.removeEventListener("wheel", listener);
     };
   }, [handleWheel]);
-  react.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     rootRef.current = createCanvasRoot(canvas, {
@@ -22075,7 +22102,7 @@ function Canvas(props) {
     props.lineHeight,
     dpr
   ]);
-  react.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     rootRef.current?.render(props.children ?? null);
   }, [props.children]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -22093,13 +22120,13 @@ function Canvas(props) {
   );
 }
 function View(props) {
-  return react.createElement("View", props);
+  return React.createElement("View", props);
 }
 function Rect(props) {
-  return react.createElement("Rect", props);
+  return React.createElement("Rect", props);
 }
 function Text(props) {
-  return react.createElement("Text", props);
+  return React.createElement("Text", props);
 }
 /*! Bundled license information: