sa2kit 1.6.68 → 1.6.70

package/dist/festivalCard/index.mjs

@@ -1,181 +1,726 @@
-import React, { useRef, useEffect } from 'react';
-import * as THREE from 'three';
+import React3, { useState, useEffect, useCallback, useMemo } from 'react';
 
-// src/festivalCard/components/FestivalCard3D.tsx
-var createSnow = (count) => {
-  const positions = new Float32Array(count * 3);
-  const speeds = new Float32Array(count);
-  for (let i = 0; i < count; i++) {
-    const i3 = i * 3;
-    positions[i3] = (Math.random() - 0.5) * 16;
-    positions[i3 + 1] = Math.random() * 10 + 1;
-    positions[i3 + 2] = (Math.random() - 0.5) * 16;
-    speeds[i] = 4e-3 + Math.random() * 0.01;
+// src/festivalCard/core/defaults.ts
+var DEFAULT_FESTIVAL_CARD_CONFIG = {
+  id: "default-festival-card",
+  name: "Holiday Card",
+  theme: "winter",
+  coverTitle: "Happy Holidays",
+  coverSubtitle: "Warm wishes for you",
+  background: {
+    colorA: "#0c1a34",
+    colorB: "#1f4f8a"
+  },
+  backgroundMusic: {
+    src: "",
+    loop: true,
+    autoPlay: false,
+    volume: 0.5
+  },
+  pages: [
+    {
+      id: "page-1",
+      title: "\u5C01\u9762",
+      background: { color: "#11284d" },
+      elements: [
+        {
+          id: "p1-text-1",
+          type: "text",
+          x: 50,
+          y: 20,
+          content: "\u65B0\u5E74\u5FEB\u4E50",
+          fontSize: 34,
+          fontWeight: 700,
+          align: "center",
+          color: "#f8fafc"
+        },
+        {
+          id: "p1-text-2",
+          type: "text",
+          x: 50,
+          y: 36,
+          content: "\u613F\u8FD9\u4E00\u5E74\u5E73\u5B89\u559C\u4E50",
+          fontSize: 18,
+          fontWeight: 500,
+          align: "center",
+          color: "#dbeafe"
+        },
+        {
+          id: "p1-image-1",
+          type: "image",
+          x: 50,
+          y: 68,
+          width: 72,
+          height: 42,
+          src: "https://images.unsplash.com/photo-1512389142860-9c449e58a543?auto=format&fit=crop&w=1200&q=80",
+          fit: "cover",
+          borderRadius: 16,
+          alt: "holiday"
+        }
+      ]
+    },
+    {
+      id: "page-2",
+      title: "\u795D\u798F",
+      background: { color: "#1a3766" },
+      elements: [
+        {
+          id: "p2-text-1",
+          type: "text",
+          x: 50,
+          y: 28,
+          content: "\u613F\u4F60\u65B0\u5C81\uFF1A",
+          fontSize: 28,
+          fontWeight: 700,
+          align: "center",
+          color: "#fef3c7"
+        },
+        {
+          id: "p2-text-2",
+          type: "text",
+          x: 50,
+          y: 42,
+          content: "\u6240\u5F97\u7686\u6240\u671F\uFF0C\u6240\u5931\u4EA6\u65E0\u788D",
+          fontSize: 18,
+          fontWeight: 500,
+          align: "center",
+          color: "#f8fafc"
+        },
+        {
+          id: "p2-text-3",
+          type: "text",
+          x: 50,
+          y: 55,
+          content: "\u613F\u4F60\u7684\u6BCF\u4E00\u6B65\u90FD\u8D70\u5411\u5149\u4EAE",
+          fontSize: 16,
+          fontWeight: 400,
+          align: "center",
+          color: "#dbeafe"
+        }
+      ]
+    },
+    {
+      id: "page-3",
+      title: "\u843D\u6B3E",
+      background: { color: "#11284d" },
+      elements: [
+        {
+          id: "p3-image-1",
+          type: "image",
+          x: 50,
+          y: 34,
+          width: 60,
+          height: 42,
+          src: "https://images.unsplash.com/photo-1456324504439-367cee3b3c32?auto=format&fit=crop&w=1200&q=80",
+          fit: "cover",
+          borderRadius: 14,
+          alt: "gift"
+        },
+        {
+          id: "p3-text-1",
+          type: "text",
+          x: 50,
+          y: 72,
+          content: "Best wishes, from SA2Kit",
+          fontSize: 18,
+          fontWeight: 600,
+          align: "center",
+          color: "#f8fafc"
+        }
+      ]
+    }
+  ]
+};
+
+// src/festivalCard/core/normalize.ts
+var ensurePage = (page, index) => ({
+  id: page.id || `page-${index + 1}`,
+  title: page.title || `\u7B2C ${index + 1} \u9875`,
+  elements: Array.isArray(page.elements) ? page.elements : [],
+  background: page.background || {}
+});
+var normalizeFestivalCardConfig = (config) => {
+  const pages = config?.pages && config.pages.length > 0 ? config.pages : DEFAULT_FESTIVAL_CARD_CONFIG.pages;
+  return {
+    ...DEFAULT_FESTIVAL_CARD_CONFIG,
+    ...config,
+    background: {
+      ...DEFAULT_FESTIVAL_CARD_CONFIG.background,
+      ...config?.background || {}
+    },
+    backgroundMusic: {
+      ...DEFAULT_FESTIVAL_CARD_CONFIG.backgroundMusic,
+      ...config?.backgroundMusic || {},
+      src: config?.backgroundMusic?.src ?? DEFAULT_FESTIVAL_CARD_CONFIG.backgroundMusic?.src ?? ""
+    },
+    pages: pages.map(ensurePage)
+  };
+};
+var resizeFestivalCardPages = (config, pageCount) => {
+  const safeCount = Math.max(1, Math.min(12, Math.floor(pageCount || 1)));
+  const nextPages = [...config.pages];
+  while (nextPages.length < safeCount) {
+    const idx = nextPages.length;
+    nextPages.push({
+      id: `page-${idx + 1}`,
+      title: `\u7B2C ${idx + 1} \u9875`,
+      elements: [],
+      background: {}
+    });
   }
-  return { positions, speeds };
+  return {
+    ...config,
+    pages: nextPages.slice(0, safeCount)
+  };
 };
-var FestivalCard3D = ({
-  title = "Happy Holidays",
-  subtitle = "Wishing you joy and peace",
-  className
-}) => {
-  const mountRef = useRef(null);
+var useFestivalCardConfig = (options) => {
+  const [config, setConfig] = useState(
+    () => normalizeFestivalCardConfig(options?.initialConfig || DEFAULT_FESTIVAL_CARD_CONFIG)
+  );
+  const [loading, setLoading] = useState(Boolean(options?.fetchConfig));
+  const [saving, setSaving] = useState(false);
   useEffect(() => {
-    const mount = mountRef.current;
-    if (!mount) return;
-    const scene = new THREE.Scene();
-    scene.fog = new THREE.Fog(528934, 12, 28);
-    const camera = new THREE.PerspectiveCamera(50, mount.clientWidth / mount.clientHeight, 0.1, 100);
-    camera.position.set(0, 2.6, 7.5);
-    const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
-    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
-    renderer.setSize(mount.clientWidth, mount.clientHeight);
-    renderer.outputColorSpace = THREE.SRGBColorSpace;
-    mount.appendChild(renderer.domElement);
-    const ambientLight = new THREE.AmbientLight(9090303, 0.8);
-    scene.add(ambientLight);
-    const keyLight = new THREE.DirectionalLight(16777215, 1.25);
-    keyLight.position.set(2, 5, 4);
-    scene.add(keyLight);
-    const fillLight = new THREE.PointLight(8050687, 0.9, 24);
-    fillLight.position.set(-4, 3, -2);
-    scene.add(fillLight);
-    const floor = new THREE.Mesh(
-      new THREE.CircleGeometry(12, 48),
-      new THREE.MeshStandardMaterial({ color: 1056826, roughness: 0.95, metalness: 0.05 })
-    );
-    floor.rotation.x = -Math.PI / 2;
-    floor.position.y = -1.2;
-    scene.add(floor);
-    const giftGroup = new THREE.Group();
-    scene.add(giftGroup);
-    const box = new THREE.Mesh(
-      new THREE.BoxGeometry(2, 1.6, 2),
-      new THREE.MeshStandardMaterial({ color: 14238053, roughness: 0.55, metalness: 0.2 })
-    );
-    giftGroup.add(box);
-    const ribbonMaterial = new THREE.MeshStandardMaterial({ color: 16767354, roughness: 0.3, metalness: 0.5 });
-    const verticalRibbon = new THREE.Mesh(new THREE.BoxGeometry(0.24, 1.7, 2.02), ribbonMaterial);
-    const horizontalRibbon = new THREE.Mesh(new THREE.BoxGeometry(2.02, 1.7, 0.24), ribbonMaterial);
-    giftGroup.add(verticalRibbon);
-    giftGroup.add(horizontalRibbon);
-    const lid = new THREE.Mesh(
-      new THREE.BoxGeometry(2.15, 0.34, 2.15),
-      new THREE.MeshStandardMaterial({ color: 13448278, roughness: 0.52, metalness: 0.2 })
-    );
-    lid.position.y = 0.98;
-    giftGroup.add(lid);
-    const bowLeft = new THREE.Mesh(new THREE.TorusGeometry(0.26, 0.08, 12, 32), ribbonMaterial);
-    bowLeft.rotation.set(Math.PI / 2, Math.PI / 6, 0);
-    bowLeft.position.set(-0.22, 1.14, 0);
-    const bowRight = bowLeft.clone();
-    bowRight.rotation.y = -Math.PI / 6;
-    bowRight.position.x = 0.22;
-    giftGroup.add(bowLeft, bowRight);
-    giftGroup.position.y = -0.15;
-    const { positions, speeds } = createSnow(260);
-    const snowGeometry = new THREE.BufferGeometry();
-    snowGeometry.setAttribute("position", new THREE.BufferAttribute(positions, 3));
-    const snow = new THREE.Points(
-      snowGeometry,
-      new THREE.PointsMaterial({
-        color: 15267071,
-        size: 0.08,
-        transparent: true,
-        opacity: 0.92,
-        depthWrite: false
-      })
-    );
-    scene.add(snow);
-    let rafId = 0;
-    const clock = new THREE.Clock();
-    const animate = () => {
-      const elapsed = clock.getElapsedTime();
-      const pos = snowGeometry.attributes.position;
-      for (let i = 0; i < pos.count; i++) {
-        const speed = speeds[i] ?? 0.01;
-        const y = pos.getY(i) - speed;
-        pos.setY(i, y < -1.1 ? 10 + Math.random() * 2 : y);
-        pos.setX(i, pos.getX(i) + Math.sin(elapsed + i * 0.04) * 16e-4);
-      }
-      pos.needsUpdate = true;
-      giftGroup.rotation.y = elapsed * 0.35;
-      giftGroup.position.y = -0.15 + Math.sin(elapsed * 1.4) * 0.08;
-      lid.position.y = 0.98 + Math.sin(elapsed * 2.2) * 0.08;
-      renderer.render(scene, camera);
-      rafId = window.requestAnimationFrame(animate);
-    };
-    const handleResize = () => {
-      if (!mount) return;
-      const width = mount.clientWidth;
-      const height = mount.clientHeight;
-      camera.aspect = width / height;
-      camera.updateProjectionMatrix();
-      renderer.setSize(width, height);
-    };
-    window.addEventListener("resize", handleResize);
-    animate();
+    if (!options?.fetchConfig) return;
+    let active = true;
+    void options.fetchConfig().then((value) => {
+      if (!active) return;
+      setConfig(normalizeFestivalCardConfig(value));
+    }).finally(() => {
+      if (active) setLoading(false);
+    });
     return () => {
-      window.cancelAnimationFrame(rafId);
-      window.removeEventListener("resize", handleResize);
-      scene.traverse((obj) => {
-        const mesh = obj;
-        if (mesh.geometry) mesh.geometry.dispose();
-        const material = mesh.material;
-        if (Array.isArray(material)) material.forEach((m) => m.dispose());
-        else material?.dispose();
-      });
-      renderer.dispose();
-      mount.removeChild(renderer.domElement);
+      active = false;
     };
-  }, []);
-  return /* @__PURE__ */ React.createElement(
+  }, [options]);
+  const save = useCallback(async () => {
+    if (!options?.onSave) return;
+    setSaving(true);
+    try {
+      await options.onSave(config);
+    } finally {
+      setSaving(false);
+    }
+  }, [config, options]);
+  return useMemo(
+    () => ({
+      config,
+      setConfig,
+      loading,
+      saving,
+      save
+    }),
+    [config, loading, save, saving]
+  );
+};
+var elementStyle = (element) => ({
+  position: "absolute",
+  left: `${element.x}%`,
+  top: `${element.y}%`,
+  width: `${element.width ?? 70}%`,
+  height: element.height ? `${element.height}%` : void 0,
+  transform: "translate(-50%, -50%)"
+});
+var renderElement = (element) => {
+  if (element.type === "text") {
+    return /* @__PURE__ */ React3.createElement(
+      "div",
+      {
+        key: element.id,
+        style: {
+          ...elementStyle(element),
+          color: element.color || "#f8fafc",
+          fontSize: element.fontSize || 18,
+          fontWeight: element.fontWeight || 500,
+          textAlign: element.align || "left",
+          lineHeight: 1.45,
+          whiteSpace: "pre-wrap"
+        }
+      },
+      element.content
+    );
+  }
+  return /* @__PURE__ */ React3.createElement(
+    "img",
+    {
+      key: element.id,
+      src: element.src,
+      alt: element.alt || "festival-card-image",
+      style: {
+        ...elementStyle(element),
+        objectFit: element.fit || "cover",
+        borderRadius: element.borderRadius || 0,
+        overflow: "hidden",
+        boxShadow: "0 12px 30px rgba(2, 6, 23, 0.32)"
+      }
+    }
+  );
+};
+var FestivalCardPageRenderer = ({ page }) => {
+  return /* @__PURE__ */ React3.createElement(
     "div",
     {
-      className,
       style: {
         position: "relative",
         width: "100%",
-        minHeight: 420,
-        borderRadius: 20,
+        height: "100%",
         overflow: "hidden",
-        background: "radial-gradient(circle at 20% 20%, #244d8c 0%, #0c1a34 45%, #060d1f 100%)"
+        borderRadius: 16,
+        backgroundColor: page.background?.color || "#0f172a",
+        backgroundImage: page.background?.image ? `url(${page.background.image})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
       }
     },
-    /* @__PURE__ */ React.createElement("div", { ref: mountRef, style: { position: "absolute", inset: 0 } }),
-    /* @__PURE__ */ React.createElement(
+    page.elements.map(renderElement)
+  );
+};
+
+// src/festivalCard/components/FestivalCardBook3D.tsx
+var FestivalCardBook3D = ({ config, className }) => {
+  const [currentPage, setCurrentPage] = useState(0);
+  const normalized = useMemo(() => normalizeFestivalCardConfig(config), [config]);
+  const pages = normalized.pages;
+  const canPrev = currentPage > 0;
+  const canNext = currentPage < pages.length - 1;
+  return /* @__PURE__ */ React3.createElement("div", { className }, /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        minHeight: 560,
+        borderRadius: 24,
+        padding: 24,
+        background: `linear-gradient(145deg, ${normalized.background?.colorA || "#0c1a34"} 0%, ${normalized.background?.colorB || "#1f4f8a"} 100%)`,
+        boxShadow: "0 26px 70px rgba(2, 6, 23, 0.45)"
+      }
+    },
+    /* @__PURE__ */ React3.createElement(
       "div",
       {
         style: {
-          position: "absolute",
-          inset: 0,
-          pointerEvents: "none",
-          background: "linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.04) 35%, rgba(4,8,20,0.36) 100%)"
+          marginBottom: 14,
+          color: "#f8fafc",
+          fontSize: 14,
+          opacity: 0.9,
+          textAlign: "center"
         }
-      }
+      },
+      normalized.coverTitle || "Festival Card",
+      " \xB7 \u7B2C ",
+      currentPage + 1,
+      " / ",
+      pages.length,
+      " \u9875"
     ),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React3.createElement("div", { style: { perspective: 1400, width: "100%", maxWidth: 920, margin: "0 auto" } }, /* @__PURE__ */ React3.createElement(
       "div",
       {
         style: {
-          position: "absolute",
-          left: 20,
-          right: 20,
-          bottom: 20,
-          zIndex: 2,
-          padding: "16px 18px",
-          borderRadius: 14,
-          backgroundColor: "rgba(8, 16, 35, 0.66)",
-          border: "1px solid rgba(255, 255, 255, 0.16)",
-          color: "#f8fafc"
+          position: "relative",
+          height: 460,
+          transformStyle: "preserve-3d"
         }
       },
-      /* @__PURE__ */ React.createElement("div", { style: { fontSize: 26, fontWeight: 700, lineHeight: 1.2 } }, title),
-      /* @__PURE__ */ React.createElement("div", { style: { marginTop: 6, fontSize: 15, opacity: 0.92 } }, subtitle)
-    )
-  );
+      pages.map((page, index) => {
+        const isFlipped = index < currentPage;
+        const zIndex = pages.length - index;
+        return /* @__PURE__ */ React3.createElement(
+          "div",
+          {
+            key: page.id,
+            style: {
+              position: "absolute",
+              inset: 0,
+              transformStyle: "preserve-3d",
+              transformOrigin: "left center",
+              transform: `rotateY(${isFlipped ? -170 : 0}deg)`,
+              transition: "transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1)",
+              zIndex
+            }
+          },
+          /* @__PURE__ */ React3.createElement(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                backfaceVisibility: "hidden"
+              }
+            },
+            /* @__PURE__ */ React3.createElement(FestivalCardPageRenderer, { page })
+          ),
+          /* @__PURE__ */ React3.createElement(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                transform: "rotateY(180deg)",
+                backfaceVisibility: "hidden",
+                borderRadius: 16,
+                background: "#0f172a"
+              }
+            }
+          )
+        );
+      })
+    )),
+    /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", justifyContent: "center", gap: 12, marginTop: 18 } }, /* @__PURE__ */ React3.createElement(
+      "button",
+      {
+        type: "button",
+        disabled: !canPrev,
+        onClick: () => setCurrentPage((p) => Math.max(0, p - 1)),
+        style: {
+          border: "none",
+          borderRadius: 999,
+          padding: "9px 16px",
+          fontSize: 14,
+          cursor: canPrev ? "pointer" : "not-allowed",
+          opacity: canPrev ? 1 : 0.4
+        }
+      },
+      "\u4E0A\u4E00\u9875"
+    ), /* @__PURE__ */ React3.createElement(
+      "button",
+      {
+        type: "button",
+        disabled: !canNext,
+        onClick: () => setCurrentPage((p) => Math.min(pages.length - 1, p + 1)),
+        style: {
+          border: "none",
+          borderRadius: 999,
+          padding: "9px 16px",
+          fontSize: 14,
+          cursor: canNext ? "pointer" : "not-allowed",
+          opacity: canNext ? 1 : 0.4
+        }
+      },
+      "\u4E0B\u4E00\u9875"
+    ))
+  ), normalized.backgroundMusic?.src ? /* @__PURE__ */ React3.createElement(
+    "audio",
+    {
+      src: normalized.backgroundMusic.src,
+      autoPlay: normalized.backgroundMusic.autoPlay,
+      loop: normalized.backgroundMusic.loop,
+      controls: true,
+      style: { width: "100%", marginTop: 10 }
+    }
+  ) : null);
+};
+var createTextElement = (pageIndex) => ({
+  id: `text-${Date.now()}-${pageIndex}`,
+  type: "text",
+  x: 50,
+  y: 50,
+  content: "\u8BF7\u8F93\u5165\u6587\u5B57",
+  fontSize: 18,
+  fontWeight: 500,
+  align: "center",
+  color: "#ffffff"
+});
+var createImageElement = (pageIndex) => ({
+  id: `image-${Date.now()}-${pageIndex}`,
+  type: "image",
+  x: 50,
+  y: 50,
+  width: 60,
+  height: 40,
+  src: "https://images.unsplash.com/photo-1482517967863-00e15c9b44be?auto=format&fit=crop&w=1200&q=80",
+  fit: "cover",
+  borderRadius: 12
+});
+var FestivalCardConfigEditor = ({ value, onChange }) => {
+  const [activePageIndex, setActivePageIndex] = useState(0);
+  const page = value.pages[activePageIndex];
+  const canEditPage = Boolean(page);
+  const pageOptions = useMemo(() => value.pages.map((_, index) => index), [value.pages]);
+  const updateElement = (elementId, patch) => {
+    onChange({
+      ...value,
+      pages: value.pages.map(
+        (p, pIndex) => pIndex === activePageIndex ? {
+          ...p,
+          elements: p.elements.map((el) => el.id === elementId ? { ...el, ...patch } : el)
+        } : p
+      )
+    });
+  };
+  return /* @__PURE__ */ React3.createElement("div", { style: { borderRadius: 16, background: "#0f172a", color: "#e2e8f0", padding: 16 } }, /* @__PURE__ */ React3.createElement("div", { style: { display: "grid", gap: 12 } }, /* @__PURE__ */ React3.createElement("label", { style: { display: "grid", gap: 6 } }, /* @__PURE__ */ React3.createElement("span", null, "\u9875\u9762\u6570\u91CF"), /* @__PURE__ */ React3.createElement(
+    "input",
+    {
+      type: "number",
+      min: 1,
+      max: 12,
+      value: value.pages.length,
+      onChange: (event) => onChange(resizeFestivalCardPages(value, Number(event.target.value)))
+    }
+  )), /* @__PURE__ */ React3.createElement("label", { style: { display: "grid", gap: 6 } }, /* @__PURE__ */ React3.createElement("span", null, "\u80CC\u666F\u97F3\u4E50 URL"), /* @__PURE__ */ React3.createElement(
+    "input",
+    {
+      type: "url",
+      value: value.backgroundMusic?.src || "",
+      onChange: (event) => onChange({
+        ...value,
+        backgroundMusic: {
+          ...value.backgroundMusic,
+          src: event.target.value
+        }
+      })
+    }
+  )), /* @__PURE__ */ React3.createElement("label", { style: { display: "grid", gap: 6 } }, /* @__PURE__ */ React3.createElement("span", null, "\u7F16\u8F91\u9875\u9762"), /* @__PURE__ */ React3.createElement("select", { value: activePageIndex, onChange: (event) => setActivePageIndex(Number(event.target.value)) }, pageOptions.map((index) => /* @__PURE__ */ React3.createElement("option", { key: index, value: index }, "\u7B2C ", index + 1, " \u9875"))))), canEditPage ? /* @__PURE__ */ React3.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", gap: 8, marginBottom: 12 } }, /* @__PURE__ */ React3.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange({
+        ...value,
+        pages: value.pages.map(
+          (p, index) => index === activePageIndex ? { ...p, elements: [...p.elements, createTextElement(index)] } : p
+        )
+      })
+    },
+    "+ \u6587\u5B57"
+  ), /* @__PURE__ */ React3.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange({
+        ...value,
+        pages: value.pages.map(
+          (p, index) => index === activePageIndex ? { ...p, elements: [...p.elements, createImageElement(index)] } : p
+        )
+      })
+    },
+    "+ \u56FE\u7247"
+  )), /* @__PURE__ */ React3.createElement("div", { style: { display: "grid", gap: 10, maxHeight: 340, overflow: "auto" } }, (page?.elements ?? []).map((element) => /* @__PURE__ */ React3.createElement("div", { key: element.id, style: { border: "1px solid #334155", borderRadius: 10, padding: 10 } }, /* @__PURE__ */ React3.createElement("div", { style: { marginBottom: 8 } }, element.type.toUpperCase()), element.type === "text" ? /* @__PURE__ */ React3.createElement(
+    "textarea",
+    {
+      value: element.content,
+      onChange: (event) => updateElement(element.id, { content: event.target.value }),
+      rows: 3,
+      style: { width: "100%" }
+    }
+  ) : /* @__PURE__ */ React3.createElement(
+    "input",
+    {
+      type: "url",
+      value: element.src,
+      onChange: (event) => updateElement(element.id, { src: event.target.value }),
+      style: { width: "100%" }
+    }
+  ))))) : null);
+};
+
+// src/festivalCard/components/FestivalCardStudio.tsx
+var FestivalCardStudio = ({ initialConfig, fetchConfig, onSave }) => {
+  const { config, setConfig, loading, save, saving } = useFestivalCardConfig({
+    initialConfig: normalizeFestivalCardConfig(initialConfig),
+    fetchConfig,
+    onSave
+  });
+  if (loading) return /* @__PURE__ */ React3.createElement("div", null, "\u52A0\u8F7D\u4E2D...");
+  return /* @__PURE__ */ React3.createElement("div", { style: { display: "grid", gridTemplateColumns: "1.4fr 1fr", gap: 16 } }, /* @__PURE__ */ React3.createElement(FestivalCardBook3D, { config }), /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(FestivalCardConfigEditor, { value: config, onChange: setConfig }), onSave ? /* @__PURE__ */ React3.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => void save(),
+      disabled: saving,
+      style: { marginTop: 12, width: "100%", padding: "10px 16px" }
+    },
+    saving ? "\u4FDD\u5B58\u4E2D..." : "\u4FDD\u5B58\u914D\u7F6E"
+  ) : null));
 };
 
-export { FestivalCard3D };
+// src/festivalCard/components/FestivalCardConfigPage.tsx
+var FestivalCardConfigPage = ({
+  apiBase = "/api/festivalCard",
+  cardId,
+  mainPagePath = "/festivalCard"
+}) => {
+  const [list, setList] = useState([]);
+  const [selectedId, setSelectedId] = useState(cardId || "default-festival-card");
+  const parseListResponse2 = (data) => {
+    if (!data || typeof data !== "object") return [];
+    const payload = data.data;
+    if (!Array.isArray(payload)) return [];
+    return payload.filter((item) => Boolean(item && typeof item === "object" && typeof item.id === "string")).map((item) => ({ id: item.id, name: item.name }));
+  };
+  const parseConfigResponse2 = (data) => {
+    if (!data || typeof data !== "object") return normalizeFestivalCardConfig();
+    const payload = data.data;
+    if (!payload || typeof payload !== "object") return normalizeFestivalCardConfig();
+    return normalizeFestivalCardConfig(payload);
+  };
+  const reloadList = useCallback(async () => {
+    const response = await fetch(apiBase, { cache: "no-store" });
+    const data = await response.json();
+    setList(parseListResponse2(data));
+  }, [apiBase]);
+  useEffect(() => {
+    void reloadList();
+  }, [reloadList]);
+  const fetchConfig = async () => {
+    const response = await fetch(`${apiBase}/${encodeURIComponent(selectedId)}`, { cache: "no-store" });
+    const data = await response.json();
+    return parseConfigResponse2(data);
+  };
+  const saveConfig = async (config) => {
+    await fetch(`${apiBase}/${encodeURIComponent(selectedId)}`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ config })
+    });
+    await reloadList();
+  };
+  const createNew = async () => {
+    const name = window.prompt("\u8BF7\u8F93\u5165\u65B0\u5361\u7247\u540D\u79F0");
+    if (!name) return;
+    const id = `festival-${Date.now()}`;
+    const config = normalizeFestivalCardConfig({
+      id,
+      name
+    });
+    await fetch(`${apiBase}/${encodeURIComponent(id)}`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ config })
+    });
+    setSelectedId(id);
+    await reloadList();
+  };
+  const mainLink = useMemo(() => `${mainPagePath}?cardId=${encodeURIComponent(selectedId)}`, [mainPagePath, selectedId]);
+  return /* @__PURE__ */ React3.createElement("div", { style: { display: "grid", gap: 12 } }, /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", gap: 10, alignItems: "center" } }, /* @__PURE__ */ React3.createElement("select", { value: selectedId, onChange: (event) => setSelectedId(event.target.value) }, list.map((item) => /* @__PURE__ */ React3.createElement("option", { key: item.id, value: item.id }, item.name || item.id))), /* @__PURE__ */ React3.createElement("button", { type: "button", onClick: () => void createNew() }, "\u65B0\u5EFA\u5361\u7247"), /* @__PURE__ */ React3.createElement("a", { href: mainLink, style: { color: "#2563eb", fontSize: 14 } }, "\u6253\u5F00\u4E3B\u9875\u9762")), /* @__PURE__ */ React3.createElement(FestivalCardStudio, { fetchConfig, onSave: saveConfig }));
+};
+var isSummary = (value) => {
+  if (!value || typeof value !== "object") return false;
+  return typeof value.id === "string";
+};
+var parseListResponse = (data) => {
+  if (!data || typeof data !== "object") return [];
+  const payload = data.data;
+  if (!Array.isArray(payload)) return [];
+  return payload.filter(isSummary).map((item) => ({ id: item.id, name: item.name }));
+};
+var parseConfigResponse = (data) => {
+  if (!data || typeof data !== "object") return null;
+  const payload = data.data;
+  if (!payload || typeof payload !== "object") return null;
+  if (!Array.isArray(payload.pages)) return null;
+  return payload;
+};
+var FestivalCardManagedPage = ({
+  apiBase = "/api/festivalCard",
+  cardId,
+  configPagePath = "/festivalCard/config"
+}) => {
+  const [list, setList] = useState([]);
+  const [currentCardId, setCurrentCardId] = useState(cardId || "");
+  const [config, setConfig] = useState(null);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    const fetchList = async () => {
+      const response = await fetch(apiBase, { cache: "no-store" });
+      const data = await response.json();
+      const items = parseListResponse(data);
+      setList(items);
+      const first = items[0];
+      if (!currentCardId && first) {
+        setCurrentCardId(first.id);
+      }
+    };
+    void fetchList();
+  }, [apiBase, currentCardId]);
+  useEffect(() => {
+    if (!currentCardId) return;
+    setLoading(true);
+    void fetch(`${apiBase}/${encodeURIComponent(currentCardId)}`, { cache: "no-store" }).then((res) => res.json()).then((data) => setConfig(parseConfigResponse(data))).finally(() => setLoading(false));
+  }, [apiBase, currentCardId]);
+  const configLink = useMemo(() => {
+    if (!currentCardId) return configPagePath;
+    return `${configPagePath}?cardId=${encodeURIComponent(currentCardId)}`;
+  }, [configPagePath, currentCardId]);
+  return /* @__PURE__ */ React3.createElement("div", { style: { display: "grid", gridTemplateColumns: "240px 1fr", gap: 14 } }, /* @__PURE__ */ React3.createElement("aside", { style: { borderRadius: 16, padding: 12, background: "#0f172a", color: "#e2e8f0" } }, /* @__PURE__ */ React3.createElement("div", { style: { fontSize: 14, marginBottom: 8 } }, "\u5361\u7247\u5217\u8868"), /* @__PURE__ */ React3.createElement("div", { style: { display: "grid", gap: 8 } }, list.map((item) => /* @__PURE__ */ React3.createElement(
+    "button",
+    {
+      key: item.id,
+      type: "button",
+      onClick: () => setCurrentCardId(item.id),
+      style: {
+        borderRadius: 8,
+        border: "1px solid #334155",
+        padding: "8px 10px",
+        textAlign: "left",
+        background: currentCardId === item.id ? "#1e293b" : "#0b1220",
+        color: "#e2e8f0"
+      }
+    },
+    item.name || item.id
+  ))), /* @__PURE__ */ React3.createElement("a", { href: configLink, style: { display: "inline-block", marginTop: 12, color: "#93c5fd", fontSize: 13 } }, "\u8FDB\u5165\u914D\u7F6E\u9875")), /* @__PURE__ */ React3.createElement("div", null, loading || !config ? /* @__PURE__ */ React3.createElement("div", null, "\u52A0\u8F7D\u4E2D...") : /* @__PURE__ */ React3.createElement(FestivalCardBook3D, { config })));
+};
+
+// src/festivalCard/server/db.ts
+var dbAdapter = null;
+var getFestivalCardDb = () => dbAdapter;
+
+// src/festivalCard/services/festivalCardService.ts
+var FestivalCardService = class {
+  constructor(options) {
+    this.db = options?.db || getFestivalCardDb();
+  }
+  async listConfigs() {
+    if (!this.db) {
+      return [{ id: DEFAULT_FESTIVAL_CARD_CONFIG.id || "default-festival-card", name: DEFAULT_FESTIVAL_CARD_CONFIG.name }];
+    }
+    if (this.db.listConfigs) {
+      const list = await this.db.listConfigs();
+      return list.length > 0 ? list : [{ id: DEFAULT_FESTIVAL_CARD_CONFIG.id || "default-festival-card", name: DEFAULT_FESTIVAL_CARD_CONFIG.name }];
+    }
+    return [{ id: DEFAULT_FESTIVAL_CARD_CONFIG.id || "default-festival-card", name: DEFAULT_FESTIVAL_CARD_CONFIG.name }];
+  }
+  async getConfig(cardId = "default-festival-card") {
+    if (!this.db) return DEFAULT_FESTIVAL_CARD_CONFIG;
+    const config = await this.db.getConfig(cardId);
+    return normalizeFestivalCardConfig(config);
+  }
+  async saveConfig(cardId, config) {
+    const normalized = normalizeFestivalCardConfig(config);
+    if (!this.db) return normalized;
+    await this.db.saveConfig(cardId, normalized);
+    return normalized;
+  }
+  async deleteConfig(cardId) {
+    if (!this.db?.deleteConfig) return;
+    await this.db.deleteConfig(cardId);
+  }
+};
+var memoryStore = /* @__PURE__ */ new Map();
+var defaultId = DEFAULT_FESTIVAL_CARD_CONFIG.id || "default-festival-card";
+if (!memoryStore.has(defaultId)) {
+  memoryStore.set(defaultId, DEFAULT_FESTIVAL_CARD_CONFIG);
+}
+var createInMemoryFestivalCardDb = () => ({
+  listConfigs() {
+    return Promise.resolve(
+      Array.from(memoryStore.entries()).map(([id, config]) => ({
+        id,
+        name: config.name || id
+      }))
+    );
+  },
+  getConfig(id) {
+    return Promise.resolve(memoryStore.get(id) || null);
+  },
+  saveConfig(id, config) {
+    memoryStore.set(id, config);
+    return Promise.resolve();
+  },
+  deleteConfig(id) {
+    memoryStore.delete(id);
+    return Promise.resolve();
+  }
+});
+
+export { DEFAULT_FESTIVAL_CARD_CONFIG, FestivalCardBook3D, FestivalCardConfigEditor, FestivalCardConfigPage, FestivalCardManagedPage, FestivalCardPageRenderer, FestivalCardService, FestivalCardStudio, createInMemoryFestivalCardDb, normalizeFestivalCardConfig, resizeFestivalCardPages, useFestivalCardConfig };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map