foliko 1.1.7 → 1.1.9

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

@@ -1,84 +0,0 @@
-/**
- * 箭头组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建箭头组件
- */
-function createArrow(project, canvas, params) {
-  const {
-    x1, y1, x2, y2,
-    color = '#333333',
-    strokeWidth = 2,
-    headSize = 12,
-    style = 'solid',
-    direction = 'end'
-  } = params
-
-  const elements = []
-
-  // 创建主线
-  const line = new paper.Path.Line({
-    from: [x1, y1],
-    to: [x2, y2]
-  })
-  line.strokeColor = new paper.Color(color)
-  line.strokeWidth = strokeWidth
-  if (style === 'dashed') {
-    line.dashArray = [10, 5]
-  }
-  
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(line)
-  }
-  elements.push({ type: 'line', id: line.id })
-
-  // 创建箭头头部
-  function createArrowHead(x, y, angle) {
-    const path = new paper.Path()
-    const angle1 = angle + Math.PI * 0.8
-    const angle2 = angle - Math.PI * 0.8
-
-    path.moveTo(x, y)
-    path.lineTo(
-      x + headSize * Math.cos(angle1),
-      y + headSize * Math.sin(angle1)
-    )
-    path.moveTo(x, y)
-    path.lineTo(
-      x + headSize * Math.cos(angle2),
-      y + headSize * Math.sin(angle2)
-    )
-
-    path.strokeColor = new paper.Color(color)
-    path.strokeWidth = strokeWidth
-    path.strokeCap = 'round'
-
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(path)
-    }
-    return path
-  }
-
-  const angle = Math.atan2(y2 - y1, x2 - x1)
-
-  if (direction === 'end' || direction === 'both') {
-    const head = createArrowHead(x2, y2, angle)
-    elements.push({ type: 'path', id: head.id })
-  }
-
-  if (direction === 'start' || direction === 'both') {
-    const head = createArrowHead(x1, y1, angle + Math.PI)
-    elements.push({ type: 'path', id: head.id })
-  }
-
-  return {
-    success: true,
-    elements,
-    type: 'arrow'
-  }
-}
-
-module.exports = createArrow

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,120 +0,0 @@
-/**
- * 条形码组件 - 静态图片
- */
-
-const paper = require('paper')
-const { loadImageAsRaster, downloadImage } = require('../utils/imageLoader')
-
-/**
- * 创建条形码
- */
-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 textItem = new paper.PointText({
-        point: [x + width / 2, y + height + fontSize + 5],
-        content: content,
-        fontSize,
-        fontFamily: 'monospace',
-        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 textItem = new paper.PointText({
-      point: [x + width / 2, y + barHeight + fontSize + 3],
-      content: content,
-      fontSize,
-      fontFamily: 'monospace',
-      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,153 +0,0 @@
-/**
- * 对话气泡组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建对话气泡
- */
-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: fontFamily || 'sans-serif',
-    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: fontFamily || 'sans-serif' })
-      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,124 +0,0 @@
-/**
- * 按钮组件
- */
-
-const paper = require('paper')
-const { loadImageAsRaster } = require('../utils/imageLoader')
-
-/**
- * 创建按钮
- */
-async function createButton(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    width = 200,
-    height = 60,
-    text = '按钮',
-    fontSize = 24,
-    fontFamily,
-    color = '#ffffff',
-    backgroundColor = '#3b82f6',
-    borderColor,
-    borderWidth = 0,
-    radius = 8,
-    shadow,
-    gradient,
-    icon,
-    iconPosition = 'left',
-    opacity = 1,
-  } = args
-
-  // 创建按钮背景
-  const bgOptions = {
-    point: [x, y],
-    size: [width, height],
-    radius: radius,
-  }
-
-  if (borderColor) {
-    bgOptions.strokeColor = new paper.Color(borderColor)
-    bgOptions.strokeWidth = borderWidth
-  }
-
-  const bg = new paper.Path.Rectangle(bgOptions)
-
-  // 渐变或纯色填充
-  if (gradient && gradient.colors && gradient.colors.length > 0) {
-    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) {
-    bg.shadowColor = new paper.Color(shadow.color || '#000000')
-    bg.shadowBlur = shadow.blur || 10
-    bg.shadowOffset = new paper.Point(shadow.offsetX || 0, shadow.offsetY || 4)
-  }
-
-  if (opacity !== 1) {
-    bg.opacity = opacity
-  }
-
-  const items = [bg]
-  let textX = x + width / 2
-
-  // 添加图标
-  if (icon) {
-    const iconSize = Math.min(height * 0.5, 40)
-    const iconX = iconPosition === 'left' ? x + 20 : x + width - 40 - iconSize
-
-    if (icon.startsWith('http') || icon.startsWith('data:')) {
-      // URL图片图标
-      const { raster } = await loadImageAsRaster(project, icon, {
-        x: iconX,
-        y: y + (height - iconSize) / 2,
-        width: iconSize,
-        height: iconSize
-      }, opacity)
-      items.push(raster)
-    } else {
-      // Emoji 或文本图标
-      const iconText = new paper.PointText({
-        point: [iconX + iconSize / 2, y + height / 2 + fontSize / 3],
-        content: icon,
-        fontSize: iconSize,
-        justification: 'center',
-      })
-      if (opacity !== 1) iconText.opacity = opacity
-      items.push(iconText)
-    }
-
-    textX = iconPosition === 'left' ? x + width / 2 + 25 : x + width / 2 - 25
-  }
-
-  // 添加文字
-  const textItem = new paper.PointText({
-    point: [textX, y + height / 2 + fontSize / 3],
-    content: text,
-    fontSize,
-    fontFamily: fontFamily || 'sans-serif',
-    fillColor: new paper.Color(color),
-    justification: 'center',
-  })
-
-  if (opacity !== 1) {
-    textItem.opacity = opacity
-  }
-
-  items.push(textItem)
-
-  return {
-    success: true,
-    type: 'button',
-    items: items.map(i => i.id),
-  }
-}
-
-module.exports = createButton