foliko 1.1.8 → 1.1.9

package/.agent/plugins/poster-plugin/src/components/progressCircle.js

@@ -1,117 +0,0 @@
-/**
- * 环形进度条组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建环形进度条组件
- */
-function createProgressCircle(project, canvas, params) {
-  const {
-    cx,
-    cy,
-    radius,
-    value,
-    strokeWidth = 10,
-    trackColor = '#e5e7eb',
-    fillColor = '#3b82f6',
-    backgroundColor,
-    showLabel = true,
-    labelColor,
-    startAngle = -90
-  } = params
-
-  const elements = []
-
-  // 绘制背景圆（可选）
-  if (backgroundColor) {
-    const bgCircle = new paper.Path.Circle({
-      center: [cx, cy],
-      radius: radius + strokeWidth / 2
-    })
-    bgCircle.fillColor = new paper.Color(backgroundColor)
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(bgCircle)
-    }
-    elements.push({ type: 'path', id: bgCircle.id })
-  }
-
-  // 绘制轨道（背景环）
-  const trackCircle = new paper.Path.Circle({
-    center: [cx, cy],
-    radius: radius
-  })
-  trackCircle.fillColor = null
-  trackCircle.strokeColor = new paper.Color(trackColor)
-  trackCircle.strokeWidth = strokeWidth
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(trackCircle)
-  }
-  elements.push({ type: 'path', id: trackCircle.id })
-
-  // 绘制进度弧线
-  if (value > 0 && value <= 100) {
-    const percentage = value / 100
-    const arcAngle = percentage * 360
-    
-    // 转换为弧度
-    const startRad = startAngle * Math.PI / 180
-    const endRad = (startAngle + arcAngle) * Math.PI / 180
-
-    // 创建进度弧线路径
-    const progressArc = new paper.Path()
-    
-    // 添加起点
-    progressArc.moveTo(
-      cx + radius * Math.cos(startRad),
-      cy + radius * Math.sin(startRad)
-    )
-    
-    // 添加弧线上的点（用多个点模拟圆弧）
-    const segments = 36
-    const angleStep = (endRad - startRad) / segments
-    for (let i = 1; i <= segments; i++) {
-      const angle = startRad + angleStep * i
-      progressArc.lineTo(
-        cx + radius * Math.cos(angle),
-        cy + radius * Math.sin(angle)
-      )
-    }
-
-    progressArc.strokeColor = new paper.Color(fillColor)
-    progressArc.strokeWidth = strokeWidth
-    progressArc.strokeCap = 'round'
-
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(progressArc)
-    }
-    elements.push({ type: 'path', id: progressArc.id })
-  }
-
-  // 绘制标签文字
-  if (showLabel) {
-    const textColor = labelColor || fillColor
-    const fontSize = Math.min(Math.max(Math.round(radius * 0.35), 12), 48)
-    const label = new paper.PointText({
-      point: [cx, cy + fontSize * 0.35],
-      content: `${Math.round(value)}%`,
-      fontSize: fontSize,
-      fillColor: new paper.Color(textColor),
-      justification: 'center',
-      fontWeight: 'bold'
-    })
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(label)
-    }
-    elements.push({ type: 'text', id: label.id })
-  }
-
-  return {
-    success: true,
-    elements,
-    type: 'progressCircle'
-  }
-}
-
-module.exports = createProgressCircle

package/.agent/plugins/poster-plugin/src/components/qrcode.js

