foliko 1.1.8 → 1.1.9

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

@@ -1,71 +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.size - 头像大小
- * @param {string} args.src - 图片路径（可选，不提供则显示首字母）
- * @param {string} args.initials - 首字母（无图片时显示）
- * @param {string} args.background - 背景色
- * @param {string} args.border - 边框颜色
- * @param {number} args.borderWidth - 边框宽度
- * @param {string} args.color - 文字颜色
- */
-function createAvatar(project, canvas, args) {
-  const {
-    x, y,
-    size = 80,
-    src,
-    initials,
-    background = '#6366f1',
-    border,
-    borderWidth = 0,
-    color = '#ffffff',
-  } = args
-
-  const elements = []
-  const radius = size / 2
-
-  // 绘制圆形背景
-  const circle = new paper.Path.Circle({
-    center: [x, y],
-    radius: radius,
-  })
-  circle.fillColor = new paper.Color(background)
-
-  if (border) {
-    circle.strokeColor = new paper.Color(border)
-    circle.strokeWidth = borderWidth
-  }
-
-  elements.push({ type: 'circle', id: circle.id })
-
-  // 如果没有图片，显示首字母
-  if (!src && initials) {
-    const text = new paper.PointText({
-      point: [x, y + size / 6],
-      content: initials.charAt(0).toUpperCase(),
-      fontSize: size * 0.4,
-      fillColor: new paper.Color(color),
-      justification: 'center',
-    })
-    elements.push({ type: 'text', id: text.id })
-  }
-
-  return {
-    success: true,
-    elements,
-    size,
-  }
-}
-
-module.exports = createAvatar

package/.agent/plugins/poster-plugin/src/components/badge.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 {string} args.text - 徽章文字
- * @param {string} args.background - 背景色
- * @param {string} args.color - 文字颜色
- * @param {string} args.border - 边框颜色
- * @param {number} args.fontSize - 字体大小
- * @param {string} args.align - 对齐方式: left, center, right
- * @param {number} args.padding - 内边距
- * @param {number} args.radius - 圆角半径
- */
-function createBadge(project, canvas, args) {
-  const {
-    x, y,
-    text,
-    background = '#007bff',
-    color = '#ffffff',
-    border,
-    fontSize = 18,
-    align = 'center',
-    padding = 15,
-    radius = 4,
-  } = args
-
-  const elements = []
-
-  // 计算文字宽度（估算）
-  const textWidth = text.length * fontSize * 0.6
-  const badgeWidth = textWidth + padding * 2
-  const badgeHeight = fontSize + padding * 2
-
-  // 计算X位置
-  let badgeX = x
-  if (align === 'center') {
-    badgeX = x - badgeWidth / 2
-  } else if (align === 'right') {
-    badgeX = x - badgeWidth
-  }
-
-  // 绘制徽章背景
-  const badge = new paper.Path.Rectangle({
-    point: [badgeX, y],
-    size: [badgeWidth, badgeHeight],
-    radius: radius,
-  })
-  badge.fillColor = new paper.Color(background)
-
-  if (border) {
-    badge.strokeColor = new paper.Color(border)
-    badge.strokeWidth = 1
-  }
-
-  elements.push({ type: 'rectangle', id: badge.id })
-
-  // 绘制文字
-  const badgeText = new paper.PointText({
-    point: [badgeX + badgeWidth / 2, y + badgeHeight / 2 + fontSize / 3],
-    content: text,
-    fontSize: fontSize,
-    fillColor: new paper.Color(color),
-    justification: 'center',
-  })
-  elements.push({ type: 'text', id: badgeText.id })
-
-  return {
-    success: true,
-    elements,
-    width: badgeWidth,
-    height: badgeHeight,
-  }
-}
-
-module.exports = createBadge

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

