foliko 1.1.8 → 1.1.9

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

@@ -1,148 +0,0 @@
-/**
- * 印章组件 - 印章效果
- */
-
-const paper = require('paper')
-const { getFontFallbackChain, validateFont } = require('../fonts')
-
-/**
- * 创建印章
- */
-function createSeal(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    size = 100,
-    text = '印章',
-    fontSize = 24,
-    fontFamily,
-    color = '#e74c3c',
-    borderColor,
-    style = 'circle', // circle, square, star, hexagon
-    borderWidth = 3,
-    opacity = 1,
-  } = args
-
-  const items = []
-  const centerX = x + size / 2
-  const centerY = y + size / 2
-
-  // 印章边框
-  let border
-  switch (style) {
-    case 'circle':
-      border = new paper.Path.Circle({
-        center: [centerX, centerY],
-        radius: size / 2 - borderWidth,
-      })
-      break
-    case 'square':
-      const squareSize = size - borderWidth * 2
-      border = new paper.Path.Rectangle({
-        point: [x + borderWidth, y + borderWidth],
-        size: [squareSize, squareSize],
-        radius: 4,
-      })
-      break
-    case 'star':
-      border = createStarPath(centerX, centerY, size / 2 - borderWidth, size / 2 - borderWidth - 10, 5)
-      break
-    case 'hexagon':
-      border = createPolygonPath(centerX, centerY, size / 2 - borderWidth, 6)
-      break
-    default:
-      border = new paper.Path.Circle({
-        center: [centerX, centerY],
-        radius: size / 2 - borderWidth,
-      })
-  }
-
-  border.strokeColor = new paper.Color(color)
-  border.strokeWidth = borderWidth
-  border.fillColor = null
-  if (opacity !== 1) border.opacity = opacity
-  items.push(border)
-
-  // 内边框
-  const innerBorder = border.clone()
-  innerBorder.scale(0.85, 0.85, new paper.Point(centerX, centerY))
-  innerBorder.strokeWidth = 1
-  if (opacity !== 1) innerBorder.opacity = opacity
-  items.push(innerBorder)
-
-  // 文字
-  const mainFont = getFontFallbackChain(fontFamily, text).join(', ')
-  const textItem = new paper.PointText({
-    point: [centerX, centerY + fontSize / 3],
-    content: text,
-    fontSize,
-    fontFamily: mainFont,
-    fillColor: new paper.Color(color),
-    justification: 'center',
-  })
-
-  if (opacity !== 1) textItem.opacity = opacity
-  items.push(textItem)
-
-  // 顶部文字（如果适用）
-  const topText = new paper.PointText({
-    point: [centerX, centerY - size / 4],
-    content: '★',
-    fontSize: 16,
-    fontFamily: mainFont,
-    fillColor: new paper.Color(color),
-    justification: 'center',
-  })
-  if (opacity !== 1) topText.opacity = opacity
-  items.push(topText)
-
-  // 底部星星装饰
-  const bottomStar = new paper.PointText({
-    point: [centerX, centerY + size / 3],
-    content: '★ ★ ★',
-    fontSize: 12,
-    fontFamily: mainFont,
-    fillColor: new paper.Color(color),
-    justification: 'center',
-    letterSpacing: 8,
-  })
-  if (opacity !== 1) bottomStar.opacity = opacity
-  items.push(bottomStar)
-
-  return {
-    success: true,
-    type: 'seal',
-    items: items.map(i => i.id),
-  }
-}
-
-/**
- * 创建五角星路径
- */
-function createStarPath(cx, cy, outerR, innerR, points) {
-  const path = new paper.Path()
-  const angleStep = Math.PI / points
-
-  for (let i = 0; i < points * 2; i++) {
-    const r = i % 2 === 0 ? outerR : innerR
-    const angle = i * angleStep - Math.PI / 2
-    path.add(new paper.Point(cx + r * Math.cos(angle), cy + r * Math.sin(angle)))
-  }
-  path.closed = true
-  return path
-}
-
-/**
- * 创建多边形路径
- */
-function createPolygonPath(cx, cy, radius, sides) {
-  const path = new paper.Path()
-  for (let i = 0; i < sides; i++) {
-    const angle = (i * 2 * Math.PI / sides) - Math.PI / 2
-    path.add(new paper.Point(cx + radius * Math.cos(angle), cy + radius * Math.sin(angle)))
-  }
-  path.closed = true
-  return path
-}
-
-module.exports = createSeal

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

