foliko 1.0.87 → 1.1.0

package/.agent/plugins/poster-plugin/src/presets.js

@@ -0,0 +1,36 @@
+/**
+ * 预设尺寸配置
+ */
+
+const PRESETS = {
+  // 海报
+  poster_a4: { width: 2480, height: 3508, name: 'A4海报 (300dpi)' },
+  poster_square: { width: 2000, height: 2000, name: '方形海报' },
+  poster_16_9: { width: 1920, height: 1080, name: '16:9海报' },
+  poster_4_3: { width: 1600, height: 1200, name: '4:3海报' },
+  poster_9_16: { width: 1080, height: 1920, name: '9:16竖版海报' },
+
+  // Banner
+  banner_1920x500: { width: 1920, height: 500, name: '网站Banner' },
+  banner_1200x400: { width: 1200, height: 400, name: '电商Banner' },
+  banner_750x300: { width: 750, height: 300, name: '移动端Banner' },
+  banner_468x60: { width: 468, height: 60, name: '小横幅' },
+  banner_twitter: { width: 1500, height: 500, name: 'Twitter封面' },
+
+  // 社交媒体
+  social_instagram: { width: 1080, height: 1080, name: 'Instagram正方形' },
+  social_story: { width: 1080, height: 1920, name: 'Instagram Story' },
+  social_facebook: { width: 1200, height: 630, name: 'Facebook封面' },
+  social_linkedin: { width: 1200, height: 627, name: 'LinkedIn封面' },
+  social_youtube: { width: 2560, height: 1440, name: 'YouTube封面' },
+
+  // 宣传图
+  promo_900x500: { width: 900, height: 500, name: '宣传图' },
+  promo_500x500: { width: 500, height: 500, name: '正方宣传图' },
+  promo_300x250: { width: 300, height: 250, name: '矩形广告' },
+
+  // 名片
+  card_standard: { width: 1058, height: 640, name: '标准名片 (300dpi)' },
+}
+
+module.exports = PRESETS

package/.agent/plugins/poster-plugin/src/templates/business.js

@@ -0,0 +1,60 @@
+/**
+ * Business（商务专业风格）模板
+ * 使用组件化方式实现
+ */
+
+const { createFromConfig } = require('../composer')
+
+/**
+ * 应用商务风格模板
+ */
+async function applyBusinessTemplate(project, canvas, args) {
+  const { title, subtitle, background, accentColor } = args
+  const cx = canvas.width / 2
+
+  const bg = background || '#1e3a5f'
+  const accent = accentColor || '#c9a227'
+
+  const titleFontSize = Math.min(100, canvas.width / 12)
+  const subtitleFontSize = Math.min(36, canvas.width / 28)
+
+  const components = [
+    // 背景
+    { type: 'background', color: bg },
+    
+    // 顶部装饰线
+    { type: 'line', x1: 100, y1: 150, x2: canvas.width - 100, y2: 150, stroke: accent, strokeWidth: 4 },
+    
+    // 左侧装饰条
+    { type: 'rectangle', x: 80, y: 150, width: 8, height: canvas.height - 300, fill: accent },
+    
+    // 主标题
+    {
+      type: 'artText',
+      text: title,
+      x: cx,
+      y: canvas.height / 2 - 20,
+      fontSize: titleFontSize,
+      gradient: { colors: ['#ffffff', '#e0e0e0'] },
+      shadow: { color: 'rgba(0,0,0,0.3)', blur: 10 }
+    },
+    
+    // 副标题
+    ...(subtitle ? [{
+      type: 'text',
+      text: subtitle,
+      x: cx,
+      y: canvas.height / 2 + 60,
+      fontSize: subtitleFontSize,
+      color: '#cccccc',
+      align: 'center'
+    }] : []),
+    
+    // 底部装饰线
+    { type: 'line', x1: 100, y1: canvas.height - 150, x2: canvas.width - 100, y2: canvas.height - 150, stroke: accent, strokeWidth: 4 }
+  ]
+
+  return await createFromConfig(project, canvas, { components })
+}
+
+module.exports = applyBusinessTemplate

package/.agent/plugins/poster-plugin/src/templates/gradient.js

