jvs-ppt-ui 0.0.14 → 0.0.16

package/src/utils/canvas/elementStyles.ts

@@ -26,6 +26,14 @@ export function getSlideBackgroundCss(bg: any): string {
       return '#ffffff'
     }
     if (trimmed.startsWith('url(')) {
+      const closeParenIdx = trimmed.lastIndexOf(')')
+      const afterUrl = closeParenIdx >= 0 ? trimmed.slice(closeParenIdx + 1).trim() : ''
+      if (!afterUrl) {
+        if (trimmed.includes('data:image/svg+xml')) {
+          return `#ffffff ${trimmed} left top / auto repeat`
+        }
+        return `#ffffff ${trimmed} center center / 100% 100% no-repeat`
+      }
       return `#ffffff ${trimmed}`
     }
     return trimmed
@@ -34,7 +42,17 @@ export function getSlideBackgroundCss(bg: any): string {
   if (bg.background && typeof bg.background === 'string') {
     const trimmed = bg.background.trim()
     if (trimmed && trimmed !== 'none' && trimmed !== 'transparent') {
-      if (trimmed.startsWith('url(')) return `#ffffff ${trimmed}`
+      if (trimmed.startsWith('url(')) {
+        const closeParenIdx = trimmed.lastIndexOf(')')
+        const afterUrl = closeParenIdx >= 0 ? trimmed.slice(closeParenIdx + 1).trim() : ''
+        if (!afterUrl) {
+          if (trimmed.includes('data:image/svg+xml')) {
+            return `#ffffff ${trimmed} left top / auto repeat`
+          }
+          return `#ffffff ${trimmed} center center / 100% 100% no-repeat`
+        }
+        return `#ffffff ${trimmed}`
+      }
       return trimmed
     }
   }
@@ -200,6 +218,28 @@ export function getElementPattern(el: any): string | undefined {
   return `data:image/png;base64,${str}`
 }
 
+export function isElementPatternTile(el: any): boolean {
+  const p = getElementPattern(el)
+  if (!p) return false
+  return p.startsWith('data:image/svg+xml') || Boolean(el?.patternType || el?.style?.patternType)
+}
+
+export function getElementPatternTileSize(el: any): { w: number; h: number } {
+  const p = getElementPattern(el)
+  if (!p || !p.startsWith('data:image/svg+xml')) return { w: 12, h: 12 }
+  let decoded = p
+  try {
+    decoded = decodeURIComponent(p)
+  } catch {
+    decoded = p.replace(/%22/g, '"').replace(/%27/g, "'")
+  }
+  const wMatch = decoded.match(/width=['"](\d+(?:\.\d+)?)['"]/)
+  const hMatch = decoded.match(/height=['"](\d+(?:\.\d+)?)['"]/)
+  const w = wMatch ? parseFloat(wMatch[1]) : 12
+  const h = hMatch ? parseFloat(hMatch[1]) : 12
+  return { w: w > 0 ? w : 12, h: h > 0 ? h : 12 }
+}
+
 export interface GradientColorStop {
   pos: number | string
   color: string
@@ -468,6 +508,7 @@ export function getElementFill(el: any): string | undefined {
 export function hasElementFill(el: any): boolean {
   if (!el) return false
   if (getElementPattern(el)) return true
+  if ((el.pattern && el.pattern.trim() !== '') || (el.style?.pattern && el.style.pattern.trim() !== '')) return true
   if (getElementGradientConfig(el)) return true
   const fill = getElementFill(el)
   if (fill === undefined) {