@skopon-cool/form-sdk 0.1.0 → 0.1.3

package/dist/index.js

@@ -1,36 +1,37 @@
-import { jsx as u, jsxs as b, Fragment as ae } from "react/jsx-runtime";
-import { createContext as Fe, useContext as we, useCallback as N, useSyncExternalStore as Oe, forwardRef as De, useEffect as C, useRef as M, useMemo as k, useImperativeHandle as je, useState as w } from "react";
-import { Catalog as Ve, MessageProcessor as le } from "@a2ui/web_core/v0_9";
-import { injectBasicCatalogStyles as ce } from "@a2ui/web_core/v0_9/basic_catalog";
-import { createBinderlessComponentImplementation as S, basicCatalog as O, A2uiSurface as se } from "@a2ui/react/v0_9";
-import { injectStyles as ue } from "@a2ui/react/styles";
+import './form-sdk.css';
+import { jsx as s, jsxs as M, Fragment as Ie } from "react/jsx-runtime";
+import { createContext as We, useContext as Ze, useCallback as ie, useSyncExternalStore as Qe, forwardRef as et, useEffect as _, useRef as w, useMemo as N, useImperativeHandle as tt, useState as O } from "react";
+import { Catalog as rt, MessageProcessor as Pe } from "@a2ui/web_core/v0_9";
+import { injectBasicCatalogStyles as we } from "@a2ui/web_core/v0_9/basic_catalog";
+import { basicCatalog as Z, createBinderlessComponentImplementation as E, A2uiSurface as Ne } from "@a2ui/react/v0_9";
+import { injectStyles as _e } from "@a2ui/react/styles";
 import { z as m } from "zod";