@@ -1,70 +0,0 @@
-/**
- * 星形组件 - 支持多角星形
- */
-
-const paper = require('paper')
-
-/**
- * 创建星形组件
- * @param {Object} project - Paper.js 项目
- * @param {Object} canvas - 画布对象
- * @param {Object} params - 组件参数
- */
-function createStar(project, canvas, params) {
-  const {
-    cx,
-    cy,
-    points = 5,
-    innerRadius,
-    outerRadius,
-    fill,
-    stroke,
-    strokeWidth = 1,
-    opacity = 1,
-    rotation = 0
-  } = params
-
-  // 计算内半径
-  const actualInnerRadius = innerRadius || outerRadius * 0.4
-
-  // 创建星形路径
-  const path = new paper.Path()
-  const angleStep = Math.PI / points
-
-  for (let i = 0; i < points * 2; i++) {
-    const radius = i % 2 === 0 ? outerRadius : actualInnerRadius
-    const angle = i * angleStep - Math.PI / 2 + (rotation * Math.PI / 180)
-    const x = cx + radius * Math.cos(angle)
-    const y = cy + radius * Math.sin(angle)
-
-    if (i === 0) {
-      path.moveTo(x, y)
-    } else {
-      path.lineTo(x, y)
-    }
-  }
-  path.closePath()
-
-  // 设置样式
-  if (fill) {
-    path.fillColor = new paper.Color(fill)
-  }
-  if (stroke) {
-    path.strokeColor = new paper.Color(stroke)
-    path.strokeWidth = strokeWidth
-  }
-  path.opacity = opacity
-
-  // 关键：将元素添加到活动层
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(path)
-  }
-
-  return {
-    success: true,
-    elements: [{ type: 'path', id: path.id }],
-    type: 'star'
-  }
-}
-
-module.exports = createStar

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

@@ -1,105 +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.label - 标签
- * @param {string} args.value - 数值
- * @param {string} args.change - 变化值（如 "+12.5%"）
- * @param {boolean} args.positive - 变化是否为正
- * @param {string} args.icon - 图标
- * @param {string} args.iconColor - 图标颜色
- * @param {string} args.background - 背景色
- * @param {string} args.border - 边框颜色
- * @param {number} args.radius - 圆角半径
- */
-function createStatCard(project, canvas, args) {
-  const {
-    x, y,
-    width = 200,
-    height = 120,
-    label = 'Total Users',
-    value = '10,000',
-    change,
-    positive = true,
-    icon,
-    iconColor = '#6366f1',
-    background = '#ffffff',
-    border = '#e5e7eb',
-    radius = 12,
-  } = args
-
-  const elements = []
-
-  // 绘制背景
-  const bg = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [width, height],
-    radius: radius,
-  })
-  bg.fillColor = new paper.Color(background)
-  bg.strokeColor = new paper.Color(border)
-  bg.strokeWidth = 1
-  elements.push({ type: 'rectangle', id: bg.id })
-
-  // 绘制图标
-  if (icon) {
-    const iconText = new paper.PointText({
-      point: [x + 20, y + 35],
-      content: icon,
-      fontSize: 24,
-      fillColor: new paper.Color(iconColor),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: iconText.id })
-  }
-
-  // 绘制标签
-  const labelText = new paper.PointText({
-    point: [x + 20, y + 50 + (icon ? 10 : 0)],
-    content: label,
-    fontSize: 14,
-    fillColor: new paper.Color('#64748b'),
-    justification: 'left',
-  })
-  elements.push({ type: 'text', id: labelText.id })
-
-  // 绘制数值
-  const valueText = new paper.PointText({
-    point: [x + 20, y + 75 + (icon ? 10 : 0)],
-    content: value,
-    fontSize: 28,
-    fillColor: new paper.Color('#1e293b'),
-    justification: 'left',
-  })
-  elements.push({ type: 'text', id: valueText.id })
-
-  // 绘制变化值
-  if (change) {
-    const changeColor = positive ? '#22c55e' : '#ef4444'
-    const changeIcon = positive ? '↑' : '↓'
-    const changeText = new paper.PointText({
-      point: [x + 20, y + 95 + (icon ? 10 : 0)],
-      content: `${changeIcon} ${change}`,
-      fontSize: 14,
-      fillColor: new paper.Color(changeColor),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: changeText.id })
-  }
-
-  return { success: true, elements }
-}
-
-module.exports = createStatCard

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