@@ -1,74 +0,0 @@
-/**
- * 二维码组件 - 本地生成
- */
-
-const paper = require('paper')
-const QRCode = require('qrcode')
-
-/**
- * 创建二维码
- */
-async function createQRCode(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    size = 200,
-    content = '',
-    color = '#000000',
-    backgroundColor = '#ffffff',
-    logo,
-    logoSize,
-    opacity = 1,
-  } = args
-
-  try {
-    // 生成 QR 码图片
-    const qrDataUrl = await QRCode.toDataURL(content, {
-      width: size,
-      margin: 2,
-      color: {
-        dark: color,
-        light: backgroundColor,
-      },
-    })
-
-    // 使用 imageLoader 加载
-    const { loadImageAsRaster } = require('../utils/imageLoader')
-    const { raster } = await loadImageAsRaster(project, qrDataUrl, { x, y, width: size, height: size }, opacity)
-    const items = [raster]
-
-    // 添加logo
-    if (logo) {
-      const ls = logoSize || size * 0.2
-      const { raster: logoRaster } = await loadImageAsRaster(project, logo, {
-        x: x + (size - ls) / 2,
-        y: y + (size - ls) / 2,
-        width: ls,
-        height: ls
-      }, opacity)
-
-      // 添加白色背景
-      const logoBg = new paper.Path.Rectangle({
-        point: [x + (size - ls) / 2 - 5, y + (size - ls) / 2 - 5],
-        size: [ls + 10, ls + 10],
-        fillColor: new paper.Color(backgroundColor),
-        radius: 4,
-      })
-      logoBg.sendToBack()
-      items.push(logoRaster)
-    }
-
-    return {
-      success: true,
-      type: 'qrcode',
-      items: items.map(i => i.id),
-    }
-  } catch (err) {
-    return {
-      success: false,
-      error: `Failed to generate QR code: ${err.message}`,
-    }
-  }
-}
-
-module.exports = createQRCode

package/.agent/plugins/poster-plugin/src/components/quote.js

@@ -1,169 +0,0 @@
-/**
- * 引用块组件 - 支持自动换行
- */
-
-const paper = require('paper')
-const { getFontFallbackChain } = require('../fonts')
-
-/**
- * 手动实现文本自动换行
- */
-function wrapText(text, maxWidth, fontSize, font) {
-  if (!maxWidth || maxWidth <= 0) return [text]
-  
-  const tempText = new paper.PointText({
-    fontSize,
-    fontFamily: font,
-  })
-  
-  const lines = []
-  const paragraphs = text.split('\n')
-  
-  for (let p = 0; p < paragraphs.length; p++) {
-    let currentLine = ''
-    const paragraph = paragraphs[p]
-    let i = 0
-    
-    while (i < paragraph.length) {
-      // 尝试获取下一个字符
-      let char = paragraph[i]
-      let testLine = currentLine + char
-      
-      tempText.content = testLine
-      let testWidth = tempText.bounds.width
-      
-      // 如果加上下一个字符超过宽度
-      if (testWidth > maxWidth && currentLine.length > 0) {
-        lines.push(currentLine)
-        currentLine = char
-      } else {
-        currentLine = testLine
-      }
-      i++
-    }
-    
-    if (currentLine.length > 0) {
-      lines.push(currentLine)
-    }
-  }
-  
-  tempText.remove()
-  return lines
-}
-
-/**
- * 创建引用块
- * 
- * @param {Object} project - Paper.js 项目
- * @param {Object} canvas - 画布对象
- * @param {Object} args - 组件参数
- * @param {number} args.x - X坐标
- * @param {number} args.y - Y坐标
- * @param {number} args.width - 宽度
- * @param {string} args.text - 引用文字
- * @param {string} args.author - 作者
- * @param {string} args.background - 背景色
- * @param {string} args.borderColor - 左边框颜色
- * @param {number} args.borderWidth - 左边框宽度
- * @param {number} args.padding - 内边距
- * @param {number} args.radius - 圆角半径
- * @param {string} args.textColor - 文字颜色
- * @param {string} args.authorColor - 作者颜色
- * @param {number} args.fontSize - 字体大小
- */
-function createQuote(project, canvas, args) {
-  const {
-    x, y,
-    width = 400,
-    text,
-    author,
-    background = '#f8fafc',
-    borderColor = '#6366f1',
-    borderWidth = 4,
-    padding = 20,
-    radius = 8,
-    textColor = '#1e293b',
-    authorColor = '#64748b',
-    fontSize = 18,
-    fontFamily,
-  } = args
-
-  // 获取字体回退链
-  const quoteFont = getFontFallbackChain(fontFamily, text || '').join(', ')
-
-  const elements = []
-  
-  // 计算文本换行
-  const textPadding = padding + 30 // 左边距 + 引号宽度
-  const maxTextWidth = width - textPadding - padding
-  const textLines = wrapText(text, maxTextWidth, fontSize, quoteFont)
-  const lineHeight = fontSize * 1.5
-  const textBlockHeight = textLines.length * lineHeight
-  
-  // 计算背景高度
-  const authorHeight = author ? fontSize * 1.5 : 0
-  const totalHeight = padding * 2 + textBlockHeight + authorHeight
-  const minHeight = 80
-  const finalHeight = Math.max(totalHeight, minHeight)
-
-  // 绘制背景
-  const bg = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [width, finalHeight],
-    radius: radius,
-  })
-  bg.fillColor = new paper.Color(background)
-  elements.push({ type: 'rectangle', id: bg.id })
-
-  // 绘制左边框
-  const border = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [borderWidth, finalHeight],
-  })
-  border.fillColor = new paper.Color(borderColor)
-  elements.push({ type: 'rectangle', id: border.id })
-
-  // 绘制引用符号
-  const quoteMark = new paper.PointText({
-    point: [x + padding + 10, y + padding + fontSize],
-    content: '"',
-    fontSize: fontSize * 2,
-    fontFamily: quoteFont,
-    fillColor: new paper.Color(borderColor),
-    justification: 'left',
-  })
-  elements.push({ type: 'text', id: quoteMark.id })
-
-  // 绘制引用文字（多行）
-  textLines.forEach((line, index) => {
-    const lineY = y + padding + fontSize + index * lineHeight
-    const quoteText = new paper.PointText({
-      point: [x + padding + 30, lineY],
-      content: line,
-      fontSize: fontSize,
-      fontFamily: quoteFont,
-      fillColor: new paper.Color(textColor),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: quoteText.id })
-  })
-
-  // 绘制作者
-  if (author) {
-    const authorY = y + padding + textBlockHeight + fontSize * 1.3
-    const authorFont = getFontFallbackChain(fontFamily, author).join(', ')
-    const authorText = new paper.PointText({
-      point: [x + padding, authorY],
-      content: `— ${author}`,
-      fontSize: fontSize * 0.85,
-      fontFamily: authorFont,
-      fillColor: new paper.Color(authorColor),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: authorText.id })
-  }
-
-  return { success: true, elements }
-}
-
-module.exports = createQuote

