foliko 1.1.8 → 1.1.9

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

@@ -1,205 +0,0 @@
-/**
- * 图片框组件 - 带装饰边框的图片
- * 使用 Paper.js API 实现
- */
-
-const paper = require('paper')
-
-/**
- * 创建图片框组件
- * 
- * @param {Object} project - Paper.js 项目
- * @param {Object} canvas - 画布对象
- * @param {Object} params - 组件参数
- */
-function createImageFrame(project, canvas, params) {
-  const {
-    src,
-    x,
-    y,
-    width,
-    height,
-    borderColor = '#ffffff',
-    borderWidth = 3,
-    outerColor = '#1a1a2e',
-    outerWidth = 6,
-    shadowBlur = 0,
-    shadowOffsetX = 0,
-    shadowOffsetY = 0,
-    shadowColor = 'rgba(0,0,0,0.3)',
-    radius = 0,
-    overlayColor,
-    overlayOpacity = 0,
-    fit = 'cover'
-  } = params
-
-  const elements = []
-
-  // 辅助函数：创建圆角矩形路径
-  function createRoundedRectPath(x, y, w, h, r) {
-    const rect = new paper.Path.Rectangle({
-      point: [x, y],
-      size: [w, h],
-      radius: r
-    })
-    return rect
-  }
-
-  // 绘制阴影
-  if (shadowBlur > 0) {
-    // 使用 Paper.js 的 shadow 功能
-    // 注意：Paper.js 对阴影支持有限，这里使用简单实现
-  }
-
-  // 绘制外边框（装饰层）
-  if (outerWidth > 0) {
-    const outerRect = createRoundedRectPath(
-      x - outerWidth, 
-      y - outerWidth, 
-      width + outerWidth * 2, 
-      height + outerWidth * 2, 
-      radius + outerWidth
-    )
-    outerRect.fillColor = new paper.Color(outerColor)
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(outerRect)
-    }
-    elements.push({ type: 'path', id: outerRect.id })
-  }
-
-  // 绘制内边框
-  if (borderWidth > 0) {
-    const borderRect = createRoundedRectPath(
-      x - borderWidth, 
-      y - borderWidth, 
-      width + borderWidth * 2, 
-      height + borderWidth * 2, 
-      radius + borderWidth
-    )
-    borderRect.fillColor = new paper.Color(borderColor)
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(borderRect)
-    }
-    elements.push({ type: 'path', id: borderRect.id })
-  }
-
-  // 创建图片容器（裁剪区域）
-  const clipRect = createRoundedRectPath(x, y, width, height, radius)
-  
-  // 创建裁剪组
-  const clipGroup = new paper.Group()
-  clipGroup.addChild(clipRect)
-  
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(clipGroup)
-  }
-  elements.push({ type: 'group', id: clipGroup.id })
-
-  // 加载并添加图片
-  loadImageAsync(src).then((loadedRaster) => {
-    if (!loadedRaster) return
-
-    // loadedRaster 已经是 Raster 对象
-    const imgWidth = loadedRaster.width
-    const imgHeight = loadedRaster.height
-    const imgRatio = imgWidth / imgHeight
-    const boxRatio = width / height
-
-    let drawX = x, drawY = y, drawW = width, drawH = height
-
-    if (fit === 'cover') {
-      if (imgRatio > boxRatio) {
-        drawH = height
-        drawW = height * imgRatio
-        drawX = x - (drawW - width) / 2
-      } else {
-        drawW = width
-        drawH = width / imgRatio
-        drawY = y - (drawH - height) / 2
-      }
-    } else if (fit === 'contain') {
-      if (imgRatio > boxRatio) {
-        drawW = width
-        drawH = width / imgRatio
-        drawY = y + (height - drawH) / 2
-      } else {
-        drawH = height
-        drawW = height * imgRatio
-        drawX = x + (width - drawW) / 2
-      }
-    }
-
-    loadedRaster.bounds = new paper.Rectangle(drawX, drawY, drawW, drawH)
-    
-    // 应用裁剪
-    loadedRaster.clipped = true
-    loadedRaster.clipMask = clipRect
-    
-    if (project && project.activeLayer) {
-      // 将图片添加到裁剪组
-      clipGroup.addChild(loadedRaster)
-    }
-  })
-
-  // 叠加颜色
-  if (overlayColor && overlayOpacity > 0) {
-    const overlayRect = createRoundedRectPath(x, y, width, height, radius)
-    overlayRect.fillColor = new paper.Color(overlayColor)
-    overlayRect.fillColor.alpha = overlayOpacity
-    if (project && project.activeLayer) {
-      project.activeLayer.addChild(overlayRect)
-    }
-    elements.push({ type: 'path', id: overlayRect.id })
-  }
-
-  return {
-    success: true,
-    elements,
-    width: width,
-    height: height,
-    type: 'imageFrame'
-  }
-}
-
-// 异步加载图片
-function loadImageAsync(src) {
-  return new Promise((resolve) => {
-    try {
-      // 尝试作为 URL 加载
-      const raster = new paper.Raster(src)
-      
-      raster.onLoad = () => {
-        // Paper.js Raster 本身就可以使用，不需要 .image
-        resolve(raster)
-      }
-      
-      raster.onError = () => {
-        // 尝试作为本地文件
-        const fs = require('fs')
-        const path = require('path')
-        
-        if (fs.existsSync(src)) {
-          const data = fs.readFileSync(src)
-          const base64 = data.toString('base64')
-          const ext = path.extname(src).slice(1).toLowerCase()
-          const mimeType = ext === 'jpg' ? 'jpeg' : ext
-          const dataUrl = `data:image/${mimeType};base64,${base64}`
-          
-          const raster2 = new paper.Raster(dataUrl)
-          raster2.onLoad = () => {
-            resolve(raster2)
-          }
-          raster2.onError = () => {
-            resolve(null)
-          }
-        } else {
-          resolve(null)
-        }
-      }
-    } catch (e) {
-      resolve(null)
-    }
-  })
-}
-
-module.exports = createImageFrame

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