@@ -1,118 +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 {Array} args.steps - 步骤数组 [{title, description}]
- * @param {number} args.currentStep - 当前步骤（从0开始）
- * @param {string} args.activeColor - 激活颜色
- * @param {string} args.inactiveColor - 未激活颜色
- * @param {string} args.completedColor - 已完成颜色
- * @param {number} args.circleSize - 圆圈大小
- */
-function createStepper(project, canvas, args) {
-  const {
-    x, y,
-    width = 600,
-    steps = [],
-    currentStep = 0,
-    activeColor = '#6366f1',
-    inactiveColor = '#e5e7eb',
-    completedColor = '#22c55e',
-    circleSize = 40,
-  } = args
-
-  const elements = []
-  const stepWidth = steps.length > 1 ? width / (steps.length - 1) : width
-  const lineY = y + circleSize / 2
-
-  // 绘制连接线
-  if (steps.length > 1) {
-    const line = new paper.Path.Line({
-      from: [x + circleSize / 2, lineY],
-      to: [x + width - circleSize / 2, lineY],
-      strokeColor: new paper.Color(inactiveColor),
-      strokeWidth: 2,
-    })
-    elements.push({ type: 'line', id: line.id })
-
-    // 绘制已完成部分的覆盖线
-    if (currentStep > 0) {
-      const completedLine = new paper.Path.Line({
-        from: [x + circleSize / 2, lineY],
-        to: [x + circleSize / 2 + (currentStep) * stepWidth, lineY],
-        strokeColor: new paper.Color(completedColor),
-        strokeWidth: 2,
-      })
-      elements.push({ type: 'line', id: completedLine.id })
-    }
-  }
-
-  // 绘制每个步骤
-  for (let i = 0; i < steps.length; i++) {
-    const stepX = steps.length > 1 ? x + i * stepWidth : x
-    const step = steps[i]
-    let color = inactiveColor
-
-    if (i < currentStep) {
-      color = completedColor
-    } else if (i === currentStep) {
-      color = activeColor
-    }
-
-    // 绘制圆圈
-    const circle = new paper.Path.Circle({
-      center: [stepX + circleSize / 2, lineY],
-      radius: circleSize / 2,
-    })
-    circle.fillColor = new paper.Color(color)
-    elements.push({ type: 'circle', id: circle.id })
-
-    // 绘制步骤编号或勾选
-    const icon = i < currentStep ? '✓' : String(i + 1)
-    const iconText = new paper.PointText({
-      point: [stepX + circleSize / 2, lineY + circleSize / 6],
-      content: icon,
-      fontSize: 16,
-      fillColor: new paper.Color('#ffffff'),
-      justification: 'center',
-    })
-    elements.push({ type: 'text', id: iconText.id })
-
-    // 绘制标题
-    const titleText = new paper.PointText({
-      point: [stepX + circleSize / 2, y + circleSize + 20],
-      content: step.title || `Step ${i + 1}`,
-      fontSize: 14,
-      fillColor: new paper.Color(i <= currentStep ? '#1e293b' : '#94a3b8'),
-      justification: 'center',
-    })
-    elements.push({ type: 'text', id: titleText.id })
-
-    // 绘制描述
-    if (step.description) {
-      const descText = new paper.PointText({
-        point: [stepX + circleSize / 2, y + circleSize + 38],
-        content: step.description,
-        fontSize: 11,
-        fillColor: new paper.Color('#94a3b8'),
-        justification: 'center',
-      })
-      elements.push({ type: 'text', id: descText.id })
-    }
-  }
-
-  return { success: true, elements }
-}
-
-module.exports = createStepper

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