@@ -0,0 +1,64 @@
+/**
+ * Gradient（渐变风格）模板
+ */
+
+const { createFromConfig } = require('../composer')
+
+/**
+ * 应用渐变风格模板
+ */
+async function applyGradientTemplate(project, canvas, args) {
+  const { title, subtitle, background, accentColor } = args
+  const cx = canvas.width / 2
+  const cy = canvas.height / 2
+
+  const bg = background || '#667eea'
+  const accent = accentColor || '#764ba2'
+
+  const titleFontSize = Math.min(120, canvas.width / 10)
+
+  const components = [
+    // 渐变背景
+    {
+      type: 'background',
+      gradient: {
+        type: 'radial',
+        colors: [bg, accent, '#1a1a2e']
+      }
+    },
+    
+    // 装饰圆形
+    { type: 'circle', cx: canvas.width * 0.2, cy: canvas.height * 0.2, rx: 100, fill: '#ffffff', opacity: 0.1 },
+    { type: 'circle', cx: canvas.width * 0.8, cy: canvas.height * 0.7, rx: 150, fill: '#ffffff', opacity: 0.08 },
+    { type: 'circle', cx: canvas.width * 0.5, cy: canvas.height * 0.9, rx: 200, fill: '#000000', opacity: 0.2 },
+    
+    // 主标题
+    {
+      type: 'artText',
+      text: title,
+      x: cx,
+      y: cy - 20,
+      fontSize: titleFontSize,
+      gradient: { colors: ['#ffffff', '#e0e0e0'] },
+      shadow: { color: 'rgba(0,0,0,0.5)', blur: 20 }
+    },
+    
+    // 副标题
+    ...(subtitle ? [{
+      type: 'text',
+      text: subtitle,
+      x: cx,
+      y: cy + 80,
+      fontSize: 36,
+      color: '#ffffff',
+      align: 'center'
+    }] : []),
+    
+    // 底部装饰线
+    { type: 'line', x1: cx - 150, y1: cy + 150, x2: cx + 150, y2: cy + 150, stroke: '#ffffff', strokeWidth: 2, opacity: 0.5 }
+  ]
+
+  return await createFromConfig(project, canvas, { components })
+}
+
+module.exports = applyGradientTemplate

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

@@ -0,0 +1,43 @@
+/**
+ * 模板模块导出
+ */
+
+const applyModernTemplate = require('./modern')
+const applyBusinessTemplate = require('./business')
+const applySocialTemplate = require('./social')
+const applySimpleTemplate = require('./simple')
+const applyTechTemplate = require('./tech')
+const applyGradientTemplate = require('./gradient')
+
+const TEMPLATES = {
+  modern: applyModernTemplate,
+  business: applyBusinessTemplate,
+  social: applySocialTemplate,
+  simple: applySimpleTemplate,
+  tech: applyTechTemplate,
+  gradient: applyGradientTemplate,
+}
+
+/**
+ * 应用模板
+ */
+async function applyTemplate(project, canvas, templateName, args) {
+  const templateFn = TEMPLATES[templateName]
+  if (!templateFn) {
+    throw new Error(`Unknown template: ${templateName}. Available: ${Object.keys(TEMPLATES).join(', ')}`)
+  }
+  return await templateFn(project, canvas, args)
+}
+
+/**
+ * 获取可用模板列表
+ */
+function getAvailableTemplates() {
+  return Object.keys(TEMPLATES)
+}
+
+module.exports = {
+  applyTemplate,
+  getAvailableTemplates,
+  TEMPLATES,
+}

package/.agent/plugins/poster-plugin/src/templates/modern.js

