@skopon-cool/form-sdk 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,37 +1,37 @@
 import './form-sdk.css';
-import { jsx as u, jsxs as b, Fragment as le } from "react/jsx-runtime";
-import { createContext as Fe, useContext as Oe, useCallback as $, useSyncExternalStore as De, forwardRef as je, useEffect as P, useRef as M, useMemo as A, useImperativeHandle as Ne, useState as j } from "react";
-import { Catalog as Re, MessageProcessor as ce } from "@a2ui/web_core/v0_9";
-import { injectBasicCatalogStyles as se } from "@a2ui/web_core/v0_9/basic_catalog";
-import { basicCatalog as N, createBinderlessComponentImplementation as x, A2uiSurface as ue } from "@a2ui/react/v0_9";
-import { injectStyles as pe } from "@a2ui/react/styles";
-import { z as p } from "zod";
-import { Typography as E, Select as G, Checkbox as Ve, Radio as ze, Switch as Le, TimePicker as Ue, DatePicker as Be, Upload as te, Input as H, InputNumber as $e, Tooltip as X, Tag as ne, Button as de, Spin as He } from "antd";
-import re from "dayjs";
-import { FileTextOutlined as Ye, FileExcelOutlined as Ge, FileOutlined as me, PictureOutlined as Xe, SoundOutlined as Ke, VideoCameraOutlined as qe } from "@ant-design/icons";
-const Cn = "v0.9", Je = [
+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 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 K(e) {
+function de(e) {
   return e === "image" || e === "video" || e === "audio";
 }
-function We(e) {
+function ve(e) {
   return e === "heading" || e === "paragraph";
 }
-function oe(e) {
-  return !We(e) && !K(e);
+function F(e) {
+  return !ve(e) && !de(e);
 }
-function Ze() {
+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) => {
@@ -39,30 +39,11 @@ function Ze() {
     return (e === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function w(e) {
-  const t = Ze().replace(/-/g, "").slice(0, 8);
+function H(e) {
+  const t = vt().replace(/-/g, "").slice(0, 8);
   return `${e}${t}`;
 }
-function F(e) {
-  return typeof e == "string" && Je.includes(e) ? e : "medium";
-}
-function Qe(e, t) {
-  var o;
-  const n = Math.max(1, t);
-  let r = [];
-  return Array.isArray(e.mediaUrls) ? r = e.mediaUrls.map((i) => String(i).trim()) : (o = e.mediaUrl) != null && o.trim() && (r = [e.mediaUrl.trim()]), r.length === 0 ? [""] : r.slice(0, n);
-}
-function et(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 tt(e) {
-  return `form-media-size-${F(e)}`;
-}
-function nt(e) {
-  return `form-media-preview form-media-list ${tt(e)}`;
-}
-const fe = [
+const Ve = [
   { value: "image/*", label: "图片" },
   { value: "video/*", label: "视频" },
   { value: "audio/*", label: "音频" },
@@ -73,7 +54,7 @@ const fe = [
   { value: "text/plain", label: "纯文本" },
   { value: "application/zip", label: "ZIP 压缩包" },
   { value: "application/x-rar-compressed", label: "RAR 压缩包" }
-], rt = {
+], yt = {
   "image/*": ["image/*"],
   "video/*": ["video/*"],
   "audio/*": ["audio/*"],
@@ -93,7 +74,7 @@ const fe = [
   "text/plain": ["text/plain"],
   "application/zip": ["application/zip"],
   "application/x-rar-compressed": ["application/x-rar-compressed"]
-}, ot = {
+}, gt = {
   "image/*": [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg"],
   "video/*": [".mp4", ".mov", ".avi", ".webm"],
   "audio/*": [".mp3", ".wav", ".ogg", ".m4a"],
@@ -104,14 +85,14 @@ const fe = [
   "text/plain": [".txt"],
   "application/zip": [".zip", ".7z"],
   "application/x-rar-compressed": [".rar"]
-}, at = {
+}, 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"
-}, he = [
+}, ye = [
   { value: ".jpg", label: ".jpg" },
   { value: ".jpeg", label: ".jpeg" },
   { value: ".png", label: ".png" },
@@ -137,107 +118,134 @@ const fe = [
   { value: ".zip", label: ".zip" },
   { value: ".rar", label: ".rar" },
   { value: ".7z", label: ".7z" }
-], it = Object.fromEntries(
-  fe.map((e) => [e.value, e.label])
-), lt = Object.fromEntries(
-  he.map((e) => [e.value, e.label])
-), ct = new Set(fe.map((e) => e.value));
-function st(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 ? ct.has(t) ? t : at[t] ?? null : null;
+  return t ? kt.has(t) ? t : bt[t] ?? null : null;
 }
-function ut(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 = st(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 pt(e) {
-  const t = L(e), n = [];
-  for (const r of t)
-    n.push(...rt[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 dt(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 ot[r] ?? [])
-      n.add(o);
-  return he.filter((r) => n.has(r.value));
-}
-function Z(e, t) {
-  const n = new Set(
-    dt(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 ut(t).filter((r) => n.has(r));
+  return r.filter((i) => o.has(i));
 }
-function mt(e, t) {
-  const n = pt(e), r = Z(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 ft(e, t) {
-  const n = L(e), r = Z(
-    n,
+function Pt(e, t) {
+  const r = Y(e), n = ge(
+    r,
     t
   ), o = [
-    ...n.map((i) => it[i] ?? i),
-    ...r.map((i) => lt[i] ?? i)
+    ...r.map((i) => xt[i] ?? i),
+    ...n.map((i) => St[i] ?? i)
   ];
   return o.length === 0 ? null : o.join("、");
 }
-const ht = [
+const wt = [
   "video",
   "audio",
   "image",
   "file",
   "spreadsheet",
   "document"
-], vt = new Set(ht);
-function yt(e) {
-  return e && vt.has(e) ? e : "file";
+], Nt = new Set(wt);
+function _t(e) {
+  return e && Nt.has(e) ? e : "file";
+}
+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 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";
 }
-const bt = 10;
-function ae(e, t = 1) {
-  const n = typeof e == "number" ? e : Number(e);
-  return Number.isFinite(n) ? Math.max(0, Math.floor(n)) : t;
+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 gt(e, 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 xt(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()) || w("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: K(n) ? Qe(e, bt) : void 0,
-    mediaSize: K(n) ? F(e.mediaSize) : void 0,
+    mediaUrls: de(r) ? Ft(e, jt) : void 0,
+    mediaSize: de(r) ? J(e.mediaSize) : void 0,
     fileAcceptTypes: t,
-    fileAcceptExtensions: Z(
+    fileAcceptExtensions: ge(
       t,
       e.fileAcceptExtensions
     ),
-    filePlaceholderIcon: yt(e.filePlaceholderIcon),
-    fileMinCount: n === "file" ? ae(e.fileMinCount, 1) : void 0,
-    fileMaxCount: n === "file" ? ae(e.fileMaxCount, 1) : void 0,
-    defaultValue: gt(n, e.defaultValue),
+    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 {
@@ -247,7 +255,7 @@ function xt(e) {
     }) : void 0
   };
 }
-function R(e) {
+function ee(e) {
   return {
     title: e.title ?? "",
     description: e.description ?? "",
@@ -255,50 +263,50 @@ function R(e) {
     jsonSchema: e.jsonSchema ?? {}
   };
 }
-function ve(e) {
+function B(e) {
   if (!e || !Array.isArray(e.blocks))
-    return R({ title: "", description: "", blocks: [], jsonSchema: {} });
-  const t = e.blocks.map(xt);
-  return R({
+    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 V = "root", q = "__title__", J = "__desc__", ye = "^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$";
-function St(e) {
+const te = "root", me = "__title__", fe = "__desc__", Be = "^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$";
+function Ut(e) {
   return `/${e}`;
 }
-function Tt(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 At(e) {
-  const t = e.id || w("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: et(e),
-    mediaSize: F(e.mediaSize),
+    mediaType: r,
+    urls: Ot(e),
+    mediaSize: J(e.mediaSize),
     label: e.label ?? "",
     help: e.help ?? "",
     placeholder: e.placeholder ?? ""
   };
 }
-function kt(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 D(e, t, n) {
-  const r = typeof e.id == "string" ? e.id : w("block-"), o = kt(e), i = y(e.label) ?? y(e.description) ?? n, a = y(e.help), l = y(e.placeholder), c = F(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: i,
     ...a ? { help: a } : {},
@@ -307,34 +315,35 @@ function D(e, t, n) {
     mediaUrls: o.length > 0 ? o : [""]
   };
 }
-function Ct(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 It(e) {
+function Yt(e) {
   var l;
-  const t = e.id || w("a2-"), n = e.label ?? "", r = ((l = e.name) == null ? void 0 : l.trim()) || "", o = r ? St(r) : void 0, i = (e.options ?? []).map((c) => ({ label: c.label, value: c.value })), a = (c) => r ? { node: c, dataKey: r, dataValue: Ct(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 a({
         id: t,
         component: "TextField",
-        label: n,
+        label: r,
         variant: "shortText",
         ...e.placeholder ? { placeholder: e.placeholder } : {},
         value: { path: o }
@@ -343,9 +352,9 @@ function It(e) {
       return a({
         id: t,
         component: "TextField",
-        label: n,
+        label: r,
         variant: "shortText",
-        validationRegexp: ye,
+        validationRegexp: Be,
         ...e.placeholder ? { placeholder: e.placeholder } : {},
         value: { path: o }
       });
@@ -353,7 +362,7 @@ function It(e) {
       return a({
         id: t,
         component: "TextField",
-        label: n,
+        label: r,
         variant: "longText",
         ...e.placeholder ? { placeholder: e.placeholder } : {},
         value: { path: o }
@@ -362,7 +371,7 @@ function It(e) {
       return a({
         id: t,
         component: "TextField",
-        label: n,
+        label: r,
         variant: "number",
         ...e.placeholder ? { placeholder: e.placeholder } : {},
         value: { path: o }
@@ -371,7 +380,7 @@ function It(e) {
       return a({
         id: t,
         component: "SkoponSelect",
-        label: n,
+        label: r,
         mode: "single",
         placeholder: e.placeholder ?? "",
         options: i,
@@ -381,7 +390,7 @@ function It(e) {
       return a({
         id: t,
         component: "ChoicePicker",
-        label: n,
+        label: r,
         variant: "mutuallyExclusive",
         skoponPickerType: "radio",
         options: i,
@@ -391,7 +400,7 @@ function It(e) {
       return a({
         id: t,
         component: "SkoponSelect",
-        label: n,
+        label: r,
         mode: "multiple",
         placeholder: e.placeholder ?? "",
         options: i,
@@ -401,19 +410,19 @@ function It(e) {
       return a({
         id: t,
         component: "ChoicePicker",
-        label: n,
+        label: r,
         variant: "multipleSelection",
         skoponPickerType: "checkbox",
         options: i,
         value: { path: o }
       });
     case "toggle":
-      return a({ id: t, component: "CheckBox", label: n, value: { path: o } });
+      return a({ id: t, component: "CheckBox", label: r, value: { path: o } });
     case "datetime":
       return a({
         id: t,
         component: "DateTimeInput",
-        label: n,
+        label: r,
         enableDate: !0,
         enableTime: !0,
         placeholder: e.placeholder ?? "",
@@ -423,7 +432,7 @@ function It(e) {
       return a({
         id: t,
         component: "DateTimeInput",
-        label: n,
+        label: r,
         enableTime: !0,
         placeholder: e.placeholder ?? "",
         value: { path: o }
@@ -431,12 +440,12 @@ function It(e) {
     case "image":
     case "video":
     case "audio":
-      return { node: At(e) };
+      return { node: Rt(e) };
     case "file":
       return a({
         id: t,
         component: "FileUpload",
-        label: n,
+        label: r,
         accept: (e.fileAcceptExtensions ?? []).join(","),
         fileAcceptTypes: e.fileAcceptTypes ?? [],
         filePlaceholderIcon: e.filePlaceholderIcon ?? "document",
@@ -448,54 +457,54 @@ function It(e) {
       return { node: null };
   }
 }
-function W(e) {
+function he(e) {
   if (!e || !Array.isArray(e.components) || e.components.length === 0) return !0;
-  const t = e.components.find((r) => r.id === V);
+  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 be(e, t) {
-  const n = [], r = [], o = {}, i = (t == null ? void 0 : t.includeHeader) !== !1, a = (e.title ?? "").trim(), l = (e.description ?? "").trim();
-  i && a && (n.push({ id: q, component: "Text", text: a, variant: "h2" }), r.push(q)), i && l && (n.push({ id: J, component: "Text", text: l, variant: "body" }), r.push(J));
-  for (const d of e.blocks ?? []) {
-    const { node: m, dataKey: f, dataValue: v } = It(d);
-    m && (n.push(m), r.push(m.id), f && (o[f] = v));
+  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: V, component: "Column", children: r });
-  const c = { root: V, 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 Pt(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 Y(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 : w("block-"), n = String(e.component ?? ""), r = y(e.label) ?? y(e.text) ?? "", o = Tt(e.value), i = (a) => ({ id: t, type: a, 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 a = String(e.variant ?? "body"), l = /^h[1-6]$/i.test(a) || a === "title" || a === "subtitle";
-      return { id: t, type: l ? "heading" : "paragraph", label: r };
+      return { id: t, type: l ? "heading" : "paragraph", label: n };
     }
     case "TextField": {
       const a = String(e.variant ?? "shortText");
       let l = "text";
-      a === "longText" ? l = "textarea" : a === "number" ? l = "number" : y(e.validationRegexp) === ye && (l = "email");
-      const c = { ...i(l), name: o }, s = y(e.placeholder);
-      return s && (c.placeholder = s), c;
+      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 { ...i("toggle"), name: o };
@@ -503,178 +512,295 @@ function Mt(e) {
       const l = String(e.mode ?? "single") === "multiple" ? "multiselect" : "select", c = {
         ...i(l),
         name: o,
-        options: Y(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 a = y(e.skoponPickerType);
+      const a = S(e.skoponPickerType);
       if (a === "select" || a === "multiselect" || a === "radio" || a === "checkbox") {
-        const s = {
+        const u = {
           ...i(a),
           name: o,
-          options: Y(e)
-        }, d = y(e.placeholder);
-        return d && (s.placeholder = d), s;
+          options: se(e)
+        }, f = S(e.placeholder);
+        return f && (u.placeholder = f), u;
       }
       const c = String(e.variant ?? "mutuallyExclusive") === "multipleSelection" ? "checkbox" : "radio";
-      return { ...i(c), name: o, options: Y(e) };
+      return { ...i(c), name: o, options: se(e) };
     }
     case "DateTimeInput": {
-      const a = e.enableDate === !0, l = e.enableTime === !0, s = { ...i(!a && l ? "time" : "datetime"), name: o }, d = y(e.placeholder);
-      return d && (s.placeholder = d), 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 a = String(e.mediaType ?? "image");
-      return D(e, a === "video" ? "video" : a === "audio" ? "audio" : "image", r);
+      return K(e, a === "video" ? "video" : a === "audio" ? "audio" : "image", n);
     }
     case "Image":
-      return D(e, "image", r);
+      return K(e, "image", n);
     case "Video":
-      return D(e, "video", r);
+      return K(e, "video", n);
     case "AudioPlayer":
-      return D(e, "audio", r);
+      return K(e, "audio", n);
     case "FileUpload": {
-      const a = y(e.accept) ?? "", l = { ...i("file"), name: o };
+      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 ge(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 i = String(o.component ?? "");
   if ((i === "Column" || i === "Row") && Array.isArray(o.children)) {
     for (const a of o.children)
-      typeof a == "string" && ge(a, t, n, r);
+      typeof a == "string" && Le(a, t, r, n);
     return;
   }
-  r.push(o);
+  n.push(o);
 }
-function Et(e) {
+function Xt(e) {
   if (!e || !Array.isArray(e.components))
-    return R({ title: "", description: "", blocks: [], jsonSchema: {} });
-  const t = Pt(e), n = [];
-  ge(e.root ?? V, t, /* @__PURE__ */ new Set(), n);
-  let r = "", o = "";
+    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 n) {
-    if (a.id === q) {
-      r = y(a.text) ?? r;
+  for (const a of r) {
+    if (a.id === me) {
+      n = S(a.text) ?? n;
       continue;
     }
-    if (a.id === J) {
-      o = y(a.text) ?? o;
+    if (a.id === fe) {
+      o = S(a.text) ?? o;
       continue;
     }
-    const l = Mt(a);
+    const l = Gt(a);
     l && i.push(l);
   }
-  return R({ title: r, description: o, blocks: i, jsonSchema: {} });
+  return ee({ title: n, description: o, blocks: i, jsonSchema: {} });
 }
-function _t(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 xe(e) {
+function ze(e) {
   return !!e && typeof e == "object" && !Array.isArray(e) && Array.isArray(e.components);
 }
-function wt(e, t) {
+function Kt(e, t) {
   if (!e || typeof e != "object") return null;
-  const n = e, r = xe(n.a2ui) ? n.a2ui : void 0;
-  if (r && !W(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 i = ve({
-    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
-  }), a = be(i, t);
-  return W(a) ? null : a;
+  }), a = je(i, t);
+  return he(a) ? null : a;
 }
-function Ft(e, t, n) {
-  return be(
+function Wt(e, t, r) {
+  return je(
     {
       title: e.title,
       description: e.description,
       blocks: t
     },
-    n
+    r
   );
 }
-function Ot(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) && xe(t.a2ui) ? Et(t.a2ui) : ve({
+  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 Dt(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 i of n) {
+  for (const i of r) {
     const a = i.trim();
-    a && (o[a] = r.dataModel.get(`/${a}`));
+    a && (o[a] = n.dataModel.get(`/${a}`));
   }
   return o;
 }
-function jt(e) {
+function Ue(e) {
   return e.replace(/'/g, "'\\''");
 }
-function Se(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 '${jt(r)}'`
+    `  -d '${Ue(o)}'`
   ].join(`
 `);
 }
-function Nt(e) {
-  return !e || typeof e != "object" || Array.isArray(e) ? [] : Object.keys(e);
-}
-function Rt(e, t) {
-  const n = Nt(e), r = e ?? {}, o = (t == null ? void 0 : t.blocks) ?? [], i = new Set(
-    o.filter((c) => {
-      var s;
-      return oe(c.type) && ((s = c.name) == null ? void 0 : s.trim());
-    }).map((c) => c.name.trim())
-  ), a = o.filter(
-    (c) => {
-      var s;
-      return oe(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)
-    i.has(c) || (l[c] = r[c]);
-  return { matchedBlocks: a, 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 i = 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 ?? {})
   });
@@ -693,19 +819,39 @@ async function Vt(e, t, n) {
     }
   return { ok: i.ok, status: i.status, body: a };
 }
-async function Te(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 In(e = {}) {
-  const t = (e.baseUrl ?? "/api/v1").replace(/\/$/, ""), n = e.detailPath ?? "/dev/form/detail", r = e.fetch ?? fetch;
+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 m;
+    var d;
     const a = new URLSearchParams();
     if (i.formId !== void 0)
       a.set("form_id", String(i.formId));
@@ -713,84 +859,89 @@ function In(e = {}) {
       a.set("form_unique_id", i.formUniqueId);
     else
       throw new Error("form_id 或 form_unique_id 至少传一个");
-    const l = await ((m = e.getHeaders) == null ? void 0 : m.call(e)) ?? {}, c = await r(`${t}${n}?${a.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), d = Ot(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: d,
-      a2ui: wt(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: qe,
-  audio: Ke,
-  image: Xe,
-  file: me,
-  spreadsheet: Ge,
-  document: Ye
+const hr = {
+  video: ft,
+  audio: mt,
+  image: dt,
+  file: Oe,
+  spreadsheet: pt,
+  document: ut
 };
-function Ut({
+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 k() {
-  return Oe(Ae);
+function j() {
+  return Ze(Re);
 }
-function Bt(e) {
+function He(e) {
   return e && typeof e == "object" && "path" in e && String(e.path ?? "").trim() || null;
 }
-function C(e, t = "value") {
-  const r = e.componentModel.properties[t], o = Bt(r), i = $(
-    (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 d = e.dataContext.subscribeDynamicValue(r, () => s());
-      return () => d.unsubscribe();
+      const f = e.dataContext.subscribeDynamicValue(n, () => u());
+      return () => f.unsubscribe();
     },
-    [e, r, o]
-  ), a = $(() => {
-    if (!(!o || r === void 0))
-      return e.dataContext.resolveDynamicValue(r);
-  }, [e, r, o]), l = o ? De(i, a, a) : void 0, c = $(
-    (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 _(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 Ce = "skopon-form-v0_9", $t = /* @__PURE__ */ new Set([
+const Ye = "skopon-form-v0_9", yr = /* @__PURE__ */ new Set([
   "SkoponMedia",
   "SkoponSelect",
   "Image",
@@ -802,110 +953,110 @@ const Ce = "skopon-form-v0_9", $t = /* @__PURE__ */ new Set([
   "FileUpload",
   "TextField",
   "Text"
-]), Ht = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "caption"]);
-function O(e) {
-  const t = [...N.components.values()].find((n) => n.name === e);
+]), 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 h(e) {
+function g(e) {
   return typeof e == "string" ? e : "";
 }
-function Ie(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: i
 }) {
-  const a = r == null ? void 0 : r.trim(), l = o == null ? void 0 : o.trim(), c = nt(n), s = (i == null ? void 0 : i.trim()) || (e === "image" ? "未设置图片 URL" : e === "video" ? "未设置视频 URL" : "未设置音频 URL");
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    a ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: a }) : 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((d, m) => 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: d,
+        src: f,
         alt: a || "图片",
         className: "form-media-item"
       },
-      `media-${m}`
-    ) : e === "video" ? /* @__PURE__ */ u(
+      `media-${d}`
+    ) : e === "video" ? /* @__PURE__ */ s(
       "video",
       {
-        src: d,
+        src: f,
         controls: !0,
         className: "form-media-item"
       },
-      `media-${m}`
-    ) : /* @__PURE__ */ u(
+      `media-${d}`
+    ) : /* @__PURE__ */ s(
       "audio",
       {
-        src: d,
+        src: f,
         controls: !0,
         className: "form-media-item form-media-item--audio"
       },
-      `media-${m}`
+      `media-${d}`
     )) }),
-    l ? /* @__PURE__ */ u(E.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) : h(e.url).trim() ? [h(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: F(e.mediaSize),
-    label: h(e.label) || h(e.description),
-    help: h(e.help),
-    placeholder: h(e.placeholder)
+    urls: r,
+    mediaSize: J(e.mediaSize),
+    label: g(e.label) || g(e.description),
+    help: g(e.help),
+    placeholder: g(e.placeholder)
   };
 }
-const Yt = {
+const br = {
   name: "SkoponMedia",
-  schema: p.object({
-    mediaType: p.any().optional(),
-    urls: p.any().optional(),
-    mediaSize: p.any().optional(),
-    label: p.any().optional(),
-    help: p.any().optional(),
-    placeholder: p.any().optional()
+  schema: m.object({
+    mediaType: m.any().optional(),
+    urls: m.any().optional(),
+    mediaSize: m.any().optional(),
+    label: m.any().optional(),
+    help: m.any().optional(),
+    placeholder: m.any().optional()
   }).passthrough()
-}, Gt = x(Yt, ({ context: e }) => {
-  const t = e.componentModel.properties, n = h(t.mediaType);
-  return /* @__PURE__ */ u(U, { ...B(t, n === "video" ? "video" : n === "audio" ? "audio" : "image") });
-}), Xt = x(
-  { name: "Image", schema: O("Image") },
-  ({ context: e }) => /* @__PURE__ */ u(U, { ...B(e.componentModel.properties, "image") })
-), Kt = x(
-  { name: "Video", schema: O("Video") },
-  ({ context: e }) => /* @__PURE__ */ u(U, { ...B(e.componentModel.properties, "video") })
-), qt = x(
-  { name: "AudioPlayer", schema: O("AudioPlayer") },
-  ({ context: e }) => /* @__PURE__ */ u(U, { ...B(e.componentModel.properties, "audio") })
-), Jt = {
+}, 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: p.object({
-    label: p.any().optional(),
-    mode: p.any().optional(),
-    placeholder: p.any().optional(),
-    options: p.any().optional(),
-    value: p.any().optional()
+  schema: m.object({
+    label: m.any().optional(),
+    mode: m.any().optional(),
+    placeholder: m.any().optional(),
+    options: m.any().optional(),
+    value: m.any().optional()
   }).passthrough()
 };
-function Wt({ context: e }) {
-  const { interactive: t } = k(), { value: n, setValue: r } = C(e), o = e.componentModel.properties, i = h(o.label), a = h(o.placeholder), l = Ie(o.options), c = h(o.mode) === "multiple";
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: i }) : null,
-    /* @__PURE__ */ u(
-      G,
+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,
@@ -914,34 +1065,34 @@ function Wt({ context: e }) {
         style: { width: "100%" },
         placeholder: a || (c ? "请选择多项" : "请选择"),
         options: l,
-        value: c ? z(n) : _(n),
-        onChange: (s) => r(c ? s ?? [] : s ?? "")
+        value: c ? V(r) : D(r),
+        onChange: (u) => n(c ? u ?? [] : u ?? "")
       }
     )
   ] });
 }
-const Zt = x(
-  Jt,
-  Wt
+const Mr = E(
+  Tr,
+  Cr
 );
-function Qt({ context: e }) {
-  const { interactive: t } = k(), { value: n, setValue: r } = C(e), o = e.componentModel.properties, i = h(o.label), a = h(o.variant) || "mutuallyExclusive", l = h(o.skoponPickerType), c = h(o.placeholder), s = Ie(o.options), m = l === "select" || l === "multiselect" || l === "radio" || l === "checkbox" ? l : a === "multipleSelection" ? "checkbox" : "radio";
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: i }) : null,
-    m === "select" ? /* @__PURE__ */ u(
-      G,
+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: _(n),
-        onChange: (f) => r(f ?? "")
+        options: u,
+        value: D(r),
+        onChange: (p) => n(p ?? "")
       }
-    ) : m === "multiselect" ? /* @__PURE__ */ u(
-      G,
+    ) : d === "multiselect" ? /* @__PURE__ */ s(
+      ue,
       {
         mode: "multiple",
         disabled: !t,
@@ -949,480 +1100,564 @@ function Qt({ 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 ?? [])
       }
-    ) : m === "checkbox" ? /* @__PURE__ */ u(
-      Ve.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(
-      ze.Group,
+    ) : /* @__PURE__ */ s(
+      ot.Group,
       {
         disabled: !t,
         className: "form-block-preview-control",
-        options: s,
-        value: _(n),
-        onChange: (f) => r(f.target.value)
+        options: u,
+        value: D(r),
+        onChange: (p) => n(p.target.value)
       }
     )
   ] });
 }
-const en = x(
+const Ir = E(
   {
     name: "ChoicePicker",
-    schema: p.object({
-      label: p.any().optional(),
-      variant: p.any().optional(),
-      options: p.any().optional(),
-      value: p.any().optional(),
-      skoponPickerType: p.any().optional(),
-      placeholder: p.any().optional()
+    schema: m.object({
+      label: m.any().optional(),
+      variant: m.any().optional(),
+      options: m.any().optional(),
+      value: m.any().optional(),
+      skoponPickerType: m.any().optional(),
+      placeholder: m.any().optional()
     }).passthrough()
   },
-  Qt
+  Er
 );
-function tn({ context: e }) {
-  const { interactive: t } = k(), { value: n, setValue: r } = C(e), o = e.componentModel.properties, i = h(o.label);
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: i }) : null,
-    /* @__PURE__ */ u(
-      Le,
+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: (a) => r(a)
+        checked: be(r),
+        onChange: (a) => n(a)
       }
     )
   ] });
 }
-const nn = x(
-  { name: "CheckBox", schema: O("CheckBox") },
-  tn
+const wr = E(
+  { name: "CheckBox", schema: G("CheckBox") },
+  Pr
 );
-function rn(e, t, n) {
-  const r = _(e);
-  if (!r) return;
-  if (!t && n) {
-    const i = re(r, "HH:mm", !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 = re(r);
+  const o = Te(n);
   return o.isValid() ? o : void 0;
 }
-function on({ context: e }) {
-  const { interactive: t } = k(), { value: n, setValue: r } = C(e), o = e.componentModel.properties, i = h(o.label), a = h(o.placeholder), l = o.enableDate === !0, c = o.enableTime === !0, s = rn(n, l, c), d = (m) => {
-    if (!m) {
-      r("");
+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) {
+      n("");
       return;
     }
     if (!l && c) {
-      r(m.format("HH:mm"));
+      n(d.format("HH:mm"));
       return;
     }
     if (l && c) {
-      r(m.format("YYYY-MM-DDTHH:mm"));
+      n(d.format("YYYY-MM-DDTHH:mm"));
       return;
     }
-    r(m.format("YYYY-MM-DD"));
+    n(d.format("YYYY-MM-DD"));
   };
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: i }) : 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: a || "选择时间",
-        value: s,
-        onChange: d
+        value: u,
+        onChange: f
       }
-    ) : /* @__PURE__ */ u(
-      Be,
+    ) : /* @__PURE__ */ s(
+      lt,
       {
         showTime: l && c,
         disabled: !t,
         className: "form-block-preview-control",
         style: { width: "100%" },
         placeholder: a || (l && c ? "选择日期时间" : "选择日期"),
-        value: s,
-        onChange: d
+        value: u,
+        onChange: f
       }
     )
   ] });
 }
-const an = x(
+const Fr = E(
   {
     name: "DateTimeInput",
-    schema: p.object({
-      label: p.any().optional(),
-      enableDate: p.any().optional(),
-      enableTime: p.any().optional(),
-      placeholder: p.any().optional(),
-      value: p.any().optional(),
-      min: p.any().optional(),
-      max: p.any().optional()
+    schema: m.object({
+      label: m.any().optional(),
+      enableDate: m.any().optional(),
+      enableTime: m.any().optional(),
+      placeholder: m.any().optional(),
+      value: m.any().optional(),
+      min: m.any().optional(),
+      max: m.any().optional()
     }).passthrough()
   },
-  on
-), ln = {
+  _r
+), Or = {
   name: "FileUpload",
-  schema: p.object({
-    label: p.any().optional(),
-    accept: p.any().optional(),
-    fileAcceptTypes: p.any().optional(),
-    filePlaceholderIcon: p.any().optional(),
-    minCount: p.any().optional(),
-    maxCount: p.any().optional(),
-    value: p.any().optional()
+  schema: m.object({
+    label: m.any().optional(),
+    accept: m.any().optional(),
+    fileAcceptTypes: m.any().optional(),
+    filePlaceholderIcon: m.any().optional(),
+    minCount: m.any().optional(),
+    maxCount: m.any().optional(),
+    value: m.any().optional()
   }).passthrough()
 };
-function cn({ context: e }) {
-  const { interactive: t } = k(), { value: n, setValue: r } = C(e), o = e.componentModel.properties, i = h(o.label), a = h(o.accept), l = Array.isArray(o.fileAcceptTypes) ? o.fileAcceptTypes.map(String) : void 0, c = a ? a.split(",").map((v) => v.trim()).filter(Boolean) : void 0, s = ft(l, c), d = 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", m = typeof o.maxCount == "number" ? o.maxCount : 1, f = z(n);
-  return /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: i }) : null,
-    /* @__PURE__ */ b(
-      te.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: mt(l, c),
+        disabled: !t || T,
+        accept: It(l, c),
         className: "form-file-upload-preview",
-        showUploadList: t && f.length > 0,
-        fileList: t ? f.map((v, T) => ({
-          uid: `${T}-${v}`,
-          name: v,
+        showUploadList: t && k.length > 0,
+        fileList: t ? k.map((x, v) => ({
+          uid: `${v}-${x}`,
+          name: x,
           status: "done"
         })) : [],
-        beforeUpload: (v) => {
-          if (!t) return te.LIST_IGNORE;
-          const T = [...f, v.name].slice(0, Math.max(1, m));
-          return r(T), !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: (v) => {
-          r(f.filter((T) => T !== v.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(Ut, { type: d, 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(E.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 sn = x(
-  ln,
-  cn
+const Br = E(
+  Or,
+  Vr
 );
-function un({ context: e }) {
-  const { interactive: t } = k(), { value: n, setValue: r } = C(e), o = e.componentModel.properties, i = h(o.label), a = h(o.placeholder), l = h(o.variant) || "shortText", c = _(n) ?? "", s = !t, d = "form-block-preview-control";
-  let m;
-  return l === "longText" ? m = /* @__PURE__ */ u(
-    H.TextArea,
-    {
-      disabled: s,
-      className: d,
-      placeholder: a || "长文本回答...",
-      autoSize: { minRows: 2, maxRows: 6 },
-      value: c,
-      onChange: (f) => r(f.target.value)
-    }
-  ) : l === "number" ? m = /* @__PURE__ */ u(
-    $e,
-    {
-      disabled: s,
-      className: d,
-      style: { width: "100%" },
-      placeholder: a || "数字",
-      value: c ? Number(c) : void 0,
-      onChange: (f) => r(f == null ? "" : String(f))
-    }
-  ) : l === "obscured" ? m = /* @__PURE__ */ u(
-    H.Password,
+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: s,
-      className: d,
+      disabled: u,
+      className: f,
       placeholder: a,
       value: c,
-      onChange: (f) => r(f.target.value)
+      onChange: (p) => n(p.target.value)
     }
-  ) : m = /* @__PURE__ */ u(
-    H,
+  ) : d = /* @__PURE__ */ s(
+    ce,
     {
-      disabled: s,
-      className: d,
+      disabled: u,
+      className: f,
       placeholder: a,
       value: c,
-      onChange: (f) => r(f.target.value)
+      onChange: (p) => n(p.target.value)
     }
-  ), /* @__PURE__ */ b("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ u("div", { className: "form-block-preview-label", children: i }) : null,
-    m
+  );
+  return /* @__PURE__ */ M("div", { className: "form-block-preview", children: [
+    i ? /* @__PURE__ */ s("div", { className: "form-block-preview-label", children: i }) : null,
+    d
   ] });
 }
-const pn = x(
+const Lr = E(
   {
     name: "TextField",
-    schema: p.object({
-      label: p.any().optional(),
-      variant: p.any().optional(),
-      placeholder: p.any().optional(),
-      validationRegexp: p.any().optional(),
-      value: p.any().optional()
+    schema: m.object({
+      label: m.any().optional(),
+      variant: m.any().optional(),
+      placeholder: m.any().optional(),
+      validationRegexp: m.any().optional(),
+      value: m.any().optional()
     }).passthrough()
   },
-  un
+  jr
 );
-function dn({ context: e }) {
-  const t = e.componentModel.properties, n = h(t.text), r = h(t.variant) || "body";
-  return Ht.has(r) ? r === "caption" ? /* @__PURE__ */ u(E.Text, { type: "secondary", className: "form-block-preview-paragraph", children: /* @__PURE__ */ u("em", { children: n }) }) : /* @__PURE__ */ u(r, { className: "form-block-preview-heading", children: n }) : /* @__PURE__ */ u(E.Paragraph, { className: "form-block-preview-paragraph", children: n });
+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 mn = x(
-  { name: "Text", schema: O("Text") },
-  dn
+const Ur = E(
+  { name: "Text", schema: G("Text") },
+  zr
 );
-function Pe() {
+function Ge() {
   const t = [
-    ...[...N.components.values()].filter(
-      (r) => !$t.has(r.name)
+    ...[...Z.components.values()].filter(
+      (n) => !yr.has(n.name)
     ),
-    Gt,
-    Zt,
-    Xt,
-    Kt,
-    qt,
-    en,
-    nn,
-    an,
-    sn,
-    pn,
-    mn
-  ], n = [...N.functions.values()];
-  return new Re(Ce, t, n, N.themeSchema);
-}
-const fn = je(
+    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: i = []
   }, a) {
-    P(() => {
-      pe(), se();
+    _(() => {
+      _e(), we();
     }, []);
-    const l = M(null), c = M(i);
+    const l = w(null), c = w(i);
     c.current = i;
-    const s = A(() => {
-      if (W(t))
-        return l.current = null, [];
+    const u = N(() => {
+      if (he(t))
+        return { surfaces: [], processor: null };
       try {
-        const d = new ce([Pe()]), m = _t(t, {
-          surfaceId: n,
-          catalogId: Ce
+        const p = new Pe([Ge()]), y = qt(t, {
+          surfaceId: r,
+          catalogId: Ye
         });
-        return d.processMessages(m), l.current = d, Array.from(d.model.surfacesMap.values());
-      } catch (d) {
-        return console.error("[SkoponFormRenderer] 渲染 A2UI surface 失败", d), l.current = null, [];
+        return p.processMessages(y), {
+          surfaces: Array.from(p.model.surfacesMap.values()),
+          processor: p
+        };
+      } catch (p) {
+        return console.error("[SkoponFormRenderer] 渲染 A2UI surface 失败", p), { surfaces: [], processor: null };
       }
-    }, [t, n]);
-    return Ne(
+    }, [t, r]), { surfaces: f, processor: d } = u;
+    return l.current = d, tt(
       a,
       () => ({
-        getValues(d) {
-          const m = l.current;
-          if (!m) return {};
-          const f = (d ?? c.current).map((v) => v.trim()).filter(Boolean);
-          return Dt(m, n, f);
+        getValues(p) {
+          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(le, { children: r }) : /* @__PURE__ */ u(ke, { interactive: o, children: /* @__PURE__ */ u("div", { className: "a2ui-surface a2ui-container", children: s.map((d) => /* @__PURE__ */ u(ue, { surface: d }, d.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 Pn({
+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
 }) {
-  P(() => {
-    pe(), se();
+  _(() => {
+    _e(), we();
   }, []);
-  const o = M(null), i = M(0), a = A(() => {
-    const s = new ce([Pe()]);
-    return o.current = s, i.current = 0, s;
-  }, [t]), [l, c] = j(() => Array.from(a.model.surfacesMap.values()));
-  return P(() => {
-    const s = () => c(Array.from(a.model.surfacesMap.values())), d = a.onSurfaceCreated(s), m = a.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 () => {
-      d.unsubscribe(), m.unsubscribe();
+      y.unsubscribe(), k.unsubscribe();
     };
-  }, [a]), P(() => {
-    if (!Array.isArray(e) || e.length === 0) return;
-    const s = e.slice(i.current);
-    s.length !== 0 && (a.processMessages(s), i.current = e.length, c(Array.from(a.model.surfacesMap.values())));
-  }, [e, a]), l.length === 0 ? /* @__PURE__ */ u(le, { children: n }) : /* @__PURE__ */ u(ke, { interactive: r, children: /* @__PURE__ */ u("div", { className: "a2ui-surface a2ui-container", children: l.map((s) => /* @__PURE__ */ u(ue, { 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: i
 }) {
-  const a = A(
-    () => Se(e, t),
+  const a = N(
+    () => er(e, t),
     [e, t]
   );
   async function l() {
     try {
-      await Te(a), i == null || i("success", "已复制到剪贴板");
+      await $e(a), i == null || i("success", "已复制到剪贴板");
     } catch {
       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(E.Text, { type: "secondary", children: n ?? "curl 命令" }),
-        r ? /* @__PURE__ */ u(X, { title: r, children: /* @__PURE__ */ u(ne, { className: "ask-user-curl-unpublished-tag", children: "卡片 ID 未发布" }) }) : null,
-        o ? /* @__PURE__ */ u(X, { title: o, children: /* @__PURE__ */ u(ne, { 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(de, { 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: a })
+    /* @__PURE__ */ s("pre", { className: "skopon-form-curl-json", children: a })
   ] });
 }
-function Mn({
+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: i
 }) {
-  const [a, l] = j(null), [c, s] = j(!1), [d, m] = j(!0), f = M(null);
-  P(() => {
-    let g = !1;
-    return m(!0), s(!1), o({ formUniqueId: t }).then((S) => {
-      g || (s(!!S.disabled), l(S.disabled ? null : S.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 || m(!1);
+      A || d(!1);
     }), () => {
-      g = !0;
-    };
-  }, [t, o]);
-  const { matchedBlocks: v, remainderPayload: T } = A(
-    () => Rt(e, a ?? void 0),
-    [e, a]
-  ), Q = A(
-    () => v.map((g) => {
-      var S;
-      return (S = g.name) == null ? void 0 : S.trim();
-    }).filter((g) => !!g),
-    [v]
-  ), Me = A(() => !a || v.length === 0 ? null : Ft(a, v), [a, v]);
-  if (d)
-    return /* @__PURE__ */ u("div", { className: "ask-user-form-card", children: /* @__PURE__ */ u(He, { size: "small" }) });
-  if (v.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,
+        callbackUrl: r,
+        unpublishedFormId: c && x ? x : void 0,
         onNotify: i
       }
     );
-  const Ee = Object.keys(T).length > 0;
-  async function _e() {
-    var S;
-    const g = ((S = f.current) == null ? void 0 : S.getValues(Q)) ?? {};
-    if (r === "post") {
-      const ee = (n ?? "").trim();
-      if (!ee) {
-        i == null || i("error", "callback_url 为空，无法提交");
-        return;
-      }
+  async function Ke() {
+    var A, C, U, q, Se, ke;
+    if (!p) {
+      y(!0);
       try {
-        const I = await Vt(ee, g);
-        I.ok ? i == null || i("success", "提交成功") : i == null || i("error", `提交失败 (${I.status})`);
-      } catch (I) {
-        const we = I instanceof Error ? I.message : "提交失败";
-        i == null || i("error", we);
+        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 Te(Se(g, n)), i == null || i("success", "已复制 curl 到剪贴板");
-    } catch {
-      i == null || i("error", "复制失败");
     }
   }
-  return /* @__PURE__ */ b("div", { className: "ask-user-form-card", children: [
-    /* @__PURE__ */ u(
-      fn,
+  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: Me,
-        surfaceId: `ask-user-${t}`,
-        fieldNames: Q,
+        ref: k,
+        doc: Xe,
+        surfaceId: qe,
+        fieldNames: xe,
         interactive: !0
       }
     ),
-    /* @__PURE__ */ u("div", { className: "ask-user-form-actions", children: /* @__PURE__ */ u(X, { title: r === "curl" ? "点击复制 curl" : "提交 JSON 到 callback_url", children: /* @__PURE__ */ u(de, { type: "primary", size: "small", onClick: () => void _e(), children: "提交" }) }) }),
-    Ee ? /* @__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: T,
-        callbackUrl: n,
-        title: "以下字段不在表单中，请使用 curl 提交",
-        incompleteFormId: t,
-        onNotify: i
+        type: "primary",
+        size: "small",
+        loading: p,
+        disabled: p,
+        onClick: () => void Ke(),
+        children: "提交"
       }
-    ) : null
+    ) }) })
   ] });
 }
 export {
-  Cn as A2UI_PROTOCOL_VERSION,
-  Mn as AskUserFormCard,
-  ie as CurlSubmitBlock,
-  Je as FORM_MEDIA_SIZES,
-  Pn as SkoponA2uiStreamRenderer,
-  fn as SkoponFormRenderer,
-  Et as a2uiToBlocks,
-  be as blocksToA2ui,
-  Ft as buildAskUserSurface,
-  Se as buildCurlStatement,
-  Te as copyTextToClipboard,
-  In as createFormClient,
-  Dt as extractSurfaceValues,
-  Rt as intersectPayloadWithForm,
-  W as isA2uiSurfaceEmpty,
-  oe as isInputBlockType,
-  We as isLayoutBlockType,
-  K as isMediaBlockType,
-  Ot as mapFormDefinitionFromDto,
-  ve as normalizeFormDefinition,
-  wt as resolveSurfaceFromFormDefinition,
-  Vt as submitFormJson,
-  _t as surfaceDocToMessages,
-  R 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
 };