frontend/src/views/components/element/hooks/useElementFill.ts

import type { PPTShapeElement } from '@/types/slides'
import { computed, type Ref } from 'vue'

// 计算元素的填充样式
export default (element: Ref<PPTShapeElement>, source: string) => {
  const fill = computed(() => {
    if (element.value.pattern) return `url(#${source}-pattern-${element.value.id})`
    if (element.value.gradient) return `url(#${source}-gradient-${element.value.id})`
    return element.value.fill || 'none'
  })

  return {
    fill,
  }
}