@@ -0,0 +1,69 @@
+/**
+ * Modern（现代科技风格）模板
+ * 使用组件化方式实现
+ */
+
+const { createFromConfig } = require('../composer')
+
+/**
+ * 应用现代风格模板
+ */
+async function applyModernTemplate(project, canvas, args) {
+  const { title, subtitle, background, accentColor } = args
+  const cx = canvas.width / 2
+  const cy = canvas.height / 2
+
+  const bg = background || '#1a1a2e'
+  const accent = accentColor || '#00d9ff'
+
+  // 计算装饰圆形位置
+  const circle1X = canvas.width * 0.85
+  const circle1Y = canvas.height * 0.15
+  const circle2X = canvas.width * 0.1
+  const circle2Y = canvas.height * 0.85
+  const circle3X = canvas.width * 0.9
+  const circle3Y = canvas.height * 0.8
+
+  // 计算字体大小
+  const titleFontSize = Math.min(120, canvas.width / 10)
+  const subtitleFontSize = Math.min(40, canvas.width / 25)
+
+  const components = [
+    // 背景
+    { type: 'background', color: bg },
+    
+    // 装饰圆形
+    { type: 'circle', cx: circle1X, cy: circle1Y, rx: 200, fill: accent, opacity: 0.2 },
+    { type: 'circle', cx: circle2X, cy: circle2Y, rx: 150, fill: accent, opacity: 0.15 },
+    { type: 'circle', cx: circle3X, cy: circle3Y, rx: 100, fill: '#00ff88', opacity: 0.1 },
+    
+    // 艺术标题
+    {
+      type: 'artText',
+      text: title,
+      x: cx,
+      y: cy - 30,
+      fontSize: titleFontSize,
+      gradient: { colors: [accent, '#00ff88'] },
+      shadow: { color: accent, blur: 20 }
+    },
+    
+    // 副标题
+    ...(subtitle ? [{
+      type: 'text',
+      text: subtitle,
+      x: cx,
+      y: cy + 80,
+      fontSize: subtitleFontSize,
+      color: '#aaaaaa',
+      align: 'center'
+    }] : []),
+    
+    // 分隔线
+    { type: 'line', x1: cx - 200, y1: cy + 50, x2: cx + 200, y2: cy + 50, stroke: accent, strokeWidth: 2 }
+  ]
+
+  return await createFromConfig(project, canvas, { components })
+}
+
+module.exports = applyModernTemplate

package/.agent/plugins/poster-plugin/src/templates/simple.js

@@ -0,0 +1,58 @@
+/**
+ * Simple（简约留白风格）模板
+ * 使用组件化方式实现
+ */
+
+const { createFromConfig } = require('../composer')
+
+/**
+ * 应用简约风格模板
+ */
+async function applySimpleTemplate(project, canvas, args) {
+  const { title, subtitle, background, accentColor } = args
+  const cx = canvas.width / 2
+  const cy = canvas.height / 2
+
+  const bg = background || '#f5f5f5'
+  const accent = accentColor || '#333333'
+
+  const titleFontSize = Math.min(100, canvas.width / 12)
+  const subtitleFontSize = Math.min(36, canvas.width / 28)
+
+  const components = [
+    // 背景
+    { type: 'background', color: bg },
+    
+    // 装饰线条
+    { type: 'line', x1: cx - 100, y1: cy - 80, x2: cx + 100, y2: cy - 80, stroke: accent, strokeWidth: 1 },
+    
+    // 主标题
+    {
+      type: 'artText',
+      text: title,
+      x: cx,
+      y: cy - 20,
+      fontSize: titleFontSize,
+      gradient: { colors: [accent, '#666666'] },
+      shadow: { color: 'rgba(0,0,0,0.1)', blur: 5 }
+    },
+    
+    // 副标题
+    ...(subtitle ? [{
+      type: 'text',
+      text: subtitle,
+      x: cx,
+      y: cy + 60,
+      fontSize: subtitleFontSize,
+      color: '#666666',
+      align: 'center'
+    }] : []),
+    
+    // 装饰线条
+    { type: 'line', x1: cx - 100, y1: cy + 100, x2: cx + 100, y2: cy + 100, stroke: accent, strokeWidth: 1 }
+  ]
+
+  return await createFromConfig(project, canvas, { components })
+}
+
+module.exports = applySimpleTemplate

package/.agent/plugins/poster-plugin/src/templates/social.js