@@ -1,81 +0,0 @@
-/**
- * 高级组件模块导出
- */
-
-const createCard = require('./card')
-const createBadge = require('./badge')
-const createCTA = require('./cta')
-const createFeature = require('./feature')
-const createFeatureGrid = require('./featureGrid')
-const createDivider = require('./divider')
-const createAvatar = require('./avatar')
-const createProgress = require('./progress')
-const createRating = require('./rating')
-const createQuote = require('./quote')
-const createStatCard = require('./statCard')
-const createTagCloud = require('./tagCloud')
-const createStepper = require('./stepper')
-const createTimeline = require('./timeline')
-const { createListItem, createList } = require('./listItem')
-const createNotification = require('./notification')
-const createImageFrame = require('./imageFrame')
-const createColumns = require('./columns')
-const createGrid = require('./grid')
-const createStar = require('./star')
-const createArrow = require('./arrow')
-const createProgressCircle = require('./progressCircle')
-const createChip = require('./chip')
-const createChart = require('./chart')
-const createWatermark = require('./watermark')
-const createTable = require('./table')
-const createButton = require('./button')
-const createIcon = require('./icon')
-const createQRCode = require('./qrcode')
-const createFrame = require('./frame')
-const createBubble = require('./bubble')
-const createRibbon = require('./ribbon')
-const createSeal = require('./seal')
-const createHighlightText = require('./highlightText')
-const createBarcode = require('./barcode')
-
-module.exports = {
-  // 原有组件
-  createCard,
-  createBadge,
-  createCTA,
-  createFeature,
-  createFeatureGrid,
-  createDivider,
-  createAvatar,
-  createProgress,
-  createRating,
-  createQuote,
-  createStatCard,
-  createTagCloud,
-  createStepper,
-  createTimeline,
-  createListItem,
-  createList,
-  createNotification,
-  createImageFrame,
-  createColumns,
-  createGrid,
-  // 新增组件
-  createStar,
-  createArrow,
-  createProgressCircle,
-  createChip,
-  createChart,
-  createWatermark,
-  createTable,
-  // 新增设计组件
-  createButton,
-  createIcon,
-  createQRCode,
-  createFrame,
-  createBubble,
-  createRibbon,
-  createSeal,
-  createHighlightText,
-  createBarcode,
-}

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

