foliko 1.1.8 → 1.1.9

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

@@ -1,127 +0,0 @@
-/**
- * 图表组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建图表组件
- */
-function createChart(project, canvas, params) {
-  const {
-    type = 'bar',
-    x,
-    y,
-    width,
-    height,
-    data = [],
-    barColor = '#3b82f6',
-    showLabels = true,
-    showValues = true,
-    barGap = 4
-  } = params
-
-  const elements = []
-
-  if (type === 'bar' && data.length > 0) {
-    const maxValue = Math.max(...data.map(d => d.value))
-    const barCount = data.length
-    const totalGap = barGap * (barCount - 1)
-    const barWidth = (width - totalGap) / barCount
-    const labelHeight = showLabels ? 24 : 0
-    const valueHeight = showValues ? 20 : 0
-    const chartHeight = height - labelHeight - valueHeight - 10
-
-    data.forEach((item, index) => {
-      const barHeight = (item.value / maxValue) * chartHeight
-      const barX = x + index * (barWidth + barGap)
-      const barY = y + height - labelHeight - valueHeight - barHeight - 5
-      const color = item.color || barColor
-
-      const bar = new paper.Path.Rectangle({
-        point: [barX, barY],
-        size: [barWidth, barHeight],
-        radius: [4, 4, 0, 0]
-      })
-      bar.fillColor = new paper.Color(color)
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(bar)
-      }
-      elements.push({ type: 'path', id: bar.id })
-
-      if (showValues) {
-        const valueText = new paper.PointText({
-          point: [barX + barWidth / 2, barY - 8],
-          content: String(item.value),
-          fontSize: 12,
-          fillColor: new paper.Color('#666666'),
-          justification: 'center'
-        })
-        if (project && project.activeLayer) {
-          project.activeLayer.addChild(valueText)
-        }
-        elements.push({ type: 'text', id: valueText.id })
-      }
-
-      if (showLabels) {
-        const labelText = new paper.PointText({
-          point: [barX + barWidth / 2, y + height - 8],
-          content: item.label || '',
-          fontSize: 11,
-          fillColor: new paper.Color('#333333'),
-          justification: 'center'
-        })
-        if (project && project.activeLayer) {
-          project.activeLayer.addChild(labelText)
-        }
-        elements.push({ type: 'text', id: labelText.id })
-      }
-    })
-  } else if (type === 'pie' && data.length > 0) {
-    const cx = x + width / 2
-    const cy = y + height / 2
-    const radius = Math.min(width, height) / 2 - 10
-    const total = data.reduce((sum, d) => sum + d.value, 0)
-    let currentAngle = -90
-    const colors = ['#3b82f6', '#10b981', '#f59e0b', '#ef4444', '#8b5cf6', '#ec4899', '#06b6d4', '#84cc16']
-
-    data.forEach((item, index) => {
-      const percentage = item.value / total
-      const endAngle = currentAngle + percentage * 360
-      const path = new paper.Path()
-      path.moveTo(cx, cy)
-      path.arc([cx, cy], radius, currentAngle * Math.PI / 180, endAngle * Math.PI / 180)
-      path.closePath()
-      path.fillColor = new paper.Color(item.color || colors[index % colors.length])
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(path)
-      }
-      elements.push({ type: 'path', id: path.id })
-
-      if (showLabels && percentage > 0.05) {
-        const midAngle = (currentAngle + endAngle) / 2
-        const midRad = midAngle * Math.PI / 180
-        const labelX = cx + radius * 0.7 * Math.cos(midRad)
-        const labelY = cy + radius * 0.7 * Math.sin(midRad)
-        const labelText = new paper.PointText({
-          point: [labelX, labelY + 4],
-          content: `${Math.round(percentage * 100)}%`,
-          fontSize: 11,
-          fillColor: new paper.Color('#ffffff'),
-          justification: 'center',
-          fontWeight: 'bold'
-        })
-        if (project && project.activeLayer) {
-          project.activeLayer.addChild(labelText)
-        }
-        elements.push({ type: 'text', id: labelText.id })
-      }
-
-      currentAngle = endAngle
-    })
-  }
-
-  return { success: true, elements, type: 'chart' }
-}
-
-module.exports = createChart

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