@@ -0,0 +1,62 @@
+/**
+ * Social（社交媒体风格）模板
+ * 使用组件化方式实现
+ */
+
+const { createFromConfig } = require('../composer')
+
+/**
+ * 应用社交媒体风格模板
+ */
+async function applySocialTemplate(project, canvas, args) {
+  const { title, subtitle, background, accentColor } = args
+  const cx = canvas.width / 2
+  const cy = canvas.height / 2
+
+  const bg = background || '#2d3436'
+  const accent = accentColor || '#e84393'
+
+  const titleFontSize = Math.min(72, canvas.width / 14)
+  const subtitleFontSize = Math.min(32, canvas.width / 30)
+  const frameRadius = Math.min(250, canvas.width / 3)
+
+  const components = [
+    // 背景
+    { type: 'background', color: bg },
+    
+    // 中心圆形边框
+    { type: 'circle', cx: cx, cy: cy - 50, rx: frameRadius, stroke: accent, strokeWidth: 6, fill: 'transparent' },
+    { type: 'circle', cx: cx, cy: cy - 50, rx: frameRadius - 20, stroke: accent, strokeWidth: 1, opacity: 0.5, fill: 'transparent' },
+    
+    // 主标题
+    {
+      type: 'artText',
+      text: title,
+      x: cx,
+      y: cy - 30,
+      fontSize: titleFontSize,
+      gradient: { colors: ['#ffffff', '#e0e0e0'] },
+      shadow: { color: accent, blur: 15 }
+    },
+    
+    // 副标题
+    ...(subtitle ? [{
+      type: 'text',
+      text: subtitle,
+      x: cx,
+      y: cy + 40,
+      fontSize: subtitleFontSize,
+      color: '#dddddd',
+      align: 'center'
+    }] : []),
+    
+    // 底部装饰点
+    { type: 'circle', cx: cx - 30, cy: cy + 120, rx: 5, fill: accent, opacity: 0.5 },
+    { type: 'circle', cx: cx, cy: cy + 120, rx: 5, fill: accent, opacity: 0.7 },
+    { type: 'circle', cx: cx + 30, cy: cy + 120, rx: 5, fill: accent, opacity: 0.9 }
+  ]
+
+  return await createFromConfig(project, canvas, { components })
+}
+
+module.exports = applySocialTemplate

package/.agent/plugins/poster-plugin/src/templates/tech.js

@@ -0,0 +1,84 @@
+/**
+ * Tech（科技感）模板
+ */
+
+const { createFromConfig } = require('../composer')
+
+/**
+ * 应用科技风格模板
+ */
+async function applyTechTemplate(project, canvas, args) {
+  const { title, subtitle, background, accentColor } = args
+  const cx = canvas.width / 2
+  const cy = canvas.height / 2
+
+  const bg = background || '#0a0a0a'
+  const accent = accentColor || '#00ff00'
+
+  const titleFontSize = Math.min(100, canvas.width / 12)
+  const subtitleFontSize = Math.min(32, canvas.width / 28)
+
+  // 计算网格位置
+  const gridItems = []
+  const cols = 5
+  const rows = 3
+  const gridWidth = canvas.width * 0.8
+  const gridHeight = canvas.height * 0.3
+  const cellWidth = gridWidth / cols
+  const cellHeight = gridHeight / rows
+  const gridX = (canvas.width - gridWidth) / 2
+  const gridY = canvas.height * 0.7
+
+  for (let i = 0; i < cols; i++) {
+    for (let j = 0; j < rows; j++) {
+      gridItems.push({
+        type: 'rectangle',
+        x: gridX + i * cellWidth,
+        y: gridY + j * cellHeight,
+        width: cellWidth - 10,
+        height: cellHeight - 10,
+        stroke: accent,
+        strokeWidth: 0.5,
+        opacity: 0.3
+      })
+    }
+  }
+
+  const components = [
+    // 背景
+    { type: 'background', color: bg },
+    
+    // 顶部装饰线
+    { type: 'line', x1: 0, y1: 50, x2: canvas.width * 0.3, y2: 50, stroke: accent, strokeWidth: 2 },
+    { type: 'line', x1: canvas.width * 0.7, y1: 50, x2: canvas.width, y2: 50, stroke: accent, strokeWidth: 2 },
+    
+    // 主标题（霓虹效果）
+    {
+      type: 'artText',
+      text: title,
+      x: cx,
+      y: cy,
+      fontSize: titleFontSize,
+      gradient: { colors: [accent, '#00ffff'] },
+      shadow: { color: accent, blur: 30 }
+    },
+    
+    // 副标题
+    ...(subtitle ? [{
+      type: 'text',
+      text: subtitle,
+      x: cx,
+      y: cy + 80,
+      fontSize: subtitleFontSize,
+      color: '#888888',
+      align: 'center'
+    }] : []),
+    
+    // 网格装饰
+    ...gridItems
+  ]
+
+  return await createFromConfig(project, canvas, { components })
+}
+
+module.exports = applyTechTemplate