@@ -1,167 +0,0 @@
-/**
- * 表格组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建表格组件
- */
-function createTable(project, canvas, params) {
-  const {
-    x,
-    y,
-    width,
-    columns,
-    rows,
-    rowHeight = 36,
-    headerBg = '#f0f0f0',
-    headerColor = '#333333',
-    borderColor = '#e0e0e0',
-    cellColor = '#333333',
-    fontSize = 12,
-    headerFontSize = 13,
-    striped = true,
-    stripeColor = '#fafafa'
-  } = params
-
-  const elements = []
-
-  // 确保 columns 是数组且不为空
-  if (!Array.isArray(columns) || columns.length === 0) {
-    return { success: true, elements, type: 'table' }
-  }
-
-  // 确保 rows 是数组
-  if (!Array.isArray(rows)) {
-    rows = []
-  }
-
-  // 确保 width 有默认值
-  const tableWidth = width || 400
-  const totalHeight = rowHeight * (rows.length + 1)
-
-  // 绘制外边框
-  const outerBorder = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [tableWidth, totalHeight]
-  })
-  outerBorder.fillColor = new paper.Color('transparent')
-  outerBorder.strokeColor = new paper.Color(borderColor)
-  outerBorder.strokeWidth = 1
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(outerBorder)
-  }
-  elements.push({ type: 'path', id: outerBorder.id })
-
-  // 绘制表头背景
-  const headerBgRect = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [tableWidth, rowHeight]
-  })
-  headerBgRect.fillColor = new paper.Color(headerBg)
-  headerBgRect.strokeColor = new paper.Color(borderColor)
-  headerBgRect.strokeWidth = 0.5
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(headerBgRect)
-  }
-  elements.push({ type: 'path', id: headerBgRect.id })
-
-  // 绘制表头
-  let currentX = x
-  columns.forEach((col, index) => {
-    const colWidth = col.width || (tableWidth / columns.length)
-
-    // 列分隔线
-    if (index > 0) {
-      const line = new paper.Path.Line({
-        from: [currentX, y],
-        to: [currentX, y + totalHeight]
-      })
-      line.strokeColor = new paper.Color(borderColor)
-      line.strokeWidth = 0.5
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(line)
-      }
-      elements.push({ type: 'line', id: line.id })
-    }
-
-    // 表头文字
-    const headerText = new paper.PointText({
-      point: [currentX + colWidth / 2, y + rowHeight / 2 + fontSize / 3],
-      content: col.title || '',
-      fontSize: headerFontSize,
-      fillColor: new paper.Color(headerColor),
-      justification: col.align || 'center',
-      fontWeight: 'bold'
-    })
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(headerText)
-    }
-    elements.push({ type: 'text', id: headerText.id })
-
-    currentX += colWidth
-  })
-
-  // 绘制数据行
-  rows.forEach((row, rowIndex) => {
-    const rowY = y + rowHeight * (rowIndex + 1)
-
-    // 斑马纹背景
-    if (striped && rowIndex % 2 === 1) {
-      const stripeBg = new paper.Path.Rectangle({
-        point: [x, rowY],
-        size: [tableWidth, rowHeight]
-      })
-      stripeBg.fillColor = new paper.Color(stripeColor)
-      stripeBg.strokeColor = new paper.Color(borderColor)
-      stripeBg.strokeWidth = 0.5
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(stripeBg)
-      }
-      elements.push({ type: 'path', id: stripeBg.id })
-    }
-
-    // 行分隔线
-    const rowLine = new paper.Path.Line({
-      from: [x, rowY],
-      to: [x + tableWidth, rowY]
-    })
-    rowLine.strokeColor = new paper.Color(borderColor)
-    rowLine.strokeWidth = 0.5
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(rowLine)
-    }
-    elements.push({ type: 'line', id: rowLine.id })
-
-    // 单元格
-    let cellX = x
-    columns.forEach((col, colIndex) => {
-      const colWidth = col.width || (tableWidth / columns.length)
-      const cellValue = row[colIndex] || ''
-      const cellText = new paper.PointText({
-        point: [cellX + colWidth / 2, rowY + rowHeight / 2 + fontSize / 3],
-        content: String(cellValue),
-        fontSize: fontSize,
-        fillColor: new paper.Color(cellColor),
-        justification: col.align || 'center'
-      })
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(cellText)
-      }
-      elements.push({ type: 'text', id: cellText.id })
-
-      cellX += colWidth
-    })
-  })
-
-  return {
-    success: true,
-    elements,
-    width: tableWidth,
-    height: totalHeight,
-    type: 'table'
-  }
-}
-
-module.exports = createTable

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

