alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(components): add pattern-container slot to Background

Browse Source 
# What's changed?

* `pattern-container` allows for complete overwrite of the pattern of Background
This commit is contained in:
bcakmakoglu
2022-06-25 00:36:48 +02:00
committed by Braks
parent 0d5f9a5f0a
commit 89daa827f3
1 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/vue-flow/src/additional-components/Background/Background.vue
+3 -1
View File
@@ -60,6 +60,7 @@ export default {
width: `${width > 100 ? 100 : width}%`, width: `${width > 100 ? 100 : width}%`,
}" }"
> >
<slot :id="patternId" name="pattern-container">
<pattern <pattern
:id="patternId" :id="patternId"
:x="background.xOffset" :x="background.xOffset"
@@ -80,7 +81,8 @@ export default {
</svg> </svg>
</slot> </slot>
</pattern> </pattern>
</slot>
<rect :x="x" :y="y" width="100%" height="100%" :fill="`url(#${patternId})`" /> <rect :x="x" :y="y" width="100%" height="100%" :fill="`url(#${patternId})`" />
<slot></slot> <slot :id="patternId" />
</svg> </svg>
</template> </template>