@@ -1,147 +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 - 图标
- * @param {string} args.title - 标题
- * @param {string} args.description - 描述
- * @param {string} args.badge - 徽章文字
- * @param {string} args.badgeColor - 徽章颜色
- * @param {string} args.iconColor - 图标颜色
- * @param {string} args.background - 背景色
- * @param {string} args.borderColor - 边框颜色
- * @param {number} args.height - 高度
- * @param {number} args.radius - 圆角半径
- */
-function createListItem(project, canvas, args) {
-  const {
-    x = 0,
-    y = 0,
-    width = 400,
-    icon = '→',
-    title,
-    description,
-    badge,
-    badgeColor = '#6366f1',
-    iconColor = '#6366f1',
-    background = '#ffffff',
-    borderColor = '#e5e7eb',
-    height = 60,
-    radius = 8,
-  } = 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(borderColor)
-  bg.strokeWidth = 1
-  elements.push({ type: 'rectangle', id: bg.id })
-
-  // 绘制图标
-  const iconText = new paper.PointText({
-    point: [x + 15, y + height / 2 + 6],
-    content: icon,
-    fontSize: 20,
-    fillColor: new paper.Color(iconColor),
-    justification: 'center',
-  })
-  elements.push({ type: 'text', id: iconText.id })
-
-  // 绘制标题
-  const titleText = new paper.PointText({
-    point: [x + 50, y + height / 2 - 5],
-    content: title || 'List Item',
-    fontSize: 16,
-    fillColor: new paper.Color('#1e293b'),
-    justification: 'left',
-  })
-  elements.push({ type: 'text', id: titleText.id })
-
-  // 绘制描述
-  if (description) {
-    const descText = new paper.PointText({
-      point: [x + 50, y + height / 2 + 15],
-      content: description,
-      fontSize: 12,
-      fillColor: new paper.Color('#64748b'),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: descText.id })
-  }
-
-  // 绘制徽章
-  if (badge) {
-    const badgeWidth = badge.length * 10 + 20
-    const badgeX = x + width - badgeWidth - 15
-    const badgeY = y + (height - 24) / 2
-
-    const badgeBg = new paper.Path.Rectangle({
-      point: [badgeX, badgeY],
-      size: [badgeWidth, 24],
-      radius: 12,
-    })
-    badgeBg.fillColor = new paper.Color(badgeColor)
-    elements.push({ type: 'rectangle', id: badgeBg.id })
-
-    const badgeText = new paper.PointText({
-      point: [badgeX + badgeWidth / 2, badgeY + 16],
-      content: badge,
-      fontSize: 12,
-      fillColor: new paper.Color('#ffffff'),
-      justification: 'center',
-    })
-    elements.push({ type: 'text', id: badgeText.id })
-  }
-
-  return { success: true, elements, type: 'listItem' }
-}
-
-/**
- * 创建列表（多个列表项）
- */
-function createList(project, canvas, args) {
-  const {
-    x = 0, y = 0,
-    items = [],
-    gap = 10,
-    width = 400,
-    ...rest
-  } = args
-
-  const elements = []
-  let currentY = y
-
-  for (const item of items) {
-    const result = createListItem(project, canvas, {
-      x, y: currentY, width, ...item, ...rest,
-    })
-    elements.push(...result.elements)
-    currentY += 60 + gap
-  }
-
-  return {
-    success: true,
-    elements,
-    height: currentY - y,
-    type: 'list',
-  }
-}
-
-module.exports = { createListItem, createList }

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

