Merge pull request #32 from cs-open/fix/bg

Fix/bg

Author: vaynevayne

README.md

@@ -293,6 +293,9 @@ function Toolbar() {
 
 ### 跨组件状态访问
 
+ReactFabricProvider 是一个上下文提供程序，允许您从组件树中的任何位置访问流的内部状态，例如子组件，甚至在 ReactFabric 之外 元件。它通常用于应用程序的顶层。
+在这种情况下，您可能需要使用 ReactFabricProvider 组件
+
 ```tsx
 import { ReactFabricProvider, useReactFabric } from '@cs-open/react-fabric'
 

packages/react/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cs-open/react-fabric
 
+## 0.0.14
+
+### Patch Changes
+
+- sas
+
 ## 0.0.13
 
 ### Patch Changes

packages/react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cs-open/react-fabric",
   "type": "module",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "React Fabric",
   "keywords": [
     "@cs-open/react-fabric",

packages/react/src/components/BackgroundImage/index.tsx

@@ -39,6 +39,7 @@ const BackgroundImage = forwardRef<Handle, BackgroundImageProps>(
     const backgroundImageRef = useRef<FabricImage | null>(null)
 
     const store = useStoreApi()
+    const newestSrcRef = useRef(src)
 
     const { width, height } = useStore(selector)
 
@@ -132,13 +133,14 @@ const BackgroundImage = forwardRef<Handle, BackgroundImageProps>(
       }
       const { domNode, setLoading } = store.getState()
       setLoading(true)
+      newestSrcRef.current = src
+
       FabricImage.fromURL(src, { crossOrigin: 'anonymous' })
         .then(imageSource => {
           onLoad?.(imageSource)
           const currentSrc = imageSource.getSrc()
-          const latestSrc = backgroundImageRef.current?.getSrc()
 
-          if (latestSrc && currentSrc !== latestSrc) {
+          if (currentSrc !== newestSrcRef.current) {
             return
           }
 

tooling/eslint-config/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cs-open/eslint-config
 
+## 0.0.11
+
+### Patch Changes
+
+- sas
+
 ## 0.0.10
 
 ### Patch Changes

tooling/eslint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cs-open/eslint-config",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "private": true,
   "license": "MIT",
   "exports": {

tooling/rollup-config/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cs-open/rollup-config
 
+## 0.0.11
+
+### Patch Changes
+
+- sas
+
 ## 0.0.10
 
 ### Patch Changes

tooling/rollup-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cs-open/rollup-config",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "private": true,
   "license": "MIT",
   "type": "module",

tooling/tsconfig/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cs-open/tsconfig
 
+## 0.0.11
+
+### Patch Changes
+
+- sas
+
 ## 0.0.10
 
 ### Patch Changes

tooling/tsconfig/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cs-open/tsconfig",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "private": true,
   "license": "MIT"
 }