@@ -1,123 +0,0 @@
-/**
- * 条形码组件 - 静态图片
- */
-
-const paper = require('paper')
-const { loadImageAsRaster, downloadImage } = require('../utils/imageLoader')
-const { getFontFallbackChain, validateFont } = require('../fonts')
-
-/**
- * 创建条形码
- */
-async function createBarcode(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    width = 300,
-    height = 100,
-    content = '1234567890',
-    showText = true,
-    textColor = '#000000',
-    fontSize = 16,
-    opacity = 1,
-  } = args
-
-  // 内容太短或像URL，回退到简单条形码
-  if (content.length < 8 || content.startsWith('http')) {
-    return createSimpleBarcode(project, { x, y, width, height, content, showText, textColor, fontSize, opacity })
-  }
-
-  try {
-    const barcodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=${width}x${height}&data=${encodeURIComponent(content)}&format=png`
-    const { raster } = await loadImageAsRaster(project, barcodeUrl, { x, y, width, height }, opacity)
-    const items = [raster]
-
-    // 文字
-    if (showText) {
-      const barcodeFont = getFontFallbackChain('monospace', content).join(', ')
-      const textItem = new paper.PointText({
-        point: [x + width / 2, y + height + fontSize + 5],
-        content: content,
-        fontSize,
-        fontFamily: barcodeFont,
-        fillColor: new paper.Color(textColor),
-        justification: 'center',
-      })
-      if (opacity !== 1) textItem.opacity = opacity
-      items.push(textItem)
-    }
-
-    return {
-      success: true,
-      type: 'barcode',
-      items: items.map(i => i.id),
-    }
-  } catch (err) {
-    // 回退到简单条形码
-    return createSimpleBarcode(project, { x, y, width, height, content, showText, textColor, fontSize, opacity })
-  }
-}
-
-/**
- * 创建简单的条形码（使用线条绘制）
- */
-function createSimpleBarcode(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    width = 300,
-    height = 80,
-    content = '123456',
-    color = '#000000',
-    showText = true,
-    textColor = '#000000',
-    fontSize = 14,
-    opacity = 1,
-  } = args
-
-  const items = []
-  const barHeight = showText ? height - 25 : height
-  const barWidth = width / (content.length * 15)
-
-  // 生成简单的条形图案
-  for (let i = 0; i < content.length; i++) {
-    const charCode = content.charCodeAt(i)
-    const density = (charCode % 3) + 1
-
-    for (let d = 0; d < density; d++) {
-      const isWide = (charCode + d) % 2 === 0
-      const barW = isWide ? barWidth * 2 : barWidth
-
-      const bar = new paper.Path.Rectangle({
-        point: [x + (i * density + d) * barWidth, y],
-        size: [barW * 0.8, barHeight],
-        fillColor: new paper.Color(color),
-      })
-      if (opacity !== 1) bar.opacity = opacity
-      items.push(bar)
-    }
-  }
-
-  // 文字
-  if (showText) {
-    const simpleBarcodeFont = getFontFallbackChain('monospace', content).join(', ')
-    const textItem = new paper.PointText({
-      point: [x + width / 2, y + barHeight + fontSize + 3],
-      content: content,
-      fontSize,
-      fontFamily: simpleBarcodeFont,
-      fillColor: new paper.Color(textColor),
-      justification: 'center',
-    })
-    if (opacity !== 1) textItem.opacity = opacity
-    items.push(textItem)
-  }
-
-  return {
-    success: true,
-    type: 'barcode',
-    items: items.map(i => i.id),
-  }
-}
-
-module.exports = createBarcode

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

@@ -1,154 +0,0 @@
-/**
- * 对话气泡组件
- */
-
-const paper = require('paper')
-const { getFontFallbackChain, validateFont } = require('../fonts')
-
-/**
- * 创建对话气泡
- */
-function createBubble(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    width = 300,
-    height = 100,
-    text = '',
-    fontSize = 24,
-    fontFamily,
-    color = '#000000',
-    backgroundColor = '#ffffff',
-    borderColor,
-    borderWidth = 1,
-    radius = 20,
-    tailDirection = 'bottom', // bottom, top, left, right
-    tailPosition = 'left', // left, center, right
-    shadow,
-    opacity = 1,
-  } = args
-
-  const items = []
-
-  // 气泡主体
-  const bubbleX = tailDirection === 'left' ? x + 15 : x
-  const bubbleY = tailDirection === 'top' ? y + 15 : y
-  const bubbleWidth = tailDirection === 'left' ? width - 15 : width
-  const bubbleHeight = tailDirection === 'top' ? height - 15 : height
-
-  const bgOpts = {
-    point: [bubbleX, bubbleY],
-    size: [bubbleWidth, bubbleHeight],
-    radius: radius,
-  }
-
-  if (borderColor) {
-    bgOpts.strokeColor = new paper.Color(borderColor)
-    bgOpts.strokeWidth = borderWidth
-  }
-
-  const bg = new paper.Path.Rectangle(bgOpts)
-  bg.fillColor = new paper.Color(backgroundColor)
-
-  if (shadow) {
-    bg.shadowColor = new paper.Color(shadow.color || '#000000')
-    bg.shadowBlur = shadow.blur || 10
-    bg.shadowOffset = new paper.Point(shadow.offsetX || 3, shadow.offsetY || 3)
-  }
-
-  if (opacity !== 1) bg.opacity = opacity
-  items.push(bg)
-
-  // 气泡尾巴
-  const tailSize = 20
-  let tailX, tailY, tailRotation
-
-  // 计算尾巴位置
-  switch (tailDirection) {
-    case 'bottom':
-      tailY = bubbleY + bubbleHeight - 5
-      if (tailPosition === 'left') tailX = bubbleX + 30
-      else if (tailPosition === 'right') tailX = bubbleX + bubbleWidth - 30
-      else tailX = bubbleX + bubbleWidth / 2
-      tailRotation = 0
-      break
-    case 'top':
-      tailY = bubbleY + 5
-      if (tailPosition === 'left') tailX = bubbleX + 30
-      else if (tailPosition === 'right') tailX = bubbleX + bubbleWidth - 30
-      else tailX = bubbleX + bubbleWidth / 2
-      tailRotation = 180
-      break
-    case 'left':
-      tailX = bubbleX + 5
-      if (tailPosition === 'left') tailY = bubbleY + 30
-      else if (tailPosition === 'right') tailY = bubbleY + bubbleHeight - 30
-      else tailY = bubbleY + bubbleHeight / 2
-      tailRotation = 90
-      break
-    case 'right':
-      tailX = bubbleX + bubbleWidth - 5
-      if (tailPosition === 'left') tailY = bubbleY + 30
-      else if (tailPosition === 'right') tailY = bubbleY + bubbleHeight - 30
-      else tailY = bubbleY + bubbleHeight / 2
-      tailRotation = 270
-      break
-  }
-
-  const tail = new paper.Path()
-  tail.add(new paper.Point(tailX - tailSize, tailY))
-  tail.add(new paper.Point(tailX, tailY + tailSize * 0.7))
-  tail.add(new paper.Point(tailX, tailY - tailSize * 0.7))
-  tail.closed = true
-  tail.fillColor = new paper.Color(backgroundColor)
-  if (borderColor) {
-    tail.strokeColor = new paper.Color(borderColor)
-    tail.strokeWidth = borderWidth
-  }
-  tail.rotate(tailRotation, new paper.Point(tailX, tailY))
-
-  if (opacity !== 1) tail.opacity = opacity
-  items.push(tail)
-
-  // 文字
-  const padding = 25
-  const textItem = new paper.PointText({
-    point: [bubbleX + padding, bubbleY + bubbleHeight / 2 + fontSize / 3],
-    content: text,
-    fontSize,
-    fontFamily: getFontFallbackChain(fontFamily, text).join(', '),
-    fillColor: new paper.Color(color),
-    justification: tailPosition === 'left' ? 'left' : tailPosition === 'right' ? 'right' : 'center',
-  })
-
-  // 限制文字宽度
-  const maxTextWidth = bubbleWidth - padding * 2
-  if (textItem.bounds.width > maxTextWidth) {
-    textItem.justification = 'left'
-    const charsPerLine = Math.floor((text.length * maxTextWidth) / textItem.bounds.width)
-    // 简单换行处理
-    let lines = []
-    let currentLine = ''
-    for (const char of text) {
-      currentLine += char
-      const testText = new paper.PointText({ content: currentLine, fontSize, fontFamily: getFontFallbackChain(fontFamily, currentLine).join(', ') })
-      if (testText.bounds.width > maxTextWidth) {
-        lines.push(currentLine.slice(0, -1))
-        currentLine = char
-      }
-    }
-    if (currentLine) lines.push(currentLine)
-    textItem.content = lines.join('\n')
-  }
-
-  if (opacity !== 1) textItem.opacity = opacity
-  items.push(textItem)
-
-  return {
-    success: true,
-    type: 'bubble',
-    items: items.map(i => i.id),
-  }
-}
-
-module.exports = createBubble

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

@@ -1,168 +0,0 @@
-/**
- * 按钮组件
- */
-
-const paper = require('paper')
-const { loadImageAsRaster } = require('../utils/imageLoader')
-const { getFontFallbackChain, validateFont } = require('../fonts')
-
-/**
- * 创建按钮
- */
-async function createButton(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    width: customWidth,  // 重命名为 customWidth
-    height = 60,
-    text = '按钮',
-    fontSize = 24,
-    fontFamily,
-    color = '#ffffff',
-    backgroundColor = '#3b82f6',
-    borderColor,
-    borderWidth = 0,
-    radius = 8,
-    shadow,
-    gradient,
-    icon,
-    iconPosition = 'left',
-    opacity = 1,
-    padding = 30,  // 内边距
-  } = args
-
-  // 使用字符数估算文本宽度（参考 CTA 组件的方式）
-  const textStr = String(text || '')
-  const chineseChars = (textStr.match(/[\u4e00-\u9fa5]/g) || []).length
-  const otherChars = textStr.length - chineseChars
-  // 中文约1.0倍，英文/数字约0.5倍字体大小
-  const textWidth = chineseChars * fontSize * 1.0 + otherChars * fontSize * 0.5
-
-  // 图标宽度
-  const iconWidth = icon ? Math.min(height * 0.5, fontSize) + 8 : 0
-
-  // 计算最终宽度：如果没有指定宽度，则根据内容计算
-  const finalWidth = customWidth || (textWidth + padding * 2 + iconWidth)
-
-  // 创建按钮背景
-  const bg = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [finalWidth, height],
-    radius: radius,
-  })
-
-  // 边框
-  if (borderColor) {
-    bg.strokeColor = new paper.Color(borderColor)
-    bg.strokeWidth = borderWidth
-  }
-
-  // 渐变或纯色填充
-  if (gradient && gradient.colors && gradient.colors.length > 1) {
-    const colors = gradient.colors.map(c => new paper.Color(c))
-    bg.fillColor = new paper.Color({
-      gradient: { stops: colors },
-      origin: bg.bounds.topLeft,
-      destination: bg.bounds.bottomLeft,
-    })
-  } else {
-    bg.fillColor = new paper.Color(backgroundColor)
-  }
-
-  // 阴影
-  if (shadow && typeof shadow === 'object') {
-    try {
-      if (shadow.color) bg.shadowColor = new paper.Color(shadow.color)
-      bg.shadowBlur = shadow.blur || 10
-      bg.shadowOffset = new paper.Point(shadow.offsetX || 0, shadow.offsetY || 4)
-    } catch (e) {
-      // 忽略阴影错误
-    }
-  }
-
-  if (opacity !== 1) {
-    bg.opacity = opacity
-  }
-
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(bg)
-  }
-
-  const elements = [{ type: 'rectangle', id: bg.id }]
-
-  // 文字居中 x 坐标
-  const textX = x + finalWidth / 2
-
-  // 添加图标
-  if (icon) {
-    const iconSize = Math.min(height * 0.5, fontSize)
-    const iconY = y + height / 2 + iconSize / 3
-
-    if (icon.startsWith('http') || icon.startsWith('data:')) {
-      // URL图片图标
-      const iconX = iconPosition === 'left' 
-        ? x + padding 
-        : x + finalWidth - padding - iconSize
-      
-      const { raster } = await loadImageAsRaster(project, icon, {
-        x: iconX,
-        y: y + (height - iconSize) / 2,
-        width: iconSize,
-        height: iconSize
-      }, opacity)
-      
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(raster)
-      }
-      elements.push({ type: 'raster', id: raster.id })
-    } else {
-      // Emoji 或文本图标
-      const iconX = iconPosition === 'left' 
-        ? x + padding + iconSize / 2 
-        : x + finalWidth - padding - iconSize / 2
-      
-      const iconText = new paper.PointText({
-        point: [iconX, iconY],
-        content: icon,
-        fontSize: iconSize,
-        justification: 'center',
-      })
-      if (opacity !== 1) iconText.opacity = opacity
-      
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(iconText)
-      }
-      elements.push({ type: 'text', id: iconText.id })
-    }
-  }
-
-  // 添加文字
-  const textY = y + height / 2 + fontSize / 3
-  const buttonText = new paper.PointText({
-    point: [textX, textY],
-    content: textStr,
-    fontSize: fontSize,
-    fontFamily: getFontFallbackChain(fontFamily, textStr).join(', '),
-    fillColor: new paper.Color(color),
-    justification: 'center',
-  })
-
-  if (opacity !== 1) {
-    buttonText.opacity = opacity
-  }
-
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(buttonText)
-  }
-  elements.push({ type: 'text', id: buttonText.id })
-
-  return {
-    success: true,
-    type: 'button',
-    elements,
-    width: finalWidth,
-    height: height,
-  }
-}
-
-module.exports = createButton

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

@@ -1,88 +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.width - 卡片宽度
- * @param {number} args.height - 卡片高度
- * @param {string} args.background - 背景色
- * @param {string} args.border - 边框颜色
- * @param {number} args.borderWidth - 边框宽度
- * @param {number} args.radius - 圆角半径
- * @param {string} args.title - 标题文字
- * @param {number} args.titleSize - 标题字体大小
- * @param {string} args.titleColor - 标题颜色
- * @param {string} args.subtitle - 副标题
- * @param {number} args.subtitleSize - 副标题字体大小
- * @param {string} args.subtitleColor - 副标题颜色
- * @param {number} args.padding - 内边距
- */
-function createCard(project, canvas, args) {
-  const {
-    x, y, width, height,
-    background, border, borderWidth, radius,
-    title, titleSize, titleColor,
-    subtitle, subtitleSize, subtitleColor,
-    padding = 20,
-  } = args
-
-  const elements = []
-
-  // 绘制卡片背景
-  const card = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [width, height],
-    radius: radius || 0,
-  })
-
-  if (background) {
-    card.fillColor = new paper.Color(background)
-  } else {
-    card.fillColor = new paper.Color('#ffffff')
-  }
-
-  if (border) {
-    card.strokeColor = new paper.Color(border)
-    card.strokeWidth = borderWidth || 1
-  }
-
-  elements.push({ type: 'rectangle', id: card.id })
-
-  // 绘制标题
-  if (title) {
-    const titleText = new paper.PointText({
-      point: [x + padding, y + padding + (titleSize || 24)],
-      content: title,
-      fontSize: titleSize || 24,
-      fillColor: new paper.Color(titleColor || '#000000'),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: titleText.id })
-  }
-
-  // 绘制副标题
-  if (subtitle) {
-    const titleHeight = title ? (titleSize || 24) + padding : padding
-    const subtitleText = new paper.PointText({
-      point: [x + padding, y + titleHeight + (subtitleSize || 16) + 10],
-      content: subtitle,
-      fontSize: subtitleSize || 16,
-      fillColor: new paper.Color(subtitleColor || '#666666'),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: subtitleText.id })
-  }
-
-  return { success: true, elements }
-}
-
-module.exports = createCard