devject-design 0.1.1 → 0.1.2

package/dist/index.es.js

@@ -1,13 +1,13 @@
-import { ref as z, computed as N, reactive as ul, watch as Y, defineComponent as P, createElementBlock as m, openBlock as a, normalizeClass as Je, resolveComponent as V, withModifiers as Le, createElementVNode as b, createVNode as o, withCtx as d, createTextVNode as S, toDisplayString as ee, normalizeStyle as Ne, Fragment as $, renderList as E, createCommentVNode as G, createBlock as C, resolveDynamicComponent as il, onMounted as Ke, unref as fe } from "vue";
-import { ElMessage as be } from "element-plus";
-import * as he from "xlsx";
-function B(e) {
+import { ref as I, computed as $, reactive as ul, watch as q, defineComponent as J, createElementBlock as f, openBlock as a, normalizeClass as Be, resolveComponent as w, withModifiers as Ye, createElementVNode as y, createVNode as o, withCtx as i, createTextVNode as z, toDisplayString as te, normalizeStyle as He, Fragment as D, renderList as B, createCommentVNode as Q, createBlock as x, resolveDynamicComponent as rl, onMounted as Xe, unref as ye } from "vue";
+import { ElMessage as ge } from "element-plus";
+import * as Ce from "xlsx";
+function j(e) {
   if (typeof crypto < "u" && "randomUUID" in crypto)
     return `${e}_${crypto.randomUUID()}`;
   const l = Math.random().toString(16).slice(2), t = Date.now().toString(16);
   return `${e}_${t}_${l}`;
 }
-function rl() {
+function il() {
   return {
     version: 1,
     root: {
@@ -15,7 +15,7 @@ function rl() {
     }
   };
 }
-function ke() {
+function Ue() {
   const e = (/* @__PURE__ */ new Date()).toISOString();
   return {
     createdAt: e,
@@ -23,59 +23,59 @@ function ke() {
     style: {}
   };
 }
-function X(e) {
+function K(e) {
   return JSON.parse(JSON.stringify(e));
 }
 function dl(e) {
   if (e === "flexRow") {
-    const t = B("row"), r = 2;
+    const t = j("row"), r = 2;
     return {
       id: t,
       type: "flexRow",
-      meta: ke(),
+      meta: Ue(),
       props: {
         cols: r,
         gap: 12
       },
-      columns: new Array(r).fill(0).map((c, h) => ({
-        id: B(`col${h + 1}`),
+      columns: new Array(r).fill(0).map((m, h) => ({
+        id: j(`col${h + 1}`),
         children: []
       }))
     };
   }
   if (e === "collapse")
     return {
-      id: B("collapse"),
+      id: j("collapse"),
       type: "collapse",
-      meta: ke(),
+      meta: Ue(),
       props: {
         accordion: !1
       },
       items: [
-        { id: B("item"), title: "面板 1", name: B("val"), children: [] },
-        { id: B("item"), title: "面板 2", name: B("val"), children: [] }
+        { id: j("item"), title: "面板 1", name: j("val"), children: [] },
+        { id: j("item"), title: "面板 2", name: j("val"), children: [] }
       ]
     };
   if (e === "tabs")
     return {
-      id: B("tabs"),
+      id: j("tabs"),
       type: "tabs",
-      meta: ke(),
+      meta: Ue(),
       props: {
         type: "card"
       },
       tabs: [
-        { id: B("tab"), label: "标签页 1", children: [] },
-        { id: B("tab"), label: "标签页 2", children: [] }
+        { id: j("tab"), label: "标签页 1", children: [] },
+        { id: j("tab"), label: "标签页 2", children: [] }
       ]
     };
   const l = {
-    id: B(e),
+    id: j(e),
     type: e,
-    meta: ke(),
+    meta: Ue(),
     props: {
       label: "字段",
-      field: B("field"),
+      field: j("field"),
       placeholder: "请输入",
       required: !1
     }
@@ -126,15 +126,15 @@ function dl(e) {
       limit: 3
     }
   } : e === "table" ? {
-    id: B("table"),
+    id: j("table"),
     type: "table",
-    meta: ke(),
+    meta: Ue(),
     props: {
       label: "表格",
-      field: B("table-field"),
+      field: j("table-field"),
       columns: [
-        { id: B("col"), label: "列1", prop: "col1", type: "text" },
-        { id: B("col"), label: "列2", prop: "col2", type: "number" }
+        { id: j("col"), label: "列1", prop: "col1", type: "text" },
+        { id: j("col"), label: "列2", prop: "col2", type: "number" }
       ],
       pagination: !0,
       pageSize: 10,
@@ -149,75 +149,75 @@ function dl(e) {
     }
   };
 }
-function ge(e, l) {
-  function t(r, c) {
-    const h = r.findIndex((g) => g.id === l);
-    if (h >= 0) return { node: r[h], loc: { ...c, index: h } };
-    for (const g of r)
-      if (g.type === "flexRow")
-        for (let u = 0; u < g.columns.length; u += 1) {
-          const y = t(g.columns[u].children, { kind: "flexCol", rowId: g.id, colIndex: u, index: 0 });
-          if (y) return y;
+function we(e, l) {
+  function t(r, m) {
+    const h = r.findIndex((V) => V.id === l);
+    if (h >= 0) return { node: r[h], loc: { ...m, index: h } };
+    for (const V of r)
+      if (V.type === "flexRow")
+        for (let u = 0; u < V.columns.length; u += 1) {
+          const b = t(V.columns[u].children, { kind: "flexCol", rowId: V.id, colIndex: u, index: 0 });
+          if (b) return b;
         }
-      else if (g.type === "collapse")
-        for (const u of g.items) {
-          const y = t(u.children, { kind: "collapse", collapseId: g.id, itemId: u.id, index: 0 });
-          if (y) return y;
+      else if (V.type === "collapse")
+        for (const u of V.items) {
+          const b = t(u.children, { kind: "collapse", collapseId: V.id, itemId: u.id, index: 0 });
+          if (b) return b;
         }
-      else if (g.type === "tabs")
-        for (const u of g.tabs) {
-          const y = t(u.children, { kind: "tab", tabsId: g.id, tabId: u.id, index: 0 });
-          if (y) return y;
+      else if (V.type === "tabs")
+        for (const u of V.tabs) {
+          const b = t(u.children, { kind: "tab", tabsId: V.id, tabId: u.id, index: 0 });
+          if (b) return b;
         }
     return null;
   }
   return t(e.root.children, { kind: "root", index: 0 });
 }
-function We(e, l) {
-  const t = ge(e, l);
+function Ke(e, l) {
+  const t = we(e, l);
   if (!t) return null;
-  const r = cl(e, t.loc), [c] = r.splice(t.loc.index, 1);
-  return c ?? null;
+  const r = cl(e, t.loc), [m] = r.splice(t.loc.index, 1);
+  return m ?? null;
 }
 function Ge(e, l, t) {
-  const r = pl(e, l), c = Math.max(0, Math.min(l.insertIndex, r.length));
-  r.splice(c, 0, t);
+  const r = pl(e, l), m = Math.max(0, Math.min(l.insertIndex, r.length));
+  r.splice(m, 0, t);
 }
 function sl(e, l, t) {
-  const r = We(e, l);
+  const r = Ke(e, l);
   r && (r.meta.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), Ge(e, t, r));
 }
 function pl(e, l) {
-  var c, h, g, u;
+  var m, h, V, u;
   if (l.kind === "root") return e.root.children;
   if (l.kind === "flexCol") {
-    const y = (c = ge(e, l.rowId)) == null ? void 0 : c.node;
-    return !y || y.type !== "flexRow" ? e.root.children : ((h = y.columns[l.colIndex]) == null ? void 0 : h.children) ?? y.columns[0].children;
+    const b = (m = we(e, l.rowId)) == null ? void 0 : m.node;
+    return !b || b.type !== "flexRow" ? e.root.children : ((h = b.columns[l.colIndex]) == null ? void 0 : h.children) ?? b.columns[0].children;
   }
   if (l.kind === "collapse") {
-    const y = (g = ge(e, l.collapseId)) == null ? void 0 : g.node;
-    return !y || y.type !== "collapse" ? e.root.children : (y.items.find((O) => O.id === l.itemId) ?? y.items[0]).children;
+    const b = (V = we(e, l.collapseId)) == null ? void 0 : V.node;
+    return !b || b.type !== "collapse" ? e.root.children : (b.items.find((E) => E.id === l.itemId) ?? b.items[0]).children;
   }
-  const t = (u = ge(e, l.tabsId)) == null ? void 0 : u.node;
-  return !t || t.type !== "tabs" ? e.root.children : (t.tabs.find((y) => y.id === l.tabId) ?? t.tabs[0]).children;
+  const t = (u = we(e, l.tabsId)) == null ? void 0 : u.node;
+  return !t || t.type !== "tabs" ? e.root.children : (t.tabs.find((b) => b.id === l.tabId) ?? t.tabs[0]).children;
 }
 function cl(e, l) {
-  var c, h, g, u;
+  var m, h, V, u;
   if (l.kind === "root") return e.root.children;
   if (l.kind === "flexCol") {
-    const y = (c = ge(e, l.rowId)) == null ? void 0 : c.node;
-    return !y || y.type !== "flexRow" ? e.root.children : ((h = y.columns[l.colIndex]) == null ? void 0 : h.children) ?? y.columns[0].children;
+    const b = (m = we(e, l.rowId)) == null ? void 0 : m.node;
+    return !b || b.type !== "flexRow" ? e.root.children : ((h = b.columns[l.colIndex]) == null ? void 0 : h.children) ?? b.columns[0].children;
   }
   if (l.kind === "collapse") {
-    const y = (g = ge(e, l.collapseId)) == null ? void 0 : g.node;
-    return !y || y.type !== "collapse" ? e.root.children : (y.items.find((O) => O.id === l.itemId) ?? y.items[0]).children;
+    const b = (V = we(e, l.collapseId)) == null ? void 0 : V.node;
+    return !b || b.type !== "collapse" ? e.root.children : (b.items.find((E) => E.id === l.itemId) ?? b.items[0]).children;
   }
-  const t = (u = ge(e, l.tabsId)) == null ? void 0 : u.node;
-  return !t || t.type !== "tabs" ? e.root.children : (t.tabs.find((y) => y.id === l.tabId) ?? t.tabs[0]).children;
+  const t = (u = we(e, l.tabsId)) == null ? void 0 : u.node;
+  return !t || t.type !== "tabs" ? e.root.children : (t.tabs.find((b) => b.id === l.tabId) ?? t.tabs[0]).children;
 }
-function Be(e, l, t, r) {
-  const c = t === "input" || t === "textarea" || t === "select" || t === "radio" || t === "checkbox" || t === "switch" || t === "image-upload" || t === "file-upload" || t === "table" || t === "title", h = t === "collapse" || t === "tabs", g = t === "flexRow", u = ml(e, r);
-  return r.kind === "root" || u === "flexRow" ? g || h || c : u === "collapse" || u === "tabs" ? c || g : !1;
+function Je(e, l, t, r) {
+  const m = t === "input" || t === "textarea" || t === "select" || t === "radio" || t === "checkbox" || t === "switch" || t === "image-upload" || t === "file-upload" || t === "table" || t === "title", h = t === "collapse" || t === "tabs", V = t === "flexRow", u = ml(e, r);
+  return r.kind === "root" || u === "flexRow" ? V || h || m : u === "collapse" || u === "tabs" ? m || V : !1;
 }
 function ml(e, l) {
   return l.kind === "root" ? "root" : l.kind === "flexCol" ? "flexRow" : l.kind === "collapse" ? "collapse" : "tabs";
@@ -228,17 +228,17 @@ function fl(e) {
   if (l.version !== 1) throw new Error("invalid");
   if (!l.root || !Array.isArray(l.root.children)) throw new Error("invalid");
   for (const t of l.root.children)
-    $e(t);
+    Re(t);
   return l;
 }
-function $e(e) {
+function Re(e) {
   if (!e || typeof e != "object") throw new Error("invalid");
-  if ((!e.meta || typeof e.meta != "object") && (e.meta = ke()), typeof e.meta.createdAt != "string" && (e.meta.createdAt = (/* @__PURE__ */ new Date()).toISOString()), typeof e.meta.updatedAt != "string" && (e.meta.updatedAt = e.meta.createdAt), (!e.meta.style || typeof e.meta.style != "object") && (e.meta.style = {}), e.type === "flexRow") {
+  if ((!e.meta || typeof e.meta != "object") && (e.meta = Ue()), typeof e.meta.createdAt != "string" && (e.meta.createdAt = (/* @__PURE__ */ new Date()).toISOString()), typeof e.meta.updatedAt != "string" && (e.meta.updatedAt = e.meta.createdAt), (!e.meta.style || typeof e.meta.style != "object") && (e.meta.style = {}), e.type === "flexRow") {
     Array.isArray(e.columns) || (e.columns = []);
     for (const l of e.columns)
       if (!(!l || typeof l != "object")) {
         Array.isArray(l.children) || (l.children = []);
-        for (const t of l.children) $e(t);
+        for (const t of l.children) Re(t);
       }
     return;
   }
@@ -247,7 +247,7 @@ function $e(e) {
     for (const l of e.items)
       if (!(!l || typeof l != "object")) {
         Array.isArray(l.children) || (l.children = []);
-        for (const t of l.children) $e(t);
+        for (const t of l.children) Re(t);
       }
     return;
   }
@@ -256,7 +256,7 @@ function $e(e) {
     for (const l of e.tabs)
       if (!(!l || typeof l != "object")) {
         Array.isArray(l.children) || (l.children = []);
-        for (const t of l.children) $e(t);
+        for (const t of l.children) Re(t);
       }
   }
 }
@@ -264,187 +264,187 @@ function vl(e) {
   return {
     version: e.version,
     root: {
-      children: e.root.children.map((l) => X(l))
+      children: e.root.children.map((l) => K(l))
     }
   };
 }
 function bl(e) {
-  const l = z([]), t = z(X(e)), r = z([]), c = N(() => l.value.length > 0), h = N(() => r.value.length > 0);
-  function g(k) {
-    l.value.push(X(t.value)), t.value = X(k), r.value = [];
+  const l = I([]), t = I(K(e)), r = I([]), m = $(() => l.value.length > 0), h = $(() => r.value.length > 0);
+  function V(k) {
+    l.value.push(K(t.value)), t.value = K(k), r.value = [];
   }
   function u(k) {
-    t.value = X(k);
+    t.value = K(k);
   }
-  function y() {
+  function b() {
     if (!l.value.length) return;
     const k = l.value.pop();
-    r.value.unshift(X(t.value)), t.value = X(k);
+    r.value.unshift(K(t.value)), t.value = K(k);
   }
-  function I() {
+  function M() {
     if (!r.value.length) return;
     const k = r.value.shift();
-    l.value.push(X(t.value)), t.value = X(k);
+    l.value.push(K(t.value)), t.value = K(k);
   }
-  function O(k) {
-    l.value = [], r.value = [], t.value = X(k);
+  function E(k) {
+    l.value = [], r.value = [], t.value = K(k);
   }
-  return { past: l, present: t, future: r, canUndo: c, canRedo: h, push: g, replace: u, undo: y, redo: I, reset: O };
+  return { past: l, present: t, future: r, canUndo: m, canRedo: h, push: V, replace: u, undo: b, redo: M, reset: E };
 }
 function yl() {
-  const e = z(null), l = z(null), t = ul({ x: 0, y: 0 }), r = N(() => !!e.value);
-  function c(y, I) {
-    e.value = y, t.x = I.clientX, t.y = I.clientY;
+  const e = I(null), l = I(null), t = ul({ x: 0, y: 0 }), r = $(() => !!e.value);
+  function m(b, M) {
+    e.value = b, t.x = M.clientX, t.y = M.clientY;
   }
-  function h(y) {
-    t.x = y.clientX, t.y = y.clientY;
+  function h(b) {
+    t.x = b.clientX, t.y = b.clientY;
   }
-  function g(y) {
-    l.value = y;
+  function V(b) {
+    l.value = b;
   }
   function u() {
     e.value = null, l.value = null;
   }
-  return { dragging: e, hoverTarget: l, pointer: t, isDragging: r, begin: c, move: h, setHover: g, end: u };
+  return { dragging: e, hoverTarget: l, pointer: t, isDragging: r, begin: m, move: h, setHover: V, end: u };
 }
-const le = bl(rl()), _e = z(null), ne = yl(), Ue = z({});
-function He() {
+const oe = bl(il()), he = I(null), ae = yl(), De = I({});
+function Te() {
   return (/* @__PURE__ */ new Date()).toISOString();
 }
-function Ve(e) {
-  le.push(e);
+function xe(e) {
+  oe.push(e);
 }
-function gl(e) {
+function _l(e) {
   const l = fl(e);
-  _e.value = null, le.reset(X(l));
+  he.value = null, oe.reset(K(l));
 }
-function _l(e) {
-  _e.value = e;
+function gl(e) {
+  he.value = e;
 }
 function Ze() {
-  const e = _e.value;
+  const e = he.value;
   if (!e) return;
-  const l = X(le.present.value);
-  We(l, e) && (Ve(l), _e.value = null);
+  const l = K(oe.present.value);
+  Ke(l, e) && (xe(l), he.value = null);
 }
 function Vl(e, l) {
   const t = { kind: "palette", nodeType: e };
-  ne.begin(t, l), Qe();
+  ae.begin(t, l), Qe();
 }
 function wl(e, l) {
   const t = { kind: "node", nodeId: e };
-  ne.begin(t, l), Qe();
+  ae.begin(t, l), Qe();
 }
-function xl(e) {
-  const l = ne.dragging.value;
+function hl(e) {
+  const l = ae.dragging.value;
   if (!l) return { accepted: !1, message: "拖拽已结束" };
-  const t = Date.now(), r = X(le.present.value);
+  const t = Date.now(), r = K(oe.present.value);
   if (l.kind === "palette") {
-    const c = dl(l.nodeType);
-    return Be(r, "palette", l.nodeType, e) ? (Ge(r, e, c), Ve(r), _e.value = c.id, { accepted: !0, durationMs: Date.now() - t }) : (be.warning("该位置不允许放置此组件"), { accepted: !1, message: "该位置不允许放置此组件", durationMs: Date.now() - t });
+    const m = dl(l.nodeType);
+    return Je(r, "palette", l.nodeType, e) ? (Ge(r, e, m), xe(r), he.value = m.id, { accepted: !0, durationMs: Date.now() - t }) : (ge.warning("该位置不允许放置此组件"), { accepted: !1, message: "该位置不允许放置此组件", durationMs: Date.now() - t });
   } else {
-    const c = Ie(r, l.nodeId);
-    return c ? Be(r, "node", c.type, e) ? (sl(r, l.nodeId, e), Ve(r), _e.value = l.nodeId, { accepted: !0, durationMs: Date.now() - t }) : (be.warning("该位置不允许放置此组件"), { accepted: !1, message: "该位置不允许放置此组件", durationMs: Date.now() - t }) : { accepted: !1, message: "未找到被移动的组件", durationMs: Date.now() - t };
+    const m = Se(r, l.nodeId);
+    return m ? Je(r, "node", m.type, e) ? (sl(r, l.nodeId, e), xe(r), he.value = l.nodeId, { accepted: !0, durationMs: Date.now() - t }) : (ge.warning("该位置不允许放置此组件"), { accepted: !1, message: "该位置不允许放置此组件", durationMs: Date.now() - t }) : { accepted: !1, message: "未找到被移动的组件", durationMs: Date.now() - t };
   }
 }
-function Ie(e, l) {
+function Se(e, l) {
   const t = [...e.root.children];
   for (; t.length; ) {
     const r = t.shift();
     if (r.id === l) return r;
     if (r.type === "flexRow")
-      for (const c of r.columns) t.push(...c.children);
+      for (const m of r.columns) t.push(...m.children);
     else if (r.type === "collapse")
-      for (const c of r.items) t.push(...c.children);
+      for (const m of r.items) t.push(...m.children);
     else if (r.type === "tabs")
-      for (const c of r.tabs) t.push(...c.children);
+      for (const m of r.tabs) t.push(...m.children);
   }
   return null;
 }
-let Me = !1;
+let Oe = !1;
 function Qe() {
-  Me || (Me = !0, window.addEventListener("pointermove", el), window.addEventListener("pointerup", hl, { once: !0 }));
+  Oe || (Oe = !0, window.addEventListener("pointermove", el), window.addEventListener("pointerup", xl, { once: !0 }));
 }
-function Ee() {
-  Me && (Me = !1, window.removeEventListener("pointermove", el));
+function Pe() {
+  Oe && (Oe = !1, window.removeEventListener("pointermove", el));
 }
 function el(e) {
-  ne.move(e);
-  const l = tl(e.clientX, e.clientY), t = ne.hoverTarget.value;
+  ae.move(e);
+  const l = tl(e.clientX, e.clientY), t = ae.hoverTarget.value;
   JSON.stringify(t) !== JSON.stringify(l) && ll(l);
 }
-function hl() {
-  if (!ne.dragging.value) {
-    ne.end(), Ee();
+function xl() {
+  if (!ae.dragging.value) {
+    ae.end(), Pe();
     return;
   }
-  const l = ne.hoverTarget.value ?? tl(ne.pointer.x, ne.pointer.y);
+  const l = ae.hoverTarget.value ?? tl(ae.pointer.x, ae.pointer.y);
   if (!l) {
-    ne.end(), Ee();
+    ae.end(), Pe();
     return;
   }
-  xl(l), ne.end(), Ee();
+  hl(l), ae.end(), Pe();
 }
-const kl = N(() => le.present.value), Cl = {
-  canUndo: le.canUndo,
-  canRedo: le.canRedo,
-  undo: () => le.undo(),
-  redo: () => le.redo()
+const kl = $(() => oe.present.value), Cl = {
+  canUndo: oe.canUndo,
+  canRedo: oe.canRedo,
+  undo: () => oe.undo(),
+  redo: () => oe.redo()
 }, Ul = {
-  selectedNodeId: _e
+  selectedNodeId: he
 };
 function Il(e, l) {
-  const t = X(le.present.value), r = Ie(t, e);
-  r && (r.props = { ...r.props, ...l }, r.meta.updatedAt = He(), Ve(t));
+  const t = K(oe.present.value), r = Se(t, e);
+  r && (r.props = { ...r.props, ...l }, r.meta.updatedAt = Te(), xe(t));
 }
 function zl(e, l) {
-  const t = X(le.present.value), r = Ie(t, e);
+  const t = K(oe.present.value), r = Se(t, e);
   if (!r || r.type !== "flexRow") return;
-  const c = r.columns.length;
-  if (r.props.cols = l, r.meta.updatedAt = He(), l > c)
-    for (let h = c; h < l; h += 1)
-      r.columns.push({ id: B(`col${h + 1}`), children: [] });
-  else l < c && (r.columns = r.columns.slice(0, l));
-  Ve(t);
+  const m = r.columns.length;
+  if (r.props.cols = l, r.meta.updatedAt = Te(), l > m)
+    for (let h = m; h < l; h += 1)
+      r.columns.push({ id: j(`col${h + 1}`), children: [] });
+  else l < m && (r.columns = r.columns.slice(0, l));
+  xe(t);
 }
 function Dl(e, l) {
-  const t = X(le.present.value), r = Ie(t, e);
+  const t = K(oe.present.value), r = Se(t, e);
   if (!(!r || r.type !== "collapse")) {
     if (l.accordion !== void 0 && (r.props.accordion = l.accordion), l.items) {
-      const c = r.items;
+      const m = r.items;
       r.items = l.items.map((h) => {
-        const g = c.find((u) => u.id === h.id);
-        return { id: h.id, title: h.title, name: h.name, children: (g == null ? void 0 : g.children) ?? [] };
+        const V = m.find((u) => u.id === h.id);
+        return { id: h.id, title: h.title, name: h.name, children: (V == null ? void 0 : V.children) ?? [] };
       });
     }
-    r.meta.updatedAt = He(), Ve(t);
+    r.meta.updatedAt = Te(), xe(t);
   }
 }
 function Sl(e, l) {
-  const t = X(le.present.value), r = Ie(t, e);
+  const t = K(oe.present.value), r = Se(t, e);
   if (!(!r || r.type !== "tabs")) {
     if (l.type && (r.props.type = l.type), l.tabs) {
-      const c = r.tabs;
+      const m = r.tabs;
       r.tabs = l.tabs.map((h) => {
-        const g = c.find((u) => u.id === h.id);
-        return { id: h.id, label: h.label, children: (g == null ? void 0 : g.children) ?? [] };
+        const V = m.find((u) => u.id === h.id);
+        return { id: h.id, label: h.label, children: (V == null ? void 0 : V.children) ?? [] };
       });
     }
-    r.meta.updatedAt = He(), Ve(t);
+    r.meta.updatedAt = Te(), xe(t);
   }
 }
 function ll(e) {
-  const l = ne.hoverTarget.value;
-  JSON.stringify(l) !== JSON.stringify(e) && ne.setHover(e);
+  const l = ae.hoverTarget.value;
+  JSON.stringify(l) !== JSON.stringify(e) && ae.setHover(e);
 }
 function tl(e, l) {
   var h;
   const t = document.elementFromPoint(e, l);
   if (!t) return null;
-  const r = (h = t.closest) == null ? void 0 : h.call(t, "[data-drop-target]"), c = r == null ? void 0 : r.getAttribute("data-drop-target");
-  if (!c) return null;
+  const r = (h = t.closest) == null ? void 0 : h.call(t, "[data-drop-target]"), m = r == null ? void 0 : r.getAttribute("data-drop-target");
+  if (!m) return null;
   try {
-    return JSON.parse(c);
+    return JSON.parse(m);
   } catch {
     return null;
   }
@@ -452,27 +452,27 @@ function tl(e, l) {
 function $l() {
   window.addEventListener("keydown", (e) => {
     if (e.ctrlKey && (e.key === "z" || e.key === "Z")) {
-      e.preventDefault(), le.undo();
+      e.preventDefault(), oe.undo();
       return;
     }
     if (e.ctrlKey && (e.key === "y" || e.key === "Y")) {
-      e.preventDefault(), le.redo();
+      e.preventDefault(), oe.redo();
       return;
     }
     e.key === "Delete" && Ze();
   });
 }
-let Ye = null;
-Y(
-  () => le.present.value,
+let Le = null;
+q(
+  () => oe.present.value,
   (e) => {
-    Ye && window.clearTimeout(Ye), Ye = window.setTimeout(() => {
+    Le && window.clearTimeout(Le), Le = window.setTimeout(() => {
     }, 800);
   },
   { deep: !0 }
 );
-Y(
-  () => Ue.value,
+q(
+  () => De.value,
   (e) => {
   },
   { deep: !0 }
@@ -480,27 +480,27 @@ Y(
 function Nl() {
 }
 function Ml(e) {
-  Ue.value = e;
+  De.value = e;
 }
-function Hl() {
-  return X(Ue.value);
+function Rl() {
+  return K(De.value);
 }
-function Rl(e) {
+function Hl(e) {
   if (!e || typeof e != "object") throw new Error("invalid");
-  Ue.value = e;
+  De.value = e;
 }
-function ye() {
+function Ve() {
   return {
     schema: kl,
     history: Cl,
     selection: Ul,
-    drag: ne,
-    formData: Ue,
-    select: _l,
+    drag: ae,
+    formData: De,
+    select: gl,
     beginPaletteDrag: Vl,
     beginNodeDrag: wl,
     setHover: ll,
-    applySchema: gl,
+    applySchema: _l,
     removeSelected: Ze,
     updateNodeProps: Il,
     updateFlexCols: zl,
@@ -509,60 +509,60 @@ function ye() {
     bindHotkeys: $l,
     loadAutoSave: Nl,
     setFormData: Ml,
-    exportFormData: Hl,
-    importFormData: Rl
+    exportFormData: Rl,
+    importFormData: Hl
   };
 }
-const Ol = ["data-drop-target"], Al = /* @__PURE__ */ P({
+const Ol = ["data-drop-target"], Tl = /* @__PURE__ */ J({
   __name: "DropLine",
   props: {
     target: {}
   },
   setup(e) {
-    const l = e, { drag: t, schema: r, setHover: c } = ye(), h = N(() => JSON.stringify(l.target)), g = N(() => {
+    const l = e, { drag: t, schema: r, setHover: m } = Ve(), h = $(() => JSON.stringify(l.target)), V = $(() => {
       const k = t.hoverTarget.value;
       return k ? JSON.stringify(k) === JSON.stringify(l.target) : !1;
-    }), u = N(() => {
+    }), u = $(() => {
       const k = t.dragging.value;
       if (!k) return !1;
-      const M = k.kind === "palette" ? k.nodeType : y(k.nodeId);
-      return M ? !Be(r.value, k.kind, M, l.target) : !1;
+      const C = k.kind === "palette" ? k.nodeType : b(k.nodeId);
+      return C ? !Je(r.value, k.kind, C, l.target) : !1;
     });
-    function y(k) {
-      const M = [...r.value.root.children];
-      for (; M.length; ) {
-        const D = M.shift();
-        if (D.id === k) return D.type;
-        if (D.type === "flexRow")
-          for (const J of D.columns) M.push(...J.children);
-        else if (D.type === "collapse")
-          for (const J of D.items) M.push(...J.children);
-        else if (D.type === "tabs")
-          for (const J of D.tabs) M.push(...J.children);
+    function b(k) {
+      const C = [...r.value.root.children];
+      for (; C.length; ) {
+        const N = C.shift();
+        if (N.id === k) return N.type;
+        if (N.type === "flexRow")
+          for (const F of N.columns) C.push(...F.children);
+        else if (N.type === "collapse")
+          for (const F of N.items) C.push(...F.children);
+        else if (N.type === "tabs")
+          for (const F of N.tabs) C.push(...F.children);
       }
       return null;
     }
-    function I() {
-      t.isDragging.value && c(l.target);
+    function M() {
+      t.isDragging.value && m(l.target);
     }
-    function O() {
-      t.isDragging.value && c(null);
+    function E() {
+      t.isDragging.value && m(null);
     }
-    return (k, M) => (a(), m("div", {
-      class: Je(["line", { active: g.value, forbidden: u.value }]),
+    return (k, C) => (a(), f("div", {
+      class: Be(["line", { active: V.value, forbidden: u.value }]),
       "data-drop-target": h.value,
-      onMouseenter: I,
-      onMouseleave: O,
-      onPointerenter: I,
-      onPointerleave: O
+      onMouseenter: M,
+      onMouseleave: E,
+      onPointerenter: M,
+      onPointerleave: E
     }, null, 42, Ol));
   }
-}), ce = (e, l) => {
+}), ve = (e, l) => {
   const t = e.__vccOpts || e;
-  for (const [r, c] of l)
-    t[r] = c;
+  for (const [r, m] of l)
+    t[r] = m;
   return t;
-}, ve = /* @__PURE__ */ ce(Al, [["__scopeId", "data-v-677f5a96"]]), Tl = { class: "head" }, Pl = { class: "left" }, El = { class: "name" }, Yl = { class: "right" }, Ll = { class: "body" }, Bl = { class: "colTitle" }, Jl = { class: "colBody" }, ql = {
+}, _e = /* @__PURE__ */ ve(Tl, [["__scopeId", "data-v-677f5a96"]]), Al = { class: "head" }, El = { class: "left" }, Pl = { class: "name" }, Ll = { class: "right" }, Yl = { class: "body" }, Jl = { class: "colTitle" }, Bl = { class: "colBody" }, ql = {
   key: 0,
   class: "colEmpty"
 }, Fl = {
@@ -571,25 +571,25 @@ const Ol = ["data-drop-target"], Al = /* @__PURE__ */ P({
 }, jl = {
   key: 0,
   class: "colEmpty"
-}, Xl = {
+}, Wl = {
   key: 2,
   class: "containerBox"
-}, Kl = {
+}, Xl = {
   key: 0,
   class: "colEmpty"
-}, Wl = {
+}, Kl = {
   key: 3,
   class: "tablePreview"
 }, Gl = {
   key: 4,
   class: "fieldLine"
-}, Zl = { class: "fieldLabel" }, Ql = { class: "fieldMeta" }, et = /* @__PURE__ */ P({
+}, Zl = { class: "fieldLabel" }, Ql = { class: "fieldMeta" }, et = /* @__PURE__ */ J({
   __name: "NodeCard",
   props: {
     node: {}
   },
   setup(e) {
-    const l = e, { selection: t, select: r, beginNodeDrag: c } = ye(), h = N(() => t.selectedNodeId.value === l.node.id), g = N(() => l.node.type === "flexRow" ? "布局" : l.node.type === "collapse" || l.node.type === "tabs" ? "容器" : "组件"), u = N(() => {
+    const l = e, { selection: t, select: r, beginNodeDrag: m } = Ve(), h = $(() => t.selectedNodeId.value === l.node.id), V = $(() => l.node.type === "flexRow" ? "布局" : l.node.type === "collapse" || l.node.type === "tabs" ? "容器" : "组件"), u = $(() => {
       if (l.node.type === "flexRow") return `Flex ${l.node.columns.length} 列`;
       if (l.node.type === "collapse") return "折叠面板";
       if (l.node.type === "tabs") return "标签页";
@@ -600,518 +600,518 @@ const Ol = ["data-drop-target"], Al = /* @__PURE__ */ P({
           date: "日期",
           time: "时间",
           datetime: "日期时间"
-        }, M = l.node.props.inputType ?? "text";
-        return `${l.node.props.label} (${k[M] ?? M})`;
+        }, C = l.node.props.inputType ?? "text";
+        return `${l.node.props.label} (${k[C] ?? C})`;
       }
       return l.node.props.label;
-    }), y = N(() => l.node.type !== "flexRow" ? {} : {
+    }), b = $(() => l.node.type !== "flexRow" ? {} : {
       display: "grid",
       gap: `${l.node.props.gap ?? 12}px`,
       gridTemplateColumns: `repeat(${l.node.columns.length}, minmax(0, 1fr))`
     });
-    function I() {
+    function M() {
       r(l.node.id);
     }
-    function O(k) {
-      k.button === 0 && c(l.node.id, k);
+    function E(k) {
+      k.button === 0 && m(l.node.id, k);
     }
-    return (k, M) => {
-      const D = V("el-tag"), J = V("el-button"), K = V("NodeCard", !0), Z = V("el-collapse-item"), j = V("el-collapse"), te = V("el-tab-pane"), Q = V("el-tabs"), re = V("el-table-column"), x = V("el-table");
-      return a(), m("div", {
-        class: Je(["card", { selected: h.value }]),
-        onClick: Le(I, ["stop"])
+    return (k, C) => {
+      const N = w("el-tag"), F = w("el-button"), W = w("NodeCard", !0), L = w("el-collapse-item"), X = w("el-collapse"), ne = w("el-tab-pane"), ee = w("el-tabs"), de = w("el-table-column"), se = w("el-table");
+      return a(), f("div", {
+        class: Be(["card", { selected: h.value }]),
+        onClick: Ye(M, ["stop"])
       }, [
-        b("div", Tl, [
-          b("div", Pl, [
-            o(D, { size: "small" }, {
-              default: d(() => [
-                S(ee(g.value), 1)
+        y("div", Al, [
+          y("div", El, [
+            o(N, { size: "small" }, {
+              default: i(() => [
+                z(te(V.value), 1)
               ]),
               _: 1
             }),
-            b("span", El, ee(u.value), 1)
+            y("span", Pl, te(u.value), 1)
           ]),
-          b("div", Yl, [
-            o(J, {
+          y("div", Ll, [
+            o(F, {
               size: "small",
               text: "",
-              onPointerdown: Le(O, ["stop"])
+              onPointerdown: Ye(E, ["stop"])
             }, {
-              default: d(() => [...M[0] || (M[0] = [
-                S(" 拖拽 ", -1)
+              default: i(() => [...C[0] || (C[0] = [
+                z(" 拖拽 ", -1)
               ])]),
               _: 1
             })
           ])
         ]),
-        b("div", Ll, [
-          e.node.type === "flexRow" ? (a(), m("div", {
+        y("div", Yl, [
+          e.node.type === "flexRow" ? (a(), f("div", {
             key: 0,
             class: "flexRow",
-            style: Ne(y.value)
+            style: He(b.value)
           }, [
-            (a(!0), m($, null, E(e.node.columns, (i, f) => (a(), m("div", {
-              key: i.id,
+            (a(!0), f(D, null, B(e.node.columns, (U, g) => (a(), f("div", {
+              key: U.id,
               class: "col"
             }, [
-              b("div", Bl, " 第 " + ee(Number(f) + 1) + " 列 ", 1),
-              b("div", Jl, [
-                o(ve, {
-                  target: { kind: "flexCol", rowId: e.node.id, colIndex: f, insertIndex: 0 }
+              y("div", Jl, " 第 " + te(Number(g) + 1) + " 列 ", 1),
+              y("div", Bl, [
+                o(_e, {
+                  target: { kind: "flexCol", rowId: e.node.id, colIndex: g, insertIndex: 0 }
                 }, null, 8, ["target"]),
-                (a(!0), m($, null, E(i.children, (_, T) => (a(), m($, {
-                  key: _.id
+                (a(!0), f(D, null, B(U.children, (d, s) => (a(), f(D, {
+                  key: d.id
                 }, [
-                  o(K, { node: _ }, null, 8, ["node"]),
-                  o(ve, {
-                    target: { kind: "flexCol", rowId: e.node.id, colIndex: Number(f), insertIndex: Number(T) + 1 }
+                  o(W, { node: d }, null, 8, ["node"]),
+                  o(_e, {
+                    target: { kind: "flexCol", rowId: e.node.id, colIndex: Number(g), insertIndex: Number(s) + 1 }
                   }, null, 8, ["target"])
                 ], 64))), 128)),
-                i.children.length === 0 ? (a(), m("div", ql, " 拖拽到此列 ")) : G("", !0)
+                U.children.length === 0 ? (a(), f("div", ql, " 拖拽到此列 ")) : Q("", !0)
               ])
             ]))), 128))
-          ], 4)) : e.node.type === "collapse" ? (a(), m("div", Fl, [
-            o(j, {
+          ], 4)) : e.node.type === "collapse" ? (a(), f("div", Fl, [
+            o(X, {
               accordion: e.node.props.accordion,
               class: "tabsPreview"
             }, {
-              default: d(() => [
-                (a(!0), m($, null, E(e.node.items, (i) => (a(), C(Z, {
-                  key: i.id,
-                  title: i.title,
-                  name: i.name
+              default: i(() => [
+                (a(!0), f(D, null, B(e.node.items, (U) => (a(), x(L, {
+                  key: U.id,
+                  title: U.title,
+                  name: U.name
                 }, {
-                  default: d(() => [
-                    o(ve, {
-                      target: { kind: "collapse", collapseId: e.node.id, itemId: i.id, insertIndex: 0 }
+                  default: i(() => [
+                    o(_e, {
+                      target: { kind: "collapse", collapseId: e.node.id, itemId: U.id, insertIndex: 0 }
                     }, null, 8, ["target"]),
-                    (a(!0), m($, null, E(i.children, (f, _) => (a(), m($, {
-                      key: f.id
+                    (a(!0), f(D, null, B(U.children, (g, d) => (a(), f(D, {
+                      key: g.id
                     }, [
-                      o(K, { node: f }, null, 8, ["node"]),
-                      o(ve, {
-                        target: { kind: "collapse", collapseId: e.node.id, itemId: i.id, insertIndex: _ + 1 }
+                      o(W, { node: g }, null, 8, ["node"]),
+                      o(_e, {
+                        target: { kind: "collapse", collapseId: e.node.id, itemId: U.id, insertIndex: d + 1 }
                       }, null, 8, ["target"])
                     ], 64))), 128)),
-                    i.children.length === 0 ? (a(), m("div", jl, " 拖拽到 " + ee(i.title), 1)) : G("", !0)
+                    U.children.length === 0 ? (a(), f("div", jl, " 拖拽到 " + te(U.title), 1)) : Q("", !0)
                   ]),
                   _: 2
                 }, 1032, ["title", "name"]))), 128))
               ]),
               _: 1
             }, 8, ["accordion"])
-          ])) : e.node.type === "tabs" ? (a(), m("div", Xl, [
-            o(Q, {
+          ])) : e.node.type === "tabs" ? (a(), f("div", Wl, [
+            o(ee, {
               type: e.node.props.type,
               class: "tabsPreview"
             }, {
-              default: d(() => [
-                (a(!0), m($, null, E(e.node.tabs, (i) => (a(), C(te, {
-                  key: i.id,
-                  label: i.label
+              default: i(() => [
+                (a(!0), f(D, null, B(e.node.tabs, (U) => (a(), x(ne, {
+                  key: U.id,
+                  label: U.label
                 }, {
-                  default: d(() => [
-                    o(ve, {
-                      target: { kind: "tab", tabsId: e.node.id, tabId: i.id, insertIndex: 0 }
+                  default: i(() => [
+                    o(_e, {
+                      target: { kind: "tab", tabsId: e.node.id, tabId: U.id, insertIndex: 0 }
                     }, null, 8, ["target"]),
-                    (a(!0), m($, null, E(i.children, (f, _) => (a(), m($, {
-                      key: f.id
+                    (a(!0), f(D, null, B(U.children, (g, d) => (a(), f(D, {
+                      key: g.id
                     }, [
-                      o(K, { node: f }, null, 8, ["node"]),
-                      o(ve, {
-                        target: { kind: "tab", tabsId: e.node.id, tabId: i.id, insertIndex: _ + 1 }
+                      o(W, { node: g }, null, 8, ["node"]),
+                      o(_e, {
+                        target: { kind: "tab", tabsId: e.node.id, tabId: U.id, insertIndex: d + 1 }
                       }, null, 8, ["target"])
                     ], 64))), 128)),
-                    i.children.length === 0 ? (a(), m("div", Kl, " 拖拽到 " + ee(i.label), 1)) : G("", !0)
+                    U.children.length === 0 ? (a(), f("div", Xl, " 拖拽到 " + te(U.label), 1)) : Q("", !0)
                   ]),
                   _: 2
                 }, 1032, ["label"]))), 128))
               ]),
               _: 1
             }, 8, ["type"])
-          ])) : e.node.type === "table" ? (a(), m("div", Wl, [
-            o(x, {
+          ])) : e.node.type === "table" ? (a(), f("div", Kl, [
+            o(se, {
               data: [],
               border: "",
               size: "small"
             }, {
-              default: d(() => [
-                (a(!0), m($, null, E(e.node.props.columns, (i) => (a(), C(re, {
-                  key: i.id,
-                  prop: i.prop,
-                  label: i.label,
-                  width: i.width
+              default: i(() => [
+                (a(!0), f(D, null, B(e.node.props.columns, (U) => (a(), x(de, {
+                  key: U.id,
+                  prop: U.prop,
+                  label: U.label,
+                  width: U.width
                 }, null, 8, ["prop", "label", "width"]))), 128))
               ]),
               _: 1
             })
-          ])) : (a(), m("div", Gl, [
-            b("span", Zl, ee(e.node.props.label), 1),
-            b("span", Ql, "(" + ee(e.node.type) + ")", 1)
+          ])) : (a(), f("div", Gl, [
+            y("span", Zl, te(e.node.props.label), 1),
+            y("span", Ql, "(" + te(e.node.type) + ")", 1)
           ]))
         ])
       ], 2);
     };
   }
-}), lt = /* @__PURE__ */ ce(et, [["__scopeId", "data-v-7c887642"]]), tt = { class: "root" }, ot = { class: "panel" }, nt = /* @__PURE__ */ P({
+}), lt = /* @__PURE__ */ ve(et, [["__scopeId", "data-v-7c887642"]]), tt = { class: "root" }, ot = { class: "panel" }, nt = /* @__PURE__ */ J({
   __name: "Canvas",
   setup(e) {
-    const { schema: l } = ye(), t = N(() => l.value);
-    return (r, c) => {
-      const h = V("el-empty");
-      return a(), m("div", tt, [
-        c[0] || (c[0] = b("div", { class: "title" }, " 画布 ", -1)),
-        b("div", ot, [
-          o(ve, { target: { kind: "root", insertIndex: 0 } }),
-          (a(!0), m($, null, E(t.value.root.children, (g, u) => (a(), m($, {
-            key: g.id
+    const { schema: l } = Ve(), t = $(() => l.value);
+    return (r, m) => {
+      const h = w("el-empty");
+      return a(), f("div", tt, [
+        m[0] || (m[0] = y("div", { class: "title" }, " 画布 ", -1)),
+        y("div", ot, [
+          o(_e, { target: { kind: "root", insertIndex: 0 } }),
+          (a(!0), f(D, null, B(t.value.root.children, (V, u) => (a(), f(D, {
+            key: V.id
           }, [
-            o(lt, { node: g }, null, 8, ["node"]),
-            o(ve, {
+            o(lt, { node: V }, null, 8, ["node"]),
+            o(_e, {
               target: { kind: "root", insertIndex: Number(u) + 1 }
             }, null, 8, ["target"])
           ], 64))), 128)),
-          t.value.root.children.length === 0 ? (a(), C(h, {
+          t.value.root.children.length === 0 ? (a(), x(h, {
             key: 0,
             description: "从左侧拖拽组件到此处"
-          })) : G("", !0)
+          })) : Q("", !0)
         ])
       ]);
     };
   }
-}), at = /* @__PURE__ */ ce(nt, [["__scopeId", "data-v-e6a28470"]]);
+}), at = /* @__PURE__ */ ve(nt, [["__scopeId", "data-v-e6a28470"]]);
 /*! Element Plus Icons Vue v2.3.2 */
-var ut = /* @__PURE__ */ P({
+var ut = /* @__PURE__ */ J({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"
       })
     ]));
   }
-}), it = ut, rt = /* @__PURE__ */ P({
+}), rt = ut, it = /* @__PURE__ */ J({
   name: "CircleCheck",
   __name: "circle-check",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
       }),
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752z"
       })
     ]));
   }
-}), dt = rt, st = /* @__PURE__ */ P({
+}), dt = it, st = /* @__PURE__ */ J({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
       })
     ]));
   }
-}), Fe = st, pt = /* @__PURE__ */ P({
+}), Fe = st, pt = /* @__PURE__ */ J({
   name: "Document",
   __name: "document",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z"
       })
     ]));
   }
-}), ct = pt, mt = /* @__PURE__ */ P({
+}), ct = pt, mt = /* @__PURE__ */ J({
   name: "Download",
   __name: "download",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
       })
     ]));
   }
-}), ft = mt, vt = /* @__PURE__ */ P({
+}), ft = mt, vt = /* @__PURE__ */ J({
   name: "Edit",
   __name: "edit",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640z"
       }),
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
       })
     ]));
   }
-}), je = vt, bt = /* @__PURE__ */ P({
+}), je = vt, bt = /* @__PURE__ */ J({
   name: "Files",
   __name: "files",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M128 384v448h768V384zm-32-64h832a32 32 0 0 1 32 32v512a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V352a32 32 0 0 1 32-32m64-128h704v64H160zm96-128h512v64H256z"
       })
     ]));
   }
-}), yt = bt, gt = /* @__PURE__ */ P({
+}), yt = bt, _t = /* @__PURE__ */ J({
   name: "Fold",
   __name: "fold",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M896 192H128v128h768zm0 256H384v128h512zm0 256H128v128h768zM320 384 128 512l192 128z"
       })
     ]));
   }
-}), _t = gt, Vt = /* @__PURE__ */ P({
+}), gt = _t, Vt = /* @__PURE__ */ J({
   name: "Grid",
   __name: "grid",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M640 384v256H384V384zm64 0h192v256H704zm-64 512H384V704h256zm64 0V704h192v192zm-64-768v192H384V128zm64 0h192v192H704zM320 384v256H128V384zm0 512H128V704h192zm0-768v192H128V128z"
       })
     ]));
   }
-}), wt = Vt, xt = /* @__PURE__ */ P({
+}), wt = Vt, ht = /* @__PURE__ */ J({
   name: "Menu",
   __name: "menu",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"
       })
     ]));
   }
-}), ht = xt, kt = /* @__PURE__ */ P({
+}), xt = ht, kt = /* @__PURE__ */ J({
   name: "Picture",
   __name: "picture",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"
       }),
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M384 288q64 0 64 64t-64 64-64-64 64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"
       })
     ]));
   }
-}), Ct = kt, Ut = /* @__PURE__ */ P({
+}), Ct = kt, Ut = /* @__PURE__ */ J({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
       })
     ]));
   }
-}), Xe = Ut, It = /* @__PURE__ */ P({
+}), We = Ut, It = /* @__PURE__ */ J({
   name: "Postcard",
   __name: "postcard",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M160 224a32 32 0 0 0-32 32v512a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V256a32 32 0 0 0-32-32zm0-64h704a96 96 0 0 1 96 96v512a96 96 0 0 1-96 96H160a96 96 0 0 1-96-96V256a96 96 0 0 1 96-96"
       }),
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M704 320a64 64 0 1 1 0 128 64 64 0 0 1 0-128M288 448h256q32 0 32 32t-32 32H288q-32 0-32-32t32-32m0 128h256q32 0 32 32t-32 32H288q-32 0-32-32t32-32"
       })
     ]));
   }
-}), zt = It, Dt = /* @__PURE__ */ P({
+}), zt = It, Dt = /* @__PURE__ */ J({
   name: "SetUp",
   __name: "set-up",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M224 160a64 64 0 0 0-64 64v576a64 64 0 0 0 64 64h576a64 64 0 0 0 64-64V224a64 64 0 0 0-64-64zm0-64h576a128 128 0 0 1 128 128v576a128 128 0 0 1-128 128H224A128 128 0 0 1 96 800V224A128 128 0 0 1 224 96"
       }),
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M384 416a64 64 0 1 0 0-128 64 64 0 0 0 0 128m0 64a128 128 0 1 1 0-256 128 128 0 0 1 0 256"
       }),
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M480 320h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32m160 416a64 64 0 1 0 0-128 64 64 0 0 0 0 128m0 64a128 128 0 1 1 0-256 128 128 0 0 1 0 256"
       }),
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M288 640h256q32 0 32 32t-32 32H288q-32 0-32-32t32-32"
       })
     ]));
   }
-}), St = Dt, $t = /* @__PURE__ */ P({
+}), St = Dt, $t = /* @__PURE__ */ J({
   name: "SwitchButton",
   __name: "switch-button",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M352 159.872V230.4a352 352 0 1 0 320 0v-70.528A416.128 416.128 0 0 1 512 960a416 416 0 0 1-160-800.128"
       }),
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M512 64q32 0 32 32v320q0 32-32 32t-32-32V96q0-32 32-32"
       })
     ]));
   }
-}), Nt = $t, Mt = /* @__PURE__ */ P({
+}), Nt = $t, Mt = /* @__PURE__ */ J({
   name: "Upload",
   __name: "upload",
   setup(e) {
-    return (l, t) => (a(), m("svg", {
+    return (l, t) => (a(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("path", {
         fill: "currentColor",
         d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248z"
       })
     ]));
   }
 }), ol = Mt;
-const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P({
+const Rt = { class: "content" }, Ht = { class: "label" }, Ot = /* @__PURE__ */ J({
   __name: "PaletteItem",
   props: {
     label: {},
     nodeType: {}
   },
   setup(e) {
-    const l = e, { beginPaletteDrag: t } = ye(), r = {
-      flexRow: ht,
-      collapse: _t,
+    const l = e, { beginPaletteDrag: t } = Ve(), r = {
+      flexRow: xt,
+      collapse: gt,
       tabs: yt,
       table: wt,
       input: je,
       textarea: ct,
-      select: it,
+      select: rt,
       radio: dt,
       checkbox: St,
       switch: Nt,
       "image-upload": Ct,
       "file-upload": ol,
       title: zt
-    }, c = N(() => r[l.nodeType] || je);
-    function h(g) {
-      g.button === 0 && t(l.nodeType, g);
+    }, m = $(() => r[l.nodeType] || je);
+    function h(V) {
+      V.button === 0 && t(l.nodeType, V);
     }
-    return (g, u) => {
-      const y = V("el-icon"), I = V("el-card");
-      return a(), C(I, {
+    return (V, u) => {
+      const b = w("el-icon"), M = w("el-card");
+      return a(), x(M, {
         shadow: "hover",
         class: "item",
         onPointerdown: h
       }, {
-        default: d(() => [
-          b("div", Ht, [
-            o(y, {
+        default: i(() => [
+          y("div", Rt, [
+            o(b, {
               class: "icon",
               size: 16
             }, {
-              default: d(() => [
-                (a(), C(il(c.value)))
+              default: i(() => [
+                (a(), x(rl(m.value)))
               ]),
               _: 1
             }),
-            b("div", Rt, ee(e.label), 1)
+            y("div", Ht, te(e.label), 1)
           ])
         ]),
         _: 1
       });
     };
   }
-}), ie = /* @__PURE__ */ ce(Ot, [["__scopeId", "data-v-7d576d24"]]), At = { class: "wrap" }, Tt = { class: "grid" }, Pt = { class: "grid" }, Et = /* @__PURE__ */ P({
+}), ie = /* @__PURE__ */ ve(Ot, [["__scopeId", "data-v-7d576d24"]]), Tt = { class: "wrap" }, At = { class: "grid" }, Et = { class: "grid" }, Pt = /* @__PURE__ */ J({
   __name: "Palette",
   setup(e) {
-    const l = z(["container", "field"]), { drag: t } = ye(), r = N(() => t.isDragging.value), c = N(() => ({
+    const l = I(["container", "field"]), { drag: t } = Ve(), r = $(() => t.isDragging.value), m = $(() => ({
       left: `${t.pointer.x + 12}px`,
       top: `${t.pointer.y + 12}px`
-    })), h = N(() => {
-      const g = t.dragging.value;
-      return g ? g.kind === "palette" ? g.nodeType : "移动组件" : "";
+    })), h = $(() => {
+      const V = t.dragging.value;
+      return V ? V.kind === "palette" ? V.nodeType : "移动组件" : "";
     });
-    return (g, u) => {
-      const y = V("el-collapse-item"), I = V("el-collapse");
-      return a(), m("div", At, [
-        o(I, {
+    return (V, u) => {
+      const b = w("el-collapse-item"), M = w("el-collapse");
+      return a(), f("div", Tt, [
+        o(M, {
           modelValue: l.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (O) => l.value = O)
+          "onUpdate:modelValue": u[0] || (u[0] = (E) => l.value = E)
         }, {
-          default: d(() => [
-            o(y, { name: "container" }, {
-              title: d(() => [...u[1] || (u[1] = [
-                S(" 容器组件 ", -1)
+          default: i(() => [
+            o(b, { name: "container" }, {
+              title: i(() => [...u[1] || (u[1] = [
+                z(" 容器组件 ", -1)
               ])]),
-              default: d(() => [
-                b("div", Tt, [
+              default: i(() => [
+                y("div", At, [
                   o(ie, {
                     label: "横向布局",
                     "node-type": "flexRow"
@@ -1128,12 +1128,12 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
               ]),
               _: 1
             }),
-            o(y, { name: "field" }, {
-              title: d(() => [...u[2] || (u[2] = [
-                S(" 普通组件 ", -1)
+            o(b, { name: "field" }, {
+              title: i(() => [...u[2] || (u[2] = [
+                z(" 普通组件 ", -1)
               ])]),
-              default: d(() => [
-                b("div", Pt, [
+              default: i(() => [
+                y("div", Et, [
                   o(ie, {
                     label: "文本框",
                     "node-type": "input"
@@ -1181,21 +1181,21 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        r.value ? (a(), m("div", {
+        r.value ? (a(), f("div", {
           key: 0,
           class: "ghost",
-          style: Ne(c.value)
-        }, ee(h.value), 5)) : G("", !0)
+          style: He(m.value)
+        }, te(h.value), 5)) : Q("", !0)
       ]);
     };
   }
-}), Yt = /* @__PURE__ */ ce(Et, [["__scopeId", "data-v-1a00cdb7"]]), Lt = {
+}), Lt = /* @__PURE__ */ ve(Pt, [["__scopeId", "data-v-1a00cdb7"]]), Yt = {
   key: 3,
   class: "tableWrap"
-}, Bt = { class: "tableHeader" }, Jt = { class: "title" }, qt = { class: "actions" }, Ft = {
+}, Jt = { class: "tableHeader" }, Bt = { class: "title" }, qt = { class: "actions" }, Ft = {
   key: 0,
   class: "pagination"
-}, jt = /* @__PURE__ */ P({
+}, jt = /* @__PURE__ */ J({
   __name: "RenderNode",
   props: {
     node: {},
@@ -1203,333 +1203,356 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, r = l, c = N({
+    const t = e, r = l, m = $({
       get: () => t.modelValue,
-      set: (x) => r("update:modelValue", x)
+      set: (d) => r("update:modelValue", d)
     });
-    Ke(() => {
+    Xe(() => {
       if (t.node.type === "switch") {
-        const x = t.node;
-        c.value[x.props.field] === void 0 && r("update:modelValue", { ...c.value, [x.props.field]: x.props.inactiveValue ?? !1 });
+        const d = t.node;
+        m.value[d.props.field] === void 0 && r("update:modelValue", { ...m.value, [d.props.field]: d.props.inactiveValue ?? !1 });
       }
     });
-    const h = "/api/upload", g = N({
+    const h = process.env.VITE_DEVJECT_UPLOAD_URL, V = process.env.VITE_DEVJECT_DOWNLOAD_URL, u = process.env.VITE_DEVJECT_UPLOAD_PARSE, b = $({
       get: () => {
         if (!["image-upload", "file-upload"].includes(t.node.type)) return [];
-        const x = t.node, i = c.value[x.props.field];
-        return Array.isArray(i) ? i : [];
+        const d = t.node, s = m.value[d.props.field];
+        return Array.isArray(s) ? s : [];
       },
-      set: (x) => {
+      set: (d) => {
         if (!["image-upload", "file-upload"].includes(t.node.type)) return;
-        const i = t.node;
-        r("update:modelValue", { ...c.value, [i.props.field]: x });
+        const s = t.node;
+        r("update:modelValue", { ...m.value, [s.props.field]: d });
       }
     });
-    function u(x) {
-      x.url && window.open(x.url, "_blank");
+    function M(d, s, T) {
+      const G = (u || "data").split(".");
+      let Y = d;
+      for (const Z of G)
+        if (Y && typeof Y == "object" && Z in Y)
+          Y = Y[Z];
+        else {
+          Y = null;
+          break;
+        }
+      if (Y) {
+        let Z;
+        if (Y.startsWith("http"))
+          Z = Y;
+        else {
+          const ue = V || "", pe = Y.startsWith("/") ? "" : "/";
+          Z = ue + pe + Y;
+        }
+        s.url = Z;
+        const _ = t.node;
+        r("update:modelValue", { ...m.value, [_.props.field]: [...T] });
+      }
+    }
+    function E(d) {
+      d.url && window.open(d.url, "_blank");
     }
-    const y = N(() => t.node.type !== "flexRow" ? {} : {
+    const k = $(() => t.node.type !== "flexRow" ? {} : {
       display: "grid",
       gap: `${t.node.props.gap ?? 12}px`,
       gridTemplateColumns: `repeat(${t.node.columns.length}, minmax(0, 1fr))`
-    }), I = N({
+    }), C = $({
       get: () => {
-        const x = t.node;
-        if (x.props.field)
-          return c.value[x.props.field];
+        const d = t.node;
+        if (d.props.field)
+          return m.value[d.props.field];
       },
-      set: (x) => {
-        const i = t.node;
-        i.props.field && r("update:modelValue", { ...c.value, [i.props.field]: x });
+      set: (d) => {
+        const s = t.node;
+        s.props.field && r("update:modelValue", { ...m.value, [s.props.field]: d });
       }
-    }), O = N({
+    }), N = $({
       get: () => {
-        const x = I.value, i = t.node;
-        return x === void 0 ? i.props.inactiveValue : x;
+        const d = C.value, s = t.node;
+        return d === void 0 ? s.props.inactiveValue : d;
       },
-      set: (x) => {
-        I.value = x;
+      set: (d) => {
+        C.value = d;
       }
-    }), k = N({
+    }), F = $({
       get: () => {
         if (t.node.type !== "checkbox") return [];
-        const x = t.node, i = c.value[x.props.field];
-        return Array.isArray(i) ? i : [];
+        const d = t.node, s = m.value[d.props.field];
+        return Array.isArray(s) ? s : [];
       },
-      set: (x) => {
+      set: (d) => {
         if (t.node.type !== "checkbox") return;
-        const i = t.node;
-        r("update:modelValue", { ...c.value, [i.props.field]: x });
+        const s = t.node;
+        r("update:modelValue", { ...m.value, [s.props.field]: d });
       }
-    }), M = z(1), D = N({
+    }), W = I(1), L = $({
       get: () => {
         if (t.node.type !== "table") return [];
-        const x = t.node, i = c.value[x.props.field];
-        return Array.isArray(i) ? i : [];
+        const d = t.node, s = m.value[d.props.field];
+        return Array.isArray(s) ? s : [];
       },
-      set: (x) => {
+      set: (d) => {
         if (t.node.type !== "table") return;
-        const i = t.node;
-        r("update:modelValue", { ...c.value, [i.props.field]: x });
+        const s = t.node;
+        r("update:modelValue", { ...m.value, [s.props.field]: d });
       }
-    }), J = N(() => {
+    }), X = $(() => {
       if (t.node.type !== "table") return [];
-      if (!t.node.props.pagination) return D.value;
-      const x = t.node.props.pageSize ?? 10, i = (M.value - 1) * x;
-      return D.value.slice(i, i + x);
+      if (!t.node.props.pagination) return L.value;
+      const d = t.node.props.pageSize ?? 10, s = (W.value - 1) * d;
+      return L.value.slice(s, s + d);
     });
-    function K() {
+    function ne() {
       if (t.node.type !== "table") return;
-      const x = t.node, i = {};
-      for (const f of x.props.columns)
-        i[f.prop] = "";
-      D.value = [...D.value, i];
+      const d = t.node, s = {};
+      for (const T of d.props.columns)
+        s[T.prop] = "";
+      L.value = [...L.value, s];
     }
-    function Z(x) {
+    function ee(d) {
       if (t.node.type !== "table") return;
-      const i = t.node, f = i.props.pagination ? (M.value - 1) * (i.props.pageSize ?? 10) + x : x, _ = [...D.value];
-      _.splice(f, 1), D.value = _;
+      const s = t.node, T = s.props.pagination ? (W.value - 1) * (s.props.pageSize ?? 10) + d : d, le = [...L.value];
+      le.splice(T, 1), L.value = le;
     }
-    function j(x) {
-      M.value = x;
+    function de(d) {
+      W.value = d;
     }
-    function te(x) {
+    function se(d) {
       if (t.node.type !== "table") return;
-      const i = new FileReader();
-      i.onload = (f) => {
-        var W;
-        const _ = (W = f.target) == null ? void 0 : W.result;
-        if (!_) return;
-        const T = he.read(_, { type: "binary" }), q = T.Sheets[T.SheetNames[0]], F = he.utils.sheet_to_json(q).map((ae) => {
-          const w = {}, we = t.node;
-          for (const ue of we.props.columns)
-            ae[ue.prop] !== void 0 ? w[ue.prop] = ae[ue.prop] : ae[ue.label] !== void 0 ? w[ue.prop] = ae[ue.label] : w[ue.prop] = "";
-          return w;
+      const s = new FileReader();
+      s.onload = (T) => {
+        var ue;
+        const le = (ue = T.target) == null ? void 0 : ue.result;
+        if (!le) return;
+        const G = Ce.read(le, { type: "binary" }), Y = G.Sheets[G.SheetNames[0]], _ = Ce.utils.sheet_to_json(Y).map((pe) => {
+          const be = {}, ke = t.node;
+          for (const re of ke.props.columns)
+            pe[re.prop] !== void 0 ? be[re.prop] = pe[re.prop] : pe[re.label] !== void 0 ? be[re.prop] = pe[re.label] : be[re.prop] = "";
+          return be;
         });
-        D.value = [...D.value, ...F];
-      }, i.readAsBinaryString(x.raw);
+        L.value = [...L.value, ..._];
+      }, s.readAsBinaryString(d.raw);
     }
-    function Q() {
+    function U() {
       if (t.node.type !== "table") return;
-      const x = D.value;
-      if (!x.length) return;
-      const i = t.node, f = i.props.columns, _ = x.map((de) => {
-        const F = {};
-        return f.forEach((W) => {
-          F[W.label] = de[W.prop];
-        }), F;
-      }), T = he.utils.json_to_sheet(_), q = he.utils.book_new();
-      he.utils.book_append_sheet(q, T, "Sheet1"), he.writeFile(q, `${i.props.label || "data"}.xlsx`);
+      const d = L.value;
+      if (!d.length) return;
+      const s = t.node, T = s.props.columns, le = d.map((Z) => {
+        const _ = {};
+        return T.forEach((ue) => {
+          _[ue.label] = Z[ue.prop];
+        }), _;
+      }), G = Ce.utils.json_to_sheet(le), Y = Ce.utils.book_new();
+      Ce.utils.book_append_sheet(Y, G, "Sheet1"), Ce.writeFile(Y, `${s.props.label || "data"}.xlsx`);
     }
-    function re() {
-      t.node.type === "table" && (D.value = []);
+    function g() {
+      t.node.type === "table" && (L.value = []);
     }
-    return (x, i) => {
-      const f = V("RenderNode", !0), _ = V("el-collapse-item"), T = V("el-collapse"), q = V("el-tab-pane"), de = V("el-tabs"), F = V("el-button"), W = V("el-upload"), ae = V("el-option"), w = V("el-select"), we = V("el-input-number"), ue = V("el-date-picker"), ze = V("el-time-picker"), Ce = V("el-input"), De = V("el-table-column"), Re = V("el-table"), Oe = V("el-pagination"), Ae = V("el-radio"), Te = V("el-radio-group"), Pe = V("el-checkbox"), s = V("el-checkbox-group"), n = V("el-switch"), H = V("el-icon"), R = V("el-form-item");
-      return e.node.type === "flexRow" ? (a(), m("div", {
+    return (d, s) => {
+      const T = w("RenderNode", !0), le = w("el-collapse-item"), G = w("el-collapse"), Y = w("el-tab-pane"), Z = w("el-tabs"), _ = w("el-button"), ue = w("el-upload"), pe = w("el-option"), be = w("el-select"), ke = w("el-input-number"), re = w("el-date-picker"), $e = w("el-time-picker"), Ie = w("el-input"), Ne = w("el-table-column"), Ae = w("el-table"), Ee = w("el-pagination"), p = w("el-radio"), n = w("el-radio-group"), R = w("el-checkbox"), H = w("el-checkbox-group"), ce = w("el-switch"), A = w("el-icon"), ze = w("el-form-item");
+      return e.node.type === "flexRow" ? (a(), f("div", {
         key: 0,
         class: "row",
-        style: Ne(y.value)
+        style: He(k.value)
       }, [
-        (a(!0), m($, null, E(e.node.columns, (p) => (a(), m("div", {
-          key: p.id,
+        (a(!0), f(D, null, B(e.node.columns, (c) => (a(), f("div", {
+          key: c.id,
           class: "col"
         }, [
-          (a(!0), m($, null, E(p.children, (U) => (a(), C(f, {
-            key: U.id,
-            node: U,
-            modelValue: c.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (L) => c.value = L)
+          (a(!0), f(D, null, B(c.children, (O) => (a(), x(T, {
+            key: O.id,
+            node: O,
+            modelValue: m.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (S) => m.value = S)
           }, null, 8, ["node", "modelValue"]))), 128))
         ]))), 128))
-      ], 4)) : e.node.type === "collapse" ? (a(), C(T, {
+      ], 4)) : e.node.type === "collapse" ? (a(), x(G, {
         key: 1,
         accordion: e.node.props.accordion
       }, {
-        default: d(() => [
-          (a(!0), m($, null, E(e.node.items, (p) => (a(), C(_, {
-            key: p.id,
-            title: p.title,
-            name: p.name
+        default: i(() => [
+          (a(!0), f(D, null, B(e.node.items, (c) => (a(), x(le, {
+            key: c.id,
+            title: c.title,
+            name: c.name
           }, {
-            default: d(() => [
-              (a(!0), m($, null, E(p.children, (U) => (a(), C(f, {
-                key: U.id,
-                node: U,
-                modelValue: c.value,
-                "onUpdate:modelValue": i[1] || (i[1] = (L) => c.value = L)
+            default: i(() => [
+              (a(!0), f(D, null, B(c.children, (O) => (a(), x(T, {
+                key: O.id,
+                node: O,
+                modelValue: m.value,
+                "onUpdate:modelValue": s[1] || (s[1] = (S) => m.value = S)
               }, null, 8, ["node", "modelValue"]))), 128))
             ]),
             _: 2
           }, 1032, ["title", "name"]))), 128))
         ]),
         _: 1
-      }, 8, ["accordion"])) : e.node.type === "tabs" ? (a(), C(de, {
+      }, 8, ["accordion"])) : e.node.type === "tabs" ? (a(), x(Z, {
         key: 2,
         type: e.node.props.type
       }, {
-        default: d(() => [
-          (a(!0), m($, null, E(e.node.tabs, (p) => (a(), C(q, {
-            key: p.id,
-            label: p.label
+        default: i(() => [
+          (a(!0), f(D, null, B(e.node.tabs, (c) => (a(), x(Y, {
+            key: c.id,
+            label: c.label
           }, {
-            default: d(() => [
-              (a(!0), m($, null, E(p.children, (U) => (a(), C(f, {
-                key: U.id,
-                node: U,
-                modelValue: c.value,
-                "onUpdate:modelValue": i[2] || (i[2] = (L) => c.value = L)
+            default: i(() => [
+              (a(!0), f(D, null, B(c.children, (O) => (a(), x(T, {
+                key: O.id,
+                node: O,
+                modelValue: m.value,
+                "onUpdate:modelValue": s[2] || (s[2] = (S) => m.value = S)
               }, null, 8, ["node", "modelValue"]))), 128))
             ]),
             _: 2
           }, 1032, ["label"]))), 128))
         ]),
         _: 1
-      }, 8, ["type"])) : e.node.type === "table" ? (a(), m("div", Lt, [
-        b("div", Bt, [
-          b("div", Jt, ee(e.node.props.label), 1),
-          b("div", qt, [
-            o(F, {
-              icon: fe(Fe),
+      }, 8, ["type"])) : e.node.type === "table" ? (a(), f("div", Yt, [
+        y("div", Jt, [
+          y("div", Bt, te(e.node.props.label), 1),
+          y("div", qt, [
+            o(_, {
+              icon: ye(Fe),
               size: "small",
               type: "danger",
               plain: "",
-              onClick: re
+              onClick: g
             }, {
-              default: d(() => [...i[16] || (i[16] = [
-                S("清空数据", -1)
+              default: i(() => [...s[16] || (s[16] = [
+                z("清空数据", -1)
               ])]),
               _: 1
             }, 8, ["icon"]),
-            e.node.props.enableExcelImport ? (a(), C(W, {
+            e.node.props.enableExcelImport ? (a(), x(ue, {
               key: 0,
               action: "#",
               "auto-upload": !1,
               "show-file-list": !1,
               accept: ".xlsx, .xls",
-              "on-change": te
+              "on-change": se
             }, {
-              default: d(() => [
-                o(F, {
-                  icon: fe(ol),
+              default: i(() => [
+                o(_, {
+                  icon: ye(ol),
                   size: "small"
                 }, {
-                  default: d(() => [...i[17] || (i[17] = [
-                    S("导入Excel", -1)
+                  default: i(() => [...s[17] || (s[17] = [
+                    z("导入Excel", -1)
                   ])]),
                   _: 1
                 }, 8, ["icon"])
               ]),
               _: 1
-            })) : G("", !0),
-            o(F, {
-              icon: fe(ft),
+            })) : Q("", !0),
+            o(_, {
+              icon: ye(ft),
               size: "small",
-              onClick: Q
+              onClick: U
             }, {
-              default: d(() => [...i[18] || (i[18] = [
-                S("导出Excel", -1)
+              default: i(() => [...s[18] || (s[18] = [
+                z("导出Excel", -1)
               ])]),
               _: 1
             }, 8, ["icon"]),
-            o(F, {
+            o(_, {
               type: "primary",
-              icon: fe(Xe),
+              icon: ye(We),
               size: "small",
-              onClick: K
+              onClick: ne
             }, {
-              default: d(() => [...i[19] || (i[19] = [
-                S("添加", -1)
+              default: i(() => [...s[19] || (s[19] = [
+                z("添加", -1)
               ])]),
               _: 1
             }, 8, ["icon"])
           ])
         ]),
-        o(Re, {
-          data: J.value,
+        o(Ae, {
+          data: X.value,
           border: "",
           style: { width: "100%" },
           size: "small"
         }, {
-          default: d(() => [
-            (a(!0), m($, null, E(e.node.props.columns, (p) => (a(), C(De, {
-              key: p.id,
-              prop: p.prop,
-              label: p.label,
-              width: p.width,
-              sortable: !!p.sortable
+          default: i(() => [
+            (a(!0), f(D, null, B(e.node.props.columns, (c) => (a(), x(Ne, {
+              key: c.id,
+              prop: c.prop,
+              label: c.label,
+              width: c.width,
+              sortable: !!c.sortable
             }, {
-              default: d(({ row: U }) => [
-                p.type === "select" ? (a(), C(w, {
+              default: i(({ row: O }) => [
+                c.type === "select" ? (a(), x(be, {
                   key: 0,
-                  modelValue: U[p.prop],
-                  "onUpdate:modelValue": (L) => U[p.prop] = L,
+                  modelValue: O[c.prop],
+                  "onUpdate:modelValue": (S) => O[c.prop] = S,
                   size: "small",
-                  multiple: !!p.multiple,
-                  filterable: !!p.filterable,
-                  placeholder: p.placeholder || "请选择",
+                  multiple: !!c.multiple,
+                  filterable: !!c.filterable,
+                  placeholder: c.placeholder || "请选择",
                   style: { width: "100%" }
                 }, {
-                  default: d(() => [
-                    (a(!0), m($, null, E(p.options ?? [], (L) => (a(), C(ae, {
-                      key: L.value,
-                      label: L.label,
-                      value: L.value
+                  default: i(() => [
+                    (a(!0), f(D, null, B(c.options ?? [], (S) => (a(), x(pe, {
+                      key: S.value,
+                      label: S.label,
+                      value: S.value
                     }, null, 8, ["label", "value"]))), 128))
                   ]),
                   _: 2
-                }, 1032, ["modelValue", "onUpdate:modelValue", "multiple", "filterable", "placeholder"])) : p.type === "number" ? (a(), C(we, {
+                }, 1032, ["modelValue", "onUpdate:modelValue", "multiple", "filterable", "placeholder"])) : c.type === "number" ? (a(), x(ke, {
                   key: 1,
-                  modelValue: U[p.prop],
-                  "onUpdate:modelValue": (L) => U[p.prop] = L,
+                  modelValue: O[c.prop],
+                  "onUpdate:modelValue": (S) => O[c.prop] = S,
                   "controls-position": "right",
                   size: "small",
                   style: { width: "100%" }
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : ["date", "datetime", "month"].includes(p.type) ? (a(), C(ue, {
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : ["date", "datetime", "month"].includes(c.type) ? (a(), x(re, {
                   key: 2,
-                  modelValue: U[p.prop],
-                  "onUpdate:modelValue": (L) => U[p.prop] = L,
-                  type: p.type,
-                  format: p.type === "datetime" ? "YYYY-MM-DD HH:mm:ss" : p.type === "month" ? "YYYY-MM" : "YYYY-MM-DD",
-                  "value-format": p.type === "datetime" ? "YYYY-MM-DD HH:mm:ss" : p.type === "month" ? "YYYY-MM" : "YYYY-MM-DD",
-                  placeholder: p.placeholder || "请选择",
+                  modelValue: O[c.prop],
+                  "onUpdate:modelValue": (S) => O[c.prop] = S,
+                  type: c.type,
+                  format: c.type === "datetime" ? "YYYY-MM-DD HH:mm:ss" : c.type === "month" ? "YYYY-MM" : "YYYY-MM-DD",
+                  "value-format": c.type === "datetime" ? "YYYY-MM-DD HH:mm:ss" : c.type === "month" ? "YYYY-MM" : "YYYY-MM-DD",
+                  placeholder: c.placeholder || "请选择",
                   size: "small",
                   style: { width: "100%" }
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "format", "value-format", "placeholder"])) : p.type === "time" ? (a(), C(ze, {
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "format", "value-format", "placeholder"])) : c.type === "time" ? (a(), x($e, {
                   key: 3,
-                  modelValue: U[p.prop],
-                  "onUpdate:modelValue": (L) => U[p.prop] = L,
+                  modelValue: O[c.prop],
+                  "onUpdate:modelValue": (S) => O[c.prop] = S,
                   format: "HH:mm:ss",
                   "value-format": "HH:mm:ss",
-                  placeholder: p.placeholder || "请选择时间",
+                  placeholder: c.placeholder || "请选择时间",
                   size: "small",
                   style: { width: "100%" }
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (a(), C(Ce, {
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (a(), x(Ie, {
                   key: 4,
-                  modelValue: U[p.prop],
-                  "onUpdate:modelValue": (L) => U[p.prop] = L,
+                  modelValue: O[c.prop],
+                  "onUpdate:modelValue": (S) => O[c.prop] = S,
                   size: "small"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]))
               ]),
               _: 2
             }, 1032, ["prop", "label", "width", "sortable"]))), 128)),
-            o(De, {
+            o(Ne, {
               label: "操作",
               width: "100",
               fixed: "right"
             }, {
-              header: d(() => [...i[20] || (i[20] = [
-                b("div", { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, [
-                  b("span", null, "操作")
+              header: i(() => [...s[20] || (s[20] = [
+                y("div", { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, [
+                  y("span", null, "操作")
                 ], -1)
               ])]),
-              default: d(({ $index: p }) => [
-                o(F, {
+              default: i(({ $index: c }) => [
+                o(_, {
                   type: "danger",
-                  icon: fe(Fe),
+                  icon: ye(Fe),
                   circle: "",
                   size: "small",
-                  onClick: (U) => Z(p)
+                  onClick: (O) => ee(c)
                 }, null, 8, ["icon", "onClick"])
               ]),
               _: 1
@@ -1537,170 +1560,175 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
           ]),
           _: 1
         }, 8, ["data"]),
-        e.node.props.pagination ? (a(), m("div", Ft, [
-          o(Oe, {
-            "current-page": M.value,
-            "onUpdate:currentPage": i[3] || (i[3] = (p) => M.value = p),
+        e.node.props.pagination ? (a(), f("div", Ft, [
+          o(Ee, {
+            "current-page": W.value,
+            "onUpdate:currentPage": s[3] || (s[3] = (c) => W.value = c),
             "page-size": e.node.props.pageSize,
-            total: D.value.length,
+            total: L.value.length,
             layout: "prev, pager, next",
-            onCurrentChange: j
+            onCurrentChange: de
           }, null, 8, ["current-page", "page-size", "total"])
-        ])) : G("", !0)
-      ])) : e.node.type === "title" ? (a(), m("div", {
+        ])) : Q("", !0)
+      ])) : e.node.type === "title" ? (a(), f("div", {
         key: 4,
-        style: Ne({
+        style: He({
           fontSize: (e.node.props.fontSize || 16) + "px",
           fontWeight: e.node.props.bold ? "bold" : "normal",
           textAlign: e.node.props.align || "left",
           margin: "10px 0"
         })
-      }, ee(e.node.props.label), 5)) : (a(), C(R, {
+      }, te(e.node.props.label), 5)) : (a(), x(ze, {
         key: 5,
         label: e.node.props.label,
         required: !!e.node.props.required
       }, {
-        default: d(() => [
-          e.node.type === "input" ? (a(), m($, { key: 0 }, [
-            e.node.props.inputType === "number" ? (a(), C(we, {
+        default: i(() => [
+          e.node.type === "input" ? (a(), f(D, { key: 0 }, [
+            e.node.props.inputType === "number" ? (a(), x(ke, {
               key: 0,
-              modelValue: I.value,
-              "onUpdate:modelValue": i[4] || (i[4] = (p) => I.value = p),
+              modelValue: C.value,
+              "onUpdate:modelValue": s[4] || (s[4] = (c) => C.value = c),
               placeholder: e.node.props.placeholder ?? ""
-            }, null, 8, ["modelValue", "placeholder"])) : e.node.props.inputType === "date" ? (a(), C(ue, {
+            }, null, 8, ["modelValue", "placeholder"])) : e.node.props.inputType === "date" ? (a(), x(re, {
               key: 1,
-              modelValue: I.value,
-              "onUpdate:modelValue": i[5] || (i[5] = (p) => I.value = p),
+              modelValue: C.value,
+              "onUpdate:modelValue": s[5] || (s[5] = (c) => C.value = c),
               type: "date",
               "value-format": "YYYY-MM-DD",
               placeholder: e.node.props.placeholder ?? ""
-            }, null, 8, ["modelValue", "placeholder"])) : e.node.props.inputType === "time" ? (a(), C(ze, {
+            }, null, 8, ["modelValue", "placeholder"])) : e.node.props.inputType === "time" ? (a(), x($e, {
               key: 2,
-              modelValue: I.value,
-              "onUpdate:modelValue": i[6] || (i[6] = (p) => I.value = p),
+              modelValue: C.value,
+              "onUpdate:modelValue": s[6] || (s[6] = (c) => C.value = c),
               "value-format": "HH:mm:ss",
               placeholder: e.node.props.placeholder ?? ""
-            }, null, 8, ["modelValue", "placeholder"])) : e.node.props.inputType === "datetime" ? (a(), C(ue, {
+            }, null, 8, ["modelValue", "placeholder"])) : e.node.props.inputType === "datetime" ? (a(), x(re, {
               key: 3,
-              modelValue: I.value,
-              "onUpdate:modelValue": i[7] || (i[7] = (p) => I.value = p),
+              modelValue: C.value,
+              "onUpdate:modelValue": s[7] || (s[7] = (c) => C.value = c),
               type: "datetime",
               "value-format": "YYYY-MM-DD HH:mm:ss",
               placeholder: e.node.props.placeholder ?? ""
-            }, null, 8, ["modelValue", "placeholder"])) : (a(), C(Ce, {
+            }, null, 8, ["modelValue", "placeholder"])) : (a(), x(Ie, {
               key: 4,
-              modelValue: I.value,
-              "onUpdate:modelValue": i[8] || (i[8] = (p) => I.value = p),
+              modelValue: C.value,
+              "onUpdate:modelValue": s[8] || (s[8] = (c) => C.value = c),
               placeholder: e.node.props.placeholder ?? ""
             }, null, 8, ["modelValue", "placeholder"]))
-          ], 64)) : e.node.type === "textarea" ? (a(), C(Ce, {
+          ], 64)) : e.node.type === "textarea" ? (a(), x(Ie, {
             key: 1,
-            modelValue: I.value,
-            "onUpdate:modelValue": i[9] || (i[9] = (p) => I.value = p),
+            modelValue: C.value,
+            "onUpdate:modelValue": s[9] || (s[9] = (c) => C.value = c),
             type: "textarea",
             autosize: { minRows: 3, maxRows: 8 },
             placeholder: e.node.props.placeholder ?? ""
-          }, null, 8, ["modelValue", "placeholder"])) : e.node.type === "select" ? (a(), C(w, {
+          }, null, 8, ["modelValue", "placeholder"])) : e.node.type === "select" ? (a(), x(be, {
             key: 2,
-            modelValue: I.value,
-            "onUpdate:modelValue": i[10] || (i[10] = (p) => I.value = p),
+            modelValue: C.value,
+            "onUpdate:modelValue": s[10] || (s[10] = (c) => C.value = c),
             style: { width: "100%" },
             placeholder: e.node.props.placeholder ?? "",
             multiple: !!e.node.props.multiple
           }, {
-            default: d(() => [
-              (a(!0), m($, null, E(e.node.props.options ?? [], (p) => (a(), C(ae, {
-                key: p.value,
-                label: p.label,
-                value: p.value
+            default: i(() => [
+              (a(!0), f(D, null, B(e.node.props.options ?? [], (c) => (a(), x(pe, {
+                key: c.value,
+                label: c.label,
+                value: c.value
               }, null, 8, ["label", "value"]))), 128))
             ]),
             _: 1
-          }, 8, ["modelValue", "placeholder", "multiple"])) : e.node.type === "radio" ? (a(), C(Te, {
+          }, 8, ["modelValue", "placeholder", "multiple"])) : e.node.type === "radio" ? (a(), x(n, {
             key: 3,
-            modelValue: I.value,
-            "onUpdate:modelValue": i[11] || (i[11] = (p) => I.value = p)
+            modelValue: C.value,
+            "onUpdate:modelValue": s[11] || (s[11] = (c) => C.value = c)
           }, {
-            default: d(() => [
-              (a(!0), m($, null, E(e.node.props.options ?? [], (p) => (a(), C(Ae, {
-                key: p.value,
-                value: p.value
+            default: i(() => [
+              (a(!0), f(D, null, B(e.node.props.options ?? [], (c) => (a(), x(p, {
+                key: c.value,
+                value: c.value
               }, {
-                default: d(() => [
-                  S(ee(p.label), 1)
+                default: i(() => [
+                  z(te(c.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
             _: 1
-          }, 8, ["modelValue"])) : e.node.type === "checkbox" ? (a(), C(s, {
+          }, 8, ["modelValue"])) : e.node.type === "checkbox" ? (a(), x(H, {
             key: 4,
-            modelValue: k.value,
-            "onUpdate:modelValue": i[12] || (i[12] = (p) => k.value = p)
+            modelValue: F.value,
+            "onUpdate:modelValue": s[12] || (s[12] = (c) => F.value = c)
           }, {
-            default: d(() => [
-              (a(!0), m($, null, E(e.node.props.options ?? [], (p) => (a(), C(Pe, {
-                key: p.value,
-                value: p.value
+            default: i(() => [
+              (a(!0), f(D, null, B(e.node.props.options ?? [], (c) => (a(), x(R, {
+                key: c.value,
+                value: c.value
               }, {
-                default: d(() => [
-                  S(ee(p.label), 1)
+                default: i(() => [
+                  z(te(c.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
             _: 1
-          }, 8, ["modelValue"])) : e.node.type === "switch" ? (a(), C(n, {
+          }, 8, ["modelValue"])) : e.node.type === "switch" ? (a(), x(ce, {
             key: 5,
-            modelValue: O.value,
-            "onUpdate:modelValue": i[13] || (i[13] = (p) => O.value = p),
+            modelValue: N.value,
+            "onUpdate:modelValue": s[13] || (s[13] = (c) => N.value = c),
             "active-text": e.node.props.activeText,
             "inactive-text": e.node.props.inactiveText,
             "active-value": e.node.props.activeValue,
             "inactive-value": e.node.props.inactiveValue
-          }, null, 8, ["modelValue", "active-text", "inactive-text", "active-value", "inactive-value"])) : e.node.type === "image-upload" ? (a(), C(W, {
+          }, null, 8, ["modelValue", "active-text", "inactive-text", "active-value", "inactive-value"])) : e.node.type === "image-upload" ? (a(), x(ue, {
             key: 6,
-            action: fe(h),
+            action: ye(h),
+            name: "file",
             "list-type": "picture-card",
             limit: e.node.props.limit,
-            "file-list": g.value,
-            "onUpdate:fileList": i[14] || (i[14] = (p) => g.value = p),
-            "on-preview": u
+            "file-list": b.value,
+            "onUpdate:fileList": s[14] || (s[14] = (c) => b.value = c),
+            "on-preview": E,
+            "on-success": M
           }, {
-            default: d(() => [
-              o(H, null, {
-                default: d(() => [
-                  o(fe(Xe))
+            default: i(() => [
+              o(A, null, {
+                default: i(() => [
+                  o(ye(We))
                 ]),
                 _: 1
               })
             ]),
             _: 1
-          }, 8, ["action", "limit", "file-list"])) : e.node.type === "file-upload" ? (a(), C(W, {
+          }, 8, ["action", "limit", "file-list"])) : e.node.type === "file-upload" ? (a(), x(ue, {
             key: 7,
-            action: fe(h),
+            style: { width: "100%" },
+            action: ye(h),
+            name: "file",
             limit: e.node.props.limit,
             accept: e.node.props.accept,
-            "file-list": g.value,
-            "onUpdate:fileList": i[15] || (i[15] = (p) => g.value = p),
-            "on-preview": u
+            "file-list": b.value,
+            "onUpdate:fileList": s[15] || (s[15] = (c) => b.value = c),
+            "on-preview": E,
+            "on-success": M
           }, {
-            default: d(() => [
-              o(F, { type: "primary" }, {
-                default: d(() => [...i[21] || (i[21] = [
-                  S("点击上传", -1)
+            default: i(() => [
+              o(_, { type: "primary" }, {
+                default: i(() => [...s[21] || (s[21] = [
+                  z("点击上传", -1)
                 ])]),
                 _: 1
               })
             ]),
             _: 1
-          }, 8, ["action", "limit", "accept", "file-list"])) : G("", !0)
+          }, 8, ["action", "limit", "accept", "file-list"])) : Q("", !0)
         ]),
         _: 1
       }, 8, ["label", "required"]));
     };
   }
-}), Xt = /* @__PURE__ */ ce(jt, [["__scopeId", "data-v-7a292d3e"]]), Kt = { class: "root" }, Wt = /* @__PURE__ */ P({
+}), Wt = /* @__PURE__ */ ve(jt, [["__scopeId", "data-v-c41bec75"]]), Xt = { class: "root" }, Kt = /* @__PURE__ */ J({
   __name: "FormRenderer",
   props: {
     schema: {},
@@ -1708,144 +1736,144 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, r = l, c = N({
+    const t = e, r = l, m = $({
       get: () => t.modelValue,
       set: (h) => r("update:modelValue", h)
     });
-    return (h, g) => (a(), m("div", Kt, [
-      (a(!0), m($, null, E(e.schema.root.children, (u) => (a(), C(Xt, {
+    return (h, V) => (a(), f("div", Xt, [
+      (a(!0), f(D, null, B(e.schema.root.children, (u) => (a(), x(Wt, {
         key: u.id,
         node: u,
-        modelValue: c.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (y) => c.value = y)
+        modelValue: m.value,
+        "onUpdate:modelValue": V[0] || (V[0] = (b) => m.value = b)
       }, null, 8, ["node", "modelValue"]))), 128))
     ]));
   }
-}), Gt = /* @__PURE__ */ ce(Wt, [["__scopeId", "data-v-a20c32c5"]]), Zt = { class: "bar" }, Qt = { class: "surface" }, eo = /* @__PURE__ */ P({
+}), Gt = /* @__PURE__ */ ve(Kt, [["__scopeId", "data-v-a20c32c5"]]), Zt = { class: "bar" }, Qt = { class: "surface" }, eo = /* @__PURE__ */ J({
   __name: "PreviewDialog",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, r = l, c = N({
+    const t = e, r = l, m = $({
       get: () => t.modelValue,
-      set: (i) => r("update:modelValue", i)
-    }), { schema: h, formData: g, setFormData: u, exportFormData: y, importFormData: I } = ye(), O = N(() => h.value), k = z("pc"), M = z(!1);
-    z(!1);
-    const D = z({});
-    Object.keys(D.value).length === 0 && Object.keys(g.value).length > 0 && (D.value = { ...g.value });
-    const J = z(!1), K = z(""), Z = z(!1), j = z("");
-    Y(
-      () => c.value,
-      (i) => {
-        i && (D.value = y());
+      set: (U) => r("update:modelValue", U)
+    }), { schema: h, formData: V, setFormData: u, exportFormData: b, importFormData: M } = Ve(), E = $(() => h.value), k = I("pc"), C = I(!1);
+    I(!1);
+    const N = I({});
+    Object.keys(N.value).length === 0 && Object.keys(V.value).length > 0 && (N.value = { ...V.value });
+    const F = I(!1), W = I(""), L = I(!1), X = I("");
+    q(
+      () => m.value,
+      (U) => {
+        U && (N.value = b());
       },
       { immediate: !0 }
-    ), Y(
-      () => D.value,
-      (i) => {
-        u(i);
+    ), q(
+      () => N.value,
+      (U) => {
+        u(U);
       },
       { deep: !0 }
     );
-    function te() {
-      K.value = JSON.stringify(D.value, null, 2), J.value = !0;
+    function ne() {
+      W.value = JSON.stringify(N.value, null, 2), F.value = !0;
     }
-    function Q() {
-      navigator.clipboard.writeText(K.value).then(() => {
-        be.success("已复制");
+    function ee() {
+      navigator.clipboard.writeText(W.value).then(() => {
+        ge.success("已复制");
       });
     }
-    function re() {
-      j.value = "", Z.value = !0;
+    function de() {
+      X.value = "", L.value = !0;
     }
-    function x() {
+    function se() {
       try {
-        const i = JSON.parse(j.value);
-        I(i), D.value = y(), Z.value = !1, be.success("已导入数据");
+        const U = JSON.parse(X.value);
+        M(U), N.value = b(), L.value = !1, ge.success("已导入数据");
       } catch {
-        be.error("JSON 解析失败");
+        ge.error("JSON 解析失败");
       }
     }
-    return (i, f) => {
-      const _ = V("el-radio-button"), T = V("el-radio-group"), q = V("el-button"), de = V("el-form"), F = V("el-dialog"), W = V("el-input"), ae = V("el-alert");
-      return a(), m($, null, [
-        o(F, {
-          modelValue: c.value,
-          "onUpdate:modelValue": f[4] || (f[4] = (w) => c.value = w),
+    return (U, g) => {
+      const d = w("el-radio-button"), s = w("el-radio-group"), T = w("el-button"), le = w("el-form"), G = w("el-dialog"), Y = w("el-input"), Z = w("el-alert");
+      return a(), f(D, null, [
+        o(G, {
+          modelValue: m.value,
+          "onUpdate:modelValue": g[4] || (g[4] = (_) => m.value = _),
           width: "980px",
           title: "预览",
           top: "4vh",
-          fullscreen: M.value
+          fullscreen: C.value
         }, {
-          footer: d(() => [
-            o(q, {
-              onClick: f[3] || (f[3] = (w) => c.value = !1)
+          footer: i(() => [
+            o(T, {
+              onClick: g[3] || (g[3] = (_) => m.value = !1)
             }, {
-              default: d(() => [...f[16] || (f[16] = [
-                S(" 关闭 ", -1)
+              default: i(() => [...g[16] || (g[16] = [
+                z(" 关闭 ", -1)
               ])]),
               _: 1
             })
           ]),
-          default: d(() => [
-            b("div", Zt, [
-              o(T, {
+          default: i(() => [
+            y("div", Zt, [
+              o(s, {
                 modelValue: k.value,
-                "onUpdate:modelValue": f[0] || (f[0] = (w) => k.value = w),
+                "onUpdate:modelValue": g[0] || (g[0] = (_) => k.value = _),
                 size: "small"
               }, {
-                default: d(() => [
-                  o(_, { label: "pc" }, {
-                    default: d(() => [...f[11] || (f[11] = [
-                      S(" PC ", -1)
+                default: i(() => [
+                  o(d, { label: "pc" }, {
+                    default: i(() => [...g[11] || (g[11] = [
+                      z(" PC ", -1)
                     ])]),
                     _: 1
                   }),
-                  o(_, { label: "mobile" }, {
-                    default: d(() => [...f[12] || (f[12] = [
-                      S(" 移动端 ", -1)
+                  o(d, { label: "mobile" }, {
+                    default: i(() => [...g[12] || (g[12] = [
+                      z(" 移动端 ", -1)
                     ])]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              o(q, {
-                onClick: f[1] || (f[1] = (w) => M.value = !M.value),
+              o(T, {
+                onClick: g[1] || (g[1] = (_) => C.value = !C.value),
                 size: "small",
                 style: { "margin-left": "12px" }
               }, {
-                default: d(() => [
-                  S(ee(M.value ? "退出全屏" : "全屏"), 1)
+                default: i(() => [
+                  z(te(C.value ? "退出全屏" : "全屏"), 1)
                 ]),
                 _: 1
               }),
-              f[15] || (f[15] = b("div", { class: "spacer" }, null, -1)),
-              o(q, { onClick: te }, {
-                default: d(() => [...f[13] || (f[13] = [
-                  S(" 导出数据 JSON ", -1)
+              g[15] || (g[15] = y("div", { class: "spacer" }, null, -1)),
+              o(T, { onClick: ne }, {
+                default: i(() => [...g[13] || (g[13] = [
+                  z(" 导出数据 JSON ", -1)
                 ])]),
                 _: 1
               }),
-              o(q, { onClick: re }, {
-                default: d(() => [...f[14] || (f[14] = [
-                  S(" 导入数据 JSON ", -1)
+              o(T, { onClick: de }, {
+                default: i(() => [...g[14] || (g[14] = [
+                  z(" 导入数据 JSON ", -1)
                 ])]),
                 _: 1
               })
             ]),
-            b("div", {
-              class: Je(["viewport", { mobile: k.value === "mobile" }])
+            y("div", {
+              class: Be(["viewport", { mobile: k.value === "mobile" }])
             }, [
-              b("div", Qt, [
-                o(de, { "label-position": "top" }, {
-                  default: d(() => [
+              y("div", Qt, [
+                o(le, { "label-position": "top" }, {
+                  default: i(() => [
                     o(Gt, {
-                      schema: O.value,
-                      modelValue: D.value,
-                      "onUpdate:modelValue": f[2] || (f[2] = (w) => D.value = w)
+                      schema: E.value,
+                      modelValue: N.value,
+                      "onUpdate:modelValue": g[2] || (g[2] = (_) => N.value = _)
                     }, null, 8, ["schema", "modelValue"])
                   ]),
                   _: 1
@@ -1855,35 +1883,35 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
           ]),
           _: 1
         }, 8, ["modelValue", "fullscreen"]),
-        o(F, {
-          modelValue: J.value,
-          "onUpdate:modelValue": f[7] || (f[7] = (w) => J.value = w),
+        o(G, {
+          modelValue: F.value,
+          "onUpdate:modelValue": g[7] || (g[7] = (_) => F.value = _),
           width: "860px",
           title: "导出数据 JSON"
         }, {
-          footer: d(() => [
-            o(q, {
-              onClick: f[6] || (f[6] = (w) => J.value = !1)
+          footer: i(() => [
+            o(T, {
+              onClick: g[6] || (g[6] = (_) => F.value = !1)
             }, {
-              default: d(() => [...f[17] || (f[17] = [
-                S(" 关闭 ", -1)
+              default: i(() => [...g[17] || (g[17] = [
+                z(" 关闭 ", -1)
               ])]),
               _: 1
             }),
-            o(q, {
+            o(T, {
               type: "primary",
-              onClick: Q
+              onClick: ee
             }, {
-              default: d(() => [...f[18] || (f[18] = [
-                S(" 复制 ", -1)
+              default: i(() => [...g[18] || (g[18] = [
+                z(" 复制 ", -1)
               ])]),
               _: 1
             })
           ]),
-          default: d(() => [
-            o(W, {
-              modelValue: K.value,
-              "onUpdate:modelValue": f[5] || (f[5] = (w) => K.value = w),
+          default: i(() => [
+            o(Y, {
+              modelValue: W.value,
+              "onUpdate:modelValue": g[5] || (g[5] = (_) => W.value = _),
               type: "textarea",
               rows: 22,
               readonly: ""
@@ -1891,42 +1919,42 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        o(F, {
-          modelValue: Z.value,
-          "onUpdate:modelValue": f[10] || (f[10] = (w) => Z.value = w),
+        o(G, {
+          modelValue: L.value,
+          "onUpdate:modelValue": g[10] || (g[10] = (_) => L.value = _),
           width: "860px",
           title: "导入数据 JSON"
         }, {
-          footer: d(() => [
-            o(q, {
-              onClick: f[9] || (f[9] = (w) => Z.value = !1)
+          footer: i(() => [
+            o(T, {
+              onClick: g[9] || (g[9] = (_) => L.value = !1)
             }, {
-              default: d(() => [...f[19] || (f[19] = [
-                S(" 取消 ", -1)
+              default: i(() => [...g[19] || (g[19] = [
+                z(" 取消 ", -1)
               ])]),
               _: 1
             }),
-            o(q, {
+            o(T, {
               type: "primary",
-              onClick: x
+              onClick: se
             }, {
-              default: d(() => [...f[20] || (f[20] = [
-                S(" 确定 ", -1)
+              default: i(() => [...g[20] || (g[20] = [
+                z(" 确定 ", -1)
               ])]),
               _: 1
             })
           ]),
-          default: d(() => [
-            o(ae, {
+          default: i(() => [
+            o(Z, {
               title: "请粘贴数据 JSON，确定后将覆盖当前表单数据。",
               type: "warning",
               "show-icon": "",
               closable: !1
             }),
-            f[21] || (f[21] = b("div", { style: { height: "10px" } }, null, -1)),
-            o(W, {
-              modelValue: j.value,
-              "onUpdate:modelValue": f[8] || (f[8] = (w) => j.value = w),
+            g[21] || (g[21] = y("div", { style: { height: "10px" } }, null, -1)),
+            o(Y, {
+              modelValue: X.value,
+              "onUpdate:modelValue": g[8] || (g[8] = (_) => X.value = _),
               type: "textarea",
               rows: 22,
               placeholder: "在此粘贴 JSON"
@@ -1937,205 +1965,205 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
       ], 64);
     };
   }
-}), lo = /* @__PURE__ */ ce(eo, [["__scopeId", "data-v-2e5f57e6"]]), to = { class: "wrap" }, oo = {
+}), lo = /* @__PURE__ */ ve(eo, [["__scopeId", "data-v-2e5f57e6"]]), to = { class: "wrap" }, oo = {
   key: 1,
   class: "panel"
-}, no = { class: "tabsEditor" }, ao = { class: "tabsEditor" }, uo = { class: "options" }, io = {
+}, no = { class: "tabsEditor" }, ao = { class: "tabsEditor" }, uo = { class: "options" }, ro = {
   class: "colHeader",
   style: { display: "flex", "justify-content": "space-between", "align-items": "center", width: "100%", "padding-right": "10px" }
-}, ro = { class: "options-list" }, so = { class: "options" }, po = /* @__PURE__ */ P({
+}, io = { class: "options-list" }, so = { class: "options" }, po = /* @__PURE__ */ J({
   __name: "PropertiesPanel",
   setup(e) {
-    const { schema: l, selection: t, updateNodeProps: r, updateFlexCols: c, updateTabs: h, updateCollapse: g } = ye(), u = N(() => {
-      const s = t.selectedNodeId.value;
-      if (!s) return null;
+    const { schema: l, selection: t, updateNodeProps: r, updateFlexCols: m, updateTabs: h, updateCollapse: V } = Ve(), u = $(() => {
+      const p = t.selectedNodeId.value;
+      if (!p) return null;
       const n = [...l.value.root.children];
       for (; n.length; ) {
-        const H = n.shift();
-        if (H.id === s) return H;
-        if (H.type === "flexRow")
-          for (const R of H.columns) n.push(...R.children);
-        else if (H.type === "collapse")
-          for (const R of H.items) n.push(...R.children);
-        else if (H.type === "tabs")
-          for (const R of H.tabs) n.push(...R.children);
+        const R = n.shift();
+        if (R.id === p) return R;
+        if (R.type === "flexRow")
+          for (const H of R.columns) n.push(...H.children);
+        else if (R.type === "collapse")
+          for (const H of R.items) n.push(...H.children);
+        else if (R.type === "tabs")
+          for (const H of R.tabs) n.push(...H.children);
       }
       return null;
-    }), y = z(2), I = z(12), O = z(!1), k = z([]), M = z("card"), D = z([]), J = z(!0), K = z(10), Z = z(!0), j = z([]), te = z(""), Q = z(""), re = z(""), x = z(!1), i = z([]), f = z(!1), _ = z("text"), T = z("开启"), q = z("关闭"), de = N(() => {
-      var s, n, H;
-      return ((s = u.value) == null ? void 0 : s.type) === "select" || ((n = u.value) == null ? void 0 : n.type) === "radio" || ((H = u.value) == null ? void 0 : H.type) === "checkbox";
-    }), F = N(() => {
-      var s;
-      return ((s = u.value) == null ? void 0 : s.type) === "input";
-    }), W = N(() => {
-      var s;
-      return ((s = u.value) == null ? void 0 : s.type) === "select";
-    }), ae = N(() => {
-      var s;
-      return ((s = u.value) == null ? void 0 : s.type) === "switch";
-    }), w = z(!1);
-    Y(
+    }), b = I(2), M = I(12), E = I(!1), k = I([]), C = I("card"), N = I([]), F = I(!0), W = I(10), L = I(!0), X = I([]), ne = I(""), ee = I(""), de = I(""), se = I(!1), U = I([]), g = I(!1), d = I("text"), s = I("开启"), T = I("关闭"), le = $(() => {
+      var p, n, R;
+      return ((p = u.value) == null ? void 0 : p.type) === "select" || ((n = u.value) == null ? void 0 : n.type) === "radio" || ((R = u.value) == null ? void 0 : R.type) === "checkbox";
+    }), G = $(() => {
+      var p;
+      return ((p = u.value) == null ? void 0 : p.type) === "input";
+    }), Y = $(() => {
+      var p;
+      return ((p = u.value) == null ? void 0 : p.type) === "select";
+    }), Z = $(() => {
+      var p;
+      return ((p = u.value) == null ? void 0 : p.type) === "switch";
+    }), _ = I(!1);
+    q(
       () => u.value,
-      (s) => {
-        if (s) {
-          if (w.value = !0, s.type === "flexRow")
-            y.value = s.props.cols, I.value = s.props.gap ?? 12;
-          else if (s.type === "collapse")
-            O.value = s.props.accordion, k.value = s.items.map((n) => ({ id: n.id, title: n.title, name: n.name }));
-          else if (s.type === "tabs")
-            M.value = s.props.type, D.value = s.tabs.map((n) => ({ id: n.id, label: n.label }));
-          else if (s.type === "table") {
-            te.value = s.props.field, Q.value = s.props.label, J.value = s.props.pagination, K.value = s.props.pageSize ?? 10, Z.value = s.props.enableExcelImport;
-            const n = (s.props.columns ?? []).map((H) => ({ ...H }));
-            JSON.stringify(n) !== JSON.stringify(j.value) && (j.value = n);
-          } else if (s.type === "title")
-            Q.value = s.props.label;
+      (p) => {
+        if (p) {
+          if (_.value = !0, p.type === "flexRow")
+            b.value = p.props.cols, M.value = p.props.gap ?? 12;
+          else if (p.type === "collapse")
+            E.value = p.props.accordion, k.value = p.items.map((n) => ({ id: n.id, title: n.title, name: n.name }));
+          else if (p.type === "tabs")
+            C.value = p.props.type, N.value = p.tabs.map((n) => ({ id: n.id, label: n.label }));
+          else if (p.type === "table") {
+            ne.value = p.props.field, ee.value = p.props.label, F.value = p.props.pagination, W.value = p.props.pageSize ?? 10, L.value = p.props.enableExcelImport;
+            const n = (p.props.columns ?? []).map((R) => ({ ...R }));
+            JSON.stringify(n) !== JSON.stringify(X.value) && (X.value = n);
+          } else if (p.type === "title")
+            ee.value = p.props.label;
           else {
-            const n = s;
-            te.value = n.props.field, Q.value = n.props.label, re.value = n.props.placeholder ?? "", x.value = !!n.props.required, s.type === "switch" && (T.value = n.props.activeText ?? "开启", q.value = n.props.inactiveText ?? "关闭");
-            const H = (n.props.options ?? []).map((R) => ({ ...R }));
-            JSON.stringify(H) !== JSON.stringify(i.value) && (i.value = H), f.value = !!n.props.multiple, _.value = n.props.inputType ?? "text";
+            const n = p;
+            ne.value = n.props.field, ee.value = n.props.label, de.value = n.props.placeholder ?? "", se.value = !!n.props.required, p.type === "switch" && (s.value = n.props.activeText ?? "开启", T.value = n.props.inactiveText ?? "关闭");
+            const R = (n.props.options ?? []).map((H) => ({ ...H }));
+            JSON.stringify(R) !== JSON.stringify(U.value) && (U.value = R), g.value = !!n.props.multiple, d.value = n.props.inputType ?? "text";
           }
           setTimeout(() => {
-            w.value = !1;
+            _.value = !1;
           }, 0);
         }
       },
       { immediate: !0 }
-    ), Y(y, (s) => {
+    ), q(b, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "flexRow" && c(u.value.id, s);
-    }), Y(I, (s) => {
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "flexRow" && m(u.value.id, p);
+    }), q(M, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "flexRow" && r(u.value.id, { gap: s });
-    }), Y(O, (s) => {
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "flexRow" && r(u.value.id, { gap: p });
+    }), q(E, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "collapse" && g(u.value.id, { accordion: s });
-    }), Y(
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "collapse" && V(u.value.id, { accordion: p });
+    }), q(
       () => k.value,
-      (s) => {
+      (p) => {
         var n;
-        w.value || ((n = u.value) == null ? void 0 : n.type) === "collapse" && g(u.value.id, { items: s.map((H) => ({ id: H.id, title: H.title, name: H.name })) });
+        _.value || ((n = u.value) == null ? void 0 : n.type) === "collapse" && V(u.value.id, { items: p.map((R) => ({ id: R.id, title: R.title, name: R.name })) });
       },
       { deep: !0 }
-    ), Y(M, (s) => {
+    ), q(C, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "tabs" && h(u.value.id, { type: s });
-    }), Y(
-      () => D.value,
-      (s) => {
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "tabs" && h(u.value.id, { type: p });
+    }), q(
+      () => N.value,
+      (p) => {
         var n;
-        w.value || ((n = u.value) == null ? void 0 : n.type) === "tabs" && h(u.value.id, { tabs: s.map((H) => ({ id: H.id, label: H.label })) });
+        _.value || ((n = u.value) == null ? void 0 : n.type) === "tabs" && h(u.value.id, { tabs: p.map((R) => ({ id: R.id, label: R.label })) });
       },
       { deep: !0 }
-    ), Y(te, (s) => {
-      w.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { field: s });
-    }), Y(Q, (s) => {
-      w.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { label: s });
-    }), Y(re, (s) => {
-      w.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { placeholder: s });
-    }), Y(x, (s) => {
-      w.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { required: s });
-    }), Y(f, (s) => {
-      w.value || !u.value || u.value.type !== "select" || r(u.value.id, { multiple: s });
-    }), Y(_, (s) => {
-      w.value || !u.value || u.value.type !== "input" || r(u.value.id, { inputType: s });
-    }), Y(T, (s) => {
+    ), q(ne, (p) => {
+      _.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { field: p });
+    }), q(ee, (p) => {
+      _.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { label: p });
+    }), q(de, (p) => {
+      _.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { placeholder: p });
+    }), q(se, (p) => {
+      _.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { required: p });
+    }), q(g, (p) => {
+      _.value || !u.value || u.value.type !== "select" || r(u.value.id, { multiple: p });
+    }), q(d, (p) => {
+      _.value || !u.value || u.value.type !== "input" || r(u.value.id, { inputType: p });
+    }), q(s, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "switch" && r(u.value.id, { activeText: s });
-    }), Y(q, (s) => {
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "switch" && r(u.value.id, { activeText: p });
+    }), q(T, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "switch" && r(u.value.id, { inactiveText: s });
-    }), Y(J, (s) => {
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "switch" && r(u.value.id, { inactiveText: p });
+    }), q(F, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "table" && r(u.value.id, { pagination: s });
-    }), Y(K, (s) => {
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "table" && r(u.value.id, { pagination: p });
+    }), q(W, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "table" && r(u.value.id, { pageSize: s });
-    }), Y(Z, (s) => {
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "table" && r(u.value.id, { pageSize: p });
+    }), q(L, (p) => {
       var n;
-      w.value || ((n = u.value) == null ? void 0 : n.type) === "table" && r(u.value.id, { enableExcelImport: s });
-    }), Y(
-      () => j.value,
-      (s) => {
-        var H;
-        if (w.value || ((H = u.value) == null ? void 0 : H.type) !== "table") return;
-        const n = s.map((R) => {
-          const p = { ...R };
-          return p.options && (p.options = p.options.map((U) => ({ ...U }))), p;
+      _.value || ((n = u.value) == null ? void 0 : n.type) === "table" && r(u.value.id, { enableExcelImport: p });
+    }), q(
+      () => X.value,
+      (p) => {
+        var R;
+        if (_.value || ((R = u.value) == null ? void 0 : R.type) !== "table") return;
+        const n = p.map((H) => {
+          const ce = { ...H };
+          return ce.options && (ce.options = ce.options.map((A) => ({ ...A }))), ce;
         });
         r(u.value.id, { columns: n });
       },
       { deep: !0 }
-    ), Y(
-      () => i.value,
-      (s) => {
-        w.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { options: s.map((n) => ({ ...n })) });
+    ), q(
+      () => U.value,
+      (p) => {
+        _.value || !u.value || u.value.type === "flexRow" || u.value.type === "collapse" || u.value.type === "tabs" || r(u.value.id, { options: p.map((n) => ({ ...n })) });
       },
       { deep: !0 }
     );
-    function we() {
-      i.value.push({ label: "新选项", value: B("opt") });
+    function ue() {
+      U.value.push({ label: "新选项", value: j("opt") });
     }
-    function ue(s) {
-      i.value.splice(s, 1);
+    function pe(p) {
+      U.value.splice(p, 1);
     }
-    function ze() {
-      k.value.push({ id: B("item"), title: `面板 ${k.value.length + 1}`, name: B("val") });
+    function be() {
+      k.value.push({ id: j("item"), title: `面板 ${k.value.length + 1}`, name: j("val") });
     }
-    function Ce(s) {
-      k.value = k.value.filter((n) => n.id !== s);
+    function ke(p) {
+      k.value = k.value.filter((n) => n.id !== p);
     }
-    function De() {
-      D.value.push({ id: B("tab"), label: `标签页 ${D.value.length + 1}` });
+    function re() {
+      N.value.push({ id: j("tab"), label: `标签页 ${N.value.length + 1}` });
     }
-    function Re(s) {
-      D.value = D.value.filter((n) => n.id !== s);
+    function $e(p) {
+      N.value = N.value.filter((n) => n.id !== p);
     }
-    function Oe() {
-      const s = j.value.length + 1;
-      j.value.push({ id: B("col"), label: `列${s}`, prop: `col${s}`, type: "text" });
+    function Ie() {
+      const p = X.value.length + 1;
+      X.value.push({ id: j("col"), label: `列${p}`, prop: `col${p}`, type: "text" });
     }
-    function Ae(s) {
-      j.value.splice(s, 1);
+    function Ne(p) {
+      X.value.splice(p, 1);
     }
-    function Te(s) {
-      s.options || (s.options = []), s.options.push({ label: "新选项", value: B("opt") });
+    function Ae(p) {
+      p.options || (p.options = []), p.options.push({ label: "新选项", value: j("opt") });
     }
-    function Pe(s, n) {
-      s.options && s.options.splice(n, 1);
+    function Ee(p, n) {
+      p.options && p.options.splice(n, 1);
     }
-    return (s, n) => {
-      const H = V("el-empty"), R = V("el-option"), p = V("el-select"), U = V("el-form-item"), L = V("el-input-number"), xe = V("el-form"), me = V("el-switch"), oe = V("el-input"), se = V("el-button"), nl = V("el-collapse-item"), al = V("el-collapse");
-      return a(), m("div", to, [
-        n[32] || (n[32] = b("div", { class: "title" }, " 属性 ", -1)),
-        u.value ? (a(), m("div", oo, [
-          u.value.type === "flexRow" ? (a(), C(xe, {
+    return (p, n) => {
+      const R = w("el-empty"), H = w("el-option"), ce = w("el-select"), A = w("el-form-item"), ze = w("el-input-number"), c = w("el-form"), O = w("el-switch"), S = w("el-input"), me = w("el-button"), nl = w("el-collapse-item"), al = w("el-collapse");
+      return a(), f("div", to, [
+        n[32] || (n[32] = y("div", { class: "title" }, " 属性 ", -1)),
+        u.value ? (a(), f("div", oo, [
+          u.value.type === "flexRow" ? (a(), x(c, {
             key: 0,
             "label-width": "92px"
           }, {
-            default: d(() => [
-              o(U, { label: "列数" }, {
-                default: d(() => [
-                  o(p, {
-                    modelValue: y.value,
-                    "onUpdate:modelValue": n[0] || (n[0] = (v) => y.value = v),
+            default: i(() => [
+              o(A, { label: "列数" }, {
+                default: i(() => [
+                  o(ce, {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": n[0] || (n[0] = (v) => b.value = v),
                     style: { width: "200px" }
                   }, {
-                    default: d(() => [
-                      o(R, {
+                    default: i(() => [
+                      o(H, {
                         value: 1,
                         label: "1"
                       }),
-                      o(R, {
+                      o(H, {
                         value: 2,
                         label: "2"
                       }),
-                      o(R, {
+                      o(H, {
                         value: 3,
                         label: "3"
                       }),
-                      o(R, {
+                      o(H, {
                         value: 4,
                         label: "4"
                       })
@@ -2145,11 +2173,11 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
                 ]),
                 _: 1
               }),
-              o(U, { label: "间距" }, {
-                default: d(() => [
-                  o(L, {
-                    modelValue: I.value,
-                    "onUpdate:modelValue": n[1] || (n[1] = (v) => I.value = v),
+              o(A, { label: "间距" }, {
+                default: i(() => [
+                  o(ze, {
+                    modelValue: M.value,
+                    "onUpdate:modelValue": n[1] || (n[1] = (v) => M.value = v),
                     min: 0,
                     max: 48
                   }, null, 8, ["modelValue"])
@@ -2158,14 +2186,14 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
               })
             ]),
             _: 1
-          })) : u.value.type === "collapse" ? (a(), m($, { key: 1 }, [
-            o(xe, { "label-width": "92px" }, {
-              default: d(() => [
-                o(U, { label: "手风琴" }, {
-                  default: d(() => [
-                    o(me, {
-                      modelValue: O.value,
-                      "onUpdate:modelValue": n[2] || (n[2] = (v) => O.value = v)
+          })) : u.value.type === "collapse" ? (a(), f(D, { key: 1 }, [
+            o(c, { "label-width": "92px" }, {
+              default: i(() => [
+                o(A, { label: "手风琴" }, {
+                  default: i(() => [
+                    o(O, {
+                      modelValue: E.value,
+                      "onUpdate:modelValue": n[2] || (n[2] = (v) => E.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -2173,50 +2201,50 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
               ]),
               _: 1
             }),
-            n[19] || (n[19] = b("div", { class: "subTitle" }, " 面板 ", -1)),
-            b("div", no, [
-              (a(!0), m($, null, E(k.value, (v) => (a(), m("div", {
+            n[19] || (n[19] = y("div", { class: "subTitle" }, " 面板 ", -1)),
+            y("div", no, [
+              (a(!0), f(D, null, B(k.value, (v) => (a(), f("div", {
                 key: v.id,
                 class: "tabRow"
               }, [
-                o(oe, {
+                o(S, {
                   modelValue: v.title,
-                  "onUpdate:modelValue": (pe) => v.title = pe
+                  "onUpdate:modelValue": (fe) => v.title = fe
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                o(se, {
+                o(me, {
                   disabled: k.value.length <= 1,
                   type: "danger",
-                  onClick: (pe) => Ce(v.id)
+                  onClick: (fe) => ke(v.id)
                 }, {
-                  default: d(() => [...n[17] || (n[17] = [
-                    S(" 删除 ", -1)
+                  default: i(() => [...n[17] || (n[17] = [
+                    z(" 删除 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
               ]))), 128)),
-              o(se, { onClick: ze }, {
-                default: d(() => [...n[18] || (n[18] = [
-                  S(" 新增面板 ", -1)
+              o(me, { onClick: be }, {
+                default: i(() => [...n[18] || (n[18] = [
+                  z(" 新增面板 ", -1)
                 ])]),
                 _: 1
               })
             ])
-          ], 64)) : u.value.type === "tabs" ? (a(), m($, { key: 2 }, [
-            o(xe, { "label-width": "92px" }, {
-              default: d(() => [
-                o(U, { label: "样式" }, {
-                  default: d(() => [
-                    o(p, {
-                      modelValue: M.value,
-                      "onUpdate:modelValue": n[3] || (n[3] = (v) => M.value = v),
+          ], 64)) : u.value.type === "tabs" ? (a(), f(D, { key: 2 }, [
+            o(c, { "label-width": "92px" }, {
+              default: i(() => [
+                o(A, { label: "样式" }, {
+                  default: i(() => [
+                    o(ce, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": n[3] || (n[3] = (v) => C.value = v),
                       style: { width: "200px" }
                     }, {
-                      default: d(() => [
-                        o(R, {
+                      default: i(() => [
+                        o(H, {
                           value: "card",
                           label: "card"
                         }),
-                        o(R, {
+                        o(H, {
                           value: "border-card",
                           label: "border-card"
                         })
@@ -2229,82 +2257,82 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
               ]),
               _: 1
             }),
-            n[22] || (n[22] = b("div", { class: "subTitle" }, " 标签 ", -1)),
-            b("div", ao, [
-              (a(!0), m($, null, E(D.value, (v) => (a(), m("div", {
+            n[22] || (n[22] = y("div", { class: "subTitle" }, " 标签 ", -1)),
+            y("div", ao, [
+              (a(!0), f(D, null, B(N.value, (v) => (a(), f("div", {
                 key: v.id,
                 class: "tabRow"
               }, [
-                o(oe, {
+                o(S, {
                   modelValue: v.label,
-                  "onUpdate:modelValue": (pe) => v.label = pe
+                  "onUpdate:modelValue": (fe) => v.label = fe
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                o(se, {
-                  disabled: D.value.length <= 1,
+                o(me, {
+                  disabled: N.value.length <= 1,
                   type: "danger",
-                  onClick: (pe) => Re(v.id)
+                  onClick: (fe) => $e(v.id)
                 }, {
-                  default: d(() => [...n[20] || (n[20] = [
-                    S(" 删除 ", -1)
+                  default: i(() => [...n[20] || (n[20] = [
+                    z(" 删除 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
               ]))), 128)),
-              o(se, { onClick: De }, {
-                default: d(() => [...n[21] || (n[21] = [
-                  S(" 新增标签页 ", -1)
+              o(me, { onClick: re }, {
+                default: i(() => [...n[21] || (n[21] = [
+                  z(" 新增标签页 ", -1)
                 ])]),
                 _: 1
               })
             ])
-          ], 64)) : u.value.type === "table" ? (a(), m($, { key: 3 }, [
-            o(xe, { "label-width": "92px" }, {
-              default: d(() => [
-                o(U, { label: "字段名" }, {
-                  default: d(() => [
-                    o(oe, {
-                      modelValue: te.value,
-                      "onUpdate:modelValue": n[4] || (n[4] = (v) => te.value = v)
+          ], 64)) : u.value.type === "table" ? (a(), f(D, { key: 3 }, [
+            o(c, { "label-width": "92px" }, {
+              default: i(() => [
+                o(A, { label: "字段名" }, {
+                  default: i(() => [
+                    o(S, {
+                      modelValue: ne.value,
+                      "onUpdate:modelValue": n[4] || (n[4] = (v) => ne.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 }),
-                o(U, { label: "标题" }, {
-                  default: d(() => [
-                    o(oe, {
-                      modelValue: Q.value,
-                      "onUpdate:modelValue": n[5] || (n[5] = (v) => Q.value = v)
+                o(A, { label: "标题" }, {
+                  default: i(() => [
+                    o(S, {
+                      modelValue: ee.value,
+                      "onUpdate:modelValue": n[5] || (n[5] = (v) => ee.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 }),
-                o(U, { label: "分页" }, {
-                  default: d(() => [
-                    o(me, {
-                      modelValue: J.value,
-                      "onUpdate:modelValue": n[6] || (n[6] = (v) => J.value = v)
+                o(A, { label: "分页" }, {
+                  default: i(() => [
+                    o(O, {
+                      modelValue: F.value,
+                      "onUpdate:modelValue": n[6] || (n[6] = (v) => F.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 }),
-                J.value ? (a(), C(U, {
+                F.value ? (a(), x(A, {
                   key: 0,
                   label: "每页条数"
                 }, {
-                  default: d(() => [
-                    o(L, {
-                      modelValue: K.value,
-                      "onUpdate:modelValue": n[7] || (n[7] = (v) => K.value = v),
+                  default: i(() => [
+                    o(ze, {
+                      modelValue: W.value,
+                      "onUpdate:modelValue": n[7] || (n[7] = (v) => W.value = v),
                       min: 1
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
-                })) : G("", !0),
-                o(U, { label: "Excel导入" }, {
-                  default: d(() => [
-                    o(me, {
-                      modelValue: Z.value,
-                      "onUpdate:modelValue": n[8] || (n[8] = (v) => Z.value = v)
+                })) : Q("", !0),
+                o(A, { label: "Excel导入" }, {
+                  default: i(() => [
+                    o(O, {
+                      modelValue: L.value,
+                      "onUpdate:modelValue": n[8] || (n[8] = (v) => L.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -2312,87 +2340,87 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
               ]),
               _: 1
             }),
-            n[28] || (n[28] = b("div", { class: "subTitle" }, " 列配置 ", -1)),
-            b("div", uo, [
-              j.value.length > 0 ? (a(), C(al, { key: 0 }, {
-                default: d(() => [
-                  (a(!0), m($, null, E(j.value, (v, pe) => (a(), C(nl, {
+            n[28] || (n[28] = y("div", { class: "subTitle" }, " 列配置 ", -1)),
+            y("div", uo, [
+              X.value.length > 0 ? (a(), x(al, { key: 0 }, {
+                default: i(() => [
+                  (a(!0), f(D, null, B(X.value, (v, fe) => (a(), x(nl, {
                     key: v.id,
                     name: v.id
                   }, {
-                    title: d(() => [
-                      b("div", io, [
-                        b("span", null, ee(v.label || "未命名列") + " (" + ee(v.prop) + ")", 1),
-                        o(se, {
+                    title: i(() => [
+                      y("div", ro, [
+                        y("span", null, te(v.label || "未命名列") + " (" + te(v.prop) + ")", 1),
+                        o(me, {
                           type: "danger",
                           link: "",
                           size: "small",
-                          onClick: Le((A) => Ae(pe), ["stop"])
+                          onClick: Ye((P) => Ne(fe), ["stop"])
                         }, {
-                          default: d(() => [...n[23] || (n[23] = [
-                            S("删除", -1)
+                          default: i(() => [...n[23] || (n[23] = [
+                            z("删除", -1)
                           ])]),
                           _: 1
                         }, 8, ["onClick"])
                       ])
                     ]),
-                    default: d(() => [
-                      o(xe, {
+                    default: i(() => [
+                      o(c, {
                         "label-width": "80px",
                         size: "small"
                       }, {
-                        default: d(() => [
-                          o(U, { label: "标题" }, {
-                            default: d(() => [
-                              o(oe, {
+                        default: i(() => [
+                          o(A, { label: "标题" }, {
+                            default: i(() => [
+                              o(S, {
                                 modelValue: v.label,
-                                "onUpdate:modelValue": (A) => v.label = A
+                                "onUpdate:modelValue": (P) => v.label = P
                               }, null, 8, ["modelValue", "onUpdate:modelValue"])
                             ]),
                             _: 2
                           }, 1024),
-                          o(U, { label: "字段名" }, {
-                            default: d(() => [
-                              o(oe, {
+                          o(A, { label: "字段名" }, {
+                            default: i(() => [
+                              o(S, {
                                 modelValue: v.prop,
-                                "onUpdate:modelValue": (A) => v.prop = A
+                                "onUpdate:modelValue": (P) => v.prop = P
                               }, null, 8, ["modelValue", "onUpdate:modelValue"])
                             ]),
                             _: 2
                           }, 1024),
-                          o(U, { label: "类型" }, {
-                            default: d(() => [
-                              o(p, {
+                          o(A, { label: "类型" }, {
+                            default: i(() => [
+                              o(ce, {
                                 modelValue: v.type,
-                                "onUpdate:modelValue": (A) => v.type = A,
+                                "onUpdate:modelValue": (P) => v.type = P,
                                 style: { width: "100%" }
                               }, {
-                                default: d(() => [
-                                  o(R, {
+                                default: i(() => [
+                                  o(H, {
                                     label: "文本",
                                     value: "text"
                                   }),
-                                  o(R, {
+                                  o(H, {
                                     label: "数字",
                                     value: "number"
                                   }),
-                                  o(R, {
+                                  o(H, {
                                     label: "下拉",
                                     value: "select"
                                   }),
-                                  o(R, {
+                                  o(H, {
                                     label: "日期",
                                     value: "date"
                                   }),
-                                  o(R, {
+                                  o(H, {
                                     label: "时间",
                                     value: "time"
                                   }),
-                                  o(R, {
+                                  o(H, {
                                     label: "日期时间",
                                     value: "datetime"
                                   }),
-                                  o(R, {
+                                  o(H, {
                                     label: "年月",
                                     value: "month"
                                   })
@@ -2402,11 +2430,11 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
                             ]),
                             _: 2
                           }, 1024),
-                          o(U, { label: "宽度" }, {
-                            default: d(() => [
-                              o(L, {
+                          o(A, { label: "宽度" }, {
+                            default: i(() => [
+                              o(ze, {
                                 modelValue: v.width,
-                                "onUpdate:modelValue": (A) => v.width = A,
+                                "onUpdate:modelValue": (P) => v.width = P,
                                 min: 0,
                                 step: 10,
                                 "controls-position": "right"
@@ -2414,87 +2442,87 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
                             ]),
                             _: 2
                           }, 1024),
-                          o(U, { label: "必填" }, {
-                            default: d(() => [
-                              o(me, {
+                          o(A, { label: "必填" }, {
+                            default: i(() => [
+                              o(O, {
                                 modelValue: v.required,
-                                "onUpdate:modelValue": (A) => v.required = A
+                                "onUpdate:modelValue": (P) => v.required = P
                               }, null, 8, ["modelValue", "onUpdate:modelValue"])
                             ]),
                             _: 2
                           }, 1024),
-                          o(U, { label: "排序" }, {
-                            default: d(() => [
-                              o(me, {
+                          o(A, { label: "排序" }, {
+                            default: i(() => [
+                              o(O, {
                                 modelValue: v.sortable,
-                                "onUpdate:modelValue": (A) => v.sortable = A
+                                "onUpdate:modelValue": (P) => v.sortable = P
                               }, null, 8, ["modelValue", "onUpdate:modelValue"])
                             ]),
                             _: 2
                           }, 1024),
-                          v.type === "select" ? (a(), m($, { key: 0 }, [
-                            o(U, { label: "多选" }, {
-                              default: d(() => [
-                                o(me, {
+                          v.type === "select" ? (a(), f(D, { key: 0 }, [
+                            o(A, { label: "多选" }, {
+                              default: i(() => [
+                                o(O, {
                                   modelValue: v.multiple,
-                                  "onUpdate:modelValue": (A) => v.multiple = A
+                                  "onUpdate:modelValue": (P) => v.multiple = P
                                 }, null, 8, ["modelValue", "onUpdate:modelValue"])
                               ]),
                               _: 2
                             }, 1024),
-                            o(U, { label: "可搜索" }, {
-                              default: d(() => [
-                                o(me, {
+                            o(A, { label: "可搜索" }, {
+                              default: i(() => [
+                                o(O, {
                                   modelValue: v.filterable,
-                                  "onUpdate:modelValue": (A) => v.filterable = A
+                                  "onUpdate:modelValue": (P) => v.filterable = P
                                 }, null, 8, ["modelValue", "onUpdate:modelValue"])
                               ]),
                               _: 2
                             }, 1024),
-                            n[26] || (n[26] = b("div", {
+                            n[26] || (n[26] = y("div", {
                               class: "subTitle",
                               style: { "font-size": "12px", "margin-left": "10px" }
                             }, "选项配置", -1)),
-                            b("div", ro, [
-                              (a(!0), m($, null, E(v.options || [], (A, qe) => (a(), m("div", {
+                            y("div", io, [
+                              (a(!0), f(D, null, B(v.options || [], (P, qe) => (a(), f("div", {
                                 key: qe,
                                 class: "optRow"
                               }, [
-                                o(oe, {
-                                  modelValue: A.label,
-                                  "onUpdate:modelValue": (Se) => A.label = Se,
+                                o(S, {
+                                  modelValue: P.label,
+                                  "onUpdate:modelValue": (Me) => P.label = Me,
                                   placeholder: "Label",
                                   size: "small"
                                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                                o(oe, {
-                                  modelValue: A.value,
-                                  "onUpdate:modelValue": (Se) => A.value = Se,
+                                o(S, {
+                                  modelValue: P.value,
+                                  "onUpdate:modelValue": (Me) => P.value = Me,
                                   placeholder: "Value",
                                   size: "small"
                                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                                o(se, {
+                                o(me, {
                                   type: "danger",
                                   size: "small",
-                                  onClick: (Se) => Pe(v, qe)
+                                  onClick: (Me) => Ee(v, qe)
                                 }, {
-                                  default: d(() => [...n[24] || (n[24] = [
-                                    S("删除", -1)
+                                  default: i(() => [...n[24] || (n[24] = [
+                                    z("删除", -1)
                                   ])]),
                                   _: 1
                                 }, 8, ["onClick"])
                               ]))), 128)),
-                              o(se, {
+                              o(me, {
                                 size: "small",
                                 style: { width: "100%" },
-                                onClick: (A) => Te(v)
+                                onClick: (P) => Ae(v)
                               }, {
-                                default: d(() => [...n[25] || (n[25] = [
-                                  S("添加选项", -1)
+                                default: i(() => [...n[25] || (n[25] = [
+                                  z("添加选项", -1)
                                 ])]),
                                 _: 1
                               }, 8, ["onClick"])
                             ])
-                          ], 64)) : G("", !0)
+                          ], 64)) : Q("", !0)
                         ]),
                         _: 2
                       }, 1024)
@@ -2503,110 +2531,110 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
                   }, 1032, ["name"]))), 128))
                 ]),
                 _: 1
-              })) : (a(), C(H, {
+              })) : (a(), x(R, {
                 key: 1,
                 description: "暂无列配置",
                 "image-size": 60
               })),
-              o(se, {
+              o(me, {
                 type: "primary",
                 plain: "",
                 style: { width: "100%", "margin-top": "10px" },
-                onClick: Oe
+                onClick: Ie
               }, {
-                default: d(() => [...n[27] || (n[27] = [
-                  S(" 新增列 ", -1)
+                default: i(() => [...n[27] || (n[27] = [
+                  z(" 新增列 ", -1)
                 ])]),
                 _: 1
               })
             ])
-          ], 64)) : (a(), m($, { key: 4 }, [
-            o(xe, { "label-width": "92px" }, {
-              default: d(() => [
-                o(U, { label: "标签" }, {
-                  default: d(() => [
-                    o(oe, {
-                      modelValue: Q.value,
-                      "onUpdate:modelValue": n[9] || (n[9] = (v) => Q.value = v)
+          ], 64)) : (a(), f(D, { key: 4 }, [
+            o(c, { "label-width": "92px" }, {
+              default: i(() => [
+                o(A, { label: "标签" }, {
+                  default: i(() => [
+                    o(S, {
+                      modelValue: ee.value,
+                      "onUpdate:modelValue": n[9] || (n[9] = (v) => ee.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 }),
-                ["title"].includes(u.value.type) ? G("", !0) : (a(), C(U, {
+                ["title"].includes(u.value.type) ? Q("", !0) : (a(), x(A, {
                   key: 0,
                   label: "字段名"
                 }, {
-                  default: d(() => [
-                    o(oe, {
-                      modelValue: te.value,
-                      "onUpdate:modelValue": n[10] || (n[10] = (v) => te.value = v)
+                  default: i(() => [
+                    o(S, {
+                      modelValue: ne.value,
+                      "onUpdate:modelValue": n[10] || (n[10] = (v) => ne.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 })),
-                ["input", "textarea", "select"].includes(u.value.type) ? (a(), C(U, {
+                ["input", "textarea", "select"].includes(u.value.type) ? (a(), x(A, {
                   key: 1,
                   label: "占位符"
                 }, {
-                  default: d(() => [
-                    o(oe, {
-                      modelValue: re.value,
-                      "onUpdate:modelValue": n[11] || (n[11] = (v) => re.value = v)
+                  default: i(() => [
+                    o(S, {
+                      modelValue: de.value,
+                      "onUpdate:modelValue": n[11] || (n[11] = (v) => de.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
-                })) : G("", !0),
-                ["switch", "title"].includes(u.value.type) ? G("", !0) : (a(), C(U, {
+                })) : Q("", !0),
+                ["switch", "title"].includes(u.value.type) ? Q("", !0) : (a(), x(A, {
                   key: 2,
                   label: "必填"
                 }, {
-                  default: d(() => [
-                    o(me, {
-                      modelValue: x.value,
-                      "onUpdate:modelValue": n[12] || (n[12] = (v) => x.value = v)
+                  default: i(() => [
+                    o(O, {
+                      modelValue: se.value,
+                      "onUpdate:modelValue": n[12] || (n[12] = (v) => se.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 })),
-                W.value ? (a(), C(U, {
+                Y.value ? (a(), x(A, {
                   key: 3,
                   label: "多选"
                 }, {
-                  default: d(() => [
-                    o(me, {
-                      modelValue: f.value,
-                      "onUpdate:modelValue": n[13] || (n[13] = (v) => f.value = v)
+                  default: i(() => [
+                    o(O, {
+                      modelValue: g.value,
+                      "onUpdate:modelValue": n[13] || (n[13] = (v) => g.value = v)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
-                })) : G("", !0),
-                F.value ? (a(), C(U, {
+                })) : Q("", !0),
+                G.value ? (a(), x(A, {
                   key: 4,
                   label: "类型"
                 }, {
-                  default: d(() => [
-                    o(p, {
-                      modelValue: _.value,
-                      "onUpdate:modelValue": n[14] || (n[14] = (v) => _.value = v)
+                  default: i(() => [
+                    o(ce, {
+                      modelValue: d.value,
+                      "onUpdate:modelValue": n[14] || (n[14] = (v) => d.value = v)
                     }, {
-                      default: d(() => [
-                        o(R, {
+                      default: i(() => [
+                        o(H, {
                           label: "文本",
                           value: "text"
                         }),
-                        o(R, {
+                        o(H, {
                           label: "数字",
                           value: "number"
                         }),
-                        o(R, {
+                        o(H, {
                           label: "日期",
                           value: "date"
                         }),
-                        o(R, {
+                        o(H, {
                           label: "时间",
                           value: "time"
                         }),
-                        o(R, {
+                        o(H, {
                           label: "日期时间",
                           value: "datetime"
                         })
@@ -2615,221 +2643,226 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
                     }, 8, ["modelValue"])
                   ]),
                   _: 1
-                })) : G("", !0),
-                ae.value ? (a(), m($, { key: 5 }, [
-                  o(U, { label: "开启文案" }, {
-                    default: d(() => [
-                      o(oe, {
-                        modelValue: T.value,
-                        "onUpdate:modelValue": n[15] || (n[15] = (v) => T.value = v)
+                })) : Q("", !0),
+                Z.value ? (a(), f(D, { key: 5 }, [
+                  o(A, { label: "开启文案" }, {
+                    default: i(() => [
+                      o(S, {
+                        modelValue: s.value,
+                        "onUpdate:modelValue": n[15] || (n[15] = (v) => s.value = v)
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  o(U, { label: "关闭文案" }, {
-                    default: d(() => [
-                      o(oe, {
-                        modelValue: q.value,
-                        "onUpdate:modelValue": n[16] || (n[16] = (v) => q.value = v)
+                  o(A, { label: "关闭文案" }, {
+                    default: i(() => [
+                      o(S, {
+                        modelValue: T.value,
+                        "onUpdate:modelValue": n[16] || (n[16] = (v) => T.value = v)
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   })
-                ], 64)) : G("", !0)
+                ], 64)) : Q("", !0)
               ]),
               _: 1
             }),
-            de.value ? (a(), m($, { key: 0 }, [
-              n[31] || (n[31] = b("div", { class: "subTitle" }, " 选项 ", -1)),
-              b("div", so, [
-                (a(!0), m($, null, E(i.value, (v, pe) => (a(), m("div", {
-                  key: pe,
+            le.value ? (a(), f(D, { key: 0 }, [
+              n[31] || (n[31] = y("div", { class: "subTitle" }, " 选项 ", -1)),
+              y("div", so, [
+                (a(!0), f(D, null, B(U.value, (v, fe) => (a(), f("div", {
+                  key: fe,
                   class: "optRow"
                 }, [
-                  o(oe, {
+                  o(S, {
                     modelValue: v.label,
-                    "onUpdate:modelValue": (A) => v.label = A,
+                    "onUpdate:modelValue": (P) => v.label = P,
                     placeholder: "label"
                   }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                  o(oe, {
+                  o(S, {
                     modelValue: v.value,
-                    "onUpdate:modelValue": (A) => v.value = A,
+                    "onUpdate:modelValue": (P) => v.value = P,
                     placeholder: "value"
                   }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                  o(se, {
+                  o(me, {
                     type: "danger",
-                    onClick: (A) => ue(pe)
+                    onClick: (P) => pe(fe)
                   }, {
-                    default: d(() => [...n[29] || (n[29] = [
-                      S(" 删除 ", -1)
+                    default: i(() => [...n[29] || (n[29] = [
+                      z(" 删除 ", -1)
                     ])]),
                     _: 1
                   }, 8, ["onClick"])
                 ]))), 128)),
-                o(se, { onClick: we }, {
-                  default: d(() => [...n[30] || (n[30] = [
-                    S(" 新增选项 ", -1)
+                o(me, { onClick: ue }, {
+                  default: i(() => [...n[30] || (n[30] = [
+                    z(" 新增选项 ", -1)
                   ])]),
                   _: 1
                 })
               ])
-            ], 64)) : G("", !0)
+            ], 64)) : Q("", !0)
           ], 64))
-        ])) : (a(), C(H, {
+        ])) : (a(), x(R, {
           key: 0,
           description: "请选择一个组件"
         }))
       ]);
     };
   }
-}), co = /* @__PURE__ */ ce(po, [["__scopeId", "data-v-fbaf4bac"]]), mo = { class: "designer" }, fo = { class: "palette" }, vo = { class: "main" }, bo = { class: "toolbar" }, yo = { class: "body" }, go = { class: "canvas" }, _o = { class: "props" }, Vo = /* @__PURE__ */ P({
+}), co = /* @__PURE__ */ ve(po, [["__scopeId", "data-v-fbaf4bac"]]), mo = { class: "designer" }, fo = { class: "palette" }, vo = { class: "main" }, bo = { class: "toolbar" }, yo = { class: "body" }, _o = { class: "canvas" }, go = { class: "props" }, Vo = /* @__PURE__ */ J({
   __name: "FormDesigner",
+  props: {
+    uploadUrl: {},
+    downloadUrl: {},
+    uploadParse: {}
+  },
   setup(e) {
-    const { history: l, schema: t, selection: r, applySchema: c, removeSelected: h, bindHotkeys: g } = ye(), u = z(!1), y = z(!1), I = z(!1);
-    z(!1);
-    const O = z(""), k = z("");
-    z("");
-    const M = N(() => r.selectedNodeId.value), D = N(() => l.canUndo.value), J = N(() => l.canRedo.value);
-    function K() {
+    const { history: l, schema: t, selection: r, applySchema: m, removeSelected: h, bindHotkeys: V } = Ve(), u = I(!1), b = I(!1), M = I(!1);
+    I(!1);
+    const E = I(""), k = I("");
+    I("");
+    const C = $(() => r.selectedNodeId.value), N = $(() => l.canUndo.value), F = $(() => l.canRedo.value);
+    function W() {
       l.undo();
     }
-    function Z() {
+    function L() {
       l.redo();
     }
-    function j() {
+    function X() {
       u.value = !0;
     }
-    function te() {
-      O.value = JSON.stringify(vl(t.value), null, 2), y.value = !0;
+    function ne() {
+      E.value = JSON.stringify(vl(t.value), null, 2), b.value = !0;
     }
-    function Q() {
-      navigator.clipboard.writeText(O.value).then(() => {
-        be.success("已复制");
+    function ee() {
+      navigator.clipboard.writeText(E.value).then(() => {
+        ge.success("已复制");
       });
     }
-    function re() {
-      k.value = "", I.value = !0;
+    function de() {
+      k.value = "", M.value = !0;
     }
-    function x() {
+    function se() {
       try {
-        const f = JSON.parse(k.value);
-        c(f), I.value = !1, be.success("已导入布局");
+        const g = JSON.parse(k.value);
+        m(g), M.value = !1, ge.success("已导入布局");
       } catch {
-        be.error("JSON 解析失败");
+        ge.error("JSON 解析失败");
       }
     }
-    function i() {
-      M.value && h();
+    function U() {
+      C.value && h();
     }
-    return Ke(() => {
-      g();
-    }), (f, _) => {
-      const T = V("el-button"), q = V("el-button-group"), de = V("el-divider"), F = V("el-input"), W = V("el-dialog"), ae = V("el-alert");
-      return a(), m("div", mo, [
-        b("div", fo, [
-          o(Yt)
+    return Xe(() => {
+      V();
+    }), (g, d) => {
+      const s = w("el-button"), T = w("el-button-group"), le = w("el-divider"), G = w("el-input"), Y = w("el-dialog"), Z = w("el-alert");
+      return a(), f("div", mo, [
+        y("div", fo, [
+          o(Lt)
         ]),
-        b("div", vo, [
-          b("div", bo, [
-            o(q, null, {
-              default: d(() => [
-                o(T, {
-                  disabled: !D.value,
-                  onClick: K
+        y("div", vo, [
+          y("div", bo, [
+            o(T, null, {
+              default: i(() => [
+                o(s, {
+                  disabled: !N.value,
+                  onClick: W
                 }, {
-                  default: d(() => [..._[7] || (_[7] = [
-                    S(" 撤销 ", -1)
+                  default: i(() => [...d[7] || (d[7] = [
+                    z(" 撤销 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled"]),
-                o(T, {
-                  disabled: !J.value,
-                  onClick: Z
+                o(s, {
+                  disabled: !F.value,
+                  onClick: L
                 }, {
-                  default: d(() => [..._[8] || (_[8] = [
-                    S(" 重做 ", -1)
+                  default: i(() => [...d[8] || (d[8] = [
+                    z(" 重做 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
               _: 1
             }),
-            o(de, { direction: "vertical" }),
-            o(T, { onClick: re }, {
-              default: d(() => [..._[9] || (_[9] = [
-                S(" 导入布局 ", -1)
+            o(le, { direction: "vertical" }),
+            o(s, { onClick: de }, {
+              default: i(() => [...d[9] || (d[9] = [
+                z(" 导入布局 ", -1)
               ])]),
               _: 1
             }),
-            o(T, { onClick: te }, {
-              default: d(() => [..._[10] || (_[10] = [
-                S(" 导出布局 ", -1)
+            o(s, { onClick: ne }, {
+              default: i(() => [...d[10] || (d[10] = [
+                z(" 导出布局 ", -1)
               ])]),
               _: 1
             }),
-            o(T, {
+            o(s, {
               type: "primary",
-              onClick: j
+              onClick: X
             }, {
-              default: d(() => [..._[11] || (_[11] = [
-                S(" 预览 ", -1)
+              default: i(() => [...d[11] || (d[11] = [
+                z(" 预览 ", -1)
               ])]),
               _: 1
             }),
-            _[13] || (_[13] = b("div", { class: "spacer" }, null, -1)),
-            o(T, {
-              disabled: !M.value,
+            d[13] || (d[13] = y("div", { class: "spacer" }, null, -1)),
+            o(s, {
+              disabled: !C.value,
               type: "danger",
-              onClick: i
+              onClick: U
             }, {
-              default: d(() => [..._[12] || (_[12] = [
-                S(" 删除组件 ", -1)
+              default: i(() => [...d[12] || (d[12] = [
+                z(" 删除组件 ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"])
           ]),
-          b("div", yo, [
-            b("div", go, [
+          y("div", yo, [
+            y("div", _o, [
               o(at)
             ]),
-            b("div", _o, [
+            y("div", go, [
               o(co)
             ])
           ])
         ]),
         o(lo, {
           modelValue: u.value,
-          "onUpdate:modelValue": _[0] || (_[0] = (w) => u.value = w)
+          "onUpdate:modelValue": d[0] || (d[0] = (_) => u.value = _)
         }, null, 8, ["modelValue"]),
-        o(W, {
-          modelValue: y.value,
-          "onUpdate:modelValue": _[3] || (_[3] = (w) => y.value = w),
+        o(Y, {
+          modelValue: b.value,
+          "onUpdate:modelValue": d[3] || (d[3] = (_) => b.value = _),
           width: "860px",
           title: "导出布局 JSON"
         }, {
-          footer: d(() => [
-            o(T, {
-              onClick: _[2] || (_[2] = (w) => y.value = !1)
+          footer: i(() => [
+            o(s, {
+              onClick: d[2] || (d[2] = (_) => b.value = !1)
             }, {
-              default: d(() => [..._[14] || (_[14] = [
-                S(" 关闭 ", -1)
+              default: i(() => [...d[14] || (d[14] = [
+                z(" 关闭 ", -1)
               ])]),
               _: 1
             }),
-            o(T, {
+            o(s, {
               type: "primary",
-              onClick: Q
+              onClick: ee
             }, {
-              default: d(() => [..._[15] || (_[15] = [
-                S(" 复制 ", -1)
+              default: i(() => [...d[15] || (d[15] = [
+                z(" 复制 ", -1)
               ])]),
               _: 1
             })
           ]),
-          default: d(() => [
-            o(F, {
-              modelValue: O.value,
-              "onUpdate:modelValue": _[1] || (_[1] = (w) => O.value = w),
+          default: i(() => [
+            o(G, {
+              modelValue: E.value,
+              "onUpdate:modelValue": d[1] || (d[1] = (_) => E.value = _),
               type: "textarea",
               rows: 22,
               readonly: ""
@@ -2837,42 +2870,42 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        o(W, {
-          modelValue: I.value,
-          "onUpdate:modelValue": _[6] || (_[6] = (w) => I.value = w),
+        o(Y, {
+          modelValue: M.value,
+          "onUpdate:modelValue": d[6] || (d[6] = (_) => M.value = _),
           width: "860px",
           title: "导入布局 JSON"
         }, {
-          footer: d(() => [
-            o(T, {
-              onClick: _[5] || (_[5] = (w) => I.value = !1)
+          footer: i(() => [
+            o(s, {
+              onClick: d[5] || (d[5] = (_) => M.value = !1)
             }, {
-              default: d(() => [..._[16] || (_[16] = [
-                S(" 取消 ", -1)
+              default: i(() => [...d[16] || (d[16] = [
+                z(" 取消 ", -1)
               ])]),
               _: 1
             }),
-            o(T, {
+            o(s, {
               type: "primary",
-              onClick: x
+              onClick: se
             }, {
-              default: d(() => [..._[17] || (_[17] = [
-                S(" 确定 ", -1)
+              default: i(() => [...d[17] || (d[17] = [
+                z(" 确定 ", -1)
               ])]),
               _: 1
             })
           ]),
-          default: d(() => [
-            o(ae, {
+          default: i(() => [
+            o(Z, {
               title: "请粘贴布局 JSON，确定后将覆盖当前画布内容。",
               type: "warning",
               "show-icon": "",
               closable: !1
             }),
-            _[18] || (_[18] = b("div", { style: { height: "10px" } }, null, -1)),
-            o(F, {
+            d[18] || (d[18] = y("div", { style: { height: "10px" } }, null, -1)),
+            o(G, {
               modelValue: k.value,
-              "onUpdate:modelValue": _[4] || (_[4] = (w) => k.value = w),
+              "onUpdate:modelValue": d[4] || (d[4] = (_) => k.value = _),
               type: "textarea",
               rows: 22,
               placeholder: "在此粘贴 JSON"
@@ -2883,8 +2916,8 @@ const Ht = { class: "content" }, Rt = { class: "label" }, Ot = /* @__PURE__ */ P
       ]);
     };
   }
-}), ho = /* @__PURE__ */ ce(Vo, [["__scopeId", "data-v-aed585f1"]]);
+}), xo = /* @__PURE__ */ ve(Vo, [["__scopeId", "data-v-02e9bc29"]]);
 export {
-  ho as FormDesigner,
+  xo as FormDesigner,
   Gt as FormRenderer
 };