@@ -1,88 +0,0 @@
-/**
- * Chip 标签组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建 Chip 标签组件
- */
-function createChip(project, canvas, params) {
-  const {
-    x,
-    y,
-    text,
-    background = '#e0e0e0',
-    color = '#333333',
-    borderColor,
-    fontSize = 12,
-    padding = 12,
-    radius = 16,
-    icon
-  } = params
-
-  const elements = []
-
-  // 计算尺寸
-  const textWidth = text.length * fontSize * 0.6
-  const iconWidth = icon ? fontSize : 0
-  const totalWidth = padding * 2 + textWidth + iconWidth + 4
-  const height = fontSize + padding * 2
-  const rectX = x - totalWidth / 2
-  const rectY = y - height / 2
-
-  // 绘制背景
-  const bg = new paper.Path.Rectangle({
-    point: [rectX, rectY],
-    size: [totalWidth, height],
-    radius: radius
-  })
-  bg.fillColor = new paper.Color(background)
-  if (borderColor) {
-    bg.strokeColor = new paper.Color(borderColor)
-    bg.strokeWidth = 1
-  }
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(bg)
-  }
-  elements.push({ type: 'path', id: bg.id })
-
-  // 绘制图标
-  if (icon) {
-    const iconText = new paper.PointText({
-      point: [rectX + padding + iconWidth / 2, y + fontSize / 3],
-      content: icon,
-      fontSize: fontSize + 2,
-      fillColor: new paper.Color(color),
-      justification: 'center'
-    })
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(iconText)
-    }
-    elements.push({ type: 'text', id: iconText.id })
-  }
-
-  // 绘制文字
-  const textX = icon ? rectX + padding + iconWidth + 4 + textWidth / 2 : x
-  const label = new paper.PointText({
-    point: [textX, y + fontSize / 3],
-    content: text,
-    fontSize: fontSize,
-    fillColor: new paper.Color(color),
-    justification: 'center'
-  })
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(label)
-  }
-  elements.push({ type: 'text', id: label.id })
-
-  return {
-    success: true,
-    elements,
-    width: totalWidth,
-    height,
-    type: 'chip'
-  }
-}
-
-module.exports = createChip

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

@@ -1,121 +0,0 @@
-/**
- * 分栏布局组件
- * 支持左右分栏、三栏、四栏等多种布局
- */
-
-const paper = require('paper')
-
-/**
- * 创建分栏布局组件
- * 
- * @param {Object} project - Paper.js 项目
- * @param {Object} canvas - 画布对象
- * @param {Object} params - 组件参数
- * @param {number} params.x - 起始X坐标
- * @param {number} params.y - 起始Y坐标
- * @param {number} params.width - 总宽度
- * @param {number} params.height - 总高度
- * @param {number} [params.columns=2] - 列数
- * @param {number} [params.gap=20] - 列间距
- * @param {string} [params.background] - 背景色
- * @param {string} [params.borderColor] - 边框颜色
- * @param {number} [params.borderWidth] - 边框宽度
- * @param {number} [params.radius=0] - 圆角
- * @param {Array} [params.items] - 列内容配置 [{widthRatio, content}]
- * @param {string} [params.direction='horizontal'] - 排列方向: horizontal, vertical
- * @param {string} [params.align='top'] - 垂直对齐: top, center, bottom
- */
-function createColumns(project, canvas, params) {
-  const {
-    x,
-    y,
-    width,
-    height,
-    columns = 2,
-    gap = 20,
-    background,
-    borderColor,
-    borderWidth = 1,
-    radius = 0,
-    direction = 'horizontal',
-    align = 'top'
-  } = params
-
-  const elements = []
-  
-  // 计算每列宽度
-  const totalGap = gap * (columns - 1)
-  const columnWidth = (width - totalGap) / columns
-  
-  // 绘制背景
-  if (background) {
-    const bg = new paper.Path.Rectangle({
-      point: [x, y],
-      size: [width, height],
-      radius: radius
-    })
-    bg.fillColor = new paper.Color(background)
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(bg)
-    }
-    elements.push({ type: 'rectangle', id: bg.id })
-  }
-  
-  // 绘制边框
-  if (borderColor && borderWidth > 0) {
-    const border = new paper.Path.Rectangle({
-      point: [x, y],
-      size: [width, height],
-      radius: radius
-    })
-    border.fillColor = new paper.Color('transparent')
-    border.strokeColor = new paper.Color(borderColor)
-    border.strokeWidth = borderWidth
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(border)
-    }
-    elements.push({ type: 'rectangle', id: border.id })
-  }
-  
-  // 生成分割线
-  for (let i = 1; i < columns; i++) {
-    const lineX = x + columnWidth * i + gap * (i - 1) + gap / 2
-    const line = new paper.Path.Line({
-      from: [lineX, y + 20],
-      to: [lineX, y + height - 20]
-    })
-    line.strokeColor = new paper.Color('#e0e0e0')
-    line.strokeWidth = 1
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(line)
-    }
-    elements.push({ type: 'line', id: line.id })
-  }
-  
-  // 返回列位置信息
-  const columnPositions = []
-  for (let i = 0; i < columns; i++) {
-    const colX = x + (columnWidth + gap) * i
-    const colY = align === 'center' ? y + (height - height) / 2 : align === 'bottom' ? y + height - height : y
-    
-    columnPositions.push({
-      index: i,
-      x: colX,
-      y: colY,
-      width: columnWidth,
-      height: height
-    })
-  }
-  
-  return {
-    success: true,
-    elements,
-    columnPositions,
-    columnWidth,
-    totalWidth: width,
-    totalHeight: height,
-    type: 'columns'
-  }
-}
-
-module.exports = createColumns

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