package/.agent/plugins/poster-plugin/src/components/rating.js

@@ -1,85 +0,0 @@
-/**
- * 星级评分组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建星级评分
- * 
- * @param {Object} project - Paper.js 项目
- * @param {Object} canvas - 画布对象
- * @param {Object} args - 组件参数
- * @param {number} args.x - X坐标
- * @param {number} args.y - Y坐标
- * @param {number} args.value - 评分值 0-5
- * @param {number} args.max - 最大值，默认5
- * @param {number} args.size - 星星大小
- * @param {string} args.filledColor - 填充颜色
- * @param {string} args.emptyColor - 空心颜色
- * @param {number} args.gap - 星星间距
- */
-function createRating(project, canvas, args) {
-  const {
-    x, y,
-    value = 4,
-    max = 5,
-    size = 24,
-    filledColor = '#fbbf24',
-    emptyColor = '#e5e7eb',
-    gap = 4,
-  } = args
-
-  const elements = []
-
-  for (let i = 0; i < max; i++) {
-    const starX = x + i * (size + gap)
-    const filled = i < Math.floor(value)
-    const partial = !filled && i < value
-
-    // 绘制星星（使用多边形）
-    const star = createStar(project, starX + size / 2, y + size / 2, size / 2, size / 4, 5)
-    star.fillColor = new paper.Color(partial ? filledColor : emptyColor)
-    star.opacity = partial ? value - Math.floor(value) : 1
-    elements.push({ type: 'polygon', id: star.id })
-
-    if (partial) {
-      // 半星效果用填充色覆盖一半
-      const halfStar = createStar(project, starX + size / 2, y + size / 2, size / 2, size / 4, 5)
-      const clipPath = new paper.Path.Rectangle({
-        point: [starX, y],
-        size: [size / 2, size],
-      })
-      halfStar.fillColor = new paper.Color(filledColor)
-      halfStar.opacity = 1
-      elements.push({ type: 'polygon', id: halfStar.id })
-    }
-  }
-
-  return {
-    success: true,
-    elements,
-    value,
-  }
-}
-
-/**
- * 创建星星形状
- */
-function createStar(project, cx, cy, outerRadius, innerRadius, points) {
-  const star = new paper.Path()
-  const step = Math.PI / points
-
-  for (let i = 0; i < 2 * points; i++) {
-    const radius = i % 2 === 0 ? outerRadius : innerRadius
-    const angle = i * step - Math.PI / 2
-    const x = cx + Math.cos(angle) * radius
-    const y = cy + Math.sin(angle) * radius
-    star.add(new paper.Point(x, y))
-  }
-
-  star.closed = true
-  return star
-}
-
-module.exports = createRating