-import { Typography as J, Select as H, Checkbox as ze, Radio as Le, Switch as Re, TimePicker as Ue, DatePicker as Be, Upload as ee, Tooltip as Y, Tag as te, Button as pe, Spin as Ne } from "antd";
-import ne from "dayjs";
-import { FileTextOutlined as $e, FileExcelOutlined as He, FileOutlined as me, PictureOutlined as Ye, SoundOutlined as Ge, VideoCameraOutlined as Xe } from "@ant-design/icons";
-const bn = "v0.9", Ke = [
+import { Typography as R, Select as ue, Checkbox as nt, Radio as ot, Switch as at, TimePicker as it, DatePicker as lt, Upload as le, Input as ce, InputNumber as ct, Tooltip as Q, Tag as pe, Button as Fe, Spin as st } from "antd";
+import Te from "dayjs";
+import { FileTextOutlined as ut, FileExcelOutlined as pt, FileOutlined as Oe, PictureOutlined as dt, SoundOutlined as mt, VideoCameraOutlined as ft } from "@ant-design/icons";
+const en = "v0.9", ht = [
   "huge",
   "large",
   "medium",
   "small",
   "icon"
 ];
-function G(e) {
+function de(e) {
   return e === "image" || e === "video" || e === "audio";
 }
-function qe(e) {
+function ve(e) {
   return e === "heading" || e === "paragraph";
 }
-function re(e) {
-  return !qe(e) && !G(e);
+function F(e) {
+  return !ve(e) && !de(e);
 }
-function Je() {
+function vt() {
   if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
     return crypto.randomUUID();
   if (typeof crypto < "u" && typeof crypto.getRandomValues == "function") {
     const e = new Uint8Array(16);
     crypto.getRandomValues(e), e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128;
-    const t = Array.from(e, (n) => n.toString(16).padStart(2, "0")).join("");
+    const t = Array.from(e, (r) => r.toString(16).padStart(2, "0")).join("");
     return `${t.slice(0, 8)}-${t.slice(8, 12)}-${t.slice(12, 16)}-${t.slice(16, 20)}-${t.slice(20)}`;
   }
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (e) => {
@@ -38,30 +39,11 @@ function Je() {
     return (e === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function P(e) {
-  const t = Je().replace(/-/g, "").slice(0, 8);
+function H(e) {
+  const t = vt().replace(/-/g, "").slice(0, 8);
   return `${e}${t}`;
 }
-function I(e) {
-  return typeof e == "string" && Ke.includes(e) ? e : "medium";
-}
-function We(e, t) {
-  var o;
-  const n = Math.max(1, t);
-  let r = [];
-  return Array.isArray(e.mediaUrls) ? r = e.mediaUrls.map((a) => String(a).trim()) : (o = e.mediaUrl) != null && o.trim() && (r = [e.mediaUrl.trim()]), r.length === 0 ? [""] : r.slice(0, n);
-}
-function Ze(e) {
-  var t;
-  return Array.isArray(e.mediaUrls) ? e.mediaUrls.map((n) => n.trim()).filter(Boolean) : (t = e.mediaUrl) != null && t.trim() ? [e.mediaUrl.trim()] : [];
-}
-function Qe(e) {
-  return `form-media-size-${I(e)}`;
-}
-function et(e) {
-  return `form-media-preview form-media-list ${Qe(e)}`;
-}
-const de = [
+const Ve = [
   { value: "image/*", label: "图片" },
   { value: "video/*", label: "视频" },
   { value: "audio/*", label: "音频" },
@@ -72,7 +54,7 @@ const de = [
   { value: "text/plain", label: "纯文本" },
   { value: "application/zip", label: "ZIP 压缩包" },
   { value: "application/x-rar-compressed", label: "RAR 压缩包" }
-], tt = {
+], yt = {
   "image/*": ["image/*"],
   "video/*": ["video/*"],
   "audio/*": ["audio/*"],
@@ -92,7 +74,7 @@ const de = [
   "text/plain": ["text/plain"],
   "application/zip": ["application/zip"],
   "application/x-rar-compressed": ["application/x-rar-compressed"]
-}, nt = {
+}, gt = {
   "image/*": [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg"],
   "video/*": [".mp4", ".mov", ".avi", ".webm"],
   "audio/*": [".mp3", ".wav", ".ogg", ".m4a"],
@@ -103,14 +85,14 @@ const de = [
   "text/plain": [".txt"],
   "application/zip": [".zip", ".7z"],
   "application/x-rar-compressed": [".rar"]
-}, rt = {
+}, bt = {
   "application/msword": "office/word",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "office/word",
   "application/vnd.ms-excel": "office/excel",
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "office/excel",
   "application/vnd.ms-powerpoint": "office/ppt",
   "application/vnd.openxmlformats-officedocument.presentationml.presentation": "office/ppt"
-}, fe = [
+}, ye = [
   { value: ".jpg", label: ".jpg" },
   { value: ".jpeg", label: ".jpeg" },
   { value: ".png", label: ".png" },
@@ -136,117 +118,144 @@ const de = [
   { value: ".zip", label: ".zip" },
   { value: ".rar", label: ".rar" },
   { value: ".7z", label: ".7z" }
-], ot = Object.fromEntries(
-  de.map((e) => [e.value, e.label])
-), it = Object.fromEntries(
-  fe.map((e) => [e.value, e.label])
-), at = new Set(de.map((e) => e.value));
-function lt(e) {
+], xt = Object.fromEntries(
+  Ve.map((e) => [e.value, e.label])
+), St = Object.fromEntries(
+  ye.map((e) => [e.value, e.label])
+), kt = new Set(Ve.map((e) => e.value)), At = new Set(
+  ye.map((e) => e.value)
+);
+function Tt(e) {
   const t = e.trim();
-  return t ? at.has(t) ? t : rt[t] ?? null : null;
+  return t ? kt.has(t) ? t : bt[t] ?? null : null;
 }
-function ct(e) {
+function Ct(e) {
   return Array.isArray(e) ? e.map((t) => {
-    const n = t.trim().toLowerCase();
-    return n ? n.startsWith(".") ? n : `.${n}` : "";
+    const r = t.trim().toLowerCase();
+    return r ? r.startsWith(".") ? r : `.${r}` : "";
   }).filter(Boolean) : [];
 }
-function L(e) {
+function Y(e) {
   if (!Array.isArray(e)) return [];
-  const t = [], n = /* @__PURE__ */ new Set();
-  for (const r of e) {
-    const o = lt(r);
-    o && !n.has(o) && (n.add(o), t.push(o));
+  const t = [], r = /* @__PURE__ */ new Set();
+  for (const n of e) {
+    const o = Tt(n);
+    o && !r.has(o) && (r.add(o), t.push(o));
   }
   return t;
 }
-function st(e) {
-  const t = L(e), n = [];
-  for (const r of t)
-    n.push(...tt[r] ?? [r]);
-  return n;
+function Mt(e) {
+  const t = Y(e), r = [];
+  for (const n of t)
+    r.push(...yt[n] ?? [n]);
+  return r;
 }
-function ut(e) {
-  const t = L(e);
+function Et(e) {
+  const t = Y(e);
   if (t.length === 0) return [];
-  const n = /* @__PURE__ */ new Set();
-  for (const r of t)
-    for (const o of nt[r] ?? [])
-      n.add(o);
-  return fe.filter((r) => n.has(r.value));
-}
-function W(e, t) {
-  const n = new Set(
-    ut(e).map((r) => r.value)
+  const r = /* @__PURE__ */ new Set();
+  for (const n of t)
+    for (const o of gt[n] ?? [])
+      r.add(o);
+  return ye.filter((n) => r.has(n.value));
+}
+function ge(e, t) {
+  const r = Ct(t), n = Y(e);
+  if (n.length === 0)
+    return r.filter((i) => At.has(i));
+  const o = new Set(
+    Et(n).map((i) => i.value)
   );
-  return ct(t).filter((r) => n.has(r));
+  return r.filter((i) => o.has(i));
 }
-function pt(e, t) {
-  const n = st(e), r = W(e, t), o = [...n, ...r];
+function It(e, t) {
+  const r = Mt(e), n = ge(e, t), o = [...r, ...n];
   return o.length > 0 ? o.join(",") : void 0;
 }
-function mt(e, t) {
-  const n = L(e), r = W(
-    n,
+function Pt(e, t) {
+  const r = Y(e), n = ge(
+    r,
     t
   ), o = [
-    ...n.map((a) => ot[a] ?? a),
-    ...r.map((a) => it[a] ?? a)
+    ...r.map((i) => xt[i] ?? i),
+    ...n.map((i) => St[i] ?? i)
   ];
   return o.length === 0 ? null : o.join("、");
 }
-const dt = [
+const wt = [
   "video",
   "audio",
   "image",
   "file",
   "spreadsheet",
   "document"
-], ft = new Set(dt);
-function ht(e) {
-  return e && ft.has(e) ? e : "file";
+], Nt = new Set(wt);
+function _t(e) {
+  return e && Nt.has(e) ? e : "file";
 }
-const vt = 10;
-function oe(e, t = 1) {
-  const n = typeof e == "number" ? e : Number(e);
-  return Number.isFinite(n) ? Math.max(0, Math.floor(n)) : t;
+function J(e) {
+  return typeof e == "string" && ht.includes(e) ? e : "medium";
+}
+function Ft(e, t) {
+  var o;
+  const r = Math.max(1, t);
+  let n = [];
+  return Array.isArray(e.mediaUrls) ? n = e.mediaUrls.map((i) => String(i).trim()) : (o = e.mediaUrl) != null && o.trim() && (n = [e.mediaUrl.trim()]), n.length === 0 ? [""] : n.slice(0, r);
 }
-function yt(e, t) {
+function Ot(e) {
+  var t;
+  return Array.isArray(e.mediaUrls) ? e.mediaUrls.map((r) => r.trim()).filter(Boolean) : (t = e.mediaUrl) != null && t.trim() ? [e.mediaUrl.trim()] : [];
+}
+function Vt(e) {
+  return `form-media-size-${J(e)}`;
+}
+function Bt(e) {
+  return `form-media-preview form-media-list ${Vt(e)}`;
+}
+const jt = 10;
+function be(e) {
+  return e === !0 || e === "true";
+}
+function Ce(e, t = 1) {
+  const r = typeof e == "number" ? e : Number(e);
+  return Number.isFinite(r) ? Math.max(0, Math.floor(r)) : t;
+}
+function Lt(e, t) {
   if (t !== void 0)
-    return e === "toggle" ? t === !0 : e === "multiselect" || e === "checkbox" ? Array.isArray(t) ? t.map(String) : typeof t == "string" && t ? [t] : [] : typeof t == "boolean" ? t ? "true" : "false" : Array.isArray(t) ? t.map(String) : String(t);
+    return e === "toggle" ? be(t) : e === "multiselect" || e === "checkbox" ? Array.isArray(t) ? t.map(String) : typeof t == "string" && t ? [t] : [] : typeof t == "boolean" ? t ? "true" : "false" : Array.isArray(t) ? t.map(String) : String(t);
 }
-function bt(e) {
-  var r, o;
-  const t = L(e.fileAcceptTypes), n = e.type;
+function zt(e) {
+  var n, o;
+  const t = Y(e.fileAcceptTypes), r = e.type;
   return {
-    id: ((r = e.id) == null ? void 0 : r.trim()) || P("block-"),
-    type: n,
+    id: ((n = e.id) == null ? void 0 : n.trim()) || H("block-"),
+    type: r,
     name: ((o = e.name) == null ? void 0 : o.trim()) || void 0,
     label: e.label ?? "",
     placeholder: e.placeholder ?? "",
     help: e.help ?? "",
     required: e.required === !0,
-    mediaUrls: G(n) ? We(e, vt) : void 0,
-    mediaSize: G(n) ? I(e.mediaSize) : void 0,
+    mediaUrls: de(r) ? Ft(e, jt) : void 0,
+    mediaSize: de(r) ? J(e.mediaSize) : void 0,
     fileAcceptTypes: t,
-    fileAcceptExtensions: W(
+    fileAcceptExtensions: ge(
       t,
       e.fileAcceptExtensions
     ),
-    filePlaceholderIcon: ht(e.filePlaceholderIcon),
-    fileMinCount: n === "file" ? oe(e.fileMinCount, 1) : void 0,
-    fileMaxCount: n === "file" ? oe(e.fileMaxCount, 1) : void 0,
-    defaultValue: yt(n, e.defaultValue),
-    options: Array.isArray(e.options) ? e.options.map((a, i) => {
+    filePlaceholderIcon: _t(e.filePlaceholderIcon),
+    fileMinCount: r === "file" ? Ce(e.fileMinCount, 1) : void 0,
+    fileMaxCount: r === "file" ? Ce(e.fileMaxCount, 1) : void 0,
+    defaultValue: Lt(r, e.defaultValue),
+    options: Array.isArray(e.options) ? e.options.map((i, a) => {
       var l, c;
       return {
-        value: ((l = a.value) == null ? void 0 : l.trim()) || `option_${i + 1}`,
-        label: ((c = a.label) == null ? void 0 : c.trim()) || `选项 ${i + 1}`
+        value: ((l = i.value) == null ? void 0 : l.trim()) || `option_${a + 1}`,
+        label: ((c = i.label) == null ? void 0 : c.trim()) || `选项 ${a + 1}`
       };
     }) : void 0
   };
 }
-function D(e) {
+function ee(e) {
   return {
     title: e.title ?? "",
     description: e.description ?? "",
@@ -254,153 +263,176 @@ function D(e) {
     jsonSchema: e.jsonSchema ?? {}
   };
 }
-function he(e) {
+function B(e) {
   if (!e || !Array.isArray(e.blocks))
-    return D({ title: "", description: "", blocks: [], jsonSchema: {} });
-  const t = e.blocks.map(bt);
-  return D({
+    return ee({ title: "", description: "", blocks: [], jsonSchema: {} });
+  const t = e.blocks.map(zt);
+  return ee({
     title: typeof e.title == "string" ? e.title : "",
     description: typeof e.description == "string" ? e.description : "",
     blocks: t,
     jsonSchema: {}
   });
 }
-const j = "root", X = "__title__", K = "__desc__", ve = "^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$";
-function gt(e) {
+const te = "root", me = "__title__", fe = "__desc__", Be = "^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$";
+function Ut(e) {
   return `/${e}`;
 }
-function xt(e) {
+function $t(e) {
   return e && typeof e == "object" && "path" in e ? String(e.path ?? "").replace(/^\//, "") : "";
 }
-function y(e) {
+function S(e) {
   if (typeof e == "string") return e;
 }
-function St(e) {
-  const t = e.id || P("a2-"), n = e.type === "video" ? "video" : e.type === "audio" ? "audio" : "image";
+function Rt(e) {
+  const t = e.id || H("a2-"), r = e.type === "video" ? "video" : e.type === "audio" ? "audio" : "image";
   return {
     id: t,
     component: "SkoponMedia",
-    mediaType: n,
-    urls: Ze(e),
-    mediaSize: I(e.mediaSize),
+    mediaType: r,
+    urls: Ot(e),
+    mediaSize: J(e.mediaSize),
     label: e.label ?? "",
     help: e.help ?? "",
     placeholder: e.placeholder ?? ""
   };
 }
-function At(e) {
+function Dt(e) {
   if (Array.isArray(e.urls))
-    return e.urls.map((n) => String(n).trim()).filter(Boolean);
-  const t = y(e.url);
+    return e.urls.map((r) => String(r).trim()).filter(Boolean);
+  const t = S(e.url);
   return t != null && t.trim() ? [t.trim()] : [];
 }
-function F(e, t, n) {
-  const r = typeof e.id == "string" ? e.id : P("block-"), o = At(e), a = y(e.label) ?? y(e.description) ?? n, i = y(e.help), l = y(e.placeholder), c = I(e.mediaSize);
+function K(e, t, r) {
+  const n = typeof e.id == "string" ? e.id : H("block-"), o = Dt(e), i = S(e.label) ?? S(e.description) ?? r, a = S(e.help), l = S(e.placeholder), c = J(e.mediaSize);
   return {
-    id: r,
+    id: n,
     type: t,
-    label: a,
-    ...i ? { help: i } : {},
+    label: i,
+    ...a ? { help: a } : {},
     ...l ? { placeholder: l } : {},
     mediaSize: c,
     mediaUrls: o.length > 0 ? o : [""]
   };
 }
-function kt(e) {
+function Ht(e) {
   switch (e.type) {
     case "toggle":
-      return typeof e.defaultValue == "boolean" ? e.defaultValue : !1;
+      return be(e.defaultValue);
     case "multiselect":
     case "checkbox":
+      return Array.isArray(e.defaultValue) ? e.defaultValue : typeof e.defaultValue == "string" && e.defaultValue ? [e.defaultValue] : [];
     case "select":
     case "radio":
-      return Array.isArray(e.defaultValue) ? e.defaultValue : typeof e.defaultValue == "string" && e.defaultValue ? [e.defaultValue] : [];
+      return Array.isArray(e.defaultValue) ? e.defaultValue[0] ?? "" : typeof e.defaultValue == "string" ? e.defaultValue : "";
     default:
       return typeof e.defaultValue == "string" ? e.defaultValue : "";
   }
 }
-function Tt(e) {
+function Yt(e) {
   var l;
-  const t = e.id || P("a2-"), n = e.label ?? "", r = ((l = e.name) == null ? void 0 : l.trim()) || "", o = r ? gt(r) : void 0, a = (e.options ?? []).map((c) => ({ label: c.label, value: c.value })), i = (c) => r ? { node: c, dataKey: r, dataValue: kt(e) } : { node: c };
+  const t = e.id || H("a2-"), r = e.label ?? "", n = ((l = e.name) == null ? void 0 : l.trim()) || "", o = n ? Ut(n) : void 0, i = (e.options ?? []).map((c) => ({ label: c.label, value: c.value })), a = (c) => n ? { node: c, dataKey: n, dataValue: Ht(e) } : { node: c };
   switch (e.type) {
     case "heading":
-      return { node: { id: t, component: "Text", text: n, variant: "h3" } };
+      return { node: { id: t, component: "Text", text: r, variant: "h3" } };
     case "paragraph":
-      return { node: { id: t, component: "Text", text: n, variant: "body" } };
+      return { node: { id: t, component: "Text", text: r, variant: "body" } };
     case "text":
     case "tel":
     case "url":
-      return i({ id: t, component: "TextField", label: n, variant: "shortText", value: { path: o } });
+      return a({
+        id: t,
+        component: "TextField",
+        label: r,
+        variant: "shortText",
+        ...e.placeholder ? { placeholder: e.placeholder } : {},
+        value: { path: o }
+      });
     case "email":
-      return i({
+      return a({
         id: t,
         component: "TextField",
-        label: n,
+        label: r,
         variant: "shortText",
-        validationRegexp: ve,
+        validationRegexp: Be,
+        ...e.placeholder ? { placeholder: e.placeholder } : {},
         value: { path: o }
       });
     case "textarea":
-      return i({ id: t, component: "TextField", label: n, variant: "longText", value: { path: o } });
+      return a({
+        id: t,
+        component: "TextField",
+        label: r,
+        variant: "longText",
+        ...e.placeholder ? { placeholder: e.placeholder } : {},
+        value: { path: o }
+      });
     case "number":
-      return i({ id: t, component: "TextField", label: n, variant: "number", value: { path: o } });
+      return a({
+        id: t,
+        component: "TextField",
+        label: r,
+        variant: "number",
+        ...e.placeholder ? { placeholder: e.placeholder } : {},
+        value: { path: o }
+      });
     case "select":
-      return i({
+      return a({
         id: t,
         component: "SkoponSelect",
-        label: n,
+        label: r,
         mode: "single",
         placeholder: e.placeholder ?? "",
-        options: a,
+        options: i,
         value: { path: o }
       });
     case "radio":
-      return i({
+      return a({
         id: t,
         component: "ChoicePicker",
-        label: n,
+        label: r,
         variant: "mutuallyExclusive",
         skoponPickerType: "radio",
-        options: a,
+        options: i,
         value: { path: o }
       });
     case "multiselect":
-      return i({
+      return a({
         id: t,
         component: "SkoponSelect",
-        label: n,
+        label: r,
         mode: "multiple",
         placeholder: e.placeholder ?? "",
-        options: a,
+        options: i,
         value: { path: o }
       });
     case "checkbox":
-      return i({
+      return a({
         id: t,
         component: "ChoicePicker",
-        label: n,
+        label: r,
         variant: "multipleSelection",
         skoponPickerType: "checkbox",
-        options: a,
+        options: i,
         value: { path: o }
       });
     case "toggle":
-      return i({ id: t, component: "CheckBox", label: n, value: { path: o } });
+      return a({ id: t, component: "CheckBox", label: r, value: { path: o } });
     case "datetime":
-      return i({
+      return a({
         id: t,
         component: "DateTimeInput",
-        label: n,
+        label: r,
         enableDate: !0,
         enableTime: !0,
         placeholder: e.placeholder ?? "",
         value: { path: o }
       });
     case "time":
-      return i({
+      return a({
         id: t,
         component: "DateTimeInput",
-        label: n,
+        label: r,
         enableTime: !0,
         placeholder: e.placeholder ?? "",
         value: { path: o }
@@ -408,12 +440,12 @@ function Tt(e) {
     case "image":
     case "video":
     case "audio":
-      return { node: St(e) };
+      return { node: Rt(e) };
     case "file":
-      return i({
+      return a({
         id: t,
         component: "FileUpload",
-        label: n,
+        label: r,
         accept: (e.fileAcceptExtensions ?? []).join(","),
         fileAcceptTypes: e.fileAcceptTypes ?? [],
         filePlaceholderIcon: e.filePlaceholderIcon ?? "document",
@@ -425,347 +457,491 @@ function Tt(e) {
       return { node: null };
   }
 }
-function q(e) {
+function he(e) {
   if (!e || !Array.isArray(e.components) || e.components.length === 0) return !0;
-  const t = e.components.find((r) => r.id === j);
+  const t = e.components.find((n) => n.id === te);
   if (!t) return e.components.length === 0;
-  const n = t.children;
-  return !Array.isArray(n) || n.length === 0;
-}
-function ye(e, t) {
-  const n = [], r = [], o = {}, a = (t == null ? void 0 : t.includeHeader) !== !1, i = (e.title ?? "").trim(), l = (e.description ?? "").trim();
-  a && i && (n.push({ id: X, component: "Text", text: i, variant: "h2" }), r.push(X)), a && l && (n.push({ id: K, component: "Text", text: l, variant: "body" }), r.push(K));
-  for (const p of e.blocks ?? []) {
-    const { node: d, dataKey: f, dataValue: h } = Tt(p);
-    d && (n.push(d), r.push(d.id), f && (o[f] = h));
+  const r = t.children;
+  return !Array.isArray(r) || r.length === 0;
+}
+function je(e, t) {
+  const r = [], n = [], o = {}, i = (t == null ? void 0 : t.includeHeader) !== !1, a = (e.title ?? "").trim(), l = (e.description ?? "").trim();
+  i && a && (r.push({ id: me, component: "Text", text: a, variant: "h2" }), n.push(me)), i && l && (r.push({ id: fe, component: "Text", text: l, variant: "body" }), n.push(fe));
+  for (const f of e.blocks ?? []) {
+    const { node: d, dataKey: p, dataValue: y } = Yt(f);
+    d && (r.push(d), n.push(d.id), p && (o[p] = y));
   }
-  n.unshift({ id: j, component: "Column", children: r });
-  const c = { root: j, components: n, dataModel: o }, s = t == null ? void 0 : t.styleId;
-  return s !== void 0 && (c.surfaceProperties = { styleId: s ?? null }), c;
+  r.unshift({ id: te, component: "Column", children: n });
+  const c = { root: te, components: r, dataModel: o }, u = t == null ? void 0 : t.styleId;
+  return u !== void 0 && (c.surfaceProperties = { styleId: u ?? null }), c;
 }
-function Ct(e) {
+function Jt(e) {
   const t = /* @__PURE__ */ new Map();
-  for (const n of e.components ?? [])
-    n && typeof n.id == "string" && t.set(n.id, n);
+  for (const r of e.components ?? [])
+    r && typeof r.id == "string" && t.set(r.id, r);
   return t;
 }
-function $(e) {
+function se(e) {
   const t = e.options;
-  return Array.isArray(t) ? t.map((n) => {
-    if (!n || typeof n != "object") return null;
-    const r = n;
+  return Array.isArray(t) ? t.map((r) => {
+    if (!r || typeof r != "object") return null;
+    const n = r;
     return {
-      value: String(r.value ?? r.label ?? ""),
-      label: String(r.label ?? r.value ?? "")
+      value: String(n.value ?? n.label ?? ""),
+      label: String(n.label ?? n.value ?? "")
     };
-  }).filter((n) => !!n) : [];
+  }).filter((r) => !!r) : [];
 }
-function Mt(e) {
-  const t = typeof e.id == "string" ? e.id : P("block-"), n = String(e.component ?? ""), r = y(e.label) ?? y(e.text) ?? "", o = xt(e.value), a = (i) => ({ id: t, type: i, label: r });
-  switch (n) {
+function Gt(e) {
+  const t = typeof e.id == "string" ? e.id : H("block-"), r = String(e.component ?? ""), n = S(e.label) ?? S(e.text) ?? "", o = $t(e.value), i = (a) => ({ id: t, type: a, label: n });
+  switch (r) {
     case "Text": {
-      const i = String(e.variant ?? "body"), l = /^h[1-6]$/i.test(i) || i === "title" || i === "subtitle";
-      return { id: t, type: l ? "heading" : "paragraph", label: r };
+      const a = String(e.variant ?? "body"), l = /^h[1-6]$/i.test(a) || a === "title" || a === "subtitle";
+      return { id: t, type: l ? "heading" : "paragraph", label: n };
     }
     case "TextField": {
-      const i = String(e.variant ?? "shortText");
+      const a = String(e.variant ?? "shortText");
       let l = "text";
-      return i === "longText" ? l = "textarea" : i === "number" ? l = "number" : y(e.validationRegexp) === ve && (l = "email"), { ...a(l), name: o };
+      a === "longText" ? l = "textarea" : a === "number" ? l = "number" : S(e.validationRegexp) === Be && (l = "email");
+      const c = { ...i(l), name: o }, u = S(e.placeholder);
+      return u && (c.placeholder = u), c;
     }
     case "CheckBox":
-      return { ...a("toggle"), name: o };
+      return { ...i("toggle"), name: o };
     case "SkoponSelect": {
       const l = String(e.mode ?? "single") === "multiple" ? "multiselect" : "select", c = {
-        ...a(l),
+        ...i(l),
         name: o,
-        options: $(e)
-      }, s = y(e.placeholder);
-      return s && (c.placeholder = s), c;
+        options: se(e)
+      }, u = S(e.placeholder);
+      return u && (c.placeholder = u), c;
     }
     case "ChoicePicker": {
-      const i = y(e.skoponPickerType);
-      if (i === "select" || i === "multiselect" || i === "radio" || i === "checkbox") {
-        const s = {
-          ...a(i),
+      const a = S(e.skoponPickerType);
+      if (a === "select" || a === "multiselect" || a === "radio" || a === "checkbox") {
+        const u = {
+          ...i(a),
           name: o,
-          options: $(e)
-        }, p = y(e.placeholder);
-        return p && (s.placeholder = p), s;
+          options: se(e)
+        }, f = S(e.placeholder);
+        return f && (u.placeholder = f), u;
       }
       const c = String(e.variant ?? "mutuallyExclusive") === "multipleSelection" ? "checkbox" : "radio";
-      return { ...a(c), name: o, options: $(e) };
+      return { ...i(c), name: o, options: se(e) };
     }
     case "DateTimeInput": {
-      const i = e.enableDate === !0, l = e.enableTime === !0, s = { ...a(!i && l ? "time" : "datetime"), name: o }, p = y(e.placeholder);
-      return p && (s.placeholder = p), s;
+      const a = e.enableDate === !0, l = e.enableTime === !0, u = { ...i(!a && l ? "time" : "datetime"), name: o }, f = S(e.placeholder);
+      return f && (u.placeholder = f), u;
     }
     case "SkoponMedia": {
-      const i = String(e.mediaType ?? "image");
-      return F(e, i === "video" ? "video" : i === "audio" ? "audio" : "image", r);
+      const a = String(e.mediaType ?? "image");
+      return K(e, a === "video" ? "video" : a === "audio" ? "audio" : "image", n);
     }
     case "Image":
-      return F(e, "image", r);
+      return K(e, "image", n);
     case "Video":
-      return F(e, "video", r);
+      return K(e, "video", n);
     case "AudioPlayer":
-      return F(e, "audio", r);
+      return K(e, "audio", n);
     case "FileUpload": {
-      const i = y(e.accept) ?? "", l = { ...a("file"), name: o };
-      return i && (l.fileAcceptExtensions = i.split(",").map((c) => c.trim()).filter(Boolean)), Array.isArray(e.fileAcceptTypes) && (l.fileAcceptTypes = e.fileAcceptTypes.map(String)), typeof e.filePlaceholderIcon == "string" && (l.filePlaceholderIcon = e.filePlaceholderIcon), typeof e.minCount == "number" && (l.fileMinCount = e.minCount), typeof e.maxCount == "number" && (l.fileMaxCount = e.maxCount), l;
+      const a = S(e.accept) ?? "", l = { ...i("file"), name: o };
+      return a && (l.fileAcceptExtensions = a.split(",").map((c) => c.trim()).filter(Boolean)), Array.isArray(e.fileAcceptTypes) && (l.fileAcceptTypes = e.fileAcceptTypes.map(String)), typeof e.filePlaceholderIcon == "string" && (l.filePlaceholderIcon = e.filePlaceholderIcon), typeof e.minCount == "number" && (l.fileMinCount = e.minCount), typeof e.maxCount == "number" && (l.fileMaxCount = e.maxCount), l;
     }
     default:
       return null;
   }
 }
-function be(e, t, n, r) {
-  if (n.has(e)) return;
-  n.add(e);
+function Le(e, t, r, n) {
+  if (r.has(e)) return;
+  r.add(e);
   const o = t.get(e);
   if (!o) return;
-  const a = String(o.component ?? "");
-  if ((a === "Column" || a === "Row") && Array.isArray(o.children)) {
-    for (const i of o.children)
-      typeof i == "string" && be(i, t, n, r);
+  const i = String(o.component ?? "");
+  if ((i === "Column" || i === "Row") && Array.isArray(o.children)) {
+    for (const a of o.children)
+      typeof a == "string" && Le(a, t, r, n);
     return;
   }
-  r.push(o);
+  n.push(o);
 }
-function Pt(e) {
+function Xt(e) {
   if (!e || !Array.isArray(e.components))
-    return D({ title: "", description: "", blocks: [], jsonSchema: {} });
-  const t = Ct(e), n = [];
-  be(e.root ?? j, t, /* @__PURE__ */ new Set(), n);
-  let r = "", o = "";
-  const a = [];
-  for (const i of n) {
-    if (i.id === X) {
-      r = y(i.text) ?? r;
+    return ee({ title: "", description: "", blocks: [], jsonSchema: {} });
+  const t = Jt(e), r = [];
+  Le(e.root ?? te, t, /* @__PURE__ */ new Set(), r);
+  let n = "", o = "";
+  const i = [];
+  for (const a of r) {
+    if (a.id === me) {
+      n = S(a.text) ?? n;
       continue;
     }
-    if (i.id === K) {
-      o = y(i.text) ?? o;
+    if (a.id === fe) {
+      o = S(a.text) ?? o;
       continue;
     }
-    const l = Mt(i);
-    l && a.push(l);
+    const l = Gt(a);
+    l && i.push(l);
   }
-  return D({ title: r, description: o, blocks: a, jsonSchema: {} });
+  return ee({ title: n, description: o, blocks: i, jsonSchema: {} });
 }
-function It(e, t) {
-  const { surfaceId: n, catalogId: r } = t, o = [
-    { version: "v0.9", createSurface: { surfaceId: n, catalogId: r } },
+function qt(e, t) {
+  const { surfaceId: r, catalogId: n } = t, o = [
+    { version: "v0.9", createSurface: { surfaceId: r, catalogId: n } },
     {
       version: "v0.9",
-      updateComponents: { surfaceId: n, components: e.components }
+      updateComponents: { surfaceId: r, components: e.components }
     }
   ];
   return e.dataModel && Object.keys(e.dataModel).length > 0 && o.push({
     version: "v0.9",
-    updateDataModel: { surfaceId: n, path: "/", value: e.dataModel }
+    updateDataModel: { surfaceId: r, path: "/", value: e.dataModel }
   }), o;
 }
-function ge(e) {
+function ze(e) {
   return !!e && typeof e == "object" && !Array.isArray(e) && Array.isArray(e.components);
 }
-function Et(e, t) {
+function Kt(e, t) {
   if (!e || typeof e != "object") return null;
-  const n = e, r = ge(n.a2ui) ? n.a2ui : void 0;
-  if (r && !q(r)) return r;
-  const o = Array.isArray(n.blocks) ? n.blocks : [];
+  const r = e, n = ze(r.a2ui) ? r.a2ui : void 0;
+  if (n && !he(n)) return n;
+  const o = Array.isArray(r.blocks) ? r.blocks : [];
   if (o.length === 0) return null;
-  const a = he({
-    title: typeof n.title == "string" ? n.title : "",
-    description: typeof n.description == "string" ? n.description : "",
+  const i = B({
+    title: typeof r.title == "string" ? r.title : "",
+    description: typeof r.description == "string" ? r.description : "",
     blocks: o
-  }), i = ye(a, t);
-  return q(i) ? null : i;
+  }), a = je(i, t);
+  return he(a) ? null : a;
 }
-function _t(e, t, n) {
-  return ye(
+function Wt(e, t, r) {
+  return je(
     {
       title: e.title,
       description: e.description,
       blocks: t
     },
-    n
+    r
   );
 }
-function Ft(e) {
+function Zt(e) {
   if (!e || typeof e != "object" || Array.isArray(e))
     return;
   const t = e;
-  return !(Array.isArray(t.blocks) && t.blocks.length > 0) && ge(t.a2ui) ? Pt(t.a2ui) : he({
+  return !(Array.isArray(t.blocks) && t.blocks.length > 0) && ze(t.a2ui) ? Xt(t.a2ui) : B({
     title: typeof t.title == "string" ? t.title : "",
     description: typeof t.description == "string" ? t.description : "",
     blocks: Array.isArray(t.blocks) ? t.blocks : []
   });
 }
-function wt(e, t, n) {
-  const r = e.model.surfacesMap.get(t);
-  if (!r) return {};
+function Qt(e, t, r) {
+  const n = e.model.surfacesMap.get(t);
+  if (!n) return {};
   const o = {};
-  for (const a of n) {
-    const i = a.trim();
-    i && (o[i] = r.dataModel.get(`/${i}`));
+  for (const i of r) {
+    const a = i.trim();
+    a && (o[a] = n.dataModel.get(`/${a}`));
   }
   return o;
 }
-function Ot(e) {
+function Ue(e) {
   return e.replace(/'/g, "'\\''");
 }
-function xe(e, t) {
-  const n = (t ?? "").trim() || "<callback_url>", r = JSON.stringify(e ?? {}, null, 2);
+function er(e, t) {
+  const r = (t ?? "").trim() || "<callback_url>", n = JSON.stringify(e ?? {}, null, 2);
+  return [
+    `curl -X POST '${r}' \\`,
+    "  -H 'Content-Type: application/json' \\",
+    `  -d '${Ue(n)}'`
+  ].join(`
+`);
+}
+function Me(e, t, r) {
+  return `  ${JSON.stringify(e)}: ${JSON.stringify(t)}${r ? "," : ""}`;
+}
+function tr(e, t) {
+  const r = ["{"], n = Object.entries(e), o = Object.entries(t);
+  return n.forEach(([i, a], l) => {
+    const c = l < n.length - 1 || o.length > 0;
+    r.push(Me(i, a, c));
+  }), o.length > 0 && (r.push("  // 额外字段（未在卡片展示）"), o.forEach(([i, a], l) => {
+    r.push(Me(i, a, l < o.length - 1));
+  })), r.push("}"), r.join(`
+`);
+}
+function rr({
+  cardValues: e,
+  extraValues: t = {},
+  callbackUrl: r
+}) {
+  const n = (r ?? "").trim() || "<callback_url>", o = tr(e, t);
   return [
     `curl -X POST '${n}' \\`,
     "  -H 'Content-Type: application/json' \\",
-    `  -d '${Ot(r)}'`
+    `  -d '${Ue(o)}'`
   ].join(`
 `);
 }
-function Dt(e) {
-  return !e || typeof e != "object" || Array.isArray(e) ? [] : Object.keys(e);
-}
-function jt(e, t) {
-  const n = Dt(e), r = e ?? {}, o = (t == null ? void 0 : t.blocks) ?? [], a = new Set(
-    o.filter((c) => {
-      var s;
-      return re(c.type) && ((s = c.name) == null ? void 0 : s.trim());
-    }).map((c) => c.name.trim())
-  ), i = o.filter(
-    (c) => {
-      var s;
-      return re(c.type) && ((s = c.name) == null ? void 0 : s.trim()) && n.includes(c.name.trim());
+function nr(e) {
+  return B({
+    title: "",
+    description: "",
+    blocks: [e]
+  }).blocks[0];
+}
+function or(e, t) {
+  var o, i;
+  const r = /* @__PURE__ */ new Map();
+  for (const a of t) {
+    const l = (o = a.name) == null ? void 0 : o.trim();
+    l && r.set(l, a);
+  }
+  const n = [];
+  for (const a of e.blocks) {
+    if (ve(a.type)) {
+      n.push(nr(a));
+      continue;
     }
-  ), l = {};
-  for (const c of n)
-    a.has(c) || (l[c] = r[c]);
-  return { matchedBlocks: i, remainderPayload: l };
-}
-async function Vt(e, t, n) {
-  const r = e.trim();
-  if (!r)
+    if (!F(a.type)) continue;
+    const l = (i = a.name) == null ? void 0 : i.trim();
+    if (!l) continue;
+    const c = r.get(l);
+    c && n.push(c);
+  }
+  return n;
+}
+function ar(e, t) {
+  var n;
+  const r = {
+    ...e,
+    name: ((n = e.name) == null ? void 0 : n.trim()) || t.name
+  };
+  return t.defaultValue !== void 0 && (r.defaultValue = t.defaultValue), B({
+    title: "",
+    description: "",
+    blocks: [r]
+  }).blocks[0];
+}
+function ir(e) {
+  if (!e || typeof e != "object" || Array.isArray(e)) return null;
+  const t = e;
+  return Array.isArray(t.blocks) ? B({
+    title: typeof t.title == "string" ? t.title : "",
+    description: typeof t.description == "string" ? t.description : "",
+    blocks: t.blocks
+  }) : null;
+}
+function lr(e, t) {
+  var i, a, l, c, u, f;
+  const r = /* @__PURE__ */ new Map();
+  for (const d of (t == null ? void 0 : t.blocks) ?? [])
+    F(d.type) && ((i = d.name) != null && i.trim()) && r.set(d.name.trim(), d);
+  const n = [], o = [];
+  for (const d of e.blocks) {
+    if (!F(d.type)) continue;
+    const p = (a = d.name) == null ? void 0 : a.trim();
+    if (!p) continue;
+    const y = r.get(p);
+    y ? n.push(ar(y, d)) : o.push(
+      B({
+        title: "",
+        description: "",
+        blocks: [d]
+      }).blocks[0]
+    );
+  }
+  return {
+    matchedBlocks: n,
+    extraBlocks: o,
+    renderBlocks: or(e, n),
+    title: ((l = e.title) == null ? void 0 : l.trim()) || ((c = t == null ? void 0 : t.title) == null ? void 0 : c.trim()) || "",
+    description: ((u = e.description) == null ? void 0 : u.trim()) || ((f = t == null ? void 0 : t.description) == null ? void 0 : f.trim()) || ""
+  };
+}
+function cr(e) {
+  const { type: t, defaultValue: r } = e;
+  return r !== void 0 ? t === "toggle" ? r === !0 || r === "true" : t === "multiselect" || t === "checkbox" ? Array.isArray(r) ? r.map(String) : typeof r == "string" && r ? [r] : [] : r : t === "toggle" ? !1 : t === "multiselect" || t === "checkbox" ? [] : t === "number" ? null : "";
+}
+function sr(e) {
+  var r;
+  const t = {};
+  for (const n of e) {
+    if (!F(n.type)) continue;
+    const o = (r = n.name) == null ? void 0 : r.trim();
+    o && (t[o] = cr(n));
+  }
+  return t;
+}
+function ur(e) {
+  return e.blocks.some(
+    (t) => {
+      var r;
+      return F(t.type) && !!((r = t.name) != null && r.trim());
+    }
+  );
+}
+function pr(e) {
+  return e.blocks.filter((t) => {
+    var r;
+    return ve(t.type) ? !0 : F(t.type) && !!((r = t.name) != null && r.trim());
+  });
+}
+function dr(e) {
+  return e.blocks.filter((t) => {
+    var r;
+    return F(t.type) && ((r = t.name) == null ? void 0 : r.trim());
+  }).map((t) => t.name.trim());
+}
+async function mr(e, t, r) {
+  const n = e.trim();
+  if (!n)
     throw new Error("callback_url 为空");
-  const a = await ((n == null ? void 0 : n.fetch) ?? fetch)(r, {
+  const i = await ((r == null ? void 0 : r.fetch) ?? fetch)(n, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
-      ...(n == null ? void 0 : n.headers) ?? {}
+      ...(r == null ? void 0 : r.headers) ?? {}
     },
     body: JSON.stringify(t ?? {})
   });
-  let i;
-  if ((a.headers.get("content-type") ?? "").includes("application/json"))
+  let a;
+  if ((i.headers.get("content-type") ?? "").includes("application/json"))
     try {
-      i = await a.json();
+      a = await i.json();
     } catch {
-      i = void 0;
+      a = void 0;
     }
   else
     try {
-      i = await a.text();
+      a = await i.text();
     } catch {
-      i = void 0;
+      a = void 0;
     }
-  return { ok: a.ok, status: a.status, body: i };
+  return { ok: i.ok, status: i.status, body: a };
 }
-async function Se(e) {
-  await navigator.clipboard.writeText(e);
+async function $e(e) {
+  var r;
+  if (typeof navigator < "u" && ((r = navigator.clipboard) != null && r.writeText)) {
+    await navigator.clipboard.writeText(e);
+    return;
+  }
+  if (typeof document > "u")
+    throw new Error("clipboard unavailable");
+  const t = document.createElement("textarea");
+  t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.left = "-9999px", document.body.appendChild(t), t.select();
+  try {
+    if (!document.execCommand("copy")) throw new Error("execCommand copy failed");
+  } finally {
+    document.body.removeChild(t);
+  }
 }
-async function zt(e) {
-  const t = await e.json();
+async function fr(e) {
+  let t;
+  try {
+    t = await e.json();
+  } catch {
+    throw new Error(`响应非 JSON (${e.status})`);
+  }
   if (!e.ok || t.success === !1)
     throw new Error(t.message || `请求失败 (${e.status})`);
+  if (t.data === void 0 || t.data === null)
+    throw new Error(t.message || `响应缺少 data (${e.status})`);
   return t.data;
 }
-function gn(e = {}) {
-  const t = (e.baseUrl ?? "/api/v1").replace(/\/$/, ""), n = e.detailPath ?? "/dev/form/detail", r = e.fetch ?? fetch;
-  async function o(a) {
+function tn(e = {}) {
+  const t = (e.baseUrl ?? "/api/v1").replace(/\/$/, ""), r = e.detailPath ?? "/dev/form/detail", n = e.fetch ?? fetch;
+  async function o(i) {
     var d;
-    const i = new URLSearchParams();
-    if (a.formId !== void 0)
-      i.set("form_id", String(a.formId));
-    else if (a.formUniqueId)
-      i.set("form_unique_id", a.formUniqueId);
+    const a = new URLSearchParams();
+    if (i.formId !== void 0)
+      a.set("form_id", String(i.formId));
+    else if (i.formUniqueId)
+      a.set("form_unique_id", i.formUniqueId);
     else
       throw new Error("form_id 或 form_unique_id 至少传一个");
-    const l = await ((d = e.getHeaders) == null ? void 0 : d.call(e)) ?? {}, c = await r(`${t}${n}?${i.toString()}`, {
+    const l = await ((d = e.getHeaders) == null ? void 0 : d.call(e)) ?? {}, c = await n(`${t}${r}?${a.toString()}`, {
       method: "GET",
       headers: l
-    }), s = await zt(c), p = Ft(s.form_definition);
+    }), u = await fr(c), f = Zt(u.form_definition);
     return {
-      formUniqueId: s.form_unique_id,
-      formId: s.form_id,
-      disabled: s.disabled === 1,
-      formDefinition: p,
-      a2ui: Et(s.form_definition) ?? void 0
+      formUniqueId: u.form_unique_id,
+      formId: u.form_id,
+      disabled: u.disabled === 1,
+      formDefinition: f,
+      a2ui: Kt(u.form_definition) ?? void 0
     };
   }
   return { fetchDetail: o };
 }
-const Lt = {
-  video: Xe,
-  audio: Ge,
-  image: Ye,
-  file: me,
-  spreadsheet: He,
-  document: $e
+const hr = {
+  video: ft,
+  audio: mt,
+  image: dt,
+  file: Oe,
+  spreadsheet: pt,
+  document: ut
 };
-function Rt({
+function vr({
   type: e,
   size: t = 40,
-  className: n
+  className: r
 }) {
-  const r = Lt[e] ?? me;
-  return /* @__PURE__ */ u(
-    r,
+  const n = hr[e] ?? Oe;
+  return /* @__PURE__ */ s(
+    n,
     {
-      className: n ?? "skopon-form-file-placeholder-icon",
+      className: r ?? "skopon-form-file-placeholder-icon",
       style: { fontSize: t, color: "var(--color-primary, #1677ff)" },
       "aria-hidden": !0
     }
   );
 }
-const Ae = Fe({ interactive: !0 });
-function ke({
+const Re = We({ interactive: !0 });
+function De({
   interactive: e,
   children: t
 }) {
-  return /* @__PURE__ */ u(Ae.Provider, { value: { interactive: e }, children: t });
+  return /* @__PURE__ */ s(Re.Provider, { value: { interactive: e }, children: t });
 }
-function E() {
-  return we(Ae);
+function j() {
+  return Ze(Re);
 }
-function Ut(e) {
+function He(e) {
   return e && typeof e == "object" && "path" in e && String(e.path ?? "").trim() || null;
 }
-function _(e, t = "value") {
-  const r = e.componentModel.properties[t], o = Ut(r), a = N(
-    (s) => {
-      if (!o || r === void 0) return () => {
+function Ee(e, t = "value") {
+  const n = e.componentModel.properties[t];
+  if (!(!He(n) || n === void 0))
+    return e.dataContext.resolveDynamicValue(n);
+}
+function L(e, t = "value") {
+  const n = e.componentModel.properties[t], o = He(n), i = ie(
+    (u) => {
+      if (!o || n === void 0) return () => {
       };
-      const p = e.dataContext.subscribeDynamicValue(r, () => s());
-      return () => p.unsubscribe();
+      const f = e.dataContext.subscribeDynamicValue(n, () => u());
+      return () => f.unsubscribe();
     },
-    [e, r, o]
-  ), i = N(() => {
-    if (!(!o || r === void 0))
-      return e.dataContext.resolveDynamicValue(r);
-  }, [e, r, o]), l = o ? Oe(a, i, i) : void 0, c = N(
-    (s) => {
-      !o || !r || typeof r != "object" || !("path" in r) || e.dataContext.set(String(r.path), s);
+    [e, n, o]
+  ), a = ie(() => {
+    if (!(!o || n === void 0))
+      return e.dataContext.resolveDynamicValue(n);
+  }, [e, n, o]), l = Qe(i, a, a), c = ie(
+    (u) => {
+      !o || !n || typeof n != "object" || !("path" in n) || e.dataContext.set(String(n.path), u);
     },
-    [e, r, o]
+    [e, n, o]
   );
   return { value: l, setValue: c, hasBinding: !!o };
 }
-function V(e) {
+function D(e) {
   if (typeof e == "string") return e || void 0;
   if (typeof e == "number") return String(e);
 }
-function z(e) {
+function V(e) {
   return Array.isArray(e) ? e.map(String) : typeof e == "string" && e ? [e] : [];
 }
-const Te = "skopon-form-v0_9", Bt = /* @__PURE__ */ new Set([
+const Ye = "skopon-form-v0_9", yr = /* @__PURE__ */ new Set([
   "SkoponMedia",
   "SkoponSelect",
   "Image",
@@ -774,74 +950,76 @@ const Te = "skopon-form-v0_9", Bt = /* @__PURE__ */ new Set([
   "ChoicePicker",
   "CheckBox",
   "DateTimeInput",
-  "FileUpload"
-]);
-function R(e) {
-  const t = [...O.components.values()].find((n) => n.name === e);
+  "FileUpload",
+  "TextField",
+  "Text"
+]), gr = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "caption"]);
+function G(e) {
+  const t = [...Z.components.values()].find((r) => r.name === e);
   if (!t) throw new Error(`Missing basic catalog component: ${e}`);
   return t.schema;
 }
-function v(e) {
+function g(e) {
   return typeof e == "string" ? e : "";
 }
-function Ce(e) {
+function Je(e) {
   return Array.isArray(e) ? e.map((t) => {
     if (!t || typeof t != "object") return null;
-    const n = t, r = String(n.value ?? n.label ?? ""), o = String(n.label ?? n.value ?? "");
-    return { value: r, label: o };
+    const r = t, n = String(r.value ?? r.label ?? ""), o = String(r.label ?? r.value ?? "");
+    return { value: n, label: o };
   }).filter((t) => !!t) : [];
 }
-function U({
+function re({
   mediaType: e,
   urls: t,
-  mediaSize: n,
-  label: r,
+  mediaSize: r,
+  label: n,
   help: o,
-  placeholder: a
+  placeholder: i
 }) {
-  const i = r == null ? void 0 : r.trim(), l = o == null ? void 0 : o.trim(), c = et(n), s = (a == null ? void 0 : a.trim()) || (e === "image" ? "未设置图片 URL" : e === "video" ? "未设置视频 URL" : "未设置音频 URL");
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: i }) : null,
-    t.length === 0 ? /* @__PURE__ */ u("div", { className: "form-media-preview form-media-preview--empty", children: s }) : /* @__PURE__ */ u("div", { className: c, children: t.map((p, d) => e === "image" ? /* @__PURE__ */ u(
+  const a = n == null ? void 0 : n.trim(), l = o == null ? void 0 : o.trim(), c = Bt(r), u = (i == null ? void 0 : i.trim()) || (e === "image" ? "未设置图片 URL" : e === "video" ? "未设置视频 URL" : "未设置音频 URL");
+  return /* @__PURE__ */ M("div", { className: "form-block-preview", children: [
+    a ? /* @__PURE__ */ s("div", { className: "form-block-preview-label", children: a }) : null,
+    t.length === 0 ? /* @__PURE__ */ s("div", { className: "form-media-preview form-media-preview--empty", children: u }) : /* @__PURE__ */ s("div", { className: c, children: t.map((f, d) => e === "image" ? /* @__PURE__ */ s(
       "img",
       {
-        src: p,
-        alt: i || "图片",
+        src: f,
+        alt: a || "图片",
         className: "form-media-item"
       },
       `media-${d}`
-    ) : e === "video" ? /* @__PURE__ */ u(
+    ) : e === "video" ? /* @__PURE__ */ s(
       "video",
       {
-        src: p,
+        src: f,
         controls: !0,
         className: "form-media-item"
       },
       `media-${d}`
-    ) : /* @__PURE__ */ u(
+    ) : /* @__PURE__ */ s(
       "audio",
       {
-        src: p,
+        src: f,
         controls: !0,
         className: "form-media-item form-media-item--audio"
       },
       `media-${d}`
     )) }),
-    l ? /* @__PURE__ */ u(J.Text, { type: "secondary", className: "form-block-preview-help", children: l }) : null
+    l ? /* @__PURE__ */ s(R.Text, { type: "secondary", className: "form-block-preview-help", children: l }) : null
   ] });
 }
-function B(e, t) {
-  const n = Array.isArray(e.urls) ? e.urls.map((r) => String(r).trim()).filter(Boolean) : v(e.url).trim() ? [v(e.url).trim()] : [];
+function ne(e, t) {
+  const r = Array.isArray(e.urls) ? e.urls.map((n) => String(n).trim()).filter(Boolean) : g(e.url).trim() ? [g(e.url).trim()] : [];
   return {
     mediaType: t,
-    urls: n,
-    mediaSize: I(e.mediaSize),
-    label: v(e.label) || v(e.description),
-    help: v(e.help),
-    placeholder: v(e.placeholder)
+    urls: r,
+    mediaSize: J(e.mediaSize),
+    label: g(e.label) || g(e.description),
+    help: g(e.help),
+    placeholder: g(e.placeholder)
   };
 }
-const Nt = {
+const br = {
   name: "SkoponMedia",
   schema: m.object({
     mediaType: m.any().optional(),
@@ -851,19 +1029,19 @@ const Nt = {
     help: m.any().optional(),
     placeholder: m.any().optional()
   }).passthrough()
-}, $t = S(Nt, ({ context: e }) => {
-  const t = e.componentModel.properties, n = v(t.mediaType);
-  return /* @__PURE__ */ u(U, { ...B(t, n === "video" ? "video" : n === "audio" ? "audio" : "image") });
-}), Ht = S(
-  { name: "Image", schema: R("Image") },
-  ({ context: e }) => /* @__PURE__ */ u(U, { ...B(e.componentModel.properties, "image") })
-), Yt = S(
-  { name: "Video", schema: R("Video") },
-  ({ context: e }) => /* @__PURE__ */ u(U, { ...B(e.componentModel.properties, "video") })
-), Gt = S(
-  { name: "AudioPlayer", schema: R("AudioPlayer") },
-  ({ context: e }) => /* @__PURE__ */ u(U, { ...B(e.componentModel.properties, "audio") })
-), Xt = {
+}, xr = E(br, ({ context: e }) => {
+  const t = e.componentModel.properties, r = g(t.mediaType);
+  return /* @__PURE__ */ s(re, { ...ne(t, r === "video" ? "video" : r === "audio" ? "audio" : "image") });
+}), Sr = E(
+  { name: "Image", schema: G("Image") },
+  ({ context: e }) => /* @__PURE__ */ s(re, { ...ne(e.componentModel.properties, "image") })
+), kr = E(
+  { name: "Video", schema: G("Video") },
+  ({ context: e }) => /* @__PURE__ */ s(re, { ...ne(e.componentModel.properties, "video") })
+), Ar = E(
+  { name: "AudioPlayer", schema: G("AudioPlayer") },
+  ({ context: e }) => /* @__PURE__ */ s(re, { ...ne(e.componentModel.properties, "audio") })
+), Tr = {
   name: "SkoponSelect",
   schema: m.object({
     label: m.any().optional(),
@@ -873,48 +1051,48 @@ const Nt = {
     value: m.any().optional()
   }).passthrough()
 };
-function Kt({ context: e }) {
-  const { interactive: t } = E(), { value: n, setValue: r } = _(e), o = e.componentModel.properties, a = v(o.label), i = v(o.placeholder), l = Ce(o.options), c = v(o.mode) === "multiple";
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    a ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: a }) : null,
-    /* @__PURE__ */ u(
-      H,
+function Cr({ context: e }) {
+  const { interactive: t } = j(), { value: r, setValue: n } = L(e), o = e.componentModel.properties, i = g(o.label), a = g(o.placeholder), l = Je(o.options), c = g(o.mode) === "multiple";
+  return /* @__PURE__ */ M("div", { className: "form-block-preview", children: [
+    i ? /* @__PURE__ */ s("div", { className: "form-block-preview-label", children: i }) : null,
+    /* @__PURE__ */ s(
+      ue,
       {
         mode: c ? "multiple" : void 0,
         disabled: !t,
         allowClear: !0,
         className: "form-block-preview-control",
         style: { width: "100%" },
-        placeholder: i || (c ? "请选择多项" : "请选择"),
+        placeholder: a || (c ? "请选择多项" : "请选择"),
         options: l,
-        value: c ? z(n) : V(n),
-        onChange: (s) => r(c ? s ?? [] : s ?? "")
+        value: c ? V(r) : D(r),
+        onChange: (u) => n(c ? u ?? [] : u ?? "")
       }
     )
   ] });
 }
-const qt = S(
-  Xt,
-  Kt
+const Mr = E(
+  Tr,
+  Cr
 );
-function Jt({ context: e }) {
-  const { interactive: t } = E(), { value: n, setValue: r } = _(e), o = e.componentModel.properties, a = v(o.label), i = v(o.variant) || "mutuallyExclusive", l = v(o.skoponPickerType), c = v(o.placeholder), s = Ce(o.options), d = l === "select" || l === "multiselect" || l === "radio" || l === "checkbox" ? l : i === "multipleSelection" ? "checkbox" : "radio";
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    a ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: a }) : null,
-    d === "select" ? /* @__PURE__ */ u(
-      H,
+function Er({ context: e }) {
+  const { interactive: t } = j(), { value: r, setValue: n } = L(e), o = e.componentModel.properties, i = g(o.label), a = g(o.variant) || "mutuallyExclusive", l = g(o.skoponPickerType), c = g(o.placeholder), u = Je(o.options), d = l === "select" || l === "multiselect" || l === "radio" || l === "checkbox" ? l : a === "multipleSelection" ? "checkbox" : "radio";
+  return /* @__PURE__ */ M("div", { className: "form-block-preview", children: [
+    i ? /* @__PURE__ */ s("div", { className: "form-block-preview-label", children: i }) : null,
+    d === "select" ? /* @__PURE__ */ s(
+      ue,
       {
         disabled: !t,
         allowClear: !0,
         className: "form-block-preview-control",
         style: { width: "100%" },
         placeholder: c || "请选择",
-        options: s,
-        value: V(n),
-        onChange: (f) => r(f ?? "")
+        options: u,
+        value: D(r),
+        onChange: (p) => n(p ?? "")
       }
-    ) : d === "multiselect" ? /* @__PURE__ */ u(
-      H,
+    ) : d === "multiselect" ? /* @__PURE__ */ s(
+      ue,
       {
         mode: "multiple",
         disabled: !t,
@@ -922,32 +1100,32 @@ function Jt({ context: e }) {
         className: "form-block-preview-control",
         style: { width: "100%" },
         placeholder: c || "请选择多项",
-        options: s,
-        value: z(n),
-        onChange: (f) => r(f ?? [])
+        options: u,
+        value: V(r),
+        onChange: (p) => n(p ?? [])
       }
-    ) : d === "checkbox" ? /* @__PURE__ */ u(
-      ze.Group,
+    ) : d === "checkbox" ? /* @__PURE__ */ s(
+      nt.Group,
       {
         disabled: !t,
         className: "form-block-preview-control",
-        options: s,
-        value: z(n),
-        onChange: (f) => r(f)
+        options: u,
+        value: V(r),
+        onChange: (p) => n(p)
       }
-    ) : /* @__PURE__ */ u(
-      Le.Group,
+    ) : /* @__PURE__ */ s(
+      ot.Group,
       {
         disabled: !t,
         className: "form-block-preview-control",
-        options: s,
-        value: V(n),
-        onChange: (f) => r(f.target.value)
+        options: u,
+        value: D(r),
+        onChange: (p) => n(p.target.value)
       }
     )
   ] });
 }
-const Wt = S(
+const Ir = E(
   {
     name: "ChoicePicker",
     schema: m.object({
@@ -959,80 +1137,80 @@ const Wt = S(
       placeholder: m.any().optional()
     }).passthrough()
   },
-  Jt
+  Er
 );
-function Zt({ context: e }) {
-  const { interactive: t } = E(), { value: n, setValue: r } = _(e), o = e.componentModel.properties, a = v(o.label);
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    a ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: a }) : null,
-    /* @__PURE__ */ u(
-      Re,
+function Pr({ context: e }) {
+  const { interactive: t } = j(), { value: r, setValue: n } = L(e), o = e.componentModel.properties, i = g(o.label);
+  return /* @__PURE__ */ M("div", { className: "form-block-preview", children: [
+    i ? /* @__PURE__ */ s("div", { className: "form-block-preview-label", children: i }) : null,
+    /* @__PURE__ */ s(
+      at,
       {
         disabled: !t,
         className: "form-block-preview-control",
-        checked: n === !0,
-        onChange: (i) => r(i)
+        checked: be(r),
+        onChange: (a) => n(a)
       }
     )
   ] });
 }
-const Qt = S(
-  { name: "CheckBox", schema: R("CheckBox") },
-  Zt
+const wr = E(
+  { name: "CheckBox", schema: G("CheckBox") },
+  Pr
 );
-function en(e, t, n) {
-  const r = V(e);
-  if (!r) return;
-  if (!t && n) {
-    const a = ne(r, "HH:mm", !0);
-    return a.isValid() ? a : void 0;
+function Nr(e, t, r) {
+  const n = D(e);
+  if (!n) return;
+  if (!t && r) {
+    const i = Te(n, "HH:mm", !0);
+    return i.isValid() ? i : void 0;
   }
-  const o = ne(r);
+  const o = Te(n);
   return o.isValid() ? o : void 0;
 }
-function tn({ context: e }) {
-  const { interactive: t } = E(), { value: n, setValue: r } = _(e), o = e.componentModel.properties, a = v(o.label), i = v(o.placeholder), l = o.enableDate === !0, c = o.enableTime === !0, s = en(n, l, c), p = (d) => {
+function _r({ context: e }) {
+  const { interactive: t } = j(), { value: r, setValue: n } = L(e), o = e.componentModel.properties, i = g(o.label), a = g(o.placeholder), l = o.enableDate === !0, c = o.enableTime === !0, u = Nr(r, l, c), f = (d) => {
     if (!d) {
-      r("");
+      n("");
       return;
     }
     if (!l && c) {
-      r(d.format("HH:mm"));
+      n(d.format("HH:mm"));
       return;
     }
     if (l && c) {
-      r(d.format("YYYY-MM-DDTHH:mm"));
+      n(d.format("YYYY-MM-DDTHH:mm"));
       return;
     }
-    r(d.format("YYYY-MM-DD"));
+    n(d.format("YYYY-MM-DD"));
   };
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    a ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: a }) : null,
-    !l && c ? /* @__PURE__ */ u(
-      Ue,
+  return /* @__PURE__ */ M("div", { className: "form-block-preview", children: [
+    i ? /* @__PURE__ */ s("div", { className: "form-block-preview-label", children: i }) : null,
+    !l && c ? /* @__PURE__ */ s(
+      it,
       {
         disabled: !t,
         className: "form-block-preview-control",
         style: { width: "100%" },
-        placeholder: i || "选择时间",
-        value: s,
-        onChange: p
+        placeholder: a || "选择时间",
+        value: u,
+        onChange: f
       }
-    ) : /* @__PURE__ */ u(
-      Be,
+    ) : /* @__PURE__ */ s(
+      lt,
       {
         showTime: l && c,
         disabled: !t,
         className: "form-block-preview-control",
         style: { width: "100%" },
-        placeholder: i || (l && c ? "选择日期时间" : "选择日期"),
-        value: s,
-        onChange: p
+        placeholder: a || (l && c ? "选择日期时间" : "选择日期"),
+        value: u,
+        onChange: f
       }
     )
   ] });
 }
-const nn = S(
+const Fr = E(
   {
     name: "DateTimeInput",
     schema: m.object({
@@ -1045,8 +1223,8 @@ const nn = S(
       max: m.any().optional()
     }).passthrough()
   },
-  tn
-), rn = {
+  _r
+), Or = {
   name: "FileUpload",
   schema: m.object({
     label: m.any().optional(),
@@ -1058,275 +1236,428 @@ const nn = S(
     value: m.any().optional()
   }).passthrough()
 };
-function on({ context: e }) {
-  const { interactive: t } = E(), { value: n, setValue: r } = _(e), o = e.componentModel.properties, a = v(o.label), i = v(o.accept), l = Array.isArray(o.fileAcceptTypes) ? o.fileAcceptTypes.map(String) : void 0, c = i ? i.split(",").map((h) => h.trim()).filter(Boolean) : void 0, s = mt(l, c), p = typeof o.filePlaceholderIcon == "string" && ["video", "audio", "image", "file", "spreadsheet", "document"].includes(
+function Vr({ context: e }) {
+  const { interactive: t } = j(), { value: r, setValue: n } = L(e), o = e.componentModel.properties, i = g(o.label), a = g(o.accept), l = Array.isArray(o.fileAcceptTypes) ? o.fileAcceptTypes.map(String) : void 0, c = a ? a.split(",").map((x) => x.trim()).filter(Boolean) : void 0, u = Pt(l, c), f = typeof o.filePlaceholderIcon == "string" && ["video", "audio", "image", "file", "spreadsheet", "document"].includes(
     o.filePlaceholderIcon
-  ) ? o.filePlaceholderIcon : "document", d = typeof o.maxCount == "number" ? o.maxCount : 1, f = z(n);
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    a ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: a }) : null,
-    /* @__PURE__ */ b(
-      ee.Dragger,
+  ) ? o.filePlaceholderIcon : "document", d = typeof o.minCount == "number" ? Math.max(0, o.minCount) : 0, p = typeof o.maxCount == "number" ? o.maxCount : 1, y = p > 0, k = V(r), T = y && k.length >= p, h = k.length < d;
+  return /* @__PURE__ */ M("div", { className: "form-block-preview", children: [
+    i ? /* @__PURE__ */ s("div", { className: "form-block-preview-label", children: i }) : null,
+    /* @__PURE__ */ M(
+      le.Dragger,
       {
-        disabled: !t,
-        accept: pt(l, c),
+        disabled: !t || T,
+        accept: It(l, c),
         className: "form-file-upload-preview",
-        showUploadList: t && f.length > 0,
-        fileList: t ? f.map((h, A) => ({
-          uid: `${A}-${h}`,
-          name: h,
+        showUploadList: t && k.length > 0,
+        fileList: t ? k.map((x, v) => ({
+          uid: `${v}-${x}`,
+          name: x,
           status: "done"
         })) : [],
-        beforeUpload: (h) => {
-          if (!t) return ee.LIST_IGNORE;
-          const A = [...f, h.name].slice(0, Math.max(1, d));
-          return r(A), !1;
+        beforeUpload: (x) => {
+          if (!t) return le.LIST_IGNORE;
+          const v = V(Ee(e));
+          if (y && v.length >= p) return le.LIST_IGNORE;
+          const b = y ? [...v, x.name].slice(0, p) : [...v, x.name];
+          return n(b), !1;
         },
-        onRemove: (h) => {
-          r(f.filter((A) => A !== h.name));
+        onRemove: (x) => {
+          const v = V(Ee(e)), b = /^(\d+)-/.exec(x.uid ?? ""), z = b ? Number(b[1]) : -1, I = z >= 0 && z < v.length ? v.filter((P, X) => X !== z) : v.filter((P) => P !== x.name);
+          if (I.length < d) return !1;
+          n(I);
         },
         children: [
-          /* @__PURE__ */ u("p", { className: "form-file-upload-preview-icon", children: /* @__PURE__ */ u(Rt, { type: p, size: 40 }) }),
-          /* @__PURE__ */ u("p", { className: "form-file-upload-preview-text", children: "点击或拖拽文件到此处上传" })
+          /* @__PURE__ */ s("p", { className: "form-file-upload-preview-icon", children: /* @__PURE__ */ s(vr, { type: f, size: 40 }) }),
+          /* @__PURE__ */ s("p", { className: "form-file-upload-preview-text", children: "点击或拖拽文件到此处上传" })
         ]
       }
     ),
-    /* @__PURE__ */ b(J.Text, { type: "secondary", className: "form-block-preview-help", children: [
+    /* @__PURE__ */ M(R.Text, { type: "secondary", className: "form-block-preview-help", children: [
       "允许：",
-      s ?? "全部类型"
+      u ?? "全部类型",
+      d > 0 ? `；至少 ${d} 个文件` : "",
+      y ? `；最多 ${p} 个文件` : "",
+      h && t ? `（当前 ${k.length} 个，未达下限）` : ""
     ] })
   ] });
 }
-const an = S(
-  rn,
-  on
+const Br = E(
+  Or,
+  Vr
 );
-function Me() {
+function jr({ context: e }) {
+  const { interactive: t } = j(), { value: r, setValue: n } = L(e), o = e.componentModel.properties, i = g(o.label), a = g(o.placeholder), l = g(o.variant) || "shortText", c = D(r) ?? "", u = !t, f = "form-block-preview-control";
+  let d;
+  if (l === "longText")
+    d = /* @__PURE__ */ s(
+      ce.TextArea,
+      {
+        disabled: u,
+        className: f,
+        placeholder: a || "长文本回答...",
+        autoSize: { minRows: 2, maxRows: 6 },
+        value: c,
+        onChange: (p) => n(p.target.value)
+      }
+    );
+  else if (l === "number") {
+    const p = c && Number.isFinite(Number(c)) ? Number(c) : void 0;
+    d = /* @__PURE__ */ s(
+      ct,
+      {
+        disabled: u,
+        className: f,
+        style: { width: "100%" },
+        placeholder: a || "数字",
+        value: p,
+        onChange: (y) => n(y == null ? "" : String(y))
+      }
+    );
+  } else l === "obscured" ? d = /* @__PURE__ */ s(
+    ce.Password,
+    {
+      disabled: u,
+      className: f,
+      placeholder: a,
+      value: c,
+      onChange: (p) => n(p.target.value)
+    }
+  ) : d = /* @__PURE__ */ s(
+    ce,
+    {
+      disabled: u,
+      className: f,
+      placeholder: a,
+      value: c,
+      onChange: (p) => n(p.target.value)
+    }
+  );
+  return /* @__PURE__ */ M("div", { className: "form-block-preview", children: [
+    i ? /* @__PURE__ */ s("div", { className: "form-block-preview-label", children: i }) : null,
+    d
+  ] });
+}
+const Lr = E(
+  {
+    name: "TextField",
+    schema: m.object({
+      label: m.any().optional(),
+      variant: m.any().optional(),
+      placeholder: m.any().optional(),
+      validationRegexp: m.any().optional(),
+      value: m.any().optional()
+    }).passthrough()
+  },
+  jr
+);
+function zr({ context: e }) {
+  const t = e.componentModel.properties, r = g(t.text), n = g(t.variant) || "body";
+  return gr.has(n) ? n === "caption" ? /* @__PURE__ */ s(R.Text, { type: "secondary", className: "form-block-preview-paragraph", children: /* @__PURE__ */ s("em", { children: r }) }) : /* @__PURE__ */ s(n, { className: "form-block-preview-heading", children: r }) : /* @__PURE__ */ s(R.Paragraph, { className: "form-block-preview-paragraph", children: r });
+}
+const Ur = E(
+  { name: "Text", schema: G("Text") },
+  zr
+);
+function Ge() {
   const t = [
-    ...[...O.components.values()].filter(
-      (r) => !Bt.has(r.name)
+    ...[...Z.components.values()].filter(
+      (n) => !yr.has(n.name)
     ),
-    $t,
-    qt,
-    Ht,
-    Yt,
-    Gt,
-    Wt,
-    Qt,
-    nn,
-    an
-  ], n = [...O.functions.values()];
-  return new Ve(Te, t, n, O.themeSchema);
-}
-const ln = De(
+    xr,
+    Mr,
+    Sr,
+    kr,
+    Ar,
+    Ir,
+    wr,
+    Fr,
+    Br,
+    Lr,
+    Ur
+  ], r = [...Z.functions.values()];
+  return new rt(Ye, t, r, Z.themeSchema);
+}
+const $r = et(
   function({
     doc: t,
-    surfaceId: n = "skopon-form",
-    emptyHint: r = null,
+    surfaceId: r = "skopon-form",
+    emptyHint: n = null,
     interactive: o = !0,
-    fieldNames: a = []
-  }, i) {
-    C(() => {
-      ue(), ce();
+    fieldNames: i = []
+  }, a) {
+    _(() => {
+      _e(), we();
     }, []);
-    const l = M(null), c = M(a);
-    c.current = a;
-    const s = k(() => {
-      if (q(t))
-        return l.current = null, [];
+    const l = w(null), c = w(i);
+    c.current = i;
+    const u = N(() => {
+      if (he(t))
+        return { surfaces: [], processor: null };
       try {
-        const p = new le([Me()]), d = It(t, {
-          surfaceId: n,
-          catalogId: Te
+        const p = new Pe([Ge()]), y = qt(t, {
+          surfaceId: r,
+          catalogId: Ye
         });
-        return p.processMessages(d), l.current = p, Array.from(p.model.surfacesMap.values());
+        return p.processMessages(y), {
+          surfaces: Array.from(p.model.surfacesMap.values()),
+          processor: p
+        };
       } catch (p) {
-        return console.error("[SkoponFormRenderer] 渲染 A2UI surface 失败", p), l.current = null, [];
+        return console.error("[SkoponFormRenderer] 渲染 A2UI surface 失败", p), { surfaces: [], processor: null };
       }
-    }, [t, n]);
-    return je(
-      i,
+    }, [t, r]), { surfaces: f, processor: d } = u;
+    return l.current = d, tt(
+      a,
       () => ({
         getValues(p) {
-          const d = l.current;
-          if (!d) return {};
-          const f = (p ?? c.current).map((h) => h.trim()).filter(Boolean);
-          return wt(d, n, f);
+          const y = l.current;
+          if (!y) return {};
+          const k = (p ?? c.current).map((T) => T.trim()).filter(Boolean);
+          return Qt(y, r, k);
         }
       }),
-      [n]
-    ), s.length === 0 ? /* @__PURE__ */ u(ae, { children: r }) : /* @__PURE__ */ u(ke, { interactive: o, children: /* @__PURE__ */ u("div", { className: "a2ui-surface a2ui-container", children: s.map((p) => /* @__PURE__ */ u(se, { surface: p }, p.id)) }) });
+      [r]
+    ), f.length === 0 ? /* @__PURE__ */ s(Ie, { children: n }) : /* @__PURE__ */ s(De, { interactive: o, children: /* @__PURE__ */ s("div", { className: "a2ui-surface a2ui-container", children: f.map((p) => /* @__PURE__ */ s(Ne, { surface: p }, p.id)) }) });
   }
 );
-function xn({
+function W() {
+  return new Pe([Ge()]);
+}
+function rn({
   messages: e,
   surfaceId: t = "skopon-form-stream",
-  emptyHint: n = null,
-  interactive: r = !0
+  emptyHint: r = null,
+  interactive: n = !0
 }) {
-  C(() => {
-    ue(), ce();
+  _(() => {
+    _e(), we();
   }, []);
-  const o = M(null), a = M(0), i = k(() => {
-    const s = new le([Me()]);
-    return o.current = s, a.current = 0, s;
-  }, [t]), [l, c] = w(() => Array.from(i.model.surfacesMap.values()));
-  return C(() => {
-    const s = () => c(Array.from(i.model.surfacesMap.values())), p = i.onSurfaceCreated(s), d = i.onSurfaceDeleted(s);
+  const o = w(W()), i = w(0), a = w(!0), l = w(t), [c, u] = O(() => o.current), [f, d] = O(
+    () => Array.from(o.current.model.surfacesMap.values())
+  );
+  return _(() => (a.current = !0, () => {
+    a.current = !1;
+  }), []), _(() => {
+    o.current = c;
+  }, [c]), _(() => {
+    const p = () => {
+      a.current && d(Array.from(c.model.surfacesMap.values()));
+    }, y = c.onSurfaceCreated(p), k = c.onSurfaceDeleted(p);
     return () => {
-      p.unsubscribe(), d.unsubscribe();
+      y.unsubscribe(), k.unsubscribe();
     };
-  }, [i]), C(() => {
-    if (!Array.isArray(e) || e.length === 0) return;
-    const s = e.slice(a.current);
-    s.length !== 0 && (i.processMessages(s), a.current = e.length, c(Array.from(i.model.surfacesMap.values())));
-  }, [e, i]), l.length === 0 ? /* @__PURE__ */ u(ae, { children: n }) : /* @__PURE__ */ u(ke, { interactive: r, children: /* @__PURE__ */ u("div", { className: "a2ui-surface a2ui-container", children: l.map((s) => /* @__PURE__ */ u(se, { surface: s }, s.id)) }) });
-}
-function ie({
+  }, [c]), _(() => {
+    let p = !1;
+    const y = l.current !== t;
+    if (l.current = t, y) {
+      const h = W();
+      return o.current = h, i.current = 0, Array.isArray(e) && e.length > 0 ? (h.processMessages(e), i.current = e.length, p || (u(h), d(Array.from(h.model.surfacesMap.values())))) : p || (u(h), d([])), () => {
+        p = !0;
+      };
+    }
+    if (!Array.isArray(e) || e.length === 0) {
+      if (i.current > 0) {
+        const h = W();
+        o.current = h, i.current = 0, p || (u(h), d([]));
+      }
+      return () => {
+        p = !0;
+      };
+    }
+    const k = o.current;
+    if (e.length < i.current) {
+      const h = W();
+      return o.current = h, i.current = 0, h.processMessages(e), i.current = e.length, p || (u(h), d(Array.from(h.model.surfacesMap.values()))), () => {
+        p = !0;
+      };
+    }
+    const T = e.slice(i.current);
+    return T.length === 0 ? () => {
+      p = !0;
+    } : (k.processMessages(T), i.current = e.length, p || d(Array.from(k.model.surfacesMap.values())), () => {
+      p = !0;
+    });
+  }, [e, t]), f.length === 0 ? /* @__PURE__ */ s(Ie, { children: r }) : /* @__PURE__ */ s(De, { interactive: n, children: /* @__PURE__ */ s("div", { className: "a2ui-surface a2ui-container", children: f.map((p) => /* @__PURE__ */ s(Ne, { surface: p }, p.id)) }) });
+}
+function Rr({
   payload: e,
   callbackUrl: t,
-  title: n,
-  unpublishedFormId: r,
+  title: r,
+  unpublishedFormId: n,
   incompleteFormId: o,
-  onNotify: a
+  onNotify: i
 }) {
-  const i = k(
-    () => xe(e, t),
+  const a = N(
+    () => er(e, t),
     [e, t]
   );
   async function l() {
     try {
-      await Se(i), a == null || a("success", "已复制到剪贴板");
+      await $e(a), i == null || i("success", "已复制到剪贴板");
     } catch {
-      a == null || a("error", "复制失败");
+      i == null || i("error", "复制失败");
     }
   }
-  return /* @__PURE__ */ b("div", { className: "ask-user-curl-card", children: [
-    /* @__PURE__ */ b("div", { className: "ask-user-curl-card-header", children: [
-      /* @__PURE__ */ b("div", { className: "ask-user-curl-card-header-title", children: [
-        /* @__PURE__ */ u(J.Text, { type: "secondary", children: n ?? "curl 命令" }),
-        r ? /* @__PURE__ */ u(Y, { title: r, children: /* @__PURE__ */ u(te, { className: "ask-user-curl-unpublished-tag", children: "卡片 ID 未发布" }) }) : null,
-        o ? /* @__PURE__ */ u(Y, { title: o, children: /* @__PURE__ */ u(te, { className: "ask-user-curl-incomplete-tag", children: "卡片 ID 待补足" }) }) : null
+  return /* @__PURE__ */ M("div", { className: "ask-user-curl-card", children: [
+    /* @__PURE__ */ M("div", { className: "ask-user-curl-card-header", children: [
+      /* @__PURE__ */ M("div", { className: "ask-user-curl-card-header-title", children: [
+        /* @__PURE__ */ s(R.Text, { type: "secondary", children: r ?? "curl 命令" }),
+        n ? /* @__PURE__ */ s(Q, { title: n, children: /* @__PURE__ */ s(pe, { className: "ask-user-curl-unpublished-tag", children: "卡片 ID 未发布" }) }) : null,
+        o ? /* @__PURE__ */ s(Q, { title: o, children: /* @__PURE__ */ s(pe, { className: "ask-user-curl-incomplete-tag", children: "卡片 ID 待补足" }) }) : null
       ] }),
-      /* @__PURE__ */ u(pe, { size: "small", type: "text", onClick: () => void l(), children: "复制" })
+      /* @__PURE__ */ s(Fe, { size: "small", type: "text", onClick: () => void l(), children: "复制" })
     ] }),
-    /* @__PURE__ */ u("pre", { className: "skopon-form-curl-json", children: i })
+    /* @__PURE__ */ s("pre", { className: "skopon-form-curl-json", children: a })
   ] });
 }
-function Sn({
+function Dr(e, t) {
+  if (t && typeof t == "object" && t !== null && "message" in t) {
+    const r = t.message;
+    if (typeof r == "string" && r.trim())
+      return `提交失败 (${e}): ${r.trim()}`;
+  }
+  return typeof t == "string" && t.trim() ? `提交失败 (${e}): ${t.trim()}` : `提交失败 (${e})`;
+}
+function nn({
   payload: e,
   formUniqueId: t,
-  callbackUrl: n,
-  submitMode: r = "curl",
+  callbackUrl: r,
+  submitMode: n = "curl",
   fetchFormDetail: o,
-  onNotify: a
+  onNotify: i
 }) {
-  const [i, l] = w(null), [c, s] = w(!1), [p, d] = w(!0), f = M(null);
-  C(() => {
-    let g = !1;
-    return d(!0), s(!1), o({ formUniqueId: t }).then((x) => {
-      g || (s(!!x.disabled), l(x.disabled ? null : x.formDefinition ?? null));
-    }).catch(() => {
-      g || (s(!1), l(null));
+  const [a, l] = O(null), [c, u] = O(!1), [f, d] = O(!0), [p, y] = O(!1), k = w(null), T = w(!0), h = w(i);
+  h.current = i;
+  const x = (t == null ? void 0 : t.trim()) ?? "";
+  _(() => (T.current = !0, () => {
+    T.current = !1;
+  }), []), _(() => {
+    let A = !1;
+    return x ? (d(!0), u(!1), o({ formUniqueId: x }).then((C) => {
+      A || (u(!!C.disabled), l(C.formDefinition ?? null));
+    }).catch((C) => {
+      var U;
+      if (!A) {
+        u(!1), l(null);
+        const q = C instanceof Error ? C.message : "获取表单定义失败";
+        (U = h.current) == null || U.call(h, "error", q);
+      }
     }).finally(() => {
-      g || d(!1);
+      A || d(!1);
     }), () => {
-      g = !0;
-    };
-  }, [t, o]);
-  const { matchedBlocks: h, remainderPayload: A } = k(
-    () => jt(e, i ?? void 0),
-    [e, i]
-  ), Z = k(
-    () => h.map((g) => {
-      var x;
-      return (x = g.name) == null ? void 0 : x.trim();
-    }).filter((g) => !!g),
-    [h]
-  ), Pe = k(() => !i || h.length === 0 ? null : _t(i, h), [i, h]);
-  if (p)
-    return /* @__PURE__ */ u("div", { className: "ask-user-form-card", children: /* @__PURE__ */ u(Ne, { size: "small" }) });
-  if (h.length === 0)
-    return /* @__PURE__ */ u(
-      ie,
+      A = !0;
+    }) : (d(!1), u(!1), l(null), () => {
+      A = !0;
+    });
+  }, [x, o]);
+  const v = N(() => ir(e), [e]), b = N(() => v ? lr(v, a ?? void 0) : null, [v, a]), z = (b == null ? void 0 : b.matchedBlocks) ?? [], I = !!(v && ur(v) && z.length === 0), P = N(() => b && b.renderBlocks.length > 0 ? b.renderBlocks : I && v ? pr(v) : [], [b, I, v]), X = N(
+    () => I ? {} : sr((b == null ? void 0 : b.extraBlocks) ?? []),
+    [I, b]
+  ), xe = N(() => I && v ? dr(v) : P.filter((A) => {
+    var C;
+    return (C = A.name) == null ? void 0 : C.trim();
+  }).map((A) => A.name.trim()), [I, v, P]), Xe = N(() => {
+    if (P.length === 0) return null;
+    const A = (b == null ? void 0 : b.title) ?? (v == null ? void 0 : v.title) ?? "", C = (b == null ? void 0 : b.description) ?? (v == null ? void 0 : v.description) ?? "";
+    return Wt({ title: A, description: C }, P);
+  }, [b, v, P]), qe = x ? `ask-user-${x}` : "ask-user-payload";
+  if (f)
+    return /* @__PURE__ */ s("div", { className: "ask-user-form-card", children: /* @__PURE__ */ s(st, { size: "small" }) });
+  if (!v || P.length === 0)
+    return /* @__PURE__ */ s(
+      Rr,
       {
         payload: e,
-        callbackUrl: n,
-        unpublishedFormId: c ? t : void 0,
-        onNotify: a
+        callbackUrl: r,
+        unpublishedFormId: c && x ? x : void 0,
+        onNotify: i
       }
     );
-  const Ie = Object.keys(A).length > 0;
-  async function Ee() {
-    var x;
-    const g = ((x = f.current) == null ? void 0 : x.getValues(Z)) ?? {};
-    if (r === "post") {
-      const Q = (n ?? "").trim();
-      if (!Q) {
-        a == null || a("error", "callback_url 为空，无法提交");
-        return;
-      }
+  async function Ke() {
+    var A, C, U, q, Se, ke;
+    if (!p) {
+      y(!0);
       try {
-        const T = await Vt(Q, g);
-        T.ok ? a == null || a("success", "提交成功") : a == null || a("error", `提交失败 (${T.status})`);
-      } catch (T) {
-        const _e = T instanceof Error ? T.message : "提交失败";
-        a == null || a("error", _e);
+        const $ = ((A = k.current) == null ? void 0 : A.getValues(xe)) ?? {}, oe = { ...$, ...X };
+        if (n === "post") {
+          const Ae = (r ?? "").trim();
+          if (!Ae) {
+            (C = h.current) == null || C.call(h, "error", "callback_url 为空，无法提交");
+            return;
+          }
+          const ae = await mr(Ae, oe);
+          if (!T.current) return;
+          ae.ok ? (U = h.current) == null || U.call(h, "success", "提交成功") : (q = h.current) == null || q.call(h, "error", Dr(ae.status, ae.body));
+          return;
+        }
+        if (await $e(
+          rr({ cardValues: $, extraValues: X, callbackUrl: r })
+        ), !T.current) return;
+        (Se = h.current) == null || Se.call(h, "success", "已复制 curl 到剪贴板");
+      } catch ($) {
+        if (!T.current) return;
+        const oe = $ instanceof Error ? $.message : "复制失败";
+        (ke = h.current) == null || ke.call(h, "error", oe);
+      } finally {
+        T.current && y(!1);
       }
-      return;
-    }
-    try {
-      await Se(xe(g, n)), a == null || a("success", "已复制 curl 到剪贴板");
-    } catch {
-      a == null || a("error", "复制失败");
     }
   }
-  return /* @__PURE__ */ b("div", { className: "ask-user-form-card", children: [
-    /* @__PURE__ */ u(
-      ln,
+  return /* @__PURE__ */ M("div", { className: "ask-user-form-card", children: [
+    c && x ? /* @__PURE__ */ s("div", { className: "ask-user-form-card-status", children: /* @__PURE__ */ s(Q, { title: x, children: /* @__PURE__ */ s(pe, { className: "ask-user-curl-unpublished-tag", children: "卡片 ID 未发布" }) }) }) : null,
+    /* @__PURE__ */ s(
+      $r,
       {
-        ref: f,
-        doc: Pe,
-        surfaceId: `ask-user-${t}`,
-        fieldNames: Z,
+        ref: k,
+        doc: Xe,
+        surfaceId: qe,
+        fieldNames: xe,
         interactive: !0
       }
     ),
-    /* @__PURE__ */ u("div", { className: "ask-user-form-actions", children: /* @__PURE__ */ u(Y, { title: r === "curl" ? "点击复制 curl" : "提交 JSON 到 callback_url", children: /* @__PURE__ */ u(pe, { type: "primary", size: "small", onClick: () => void Ee(), children: "提交" }) }) }),
-    Ie ? /* @__PURE__ */ u(
-      ie,
+    /* @__PURE__ */ s("div", { className: "ask-user-form-actions", children: /* @__PURE__ */ s(Q, { title: n === "curl" ? "点击复制 curl" : "提交 JSON 到 callback_url", children: /* @__PURE__ */ s(
+      Fe,
       {
-        payload: A,
-        callbackUrl: n,
-        title: "以下字段不在表单中，请使用 curl 提交",
-        incompleteFormId: t,
-        onNotify: a
+        type: "primary",
+        size: "small",
+        loading: p,
+        disabled: p,
+        onClick: () => void Ke(),
+        children: "提交"
       }
-    ) : null
+    ) }) })
   ] });
 }
 export {
-  bn as A2UI_PROTOCOL_VERSION,
-  Sn as AskUserFormCard,
-  ie as CurlSubmitBlock,
-  Ke as FORM_MEDIA_SIZES,
-  xn as SkoponA2uiStreamRenderer,
-  ln as SkoponFormRenderer,
-  Pt as a2uiToBlocks,
-  ye as blocksToA2ui,
-  _t as buildAskUserSurface,
-  xe as buildCurlStatement,
-  Se as copyTextToClipboard,
-  gn as createFormClient,
-  wt as extractSurfaceValues,
-  jt as intersectPayloadWithForm,
-  q as isA2uiSurfaceEmpty,
-  re as isInputBlockType,
-  qe as isLayoutBlockType,
-  G as isMediaBlockType,
-  Ft as mapFormDefinitionFromDto,
-  he as normalizeFormDefinition,
-  Et as resolveSurfaceFromFormDefinition,
-  Vt as submitFormJson,
-  It as surfaceDocToMessages,
-  D as syncFormDefinition
+  en as A2UI_PROTOCOL_VERSION,
+  nn as AskUserFormCard,
+  Rr as CurlSubmitBlock,
+  ht as FORM_MEDIA_SIZES,
+  rn as SkoponA2uiStreamRenderer,
+  $r as SkoponFormRenderer,
+  Xt as a2uiToBlocks,
+  je as blocksToA2ui,
+  tr as buildAskUserCurlBodyJson,
+  rr as buildAskUserCurlStatement,
+  Wt as buildAskUserSurface,
+  er as buildCurlStatement,
+  $e as copyTextToClipboard,
+  tn as createFormClient,
+  sr as extractExtraBlockValues,
+  Qt as extractSurfaceValues,
+  dr as getPayloadInputFieldNames,
+  pr as getPayloadRenderableBlocks,
+  lr as intersectPayloadBlocksWithForm,
+  he as isA2uiSurfaceEmpty,
+  F as isInputBlockType,
+  ve as isLayoutBlockType,
+  de as isMediaBlockType,
+  Zt as mapFormDefinitionFromDto,
+  B as normalizeFormDefinition,
+  ir as parsePayloadBlocksJson,
+  ur as payloadHasInputBlocks,
+  Kt as resolveSurfaceFromFormDefinition,
+  mr as submitFormJson,
+  qt as surfaceDocToMessages,
+  ee as syncFormDefinition
 };