@@ -1,87 +0,0 @@
-/**
- * CTA（行动号召）按钮组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建 CTA 按钮
- */
-function createCTA(project, canvas, args) {
-  const {
-    x = 0, y = 0,
-    text = '',
-    background = '#007bff',
-    color = '#ffffff',
-    border,
-    fontSize = 20,
-    padding = 25,
-    radius = 8,
-    shadow,
-    width: customWidth,
-  } = args
-
-  const elements = []
-
-  // 确保 text 是字符串
-  const textStr = String(text || '')
-  // 使用更准确的字符宽度估算：中文约1.0，英文约0.5
-  const chineseChars = (textStr.match(/[\u4e00-\u9fa5]/g) || []).length
-  const otherChars = textStr.length - chineseChars
-  const textWidth = chineseChars * fontSize * 1.0 + otherChars * fontSize * 0.5
-  const btnWidth = customWidth || (textWidth + padding * 2)
-  const btnHeight = fontSize + padding * 2
-
-  const btnX = x - btnWidth / 2
-
-  // 绘制按钮背景
-  const button = new paper.Path.Rectangle({
-    point: [btnX, y],
-    size: [btnWidth, btnHeight],
-    radius: radius,
-  })
-  button.fillColor = new paper.Color(background)
-
-  if (border) {
-    button.strokeColor = new paper.Color(border)
-    button.strokeWidth = 1
-  }
-
-  if (shadow && typeof shadow === 'object') {
-    try {
-      if (shadow.color) button.shadowColor = new paper.Color(shadow.color)
-      button.shadowBlur = shadow.blur || 10
-      button.shadowOffset = new paper.Point(shadow.offsetX || 0, shadow.offsetY || 4)
-    } catch (e) {
-      // 忽略阴影错误
-    }
-  }
-
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(button)
-  }
-  elements.push({ type: 'rectangle', id: button.id })
-
-  // 绘制文字
-  const buttonText = new paper.PointText({
-    point: [x, y + btnHeight / 2 + fontSize / 3],
-    content: textStr,
-    fontSize: fontSize,
-    fillColor: new paper.Color(color),
-    justification: 'center',
-  })
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(buttonText)
-  }
-  elements.push({ type: 'text', id: buttonText.id })
-
-  return {
-    success: true,
-    elements,
-    width: btnWidth,
-    height: btnHeight,
-    type: 'cta',
-  }
-}
-
-module.exports = createCTA

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

@@ -1,55 +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 {string} args.color - 颜色
- * @param {number} args.thickness - 厚度
- * @param {string} args.style - 样式: solid, dashed
- * @param {string} args.align - 对齐: left, center, right
- */
-function createDivider(project, canvas, args) {
-  const {
-    x, y, width,
-    color = '#00d9ff',
-    thickness = 1,
-    style = 'solid',
-    align = 'center',
-  } = args
-
-  let startX = x
-  let endX = x + width
-
-  if (align === 'center') {
-    startX = x - width / 2
-    endX = x + width / 2
-  } else if (align === 'right') {
-    startX = x - width
-    endX = x
-  }
-
-  const line = new paper.Path.Line({
-    from: [startX, y],
-    to: [endX, y],
-    strokeColor: new paper.Color(color),
-    strokeWidth: thickness,
-  })
-
-  if (style === 'dashed') {
-    line.dashArray = [10, 5]
-  }
-
-  return { success: true, id: line.id, type: 'line' }
-}
-
-module.exports = createDivider

