@cisri/json-schema-editor 1.0.0 → 1.0.1

package/dist/index.js

@@ -1,425 +1,188 @@
-import { jsx as n, jsxs as p, Fragment as L } from "react/jsx-runtime";
-import * as h from "react";
-import { useState as C, useRef as M, useEffect as F, useMemo as Ne, useCallback as x } from "react";
-import { Slot as ve } from "@radix-ui/react-slot";
-import { cva as Se } from "class-variance-authority";
-import { cn as d } from "@cisri/core";
-import * as P from "@radix-ui/react-checkbox";
-import { Check as G, ChevronDown as Q, Undo2 as je, Redo2 as Te, Minus as ke, Plus as Ce, Trash2 as Re } from "lucide-react";
-import * as f from "@radix-ui/react-select";
-const Ie = Se(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), w = h.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: a = !1, ...o }, c) => /* @__PURE__ */ n(
-    a ? ve : "button",
-    {
-      className: d(Ie({ variant: r, size: t, className: e })),
-      ref: c,
-      ...o
-    }
-  )
-);
-w.displayName = "Button";
-const W = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  P.Root,
-  {
-    ref: t,
-    className: d(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      e
-    ),
-    ...r,
-    children: /* @__PURE__ */ n(
-      P.Indicator,
-      {
-        className: d("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ n(G, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
-W.displayName = P.Root.displayName;
-const H = h.forwardRef(
-  ({ className: e, type: r, ...t }, a) => /* @__PURE__ */ n(
-    "input",
-    {
-      type: r,
-      className: d(
-        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        e
-      ),
-      ref: a,
-      ...t
-    }
-  )
-);
-H.displayName = "Input";
-const Ae = f.Root, Fe = f.Value, X = h.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ p(
-  f.Trigger,
-  {
-    ref: a,
-    className: d(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span>]:line-clamp-1",
-      e
-    ),
-    ...t,
-    children: [
-      r,
-      /* @__PURE__ */ n(f.Icon, { asChild: !0, children: /* @__PURE__ */ n(Q, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-X.displayName = f.Trigger.displayName;
-const Z = h.forwardRef(({ className: e, children: r, position: t = "popper", ...a }, o) => /* @__PURE__ */ n(f.Portal, { children: /* @__PURE__ */ n(
-  f.Content,
-  {
-    ref: o,
-    className: d(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      e
-    ),
-    position: t,
-    ...a,
-    children: /* @__PURE__ */ n(
-      f.Viewport,
-      {
-        className: d(
-          "p-1",
-          t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-        ),
-        children: r
-      }
-    )
-  }
-) }));
-Z.displayName = f.Content.displayName;
-const ee = h.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ p(
-  f.Item,
-  {
-    ref: a,
-    className: d(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      e
-    ),
-    ...t,
-    children: [
-      /* @__PURE__ */ n("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(f.ItemIndicator, { children: /* @__PURE__ */ n(G, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ n(f.ItemText, { children: r })
-    ]
-  }
-));
-ee.displayName = f.Item.displayName;
-const te = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ n(
-  "table",
-  {
-    ref: t,
-    className: d("w-full caption-bottom text-sm", e),
-    ...r
-  }
-) }));
-te.displayName = "Table";
-const re = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("thead", { ref: t, className: d("[&_tr]:border-b", e), ...r }));
-re.displayName = "TableHeader";
-const ne = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  "tbody",
-  {
-    ref: t,
-    className: d("[&_tr:last-child]:border-0", e),
-    ...r
-  }
-));
-ne.displayName = "TableBody";
-const qe = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  "tfoot",
-  {
-    ref: t,
-    className: d(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      e
-    ),
-    ...r
-  }
-));
-qe.displayName = "TableFooter";
-const U = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  "tr",
-  {
-    ref: t,
-    className: d(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      e
-    ),
-    ...r
-  }
-));
-U.displayName = "TableRow";
-const T = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  "th",
-  {
-    ref: t,
-    className: d(
-      "h-9 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      e
-    ),
-    ...r
-  }
-));
-T.displayName = "TableHead";
-const k = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  "td",
-  {
-    ref: t,
-    className: d(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0",
-      e
-    ),
-    ...r
-  }
-));
-k.displayName = "TableCell";
-const Je = h.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  "caption",
-  {
-    ref: t,
-    className: d("mt-4 text-sm text-muted-foreground", e),
-    ...r
-  }
-));
-Je.displayName = "TableCaption";
-const _ = h.forwardRef(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ n(
-    "textarea",
-    {
-      className: d(
-        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        e
-      ),
-      ref: t,
-      ...r
-    }
-  )
-);
-_.displayName = "Textarea";
-const Ee = [
-  "object",
-  "array",
-  "string",
-  "number",
-  "integer",
-  "boolean"
-];
-let ze = 0;
-function $e() {
-  return `sf-${++ze}`;
+import { jsxs as m, jsx as r, Fragment as D } from "react/jsx-runtime";
+import { useState as v, useRef as M, useEffect as A, useMemo as de, useCallback as y } from "react";
+import { Button as x, Textarea as P, Table as le, TableHeader as ue, TableRow as K, TableHead as T, TableBody as he, TableCell as C, Input as U, Checkbox as pe, Select as me, SelectTrigger as be, SelectValue as ye, SelectContent as xe, SelectItem as ge } from "@cisri/shadcn";
+import { cn as S } from "@cisri/core";
+import { Undo2 as fe, Redo2 as we, ChevronDown as Ne, Minus as Se, Plus as je, Trash2 as ve } from "lucide-react";
+import { generateSampleData as H } from "@cisri/json-schema-core";
+let Te = 0;
+function Ce() {
+  return `sf-${++Te}`;
 }
-function Be(e) {
-  return e === "object" ? [v("field1", { type: "string" }, /* @__PURE__ */ new Set())] : e === "array" ? [v("ITEMS", { type: "string" }, /* @__PURE__ */ new Set(), !0)] : [];
+function ke(e) {
+  return e === "object" ? [f("field1", { type: "string" }, /* @__PURE__ */ new Set())] : e === "array" ? [f("ITEMS", { type: "string" }, /* @__PURE__ */ new Set(), !0)] : [];
 }
-function v(e, r, t, a = !1) {
-  const o = r.type ?? "object", c = [];
-  if (o === "object" && r.properties) {
-    const m = new Set(r.required ?? []);
-    for (const [l, b] of Object.entries(r.properties))
-      c.push(v(l, b, m));
-  } else o === "array" && r.items && c.push(v("ITEMS", r.items, /* @__PURE__ */ new Set(), !0));
+function f(e, t, n, i = !1, o = !1) {
+  const a = t.type ?? "object", l = [];
+  if (a === "object" && t.properties) {
+    const u = new Set(t.required ?? []);
+    for (const [p, h] of Object.entries(t.properties))
+      l.push(f(p, h, u));
+  } else a === "array" && t.items && l.push(f("ITEMS", t.items, /* @__PURE__ */ new Set(), !0));
   return {
-    id: $e(),
+    id: Ce(),
     name: e,
-    type: o,
-    required: t.has(e),
-    description: r.description,
-    schema: r,
-    children: c,
+    type: a,
+    required: n.has(e),
+    description: t.description,
+    schema: t,
+    children: l,
     expanded: !0,
-    isArrayItem: a
+    isArrayItem: i,
+    isRoot: o
   };
 }
-function D(e) {
-  if ((e.type ?? "object") !== "object" || !e.properties)
-    return [];
-  const t = new Set(e.required ?? []);
-  return Object.entries(e.properties).map(
-    ([a, o]) => v(a, o, t)
-  );
-}
-function Oe() {
-  return v("", { type: "string" }, /* @__PURE__ */ new Set());
+function O(e) {
+  const t = f(e.title ?? "", e, /* @__PURE__ */ new Set(), !1, !0);
+  return t.type === "object" && t.children.length === 0 && t.children.push(f("field1", { type: "string" }, /* @__PURE__ */ new Set())), [t];
 }
-function q(e) {
-  return e.length > 0 ? e : [Oe()];
+function Ie() {
+  return f("", { type: "string" }, /* @__PURE__ */ new Set());
 }
-function J(e) {
-  switch (e.type) {
-    case "string":
-      return "string";
-    case "number":
-    case "integer":
-      return 0;
-    case "boolean":
-      return !0;
-    case "object": {
-      const r = {};
-      if (e.properties)
-        for (const [t, a] of Object.entries(e.properties))
-          r[t] = J(a);
-      return r;
-    }
-    case "array":
-      return e.items ? [J(e.items)] : [];
-    default:
-      return null;
-  }
+function F(e) {
+  return e.length > 0 ? e : [Ie()];
 }
 function R(e) {
-  const r = {}, t = [];
-  for (const a of e)
-    r[a.name] = ae(a), a.required && t.push(a.name);
-  return {
-    type: "object",
-    properties: r,
-    required: t.length > 0 ? t : void 0
-  };
+  if (e.length !== 1 || !e[0].isRoot)
+    throw new Error("fieldsToSchema expects exactly one root field");
+  return V(e[0]);
 }
-function ae(e) {
-  const r = { ...e.schema };
+function V(e) {
+  const t = { ...e.schema };
   if (e.type === "object") {
-    const t = R(e.children);
+    const n = Ae(e.children);
     return {
-      ...r,
+      ...t,
       type: e.type,
+      title: e.isRoot ? e.name : t.title,
       description: e.description,
-      properties: t.properties,
-      required: t.required,
+      properties: n.properties,
+      required: n.required,
       items: void 0
     };
   }
   if (e.type === "array") {
-    const t = e.children[0];
+    const n = e.children[0];
     return {
-      ...r,
+      ...t,
       type: e.type,
+      title: e.isRoot ? e.name : t.title,
       description: e.description,
-      items: t ? ae(t) : { type: "string" },
+      items: n ? V(n) : { type: "string" },
       properties: void 0,
       required: void 0
     };
   }
   return {
-    ...r,
+    ...t,
     type: e.type,
+    title: e.isRoot ? e.name : t.title,
     description: e.description,
     properties: void 0,
     items: void 0,
     required: void 0
   };
 }
-function oe(e, r, t) {
-  return e.map((a) => {
-    if (a.id === r) {
-      const o = { ...a, ...t };
-      return t.type && t.type !== a.type && (o.children = Be(t.type)), o;
+function Ae(e) {
+  const t = {}, n = [];
+  for (const i of e)
+    t[i.name] = V(i), i.required && n.push(i.name);
+  return {
+    properties: t,
+    required: n.length > 0 ? n : void 0
+  };
+}
+const Fe = [
+  "object",
+  "array",
+  "string",
+  "number",
+  "integer",
+  "boolean"
+];
+function _(e, t, n) {
+  return e.map((i) => {
+    if (i.id === t) {
+      const o = { ...i, ...n };
+      return n.type && n.type !== i.type && (o.children = ke(n.type)), o;
     }
-    return a.children.length > 0 ? {
-      ...a,
-      children: oe(a.children, r, t)
-    } : a;
+    return i.children.length > 0 ? {
+      ...i,
+      children: _(i.children, t, n)
+    } : i;
   });
 }
-function se(e, r) {
-  const t = e.findIndex((a) => a.id === r);
-  if (t !== -1) {
-    const a = v(
+function Y(e, t) {
+  const n = e.findIndex((i) => i.id === t);
+  if (n !== -1) {
+    const i = f(
       `field${e.length + 1}`,
       { type: "string" },
       /* @__PURE__ */ new Set()
     ), o = [...e];
-    return o.splice(t + 1, 0, a), o;
+    return o.splice(n + 1, 0, i), o;
   }
-  for (let a = 0; a < e.length; a++)
-    if (e[a].children.length > 0) {
-      const o = se(e[a].children, r);
+  for (let i = 0; i < e.length; i++)
+    if (e[i].children.length > 0) {
+      const o = Y(e[i].children, t);
       if (o)
         return [
-          ...e.slice(0, a),
-          { ...e[a], children: o },
-          ...e.slice(a + 1)
+          ...e.slice(0, i),
+          { ...e[i], children: o },
+          ...e.slice(i + 1)
         ];
     }
   return null;
 }
-function ie(e, r) {
-  return e.filter((t) => t.id !== r).map((t) => ({
-    ...t,
-    children: ie(t.children, r)
+function G(e, t) {
+  return e.filter((n) => n.id !== t).map((n) => ({
+    ...n,
+    children: G(n.children, t)
   }));
 }
-function de(e, r) {
-  return e.map((t) => t.id === r ? { ...t, expanded: !t.expanded } : t.children.length > 0 ? {
-    ...t,
-    children: de(t.children, r)
-  } : t);
+function Q(e, t) {
+  return e.map((n) => n.id === t ? { ...n, expanded: !n.expanded } : n.children.length > 0 ? {
+    ...n,
+    children: Q(n.children, t)
+  } : n);
 }
-function E(e, r) {
-  if (e === r) return !0;
-  if (typeof e != "object" || typeof r != "object" || e == null || r == null)
+function E(e, t) {
+  if (e === t) return !0;
+  if (typeof e != "object" || typeof t != "object" || e == null || t == null)
     return !1;
-  const t = Array.isArray(e), a = Array.isArray(r);
-  if (t !== a) return !1;
-  if (t) {
-    const b = e, y = r;
-    return b.length !== y.length ? !1 : b.every((z, $) => E(z, y[$]));
+  const n = Array.isArray(e), i = Array.isArray(t);
+  if (n !== i) return !1;
+  if (n) {
+    const p = e, h = t;
+    return p.length !== h.length ? !1 : p.every((J, q) => E(J, h[q]));
   }
-  const o = e, c = r, m = Object.keys(o), l = Object.keys(c);
-  return m.length !== l.length ? !1 : m.every((b) => E(o[b], c[b]));
+  const o = e, a = t, l = Object.keys(o), u = Object.keys(a);
+  return l.length !== u.length ? !1 : l.every((p) => E(o[p], a[p]));
 }
-function Ve({ level: e }) {
-  return /* @__PURE__ */ n(L, { children: Array.from({ length: e }).map((r, t) => /* @__PURE__ */ n("span", { className: "inline-block w-5 shrink-0" }, t)) });
+function Re({ level: e }) {
+  return /* @__PURE__ */ r(D, { children: Array.from({ length: e }).map((t, n) => /* @__PURE__ */ r("span", { className: "inline-block w-5 shrink-0" }, n)) });
 }
-function Me({
+function Ee({
   value: e,
-  "aria-label": r,
-  disabled: t,
-  onChange: a
+  "aria-label": t,
+  disabled: n,
+  onChange: i
 }) {
-  return /* @__PURE__ */ p(Ae, { value: e, onValueChange: (o) => a(o), disabled: t, children: [
-    /* @__PURE__ */ n(X, { "aria-label": r, className: "h-7 w-28 text-xs", children: /* @__PURE__ */ n(Fe, {}) }),
-    /* @__PURE__ */ n(Z, { children: Ee.map((o) => /* @__PURE__ */ n(ee, { value: o, className: "text-xs", children: o }, o)) })
+  return /* @__PURE__ */ m(me, { value: e, onValueChange: (o) => i(o), disabled: n, children: [
+    /* @__PURE__ */ r(be, { "aria-label": t, className: "h-7 w-28 text-xs", children: /* @__PURE__ */ r(ye, {}) }),
+    /* @__PURE__ */ r(xe, { children: Fe.map((o) => /* @__PURE__ */ r(ge, { value: o, className: "text-xs", children: o }, o)) })
   ] });
 }
-function De({
+function Je({
   fieldName: e,
-  showAdd: r,
-  showDelete: t = !0,
-  disableDelete: a,
+  showAdd: t,
+  showDelete: n = !0,
+  disableDelete: i,
   onAdd: o,
-  onDelete: c
+  onDelete: a
 }) {
-  return /* @__PURE__ */ p("div", { className: "flex items-center justify-end gap-1", children: [
-    r && /* @__PURE__ */ n(
-      w,
+  return /* @__PURE__ */ m("div", { className: "flex items-center justify-end gap-1", children: [
+    t && /* @__PURE__ */ r(
+      x,
       {
         type: "button",
         variant: "ghost",
@@ -427,115 +190,115 @@ function De({
         className: "h-7 w-7",
         onClick: o,
         "aria-label": `在字段 ${e || "未命名"} 后添加行`,
-        children: /* @__PURE__ */ n(Ce, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ r(je, { className: "h-4 w-4" })
       }
     ),
-    t && /* @__PURE__ */ n(
-      w,
+    n && /* @__PURE__ */ r(
+      x,
       {
         type: "button",
         variant: "ghost",
         size: "icon",
         className: "h-7 w-7",
-        disabled: a,
-        onClick: c,
+        disabled: i,
+        onClick: a,
         "aria-label": `删除字段 ${e || "未命名"}`,
-        children: /* @__PURE__ */ n(Re, { className: "h-4 w-4 text-destructive" })
+        children: /* @__PURE__ */ r(ve, { className: "h-4 w-4 text-destructive" })
       }
     )
   ] });
 }
-function ce({ field: e, level: r, readOnly: t, disableDelete: a, dispatch: o }) {
-  const c = e.children.length > 0, m = e.name || "未命名";
-  return /* @__PURE__ */ p(L, { children: [
-    /* @__PURE__ */ p(U, { children: [
-      /* @__PURE__ */ n(k, { children: /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ n(Ve, { level: r }),
-        c ? /* @__PURE__ */ n(
+function W({ field: e, level: t, readOnly: n, disableDelete: i, dispatch: o }) {
+  const a = e.children.length > 0, l = e.name || "未命名";
+  return /* @__PURE__ */ m(D, { children: [
+    /* @__PURE__ */ m(K, { className: S(e.isRoot && "bg-muted/30"), children: [
+      /* @__PURE__ */ r(C, { children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r(Re, { level: t }),
+        a ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: () => o({ type: "toggleExpand", id: e.id }),
             className: "mr-1 inline-flex h-3.5 w-3.5 items-center justify-center text-muted-foreground",
             "aria-label": e.expanded ? "折叠" : "展开",
-            children: /* @__PURE__ */ n(
-              Q,
+            children: /* @__PURE__ */ r(
+              Ne,
               {
-                className: d(
+                className: S(
                   "h-3.5 w-3.5 transition-transform",
                   !e.expanded && "-rotate-90"
                 )
               }
             )
           }
-        ) : /* @__PURE__ */ n(ke, { className: "mr-1 h-3.5 w-3.5 text-muted-foreground/60" }),
-        /* @__PURE__ */ n(
-          H,
+        ) : /* @__PURE__ */ r(Se, { className: "mr-1 h-3.5 w-3.5 text-muted-foreground/60" }),
+        /* @__PURE__ */ r(
+          U,
           {
             id: `schema-name-${e.id}`,
             name: `schema-name-${e.id}`,
-            "aria-label": `字段 ${m} 名称`,
+            "aria-label": `字段 ${l} 名称`,
             autoComplete: "off",
-            disabled: t || e.isArrayItem,
+            disabled: n || e.isArrayItem,
             className: "h-7 border-transparent bg-transparent px-1 shadow-none focus-visible:bg-background disabled:opacity-100",
             value: e.name,
-            onChange: (l) => o({
+            onChange: (u) => o({
               type: "update",
               id: e.id,
-              patch: { name: l.target.value }
+              patch: { name: u.target.value }
             })
           }
         )
       ] }) }),
-      /* @__PURE__ */ n(k, { children: /* @__PURE__ */ n(
-        Me,
+      /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
+        Ee,
         {
           value: e.type,
-          "aria-label": `字段 ${m} 类型`,
-          disabled: t,
-          onChange: (l) => o({ type: "update", id: e.id, patch: { type: l } })
+          "aria-label": `字段 ${l} 类型`,
+          disabled: n,
+          onChange: (u) => o({ type: "update", id: e.id, patch: { type: u } })
         }
       ) }),
-      /* @__PURE__ */ n(k, { children: e.isArrayItem ? null : /* @__PURE__ */ n(
-        W,
+      /* @__PURE__ */ r(C, { children: e.isArrayItem || e.isRoot ? null : /* @__PURE__ */ r(
+        pe,
         {
           id: `schema-required-${e.id}`,
           name: `schema-required-${e.id}`,
-          "aria-label": `字段 ${m} 是否必填`,
+          "aria-label": `字段 ${l} 是否必填`,
           checked: e.required,
-          disabled: t,
-          onCheckedChange: (l) => o({
+          disabled: n,
+          onCheckedChange: (u) => o({
             type: "update",
             id: e.id,
-            patch: { required: l === !0 }
+            patch: { required: u === !0 }
           })
         }
       ) }),
-      /* @__PURE__ */ n(k, { children: /* @__PURE__ */ n(
-        H,
+      /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
+        U,
         {
           id: `schema-description-${e.id}`,
           name: `schema-description-${e.id}`,
-          "aria-label": `字段 ${m} 描述`,
+          "aria-label": `字段 ${l} 描述`,
           autoComplete: "off",
-          disabled: t,
+          disabled: n,
           className: "h-7 border-transparent bg-transparent px-1 shadow-none focus-visible:bg-background disabled:opacity-100",
           value: e.description ?? "",
-          onChange: (l) => o({
+          onChange: (u) => o({
             type: "update",
             id: e.id,
-            patch: { description: l.target.value }
+            patch: { description: u.target.value }
           })
         }
       ) }),
-      /* @__PURE__ */ n(k, { children: !t && /* @__PURE__ */ n(
-        De,
+      /* @__PURE__ */ r(C, { children: !n && !e.isRoot && /* @__PURE__ */ r(
+        Je,
         {
           fieldId: e.id,
           fieldName: e.name,
           showAdd: !e.isArrayItem,
           showDelete: !e.isArrayItem,
-          disableDelete: a,
+          disableDelete: i,
           onAdd: () => o({
             type: "addSibling",
             id: e.id
@@ -544,262 +307,264 @@ function ce({ field: e, level: r, readOnly: t, disableDelete: a, dispatch: o })
         }
       ) })
     ] }),
-    e.expanded && e.children.map((l) => /* @__PURE__ */ n(
-      ce,
+    e.expanded && e.children.map((u) => /* @__PURE__ */ r(
+      W,
       {
-        field: l,
-        level: r + 1,
-        readOnly: t,
+        field: u,
+        level: t + 1,
+        readOnly: n,
         disableDelete: e.type === "object" && e.children.length <= 1,
         dispatch: o
       },
-      l.id
+      u.id
     ))
   ] });
 }
-function Ye({
+function De({
   value: e,
-  onChange: r,
-  onSave: t,
-  readOnly: a,
+  onChange: t,
+  onSave: n,
+  readOnly: i,
   className: o
 }) {
-  const [c, m] = C(() => ({
-    history: [q(D(e))],
+  const [a, l] = v(() => ({
+    history: [F(O(e))],
     index: 0
-  })), l = c.history[c.index], b = M(c);
-  F(() => {
-    b.current = c;
-  }, [c]);
-  const [y, z] = C("table"), [$, I] = C(
+  })), u = a.history[a.index], p = M(a);
+  A(() => {
+    p.current = a;
+  }, [a]);
+  const [h, J] = v("table"), [q, k] = v(
     () => JSON.stringify(e, null, 2)
-  ), [K, S] = C(null), [le, B] = C(null), O = M(!1), j = M(e), N = Ne(() => JSON.stringify(e, null, 2), [e]);
-  F(() => {
-    if (!E(e, j.current)) {
-      const s = q(D(e));
-      m({ history: [s], index: 0 }), j.current = e;
+  ), [L, w] = v(null), [X, $] = v(null), z = M(!1), N = M(e), g = de(() => JSON.stringify(e, null, 2), [e]);
+  A(() => {
+    if (!E(e, N.current)) {
+      const s = F(O(e));
+      l({ history: [s], index: 0 }), N.current = e;
     }
-  }, [e]), F(() => {
-    O.current || (I(N), S(null));
-  }, [N]), F(() => {
-    B(null);
-  }, [y]);
-  const A = x((s) => {
-    m((i) => E(i.history[i.index], s) ? i : {
-      history: [...i.history.slice(0, i.index + 1), s],
-      index: i.index + 1
+  }, [e]), A(() => {
+    z.current || (k(g), w(null));
+  }, [g]), A(() => {
+    $(null);
+  }, [h]);
+  const I = y((s) => {
+    l((c) => E(c.history[c.index], s) ? c : {
+      history: [...c.history.slice(0, c.index + 1), s],
+      index: c.index + 1
     });
-  }, []), ue = x(
+  }, []), Z = y(
     (s) => {
-      const i = b.current.history[b.current.index];
-      let u;
+      const c = p.current.history[p.current.index], b = c[0];
+      if (b && s.id === b.id && (s.type === "delete" || s.type === "addSibling"))
+        return;
+      let d;
       switch (s.type) {
         case "update":
-          u = oe(i, s.id, s.patch);
+          d = _(c, s.id, s.patch);
           break;
         case "addSibling":
-          u = se(i, s.id) ?? i;
+          d = Y(c, s.id) ?? c;
           break;
         case "delete":
-          u = ie(i, s.id);
+          d = G(c, s.id);
           break;
         case "toggleExpand":
-          u = de(i, s.id);
+          d = Q(c, s.id);
           break;
         default:
           return;
       }
-      u = q(u);
-      const g = R(u);
-      j.current = g, A(u), r(g);
+      d = F(d);
+      const j = R(d);
+      N.current = j, I(d), t(j);
     },
-    [r, A]
-  ), me = c.index > 0, pe = c.index < c.history.length - 1, he = x(() => {
-    const s = b.current;
+    [t, I]
+  ), ee = a.index > 0, te = a.index < a.history.length - 1, ne = y(() => {
+    const s = p.current;
     if (s.index <= 0) return;
-    const i = s.index - 1, u = s.history[i], g = R(u);
-    m({ ...s, index: i }), j.current = g, r(g);
-  }, [r]), be = x(() => {
-    const s = b.current;
+    const c = s.index - 1, b = s.history[c], d = R(b);
+    l({ ...s, index: c }), N.current = d, t(d);
+  }, [t]), re = y(() => {
+    const s = p.current;
     if (s.index >= s.history.length - 1) return;
-    const i = s.index + 1, u = s.history[i], g = R(u);
-    m({ ...s, index: i }), j.current = g, r(g);
-  }, [r]), V = x(
+    const c = s.index + 1, b = s.history[c], d = R(b);
+    l({ ...s, index: c }), N.current = d, t(d);
+  }, [t]), B = y(
     (s) => () => {
-      z(s), s === "json" && (I(N), S(null));
+      J(s), s === "json" && (k(g), w(null));
     },
-    [N]
-  ), fe = x(
+    [g]
+  ), ie = y(
     (s) => {
-      const i = s.target.value;
-      I(i);
+      const c = s.target.value;
+      k(c);
       try {
-        const u = JSON.parse(i);
-        if (u && typeof u == "object" && !Array.isArray(u)) {
-          const g = q(D(u)), Y = R(g);
-          j.current = Y, A(g), r(Y), S(null);
+        const b = JSON.parse(c);
+        if (b && typeof b == "object" && !Array.isArray(b)) {
+          const d = F(O(b)), j = R(d);
+          N.current = j, I(d), t(j), w(null);
         } else
-          S("请输入有效的 JSON 对象。");
+          w("请输入有效的 JSON 对象。");
       } catch {
-        S("JSON 解析失败，请检查格式。");
+        w("JSON 解析失败，请检查格式。");
       }
     },
-    [r, A]
-  ), ye = x(() => {
-    O.current = !0;
-  }, []), ge = x(() => {
-    O.current = !1, I(N), S(null);
-  }, [N]), xe = x(async () => {
+    [t, I]
+  ), se = y(() => {
+    z.current = !0;
+  }, []), oe = y(() => {
+    z.current = !1, k(g), w(null);
+  }, [g]), ce = y(async () => {
     try {
-      let s = N, i = "已复制 json schema";
-      y === "preview" && (s = JSON.stringify(J(e), null, 2), i = "已复制 json 示例"), await navigator.clipboard.writeText(s), B(i), window.setTimeout(() => B(null), 1500);
+      let s = g, c = "已复制 json schema";
+      h === "preview" && (s = JSON.stringify(H(e), null, 2), c = "已复制 json 示例"), await navigator.clipboard.writeText(s), $(c), window.setTimeout(() => $(null), 1500);
     } catch {
     }
-  }, [N, e, y]), we = x(() => {
-    t == null || t(e);
-  }, [t, e]);
-  return /* @__PURE__ */ p(
+  }, [g, e, h]), ae = y(() => {
+    n == null || n(e);
+  }, [n, e]);
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: d(
+      className: S(
         "rounded-md border border-border bg-card text-card-foreground",
         o
       ),
       children: [
-        /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border p-2", children: [
-          /* @__PURE__ */ p("div", { className: "inline-flex items-center overflow-hidden rounded-md border border-border", children: [
-            /* @__PURE__ */ n(
-              w,
+        /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border p-2", children: [
+          /* @__PURE__ */ m("div", { className: "inline-flex items-center overflow-hidden rounded-md border border-border", children: [
+            /* @__PURE__ */ r(
+              x,
               {
                 type: "button",
                 variant: "ghost",
                 size: "sm",
-                onClick: V("table"),
-                className: d(
+                onClick: B("table"),
+                className: S(
                   "h-7 rounded-none border-r border-border text-xs",
-                  y === "table" && "bg-muted"
+                  h === "table" && "bg-muted"
                 ),
                 children: "表格视图"
               }
             ),
-            /* @__PURE__ */ n(
-              w,
+            /* @__PURE__ */ r(
+              x,
               {
                 type: "button",
                 variant: "ghost",
                 size: "sm",
-                onClick: V("json"),
-                className: d(
+                onClick: B("json"),
+                className: S(
                   "h-7 rounded-none border-r border-border text-xs",
-                  y === "json" && "bg-muted"
+                  h === "json" && "bg-muted"
                 ),
                 children: "JSON 视图"
               }
             ),
-            /* @__PURE__ */ n(
-              w,
+            /* @__PURE__ */ r(
+              x,
               {
                 type: "button",
                 variant: "ghost",
                 size: "sm",
-                onClick: V("preview"),
-                className: d(
+                onClick: B("preview"),
+                className: S(
                   "h-7 rounded-none text-xs",
-                  y === "preview" && "bg-muted"
+                  h === "preview" && "bg-muted"
                 ),
                 children: "预览"
               }
             )
           ] }),
-          /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center gap-2", children: [
-            !a && t && /* @__PURE__ */ n(
-              w,
+          /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-2", children: [
+            !i && n && /* @__PURE__ */ r(
+              x,
               {
                 type: "button",
                 size: "sm",
-                onClick: we,
+                onClick: ae,
                 className: "h-7 text-xs",
                 children: "保存"
               }
             ),
-            y !== "table" && /* @__PURE__ */ n(
-              w,
+            h !== "table" && /* @__PURE__ */ r(
+              x,
               {
                 type: "button",
                 variant: "outline",
                 size: "sm",
-                onClick: xe,
+                onClick: ce,
                 className: "h-7 text-xs",
-                children: le ?? "复制"
+                children: X ?? "复制"
               }
             ),
-            !a && /* @__PURE__ */ p(L, { children: [
-              /* @__PURE__ */ n(
-                w,
+            !i && /* @__PURE__ */ m(D, { children: [
+              /* @__PURE__ */ r(
+                x,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "icon",
-                  onClick: he,
-                  disabled: !me,
+                  onClick: ne,
+                  disabled: !ee,
                   className: "h-7 w-7",
                   "aria-label": "撤销",
-                  children: /* @__PURE__ */ n(je, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ r(fe, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ n(
-                w,
+              /* @__PURE__ */ r(
+                x,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "icon",
-                  onClick: be,
-                  disabled: !pe,
+                  onClick: re,
+                  disabled: !te,
                   className: "h-7 w-7",
                   "aria-label": "恢复",
-                  children: /* @__PURE__ */ n(Te, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ r(we, { className: "h-4 w-4" })
                 }
               )
             ] })
           ] })
         ] }),
-        y === "json" ? /* @__PURE__ */ p("div", { className: "space-y-2 p-2", children: [
-          /* @__PURE__ */ n(
-            _,
+        h === "json" ? /* @__PURE__ */ m("div", { className: "space-y-2 p-2", children: [
+          /* @__PURE__ */ r(
+            P,
             {
-              value: $,
-              onChange: a ? void 0 : fe,
-              onFocus: a ? void 0 : ye,
-              onBlur: a ? void 0 : ge,
-              readOnly: a,
+              value: q,
+              onChange: i ? void 0 : ie,
+              onFocus: i ? void 0 : se,
+              onBlur: i ? void 0 : oe,
+              readOnly: i,
               placeholder: "在此编辑或粘贴 JSON Schema...",
               className: "min-h-[320px] font-mono text-xs"
             }
           ),
-          K && /* @__PURE__ */ n("p", { className: "text-xs text-destructive", children: K })
-        ] }) : y === "preview" ? /* @__PURE__ */ n("div", { className: "p-2", children: /* @__PURE__ */ n(
-          _,
+          L && /* @__PURE__ */ r("p", { className: "text-xs text-destructive", children: L })
+        ] }) : h === "preview" ? /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r(
+          P,
           {
-            value: JSON.stringify(J(e), null, 2),
+            value: JSON.stringify(H(e), null, 2),
             readOnly: !0,
             className: "min-h-[320px] font-mono text-xs"
           }
-        ) }) : /* @__PURE__ */ p(te, { children: [
-          /* @__PURE__ */ n(re, { children: /* @__PURE__ */ p(U, { children: [
-            /* @__PURE__ */ n(T, { className: "w-[28%]", children: "名称" }),
-            /* @__PURE__ */ n(T, { className: "w-[18%]", children: "类型" }),
-            /* @__PURE__ */ n(T, { className: "w-[12%]", children: "必填" }),
-            /* @__PURE__ */ n(T, { className: "w-[30%]", children: "描述" }),
-            /* @__PURE__ */ n(T, { className: "w-[12%]" })
+        ) }) : /* @__PURE__ */ m(le, { children: [
+          /* @__PURE__ */ r(ue, { children: /* @__PURE__ */ m(K, { children: [
+            /* @__PURE__ */ r(T, { className: "w-[28%]", children: "名称" }),
+            /* @__PURE__ */ r(T, { className: "w-[18%]", children: "类型" }),
+            /* @__PURE__ */ r(T, { className: "w-[12%]", children: "必填" }),
+            /* @__PURE__ */ r(T, { className: "w-[30%]", children: "描述" }),
+            /* @__PURE__ */ r(T, { className: "w-[12%]" })
           ] }) }),
-          /* @__PURE__ */ n(ne, { children: l.map((s) => /* @__PURE__ */ n(
-            ce,
+          /* @__PURE__ */ r(he, { children: u.map((s) => /* @__PURE__ */ r(
+            W,
             {
               field: s,
               level: 0,
-              readOnly: a,
-              disableDelete: l.length <= 1,
-              dispatch: ue
+              readOnly: i,
+              disableDelete: !0,
+              dispatch: Z
             },
             s.id
           )) })
@@ -809,5 +574,5 @@ function Ye({
   );
 }
 export {
-  Ye as JsonSchemaEditor
+  De as JsonSchemaEditor
 };