package/.agent/plugins/poster-plugin/src/components/ribbon.js

@@ -1,197 +0,0 @@
-/**
- * 丝带/飘带组件
- */
-
-const paper = require('paper')
-const { getFontFallbackChain, validateFont } = require('../fonts')
-
-/**
- * 创建丝带
- */
-function createRibbon(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    width = 300,
-    text = '',
-    fontSize = 28,
-    fontFamily,
-    color = '#ffffff',
-    backgroundColor = '#e74c3c',
-    borderColor,
-    borderWidth = 2,
-    shadow,
-    position = 'top', // top, bottom, left, right
-    style = 'fold', // fold, diagonal, corner
-    opacity = 1,
-  } = args
-
-  const items = []
-
-  // 获取字体回退链
-  const ribbonFont = getFontFallbackChain(fontFamily, text).join(', ')
-
-  if (style === 'diagonal') {
-    // 对角丝带
-    const diagonalLength = Math.sqrt(width ** 2 + 60 ** 2)
-    const angle = Math.atan2(60, width) * 180 / Math.PI
-
-    const ribbon = new paper.Path.Rectangle({
-      point: [x, y],
-      size: [diagonalLength, 60],
-      radius: 4,
-      fillColor: new paper.Color(backgroundColor),
-    })
-    ribbon.rotate(angle, new paper.Point(x, y))
-
-    if (borderColor) {
-      ribbon.strokeColor = new paper.Color(borderColor)
-      ribbon.strokeWidth = borderWidth
-    }
-
-    if (shadow) {
-      ribbon.shadowColor = new paper.Color(shadow.color || '#000000')
-      ribbon.shadowBlur = shadow.blur || 8
-      ribbon.shadowOffset = new paper.Point(shadow.offsetX || 3, shadow.offsetY || 3)
-    }
-
-    if (opacity !== 1) ribbon.opacity = opacity
-    items.push(ribbon)
-
-    // 文字
-    const textItem = new paper.PointText({
-      point: [x + diagonalLength / 2, y + 60 / 2 + fontSize / 3],
-      content: text,
-      fontSize,
-      fontFamily: ribbonFont,
-      fillColor: new paper.Color(color),
-      justification: 'center',
-    })
-    textItem.rotate(angle, new paper.Point(x + diagonalLength / 2, y + 60 / 2))
-
-    if (opacity !== 1) textItem.opacity = opacity
-    items.push(textItem)
-
-  } else if (style === 'corner') {
-    // 角落丝带
-    const ribbonWidth = width
-    const ribbonHeight = 50
-
-    // 主丝带
-    const ribbon = new paper.Path.Rectangle({
-      point: [x, y],
-      size: [ribbonWidth, ribbonHeight],
-      fillColor: new paper.Color(backgroundColor),
-    })
-
-    if (borderColor) {
-      ribbon.strokeColor = new paper.Color(borderColor)
-      ribbon.strokeWidth = borderWidth
-    }
-
-    if (shadow) {
-      ribbon.shadowColor = new paper.Color(shadow.color || '#000000')
-      ribbon.shadowBlur = shadow.blur || 8
-      ribbon.shadowOffset = new paper.Point(shadow.offsetX || 3, shadow.offsetY || 3)
-    }
-
-    if (opacity !== 1) ribbon.opacity = opacity
-    items.push(ribbon)
-
-    // 折叠部分
-    const foldSize = 20
-    const fold = new paper.Path()
-    fold.add(new paper.Point(x, y + ribbonHeight))
-    fold.add(new paper.Point(x, y + ribbonHeight + foldSize))
-    fold.add(new paper.Point(x + foldSize, y + ribbonHeight))
-    fold.closed = true
-    fold.fillColor = new paper.Color(backgroundColor).multiply(0.8)
-
-    if (borderColor) {
-      fold.strokeColor = new paper.Color(borderColor)
-      fold.strokeWidth = borderWidth
-    }
-
-    if (opacity !== 1) fold.opacity = opacity
-    items.push(fold)
-
-    // 文字
-    const cornerTextItem = new paper.PointText({
-      point: [x + ribbonWidth / 2, y + ribbonHeight / 2 + fontSize / 3],
-      content: text,
-      fontSize,
-      fontFamily: ribbonFont,
-      fillColor: new paper.Color(color),
-      justification: 'center',
-    })
-
-    if (opacity !== 1) cornerTextItem.opacity = opacity
-    items.push(cornerTextItem)
-
-  } else {
-    // 折叠丝带 (默认)
-    const ribbonHeight = 50
-
-    // 主丝带
-    const ribbon = new paper.Path.Rectangle({
-      point: [x, y],
-      size: [width, ribbonHeight],
-      fillColor: new paper.Color(backgroundColor),
-    })
-
-    if (borderColor) {
-      ribbon.strokeColor = new paper.Color(borderColor)
-      ribbon.strokeWidth = borderWidth
-    }
-
-    if (shadow) {
-      ribbon.shadowColor = new paper.Color(shadow.color || '#000000')
-      ribbon.shadowBlur = shadow.blur || 8
-      ribbon.shadowOffset = new paper.Point(shadow.offsetX || 3, shadow.offsetY || 3)
-    }
-
-    if (opacity !== 1) ribbon.opacity = opacity
-    items.push(ribbon)
-
-    // 左右折叠三角
-    const foldSize = 15
-    const leftFold = new paper.Path()
-    leftFold.add(new paper.Point(x, y))
-    leftFold.add(new paper.Point(x - foldSize, y - foldSize))
-    leftFold.add(new paper.Point(x, y - foldSize))
-    leftFold.closed = true
-    leftFold.fillColor = new paper.Color(backgroundColor).multiply(0.8)
-    if (opacity !== 1) leftFold.opacity = opacity
-    items.push(leftFold)
-
-    const rightFold = new paper.Path()
-    rightFold.add(new paper.Point(x + width, y))
-    rightFold.add(new paper.Point(x + width + foldSize, y - foldSize))
-    rightFold.add(new paper.Point(x + width, y - foldSize))
-    rightFold.closed = true
-    rightFold.fillColor = new paper.Color(backgroundColor).multiply(0.8)
-    if (opacity !== 1) rightFold.opacity = opacity
-    items.push(rightFold)
-
-    // 文字
-    const foldTextItem = new paper.PointText({
-      point: [x + width / 2, y + ribbonHeight / 2 + fontSize / 3],
-      content: text,
-      fontSize,
-      fontFamily: ribbonFont,
-      fillColor: new paper.Color(color),
-      justification: 'center',
-    })
-
-    if (opacity !== 1) foldTextItem.opacity = opacity
-    items.push(foldTextItem)
-  }
-
-  return {
-    success: true,
-    type: 'ribbon',
-    items: items.map(i => i.id),
-  }
-}
-
-module.exports = createRibbon