package/.agent/plugins/poster-plugin/src/components/feature.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.width - 总宽度
- * @param {string} args.icon - 图标（emoji）
- * @param {string} args.title - 标题
- * @param {string} args.description - 描述
- * @param {string} args.iconColor - 图标颜色
- * @param {string} args.titleColor - 标题颜色
- * @param {string} args.descColor - 描述颜色
- * @param {number} args.iconSize - 图标大小
- * @param {number} args.titleSize - 标题大小
- * @param {number} args.descSize - 描述大小
- */
-function createFeature(project, canvas, args) {
-  const {
-    x, y, width,
-    icon,
-    title,
-    description,
-    iconColor = '#007bff',
-    titleColor = '#ffffff',
-    descColor = '#aaaaaa',
-    iconSize = 32,
-    titleSize = 20,
-    descSize = 14,
-  } = args
-
-  const elements = []
-  const padding = 15
-  let currentY = y
-
-  // 绘制图标
-  if (icon) {
-    const iconText = new paper.PointText({
-      point: [x + padding, currentY + iconSize],
-      content: icon,
-      fontSize: iconSize,
-      fillColor: new paper.Color(iconColor),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: iconText.id })
-  }
-
-  // 绘制标题
-  if (title) {
-    currentY += icon ? iconSize + 5 : 0
-    const titleText = new paper.PointText({
-      point: [x + padding, currentY + titleSize],
-      content: title,
-      fontSize: titleSize,
-      fillColor: new paper.Color(titleColor),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: titleText.id })
-  }
-
-  // 绘制描述
-  if (description) {
-    currentY += title ? titleSize + 5 : 0
-    const descText = new paper.PointText({
-      point: [x + padding, currentY + descSize],
-      content: description,
-      fontSize: descSize,
-      fillColor: new paper.Color(descColor),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: descText.id })
-  }
-
-  return { success: true, elements }
-}
-
-module.exports = createFeature

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

@@ -1,117 +0,0 @@
-/**
- * 特性网格组件
- */
-
-const paper = require('paper')
-
-/**
- * 创建特性网格
- */
-function createFeatureGrid(project, canvas, args) {
-  const {
-    x, y,
-    columns = 3,
-    itemWidth = 200,
-    itemHeight = 120,
-    gap = 20,
-    items = [],
-    background = '#1a1a2e',
-    borderColor = '#00d9ff',
-    radius = 8,
-  } = args
-
-  const elements = []
-
-  // 确保 items 是数组
-  if (!Array.isArray(items)) {
-    items = []
-  }
-
-  const rows = items.length > 0 ? Math.ceil(items.length / columns) : 0
-
-  for (let i = 0; i < items.length; i++) {
-    const item = items[i]
-    const col = i % columns
-    const row = Math.floor(i / columns)
-
-    const itemX = x + col * (itemWidth + gap)
-    const itemY = y + row * (itemHeight + gap)
-
-    // 绘制每个特性的背景
-    const bg = new paper.Path.Rectangle({
-      point: [itemX, itemY],
-      size: [itemWidth, itemHeight],
-      radius: radius,
-    })
-    bg.fillColor = new paper.Color(background)
-    bg.strokeColor = new paper.Color(borderColor)
-    bg.strokeWidth = 0.5
-    bg.opacity = 0.8
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(bg)
-    }
-    elements.push({ type: 'rectangle', id: bg.id })
-
-    const padding = 15
-    let itemYOffset = itemY + padding
-
-    // 绘制图标
-    if (item.icon) {
-      const iconText = new paper.PointText({
-        point: [itemX + padding, itemYOffset + 24],
-        content: item.icon,
-        fontSize: 28,
-        fillColor: new paper.Color(item.iconColor || '#00ff88'),
-        justification: 'left',
-      })
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(iconText)
-      }
-      elements.push({ type: 'text', id: iconText.id })
-      itemYOffset += 35
-    }
-
-    // 绘制标题
-    if (item.title) {
-      const titleText = new paper.PointText({
-        point: [itemX + padding, itemYOffset + 18],
-        content: item.title,
-        fontSize: 16,
-        fillColor: new paper.Color(item.titleColor || '#ffffff'),
-        justification: 'left',
-      })
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(titleText)
-      }
-      elements.push({ type: 'text', id: titleText.id })
-      itemYOffset += 22
-    }
-
-    // 绘制描述
-    if (item.description) {
-      const descText = new paper.PointText({
-        point: [itemX + padding, itemYOffset + 14],
-        content: item.description,
-        fontSize: 12,
-        fillColor: new paper.Color(item.descColor || '#888888'),
-        justification: 'left',
-      })
-      if (project && project.activeLayer) {
-        project.activeLayer.addChild(descText)
-      }
-      elements.push({ type: 'text', id: descText.id })
-    }
-  }
-
-  return {
-    success: true,
-    elements,
-    width: columns * itemWidth + Math.max(0, columns - 1) * gap,
-    height: rows * itemHeight + Math.max(0, rows - 1) * gap,
-    rows,
-    cols: columns,
-    type: 'featureGrid',
-  }
-}
-
-module.exports = createFeatureGrid