@@ -1,123 +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.type - 类型: success, warning, error, info
- * @param {string} args.title - 标题
- * @param {string} args.message - 消息内容
- * @param {boolean} args.showIcon - 是否显示图标
- * @param {number} args.radius - 圆角半径
- */
-function createNotification(project, canvas, args) {
-  const {
-    x, y,
-    width = 360,
-    type = 'info',
-    title,
-    message,
-    showIcon = true,
-    radius = 12,
-  } = args
-
-  // 类型配置
-  const config = {
-    success: {
-      icon: '✓',
-      bgColor: '#dcfce7',
-      iconColor: '#22c55e',
-      borderColor: '#22c55e',
-    },
-    warning: {
-      icon: '⚠',
-      bgColor: '#fef9c3',
-      iconColor: '#eab308',
-      borderColor: '#eab308',
-    },
-    error: {
-      icon: '✕',
-      bgColor: '#fee2e2',
-      iconColor: '#ef4444',
-      borderColor: '#ef4444',
-    },
-    info: {
-      icon: 'ℹ',
-      bgColor: '#dbeafe',
-      iconColor: '#3b82f6',
-      borderColor: '#3b82f6',
-    },
-  }
-
-  const c = config[type] || config.info
-  const padding = 16
-  const lineHeight = 22
-  const iconSize = 24
-  const height = padding * 2 + (title ? lineHeight + 8 : 0) + (message ? lineHeight : 0)
-
-  const elements = []
-
-  // 绘制背景
-  const bg = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [width, height],
-    radius: radius,
-  })
-  bg.fillColor = new paper.Color(c.bgColor)
-  bg.strokeColor = new paper.Color(c.borderColor)
-  bg.strokeWidth = 1
-  elements.push({ type: 'rectangle', id: bg.id })
-
-  // 绘制图标
-  if (showIcon) {
-    const iconText = new paper.PointText({
-      point: [x + padding + iconSize / 2, y + padding + iconSize / 2 + 6],
-      content: c.icon,
-      fontSize: iconSize,
-      fillColor: new paper.Color(c.iconColor),
-      justification: 'center',
-    })
-    elements.push({ type: 'text', id: iconText.id })
-  }
-
-  const textX = showIcon ? x + padding + iconSize + 12 : x + padding
-  let currentY = y + padding
-
-  // 绘制标题
-  if (title) {
-    const titleText = new paper.PointText({
-      point: [textX, currentY + 18],
-      content: title,
-      fontSize: 16,
-      fillColor: new paper.Color('#1e293b'),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: titleText.id })
-    currentY += lineHeight + 8
-  }
-
-  // 绘制消息
-  if (message) {
-    const msgText = new paper.PointText({
-      point: [textX, currentY + 16],
-      content: message,
-      fontSize: 14,
-      fillColor: new paper.Color('#475569'),
-      justification: 'left',
-    })
-    elements.push({ type: 'text', id: msgText.id })
-  }
-
-  return { success: true, elements }
-}
-
-module.exports = createNotification

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

@@ -1,79 +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 {number} args.value - 进度值 0-100
- * @param {string} args.trackColor - 轨道颜色
- * @param {string} args.fillColor - 填充颜色
- * @param {number} args.radius - 圆角半径
- * @param {boolean} args.showLabel - 是否显示标签
- * @param {string} args.label - 标签文字
- */
-function createProgress(project, canvas, args) {
-  const {
-    x, y,
-    width = 300,
-    height = 20,
-    value = 50,
-    trackColor = '#e0e0e0',
-    fillColor = '#6366f1',
-    radius = 10,
-    showLabel = false,
-    label,
-  } = args
-
-  const elements = []
-
-  // 绘制轨道
-  const track = new paper.Path.Rectangle({
-    point: [x, y],
-    size: [width, height],
-    radius: radius,
-  })
-  track.fillColor = new paper.Color(trackColor)
-  elements.push({ type: 'rectangle', id: track.id })
-
-  // 绘制进度
-  const progressWidth = (value / 100) * width
-  if (progressWidth > 0) {
-    const fill = new paper.Path.Rectangle({
-      point: [x, y],
-      size: [progressWidth, height],
-      radius: radius,
-    })
-    fill.fillColor = new paper.Color(fillColor)
-    elements.push({ type: 'rectangle', id: fill.id })
-  }
-
-  // 显示标签
-  if (showLabel && label) {
-    const labelText = new paper.PointText({
-      point: [x + width / 2, y - 8],
-      content: label,
-      fontSize: 14,
-      fillColor: new paper.Color('#666666'),
-      justification: 'center',
-    })
-    elements.push({ type: 'text', id: labelText.id })
-  }
-
-  return {
-    success: true,
-    elements,
-    value,
-  }
-}
-
-module.exports = createProgress