@@ -1,85 +0,0 @@
-/**
- * 标签云组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建标签云
- */
-function createTagCloud(project, canvas, args) {
-  const {
-    x = 0,
-    y = 0,
-    tags = [],
-    fontSize = 14,
-    padding = 12,
-    gap = 10,
-    maxWidth = 400,
-  } = args
-
-  const elements = []
-
-  // 确保 tags 是数组
-  if (!Array.isArray(tags) || tags.length === 0) {
-    return { success: true, elements, height: 0, type: 'tagCloud' }
-  }
-
-  let currentX = x
-  let currentY = y
-  let rowHeight = 0
-
-  for (const tag of tags) {
-    // 确保 tag.text 是字符串
-    const tagText = String(tag.text || '')
-    if (!tagText) continue
-
-    const textWidth = tagText.length * fontSize * 0.6
-    const tagWidth = textWidth + padding * 2
-    const tagHeight = fontSize + padding * 2
-
-    // 换行处理
-    if (currentX + tagWidth > x + maxWidth && currentX > x) {
-      currentX = x
-      currentY += rowHeight + gap
-      rowHeight = 0
-    }
-
-    // 绘制标签背景
-    const tagBg = new paper.Path.Rectangle({
-      point: [currentX, currentY],
-      size: [tagWidth, tagHeight],
-      radius: tagHeight / 2,
-    })
-    tagBg.fillColor = new paper.Color(tag.bgColor || '#e0e7ff')
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(tagBg)
-    }
-    elements.push({ type: 'rectangle', id: tagBg.id })
-
-    // 绘制标签文字
-    const tagTextEl = new paper.PointText({
-      point: [currentX + tagWidth / 2, currentY + tagHeight / 2 + fontSize / 3],
-      content: tagText,
-      fontSize: fontSize,
-      fillColor: new paper.Color(tag.color || '#4338ca'),
-      justification: 'center',
-    })
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(tagTextEl)
-    }
-    elements.push({ type: 'text', id: tagTextEl.id })
-
-    currentX += tagWidth + gap
-    rowHeight = Math.max(rowHeight, tagHeight)
-  }
-
-  return {
-    success: true,
-    elements,
-    height: currentY - y + rowHeight,
-    type: 'tagCloud',
-  }
-}
-
-module.exports = createTagCloud