@farris/ui-vue 1.3.0 → 1.3.3

package/components/response-layout-editor/index.esm.js

@@ -1,8 +1,8 @@
 var Ze = Object.defineProperty;
 var _e = (e, t, n) => t in e ? Ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Q = (e, t, n) => _e(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as q, ref as l, watch as A, computed as T, onMounted as J, createVNode as i, nextTick as fe, toRefs as Ke, onBeforeMount as pe, createTextVNode as G, Fragment as ue, withModifiers as le, inject as Ce, provide as et, onUnmounted as Me, Teleport as tt, Transition as nt, shallowRef as at, createApp as lt, render as ce, h as ot, cloneVNode as it, mergeProps as Ie, reactive as Z } from "vue";
-import { isPlainObject as we, cloneDeep as U } from "lodash-es";
+var N = (e, t, n) => _e(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as U, ref as l, watch as A, computed as R, onMounted as Q, createVNode as i, nextTick as fe, toRefs as Ke, onBeforeMount as ve, createTextVNode as q, Fragment as ue, withModifiers as le, inject as Se, provide as et, onUnmounted as Ce, Teleport as tt, Transition as nt, shallowRef as at, createApp as lt, render as ce, h as ot, cloneVNode as it, mergeProps as Me, reactive as Z } from "vue";
+import { isPlainObject as be, cloneDeep as X } from "lodash-es";
 import ut from "../list-view/index.esm.js";
 import st from "../button-edit/index.esm.js";
 const rt = {
@@ -437,23 +437,27 @@ const rt = {
   type: ht,
   properties: yt,
   required: gt
-}, xe = {}, Ee = {};
-function me(e) {
-  const { properties: t, title: n, ignore: a } = e, o = a && Array.isArray(a), r = Object.keys(t).reduce((c, d) => ((!o || !a.find((v) => v == d)) && (c[d] = t[d].type === "object" && t[d].properties ? me(t[d]) : U(t[d].default)), c), {});
-  return (!o || !a.find((c) => c == "id")) && (r.id = `${n}-${Date.now()}`), r;
+}, Ie = {}, xe = {};
+function pe(e) {
+  const { properties: t, title: n, ignore: a } = e, o = a && Array.isArray(a), r = Object.keys(t).reduce((c, d) => ((!o || !a.find((v) => v === d)) && (c[d] = t[d].type === "object" && t[d].properties ? pe(t[d]) : X(t[d].default)), c), {});
+  if (n && (!o || !a.find((c) => c === "id"))) {
+    const c = n.toLowerCase().replace(/-/g, "_");
+    r.id = `${c}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return r;
 }
-function ve(e, t = {}, n) {
-  const a = xe[e];
+function Ee(e, t = {}, n) {
+  const a = Ie[e];
   if (a) {
-    let o = me(a);
-    const r = Ee[e];
-    return o = r ? r({ getSchemaByType: ve }, o, t, n) : o, o;
+    let o = pe(a);
+    const r = xe[e];
+    return o = r ? r({ getSchemaByType: Ee }, o, t, n) : o, o;
   }
   return null;
 }
 function wt(e, t) {
-  const n = me(t);
-  return Object.keys(e).reduce((a, o) => (a[o] && we(a[o]) && we(e[o]) ? Object.assign(a[o], e[o]) : a[o] = e[o], a), n), n;
+  const n = pe(t);
+  return Object.keys(n).reduce((a, o) => (a[o] && be(a[o]) && be(e[o] || !e[o]) ? Object.assign(a[o], e[o] || {}) : a[o] = e[o], a), n), n;
 }
 function St(e, t) {
   return Object.keys(e).filter((a) => e[a] != null).reduce((a, o) => {
@@ -479,13 +483,13 @@ function Mt(e = {}) {
     if (typeof u == "number")
       return f[s].length === u;
     if (typeof u == "object") {
-      const h = Object.keys(u)[0], b = u[h];
+      const h = Object.keys(u)[0], w = u[h];
       if (h === "not")
-        return Number(f[s].length) !== Number(b);
+        return Number(f[s].length) !== Number(w);
       if (h === "moreThan")
-        return Number(f[s].length) >= Number(b);
+        return Number(f[s].length) >= Number(w);
       if (h === "lessThan")
-        return Number(f[s].length) <= Number(b);
+        return Number(f[s].length) <= Number(w);
     }
     return !1;
   }
@@ -502,8 +506,8 @@ function Mt(e = {}) {
     return typeof m == "number" ? [{ target: u, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: u, operator: "getProperty", param: s, value: !!m }] : typeof m == "object" ? Object.keys(m).map((f) => {
       if (f === "length")
         return { target: u, operator: "length", param: null, value: m[f] };
-      const h = f, b = m[f];
-      return { target: u, operator: "getProperty", param: h, value: b };
+      const h = f, w = m[f];
+      return { target: u, operator: "getProperty", param: h, value: w };
     }) : [];
   }
   function r(s) {
@@ -520,18 +524,18 @@ function Mt(e = {}) {
     return !1;
   }
   function d(s, m) {
-    return r(s).reduce((h, b) => h && c(b, m), !0);
+    return r(s).reduce((h, w) => h && c(w, m), !0);
   }
   function v(s, m) {
-    const u = Object.keys(s), f = u.includes("allOf"), h = u.includes("anyOf"), b = f || h, w = (b ? s[b ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((L) => d(L, m));
-    return f ? !w.includes(!1) : w.includes(!0);
+    const u = Object.keys(s), f = u.includes("allOf"), h = u.includes("anyOf"), w = f || h, S = (w ? s[w ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((L) => d(L, m));
+    return f ? !S.includes(!1) : S.includes(!0);
   }
   return { parseValueSchema: v };
 }
 const It = {}, xt = {};
 Mt();
-function K(e, t, n = /* @__PURE__ */ new Map(), a = (c, d, v) => d, o = {}, r = (c) => c) {
-  return xe[t.title] = t, Ee[t.title] = a, It[t.title] = o, xt[t.title] = r, (c = {}) => {
+function K(e, t, n = /* @__PURE__ */ new Map(), a = (c, d, v, s) => d, o = {}, r = (c) => c) {
+  return Ie[t.title] = t, xe[t.title] = a, It[t.title] = o, xt[t.title] = r, (c = {}) => {
     const d = Ct(c, t, n), v = Object.keys(e).reduce((s, m) => (s[m] = e[m].default, s), {});
     return Object.assign(v, d);
   };
@@ -542,10 +546,10 @@ function ee(e, t) {
 const Et = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function Dt(e, t, n) {
+function Bt(e, t, n) {
   return t;
 }
-const Bt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
+const Dt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -568,11 +572,11 @@ const Bt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
     }
   }
 }, Ft = {
-  title: Bt,
+  title: Dt,
   description: Tt,
   type: Lt,
   categories: Rt
-}, De = {
+}, Be = {
   items: {
     Type: Array,
     default: [
@@ -594,8 +598,8 @@ const Bt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
   show: { type: Boolean, default: !0 },
   disabled: { type: Boolean, default: !1 }
 };
-K(De, bt, Et, Dt, Ft);
-const $t = /* @__PURE__ */ q({
+K(Be, bt, Et, Bt, Ft);
+const Wt = /* @__PURE__ */ U({
   name: "FCapsuleItem",
   props: kt,
   emits: ["mounted", "active"],
@@ -604,12 +608,12 @@ const $t = /* @__PURE__ */ q({
     A(() => e.isActive, (c) => {
       a.value = c;
     });
-    const o = T(() => ({
+    const o = R(() => ({
       "f-capsule-item": !0,
       "f-capsule-active-item": a.value,
       "f-capsule-disabled": e.disabled
     }));
-    J(() => {
+    Q(() => {
       t.emit("mounted", n, e.value);
     });
     function r(c) {
@@ -626,83 +630,83 @@ const $t = /* @__PURE__ */ q({
       class: e.icon
     }, null), e.name]);
   }
-}), Wt = /* @__PURE__ */ q({
+}), $t = /* @__PURE__ */ U({
   name: "FCapsule",
-  props: De,
+  props: Be,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = l(e.items), a = l(), o = 2, r = l(e.modelValue), c = l("none"), d = l(e.type), v = T(() => {
+    const n = l(e.items), a = l(), o = 2, r = l(e.modelValue), c = l("none"), d = l(e.type), v = R(() => {
       const y = {
         "f-capsule-container": !0
       };
       return d.value && (y[d.value] = !0), y;
-    }), s = T(() => ({})), m = T(() => ({
+    }), s = R(() => ({})), m = R(() => ({
       "f-capsule": !0
-    })), u = l(o), f = l(0), h = l(0), b = T(() => ({
+    })), u = l(o), f = l(0), h = l(0), w = R(() => ({
       left: `${u.value}px`,
       width: `${f.value}px`,
       transition: c.value
-    })), M = T(() => ({
+    })), M = R(() => ({
       width: `${h.value}px`
-    })), g = /* @__PURE__ */ new Map();
-    function w(y) {
+    })), b = /* @__PURE__ */ new Map();
+    function S(y) {
       var p;
-      if (g.has(y.value)) {
-        const D = (p = g.get(y.value)) == null ? void 0 : p.value;
-        if (D) {
-          const O = D.getBoundingClientRect(), N = a.value.getBoundingClientRect();
-          u.value = O.left - N.left + o + a.value.scrollLeft, f.value = O.width - 2 * o;
+      if (b.has(y.value)) {
+        const F = (p = b.get(y.value)) == null ? void 0 : p.value;
+        if (F) {
+          const O = F.getBoundingClientRect(), P = a.value.getBoundingClientRect();
+          u.value = O.left - P.left + o + a.value.scrollLeft, f.value = O.width - 2 * o;
         }
       }
     }
-    function R(y, p) {
-      const D = y.value;
-      r.value = D, t.emit("update:modelValue", D), w(y), p && t.emit("change", D);
+    function D(y, p) {
+      const F = y.value;
+      r.value = F, t.emit("update:modelValue", F), S(y), p && t.emit("change", F);
     }
     function L(y) {
-      const p = n.value.findIndex((D) => D.value === y);
-      p > -1 && R(n.value[p], !1);
+      const p = n.value.findIndex((F) => F.value === y);
+      p > -1 && D(n.value[p], !1);
     }
     A(() => e.modelValue, (y) => {
       r.value = y, L(r.value);
-    }), A(() => e.items, async (y) => {
-      const p = y.filter((D) => D.show);
-      F(p), n.value = p, await fe(), L(r.value), h.value = Array.from(g.values()).reduce((D, O) => (D += O.value.clientWidth, D), 0);
-    }), J(async () => {
-      L(r.value), await fe(), c.value = "0.1s ease-out all", h.value = Array.from(g.values()).reduce((y, p) => (y += p.value.clientWidth, y), 0);
+    }), Q(async () => {
+      L(r.value), await fe(), c.value = "0.1s ease-out all", h.value = Array.from(b.values()).reduce((y, p) => (y += p.value.clientWidth, y), 0);
     });
     function j(y, p) {
-      R(p, !0);
+      D(p, !0);
     }
-    function W(y, p) {
-      g.set(p, y);
+    function B(y, p) {
+      b.set(p, y);
     }
-    function F(y) {
-      Array.from(g.keys()).forEach((p) => {
-        y.find((O) => O.value === p) || g.delete(p);
+    function $(y) {
+      Array.from(b.keys()).forEach((p) => {
+        y.find((O) => O.value === p) || b.delete(p);
       });
     }
-    function S(y, p) {
-      return i($t, {
+    function g(y, p) {
+      return i(Wt, {
         name: y.name,
         value: y.value,
         isActive: y.value === r.value,
         index: p,
         disabled: y.disabled,
         key: y.value,
-        onMounted: W,
+        onMounted: B,
         onActive: j
       }, null);
     }
-    return () => i("span", {
+    return A(() => e.items, async (y) => {
+      const p = y.filter((F) => F.show);
+      $(p), n.value = p, await fe(), L(r.value), h.value = Array.from(b.values()).reduce((F, O) => (F += O.value.clientWidth, F), 0);
+    }), () => i("span", {
       ref: a,
       class: v.value,
       style: s.value
     }, [i("span", {
       class: "f-capsule-pane"
-    }, [n.value.map((y, p) => S(y, p))]), i("small", {
+    }, [n.value.map((y, p) => g(y, p))]), i("small", {
       class: m.value,
-      style: b.value
+      style: w.value
     }, null), i("div", {
       class: "f-capsule-board",
       style: M.value
@@ -780,7 +784,7 @@ const $t = /* @__PURE__ */ q({
   size: {
     description: "",
     type: "enum",
-    default: "middle"
+    default: "medium"
   }
 }, Pt = [
   "id",
@@ -802,11 +806,15 @@ const $t = /* @__PURE__ */ q({
 function Ut(e, t, n) {
   return t;
 }
-const Be = {
+const De = {
   /** 组件值*/
   modelValue: { type: Boolean, default: !1 },
   /** 禁用 */
-  disabled: { type: Boolean },
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * 同disabled 
+   */
+  readonly: { type: Boolean, default: !1 },
   onBackground: { type: String },
   offBackground: { type: String },
   onColor: { type: String },
@@ -819,10 +827,10 @@ const Be = {
   onModelValueChanged: { type: Function, default: () => {
   } }
 };
-K(Be, qt, Ot, Ut);
-const Xt = /* @__PURE__ */ q({
+K(De, qt, Ot, Ut);
+const Xt = /* @__PURE__ */ U({
   name: "FSwitch",
-  props: Be,
+  props: De,
   emits: ["update:modelValue", "modelValueChanged"],
   setup(e, t) {
     const {
@@ -833,50 +841,51 @@ const Xt = /* @__PURE__ */ q({
       onBackground: c,
       offBackground: d,
       onColor: v,
-      offColor: s
-    } = Ke(e), m = l(e.modelValue), u = T(() => ({
+      offColor: s,
+      readonly: m
+    } = Ke(e), u = l(e.modelValue), f = R(() => ({
       switch: !0,
       "f-cmp-switch": !0,
-      checked: m.value,
-      disabled: n.value,
+      checked: u.value,
+      disabled: m.value || n.value,
       "switch-large": a.value === "large",
       "switch-medium": a.value === "medium",
       "switch-small": a.value === "small"
-    })), f = T(() => m.value ? {
+    })), h = R(() => u.value ? {
       outline: "none",
       background: c.value
     } : {
       outline: "none",
       backgroundColor: d.value
-    }), h = T(() => m.value ? {
+    }), w = R(() => u.value ? {
       background: v.value
     } : {
       backgroundColor: s.value
-    }), b = T(() => (o == null ? void 0 : o.value) || (r == null ? void 0 : r.value));
-    function M() {
-      n.value || (m.value = !m.value, t.emit("update:modelValue", m.value));
+    }), M = R(() => (o == null ? void 0 : o.value) || (r == null ? void 0 : r.value));
+    function b() {
+      m.value || n.value || (u.value = !u.value, t.emit("update:modelValue", u.value));
     }
-    return A(m, (g, w) => {
-      g !== w && t.emit("modelValueChanged", g);
-    }), A(() => e.modelValue, (g, w) => {
-      g !== w && (m.value = g);
+    return A(u, (S, D) => {
+      S !== D && t.emit("modelValueChanged", S);
+    }), A(() => e.modelValue, (S, D) => {
+      S !== D && (u.value = S);
     }), () => i("span", {
       tabindex: "0",
       role: "button",
-      class: u.value,
-      style: f.value,
-      onClick: M
-    }, [b.value && i("span", {
+      class: f.value,
+      style: h.value,
+      onClick: b
+    }, [M.value && i("span", {
       class: "switch-pane"
     }, [i("span", {
       class: "switch-label-checked"
     }, [o == null ? void 0 : o.value]), i("span", {
       class: "switch-label-unchecked"
     }, [r == null ? void 0 : r.value])]), i("small", {
-      style: h.value
+      style: w.value
     }, [t.slots.default && t.slots.default()])]);
   }
-}), Yt = /* @__PURE__ */ q({
+}), Yt = /* @__PURE__ */ U({
   name: "FScreenResolutionSelector",
   props: dt,
   emits: ["screenNameChanged", "currentScreenResolutionChanged", "switchInStandardModeChanged"],
@@ -911,11 +920,11 @@ const Xt = /* @__PURE__ */ q({
       t.emit("switchInStandardModeChanged", c.value);
     }
     A(c, () => {
-    }), pe(() => {
+    }), ve(() => {
       a.value.model === "standard" ? c.value = !0 : (c.value = !1, v());
     });
     function s() {
-      return i(Wt, {
+      return i($t, {
         class: "f-layout-editor-screen-resolution-selector-frame",
         items: n.value,
         modelValue: o.value,
@@ -929,7 +938,7 @@ const Xt = /* @__PURE__ */ q({
       class: "f-layout-editor-screen-resolution-selector-header"
     }, [i("div", {
       class: "f-layout-editor-screen-resolution-selector-form"
-    }, [G("表单布局配置")])]), s(), i("div", {
+    }, [q("表单布局配置")])]), s(), i("div", {
       class: "f-layout-editor-screen-resolution-selector-switch"
     }, [i(Xt, {
       class: "f-layout-editor-show-switch",
@@ -938,9 +947,9 @@ const Xt = /* @__PURE__ */ q({
       onModelValueChanged: v
     }, null), c.value ? i("div", {
       class: "f-layout-editor-show-switch-label"
-    }, [G("标准模式")]) : i("div", {
+    }, [q("标准模式")]) : i("div", {
       class: "f-layout-editor-show-switch-label"
-    }, [G("自定义模式")])])]);
+    }, [q("自定义模式")])])]);
   }
 }), Jt = {
   /** 默认屏幕分辨率对应的英文缩写 */
@@ -958,12 +967,12 @@ const Xt = /* @__PURE__ */ q({
   currentScreenResolution: { type: String, default: "" },
   /** 接受switch状态，若为自定义模式，则需要改变Col-num的num来源；*/
   switchInStandardMode: { type: Boolean, default: !1 }
-}, Zt = /* @__PURE__ */ q({
+}, Zt = /* @__PURE__ */ U({
   name: "FColumnWidthView",
   props: Qt,
   emits: [],
   setup(e, t) {
-    const n = l(e.item), a = l(e.currentScreenResolution), o = T(() => `col-${n.value[`columnIn${a.value}`]}`);
+    const n = l(e.item), a = l(e.currentScreenResolution), o = R(() => `col-${n.value[`columnIn${a.value}`]}`);
     return A([() => e.item, () => e.currentScreenResolution], ([r, c], [d, v]) => {
       r !== d && (n.value = r), c !== v && (a.value = c);
     }), () => i("div", {
@@ -975,37 +984,38 @@ const Xt = /* @__PURE__ */ q({
       class: "f-layout-editor-column-width-view-label"
     }, [n.value.label])])]);
   }
-}), _t = /* @__PURE__ */ q({
+}), _t = /* @__PURE__ */ U({
   name: "FPreview",
   props: Jt,
   emits: ["update:twoDimensionalArray"],
   setup(e, t) {
     const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.currentArea), r = l(e.twoDimensionalArray), c = l([]);
-    A([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([u, f, h], [b, M, g]) => {
-      u !== b && (o.value = u), f !== M && (a.value = f), h !== g && (n.value = h);
-    }), A(() => e.twoDimensionalArray, () => {
-      r.value = e.twoDimensionalArray, d();
-    }), J(() => {
-      d();
+    A([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([u, f, h], [w, M, b]) => {
+      u !== w && (o.value = u), f !== M && (a.value = f), h !== b && (n.value = h);
     });
-    function d() {
-      c.value = U(r.value), c.value = v();
+    function d(u, f) {
+      const h = [];
+      let w = [];
+      return u.forEach((M) => {
+        f !== M.componentRow && (f += 1, h.push(w), w = []), w.push(M);
+      }), h.push(w), h;
     }
     function v() {
       const u = [];
       let f = 1;
       return c.value.forEach((h) => {
-        const b = s(h, f);
-        f += b.length, u.push(b);
+        const w = d(h, f);
+        f += w.length, u.push(w);
       }), u;
     }
-    function s(u, f) {
-      const h = [];
-      let b = [];
-      return u.forEach((M) => {
-        f !== M.componentRow && (f += 1, h.push(b), b = []), b.push(M);
-      }), h.push(b), h;
+    function s() {
+      c.value = X(r.value), c.value = v();
     }
+    A(() => e.twoDimensionalArray, () => {
+      r.value = e.twoDimensionalArray, s();
+    }), Q(() => {
+      s();
+    });
     function m() {
       if (a.value)
         return "";
@@ -1015,7 +1025,7 @@ const Xt = /* @__PURE__ */ q({
         class: "col-1"
       }, [i("div", {
         class: "f-layout-editor-preview-customize-single-background"
-      }, [G(" ")])]));
+      }, [q(" ")])]));
       return i("div", {
         class: "f-layout-editor-preview-customize-whole-background"
       }, [u]);
@@ -1024,17 +1034,17 @@ const Xt = /* @__PURE__ */ q({
       class: "f-layout-editor-preview f-utils-fill-flex-column"
     }, [i("div", {
       class: "f-layout-editor-preview-header"
-    }, [G("预览区")]), m(), i("div", {
+    }, [q("预览区")]), m(), i("div", {
       class: "f-layout-editor-preview-view f-utils-overflow-xhya"
     }, [i("div", {
       class: "f-layout-editor-preview-row-group"
     }, [c.value.map((u) => {
       var f, h;
-      return ((f = u[0][0]) == null ? void 0 : f.group.toString()) === ((h = o.value[0]) == null ? void 0 : h.id) && u.map((b) => i("div", {
+      return ((f = u[0][0]) == null ? void 0 : f.group.toString()) === ((h = o.value[0]) == null ? void 0 : h.id) && u.map((w) => i("div", {
         class: "f-layout-editor-row"
-      }, [b.map((M) => i(Zt, {
+      }, [w.map((M) => i(Zt, {
         item: M,
-        "onUpdate:item": (g) => M = g,
+        "onUpdate:item": (b) => M = b,
         currentScreenResolution: n.value,
         switchInStandardMode: a.value
       }, null))]));
@@ -1062,8 +1072,8 @@ function en(e, t) {
   const n = l(-1), a = l(!1);
   function o(u) {
     if (u.target.offsetParent) {
-      const f = u.target.offsetParent, h = f.offsetWidth - u.target.offsetWidth / 2 - 4, b = f.offsetHeight / 2;
-      u.dataTransfer && u.dataTransfer.setDragImage(f, h, b);
+      const f = u.target.offsetParent, h = f.offsetWidth - u.target.offsetWidth / 2 - 4, w = f.offsetHeight / 2;
+      u.dataTransfer && u.dataTransfer.setDragImage(f, h, w);
     }
   }
   function r(u) {
@@ -1080,8 +1090,8 @@ function en(e, t) {
   function d(u) {
     const f = e.value.findIndex((h) => h.label === u.label);
     if (n.value !== f) {
-      const h = e.value[n.value], b = e.value;
-      b.splice(n.value, 1), b.splice(f, 0, h), n.value = f, t && t();
+      const h = e.value[n.value], w = e.value;
+      w.splice(n.value, 1), w.splice(f, 0, h), n.value = f, t && t();
     }
   }
   function v(u, f) {
@@ -1136,6 +1146,11 @@ const tn = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !1
   },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
   editable: {
     description: "",
     type: "boolean",
@@ -1160,6 +1175,11 @@ const tn = /* @__PURE__ */ new Map([
     type: "string",
     default: ""
   },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
   valueField: {
     description: "",
     type: "string",
@@ -1225,7 +1245,8 @@ const tn = /* @__PURE__ */ new Map([
 ], cn = [
   "id",
   "appearance",
-  "binding"
+  "binding",
+  "visible"
 ], dn = {
   $schema: nn,
   $id: an,
@@ -1400,7 +1421,7 @@ const Te = {
    */
   beforeOpen: { type: Function, default: null },
   searchOption: {
-    type: Object,
+    type: [Boolean, Function],
     default: !1
   },
   // 搜索启用高亮
@@ -1423,17 +1444,17 @@ const vn = {
   onSelectionChange: { type: Function, default: () => {
   } },
   searchOption: {
-    type: Object,
+    type: [Boolean, Function],
     default: !1
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, pn = /* @__PURE__ */ q({
+}, pn = /* @__PURE__ */ U({
   name: "FComboListContainer",
   props: vn,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = l(), a = l(e.dataSource), o = l([]), r = l(e.separator), c = l(e.width), d = l(e.maxHeight), v = l(String(e.selectedValues).split(r.value)), s = T(() => e.multiSelect), m = T(() => ({
+    const n = l(), a = l(e.dataSource), o = l([]), r = l(e.separator), c = l(e.width), d = l(e.maxHeight), v = l(String(e.selectedValues).split(r.value)), s = R(() => e.multiSelect), m = R(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
@@ -1444,18 +1465,21 @@ const vn = {
     A(e.dataSource, () => {
       a.value = e.dataSource;
     });
-    const u = T(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = T(() => {
+    const u = R(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = R(() => {
       const M = {};
       return c.value !== void 0 && (M.width = `${c.value}px`), d.value !== void 0 && d.value > 0 && (M.maxHeight = `${d.value}px`), M;
     });
     function h(M) {
-      o.value = M.map((g) => Object.assign({}, g)), v.value = M.map((g) => g[e.idField]), t.emit("selectionChange", o.value);
+      o.value = M.map((b) => Object.assign({}, b)), v.value = M.map((b) => b[e.idField]), t.emit("selectionChange", o.value);
     }
-    function b(M) {
+    function w(M) {
       if (e.enableHighlightSearch)
         return;
-      let g = [];
-      typeof e.searchOption == "function" ? g = a.value.filter((w) => e.searchOption(M, w)) : g = a.value.filter((w) => w[e.valueField].indexOf(M) > -1 || w[e.textField].indexOf(M) > -1), n.value.updateDataSource(g);
+      let b = [];
+      const {
+        searchOption: S
+      } = e;
+      typeof S == "function" ? b = a.value.filter((D) => S(M, D)) : b = a.value.filter((D) => D[e.valueField].indexOf(M) > -1 || D[e.textField].indexOf(M) > -1), n.value.updateDataSource(b);
     }
     return A([() => e.selectedValues], ([M]) => {
       v.value = M.split(r.value);
@@ -1477,17 +1501,17 @@ const vn = {
       enableHighlightSearch: e.enableHighlightSearch,
       selectionValues: v.value,
       onSelectionChange: h,
-      onAfterSearch: b
+      onAfterSearch: w
     }, null)]);
   }
 });
 function mn(e) {
   const t = l(""), n = l(e.modelValue), a = l(e.data || []), o = l(e.editable);
   function r(u) {
-    const f = String(u).split(e.separator), h = f.map((g) => [g, !0]), b = new Map(h);
-    return a.value.filter((g) => b.has(String(g[e.valueField]))).sort((g, w) => {
-      const R = f.indexOf(g[e.valueField]), L = f.indexOf(w[e.valueField]);
-      return R - L;
+    const f = String(u).split(e.separator), h = f.map((b) => [b, !0]), w = new Map(h);
+    return a.value.filter((b) => w.has(String(b[e.valueField]))).sort((b, S) => {
+      const D = f.indexOf(b[e.valueField]), L = f.indexOf(S[e.valueField]);
+      return D - L;
     });
   }
   function c(u) {
@@ -1495,8 +1519,8 @@ function mn(e) {
     t.value = o.value ? f || u : f;
   }
   function d(u) {
-    const f = u.split(e.separator).map((b) => [b, !0]), h = new Map(f);
-    return a.value.filter((b) => h.has(b[e.textField]));
+    const f = u.split(e.separator).map((w) => [w, !0]), h = new Map(f);
+    return a.value.filter((w) => h.has(w[e.textField]));
   }
   function v(u) {
     const f = {};
@@ -1508,17 +1532,17 @@ function mn(e) {
     return o.value && !h && (f = v(u)), f;
   }
   function m() {
-    const { url: u, method: f = "GET", headers: h = {}, body: b = null } = e.remote, M = f.toLowerCase() == "get" ? { method: f, headers: h } : { method: f, headers: h, body: b };
-    let g = !1;
-    fetch(u, M).then((w) => {
+    const { url: u, method: f = "GET", headers: h = {}, body: w = null } = e.remote, M = f.toLowerCase() === "get" ? { method: f, headers: h } : { method: f, headers: h, body: w };
+    let b = !1;
+    fetch(u, M).then((S) => {
       var L, j;
-      if (w.status === 200)
-        return g = !!((j = (L = w.headers) == null ? void 0 : L.get("content-type")) != null && j.includes("application/json")), g ? w.text() : w.json();
-      throw new Error(w.statusText);
-    }).then((w) => {
-      a.value = g ? JSON.parse(w) : w;
-    }).catch((w) => {
-      console.error(w);
+      if (S.status === 200)
+        return b = !!((j = (L = S.headers) == null ? void 0 : L.get("content-type")) != null && j.includes("application/json")), b ? S.text() : S.json();
+      throw new Error(S.statusText);
+    }).then((S) => {
+      a.value = b ? JSON.parse(S) : S;
+    }).catch((S) => {
+      console.error(S);
     });
   }
   return e.remote && m(), A(() => e.data, () => {
@@ -1532,7 +1556,7 @@ function mn(e) {
     n.value = u, c(u);
   }), c(e.modelValue), { dataSource: a, displayText: t, editable: o, modelValue: n, getItemsByDisplayText: d, getItemsByValue: r, getSelectedItemsByDisplayText: s };
 }
-const hn = /* @__PURE__ */ q({
+const hn = /* @__PURE__ */ U({
   name: "FComboList",
   props: Te,
   emits: ["clear", "update:modelValue", "change", "input"],
@@ -1543,33 +1567,33 @@ const hn = /* @__PURE__ */ q({
       editable: s,
       modelValue: m,
       getSelectedItemsByDisplayText: u
-    } = mn(e), f = T(() => e.multiSelect), h = T(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
-    function b() {
+    } = mn(e), f = R(() => e.multiSelect), h = R(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
+    function w() {
       !f.value && n.value && n.value.hidePopup();
     }
-    function M(W) {
-      v.value = W.map((F) => F[e.textField]).join(e.separator), W.length === 1 ? m.value = W[0][e.valueField] : m.value = W.map((F) => F[e.valueField]).join(e.separator), t.emit("update:modelValue", m.value), t.emit("change", W, m.value), b();
+    function M(B) {
+      v.value = B.map(($) => $[e.textField]).join(e.separator), B.length === 1 ? m.value = B[0][e.valueField] : m.value = B.map(($) => $[e.valueField]).join(e.separator), t.emit("update:modelValue", m.value), t.emit("change", B, m.value), w();
     }
-    function g() {
+    function b() {
       c.value || n.value.togglePopup();
     }
-    function w(W) {
+    function S(B) {
       m.value = "", t.emit("update:modelValue", ""), t.emit("clear");
     }
-    function R(W) {
-      const F = u(W);
-      M(F);
+    function D(B) {
+      const $ = u(B);
+      M($);
     }
     function L() {
       return v.value;
     }
-    function j(W) {
-      t.emit("input", W);
+    function j(B) {
+      t.emit("input", B);
     }
     return t.expose({
       getDisplayText: L
-    }), A([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([W, F, S, y, p]) => {
-      a.value = W, s.value = F, o.value = S, r.value = y, c.value = p;
+    }), A([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, $, g, y, p]) => {
+      a.value = B, s.value = $, o.value = g, r.value = y, c.value = p;
     }), () => i(st, {
       ref: n,
       id: e.id,
@@ -1586,12 +1610,12 @@ const hn = /* @__PURE__ */ q({
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
       modelValue: v.value,
-      "onUpdate:modelValue": (W) => v.value = W,
+      "onUpdate:modelValue": (B) => v.value = B,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
-      onClear: w,
-      onClick: g,
-      onChange: R,
+      onClear: S,
+      onClick: b,
+      onChange: D,
       onInput: j,
       beforeOpen: e.beforeOpen
     }, {
@@ -1692,7 +1716,7 @@ const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-
 }, En = [
   "id",
   "type"
-], Dn = {
+], Bn = {
   $schema: wn,
   $id: Sn,
   title: Cn,
@@ -1700,7 +1724,7 @@ const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-
   type: In,
   properties: xn,
   required: En
-}, Bn = "radio-button", Tn = "A Farris Component", Ln = "object", Rn = {
+}, Dn = "radio-button", Tn = "A Farris Component", Ln = "object", Rn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1723,7 +1747,7 @@ const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-
     }
   }
 }, Fn = {
-  title: Bn,
+  title: Dn,
   description: Tn,
   type: Ln,
   categories: Rn
@@ -1742,8 +1766,8 @@ const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-
   onSelectedValueChanged: { type: Function, default: () => {
   } }
 };
-K(Le, Dn, gn, bn, Fn);
-const kn = /* @__PURE__ */ q({
+K(Le, Bn, gn, bn, Fn);
+const kn = /* @__PURE__ */ U({
   name: "FRadioButton",
   props: Le,
   emits: ["selectedValueChanged"],
@@ -1774,10 +1798,10 @@ const kn = /* @__PURE__ */ q({
       class: "f-radio-button-text"
     }, [o(r)])])]))])]);
   }
-}), $n = /* @__PURE__ */ new Map([
+}), Wn = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function Wn(e, t, n) {
+function $n(e, t, n) {
   return t;
 }
 const On = "https://json-schema.org/draft/2020-12/schema", An = "https://farris-design.gitee.io/rate.schema.json", jn = "rate", Vn = "A Farris Component", zn = "object", Hn = {
@@ -1918,30 +1942,30 @@ const On = "https://json-schema.org/draft/2020-12/schema", An = "https://farris-
   value: { type: Number, default: 0 },
   modelValue: { type: Number, default: 0 }
 };
-K(Re, Gn, $n, Wn, Jn);
-const Zn = /* @__PURE__ */ q({
+K(Re, Gn, Wn, $n, Jn);
+const Zn = /* @__PURE__ */ U({
   name: "FRate",
   props: Re,
   emits: ["selectedValue", "update:modelValue"],
   setup(e, t) {
-    const n = l(e.size), a = l(e.enableHalf), o = l(e.enableClear), r = l(e.disabled), c = l(e.pointSystem), d = l(e.lightColor), v = l(e.darkColor), s = l(e.iconClass), m = l(e.numOfStar), u = l(e.toolTipDisabled), f = l(e.toolTipContents), h = l(e.enableScore), b = l(e.enableSatisfaction);
+    const n = l(e.size), a = l(e.enableHalf), o = l(e.enableClear), r = l(e.disabled), c = l(e.pointSystem), d = l(e.lightColor), v = l(e.darkColor), s = l(e.iconClass), m = l(e.numOfStar), u = l(e.toolTipDisabled), f = l(e.toolTipContents), h = l(e.enableScore), w = l(e.enableSatisfaction);
     let M;
-    const g = l(0), w = l(0), R = l(0), L = l(e.modelValue);
-    let j = 1, W, F, S;
+    const b = l(0), S = l(0), D = l(0), L = l(e.modelValue);
+    let j = 1, B, $, g;
     const y = 4;
-    J(() => {
+    Q(() => {
     });
     function p() {
       const E = m.value;
-      S = [];
-      for (let $ = 1; $ <= E; $++)
-        S.push({
-          id: $
+      g = [];
+      for (let W = 1; W <= E; W++)
+        g.push({
+          id: W
         });
     }
-    function D() {
+    function F() {
       let E;
-      a.value ? E = Math.ceil(L.value / j) : E = L.value, w.value = (M * L.value + Math.floor(L.value) * y) / j, W = f.value[E - 1];
+      a.value ? E = Math.ceil(L.value / j) : E = L.value, S.value = (M * L.value + Math.floor(L.value) * y) / j, B = f.value[E - 1];
     }
     function O() {
       switch (n.value) {
@@ -1958,42 +1982,42 @@ const Zn = /* @__PURE__ */ q({
           M = 24;
           break;
       }
-      p(), m.value && (j = c.value / m.value), L.value && D();
+      p(), m.value && (j = c.value / m.value), L.value && F();
     }
     O();
-    function N(E) {
+    function P(E) {
       return E.className.indexOf("f-icon") !== -1;
     }
-    function X() {
-      return g.value === w.value && o.value && w.value !== 0 ? (w.value = 0, L.value = 0, F = null, g.value = 0, R.value = 0, t.emit("selectedValue", L.value), t.emit("update:modelValue", L.value), !0) : !1;
+    function Y() {
+      return b.value === S.value && o.value && S.value !== 0 ? (S.value = 0, L.value = 0, $ = null, b.value = 0, D.value = 0, t.emit("selectedValue", L.value), t.emit("update:modelValue", L.value), !0) : !1;
     }
-    function B(E, $, H) {
+    function T(E, W, H) {
       if (E.movementX || E.movementY) {
         if (r.value)
           return;
-        b.value && (W = f.value[$ - 1]), E.offsetX < M / 2 && a.value === !0 ? (g.value = M * $ - M / 2 + y * ($ - 1), R.value = j * $ - j / 2) : (g.value = M * $ + y * ($ - 1), R.value = j * $);
+        w.value && (B = f.value[W - 1]), E.offsetX < M / 2 && a.value === !0 ? (b.value = M * W - M / 2 + y * (W - 1), D.value = j * W - j / 2) : (b.value = M * W + y * (W - 1), D.value = j * W);
       }
       if (H === !0) {
-        if (X())
+        if (Y())
           return;
-        L.value = R.value, w.value = g.value, F = W, t.emit("update:modelValue", L.value), t.emit("selectedValue", L.value);
+        L.value = D.value, S.value = b.value, $ = B, t.emit("update:modelValue", L.value), t.emit("selectedValue", L.value);
       }
     }
-    function k(E, $) {
+    function k(E, W) {
       var H;
-      if (N(E.target) && E.target) {
+      if (P(E.target) && E.target) {
         const te = parseInt((H = E.target) == null ? void 0 : H.id);
-        B(E, te, $);
+        T(E, te, W);
       }
     }
-    const z = T(() => R.value ? R.value + "分" : L.value + "分"), I = T(() => ({
-      width: (g.value || w.value) + "px"
+    const z = R(() => D.value ? D.value + "分" : L.value + "分"), I = R(() => ({
+      width: (b.value || S.value) + "px"
     }));
     function x() {
-      g.value = 0;
+      b.value = 0;
     }
     return A(() => e.modelValue, (E) => {
-      L.value = E, D();
+      L.value = E, F();
     }), () => i("div", {
       class: "farris-star-rating",
       onMouseover: le((E) => k(E, !1), ["prevent"]),
@@ -2003,7 +2027,7 @@ const Zn = /* @__PURE__ */ q({
     }, [i("div", {
       class: "star-light-area",
       style: I.value
-    }, [S.map((E) => i("span", {
+    }, [g.map((E) => i("span", {
       class: ["f-icon default-light-color ", s.value, {
         "f-star-sm": n.value === "small"
       }, {
@@ -2027,7 +2051,7 @@ const Zn = /* @__PURE__ */ q({
       }, {
         large: n.value === "large"
       }]
-    }, [S.map((E) => i("span", {
+    }, [g.map((E) => i("span", {
       class: ["f-icon default-dark-color", s.value, {
         "f-star-sm": n.value === "small"
       }, {
@@ -2051,9 +2075,9 @@ const Zn = /* @__PURE__ */ q({
       }, {
         "font-exlarge": n.value === "extraLarge"
       }]
-    }, [h.value && i("span", null, [G(" "), z.value, G(" ")]), b.value && (F || W) && i("span", null, [G(" "), W || F])])]);
+    }, [h.value && i("span", null, [q(" "), z.value, q(" ")]), w.value && ($ || B) && i("span", null, [q(" "), B || $])])]);
   }
-}), _n = /* @__PURE__ */ q({
+}), _n = /* @__PURE__ */ U({
   name: "FColumnWidthEditor",
   props: yn,
   emits: ["fieldChanged"],
@@ -2063,27 +2087,27 @@ const Zn = /* @__PURE__ */ q({
       MD: ["1", "2"],
       LG: ["1", "2", "3", "4"],
       EL: ["1", "2", "3", "4", "5", "6"]
-    }, a = l(e.currentScreenResolution), o = l(e.field), r = l(e.switchInStandardMode), c = l(), d = l(""), v = l(), s = l("customize"), m = l(), u = Ce("ResponseLayoutEditorDraggableComposition"), {
+    }, a = l(e.currentScreenResolution), o = l(e.field), r = l(e.switchInStandardMode), c = l(), d = l(""), v = l(), s = l("customize"), m = l(), u = Se("ResponseLayoutEditorDraggableComposition"), {
       dragstart: f,
       dragenter: h,
-      dragover: b,
+      dragover: w,
       dragend: M
     } = u;
-    function g() {
+    function b() {
       c.value = n == null ? void 0 : n[a.value], r.value ? (d.value = `displayWidthIn${a.value}`, s.value = `${o.value[d.value]}`) : (d.value = `columnIn${a.value}`, m.value = o.value[d.value]);
     }
-    function w(p) {
+    function S(p) {
       if (r.value === !0) {
-        const D = Number(p == null ? void 0 : p.text);
-        v.value = D;
+        const F = Number(p == null ? void 0 : p.text);
+        v.value = F;
         const O = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-        o.value[`columnIn${a.value}`] = D * O, o.value[`displayWidthIn${a.value}`] = Number(D), t.emit("fieldChanged", o.value);
+        o.value[`columnIn${a.value}`] = F * O, o.value[`displayWidthIn${a.value}`] = Number(F), t.emit("fieldChanged", o.value);
       }
     }
-    function R(p) {
+    function D(p) {
       m.value = p;
-      const D = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-      o.value[`columnIn${a.value}`] = m.value, o.value[`displayWidthIn${a.value}`] = m.value / D, t.emit("fieldChanged", o.value);
+      const F = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
+      o.value[`columnIn${a.value}`] = m.value, o.value[`displayWidthIn${a.value}`] = m.value / F, t.emit("fieldChanged", o.value);
     }
     function L() {
       return i(Zn, {
@@ -2097,32 +2121,32 @@ const Zn = /* @__PURE__ */ q({
         modelValue: m.value,
         "onUpdate:modelValue": (p) => m.value = p,
         enableScore: !1,
-        onSelectedValue: () => R(m.value)
+        onSelectedValue: () => D(m.value)
       }, null);
     }
     function j() {
       const p = [];
       c.value = n == null ? void 0 : n[a.value];
-      const D = o.value[`displayWidthIn${a.value}`];
+      const F = o.value[`displayWidthIn${a.value}`];
       return c.value.forEach((O) => {
-        const N = {
+        const P = {
           text: O,
-          active: D.toString() === O
+          active: F.toString() === O
         };
-        p.push(N);
+        p.push(P);
       }), p;
     }
-    function W() {
+    function B() {
       const p = j();
       return i(kn, {
         enumData: p,
         suffixValue: "列",
-        onSelectedValueChanged: w
+        onSelectedValueChanged: S
       }, {
-        default: () => [G(" ")]
+        default: () => [q(" ")]
       });
     }
-    function F() {
+    function $() {
       var p;
       if (((p = o == null ? void 0 : o.value) == null ? void 0 : p.showTopBorder) === 1)
         return i("div", {
@@ -2131,25 +2155,25 @@ const Zn = /* @__PURE__ */ q({
           class: "f-layout-editor-column-width-editor-row-left"
         }, null), i("span", {
           class: "f-layout-editor-column-width-editor-row-middle"
-        }, [G("第"), o.value.componentRow, G("行")]), i("span", {
+        }, [q("第"), o.value.componentRow, q("行")]), i("span", {
           class: "f-layout-editor-column-width-editor-row-right"
         }, null)]);
     }
-    function S() {
+    function g() {
       return r.value ? i("div", {
         class: "f-column-width-editor-switch-standard"
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-click-button"
-      }, [W()])]) : i("div", {
+      }, [B()])]) : i("div", {
         class: "f-column-width-editor-switch-customize",
         onDragenter: (p) => h(p, o.value),
         onDragend: (p) => M(p, o.value),
-        onDragover: (p) => b(p)
+        onDragover: (p) => w(p)
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-rectangle"
       }, [L(), i("div", {
         class: "f-layout-editor-rate-show-column"
-      }, [m.value, G("列")]), i("span", {
+      }, [m.value, q("列")]), i("span", {
         class: "f-layout-editor-drag-handler f-icon f-icon-drag-vertical",
         draggable: "true",
         onDragstart: (p) => f(p, o.value)
@@ -2161,166 +2185,166 @@ const Zn = /* @__PURE__ */ q({
         class: "f-layout-editor-column-width-editor-component"
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-label"
-      }, [(p = o == null ? void 0 : o.value) == null ? void 0 : p.label]), S()]);
+      }, [(p = o == null ? void 0 : o.value) == null ? void 0 : p.label]), g()]);
     }
-    return A(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([p, D, O], [N, X, B]) => {
-      O !== B && (a.value = O, c.value = n[a.value], g()), D !== X && (r.value = D), r.value === !1 && g(), p !== N && (o.value = p);
-    }), J(() => {
-      g();
+    return A(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([p, F, O], [P, Y, T]) => {
+      O !== T && (a.value = O, c.value = n[a.value], b()), F !== Y && (r.value = F), r.value === !1 && b(), p !== P && (o.value = p);
+    }), Q(() => {
+      b();
     }), () => i("div", {
       class: "f-layout-editor-column-width-editor"
-    }, [F(), y()]);
+    }, [$(), y()]);
   }
-}), Kn = /* @__PURE__ */ q({
+}), Kn = /* @__PURE__ */ U({
   name: "FFieldList",
   props: Kt,
   emits: ["update:currentArea", "twoDimensionalArrayChanged", "originalDataChanged"],
   setup(e, t) {
-    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.originalData), r = l(e.originalDataCopy), c = l(e.defaultStates), d = l(""), v = l([]), s = l(e.currentArea), m = l(0), u = l(), f = l(0), h = l("1"), b = l([]);
+    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.originalData), r = l(e.originalDataCopy), c = l(e.defaultStates), d = l(""), v = l([]), s = l(e.currentArea), m = l(0), u = l(), f = l(0), h = l("1"), w = l([]);
     function M() {
+      const T = [];
+      return o.value.forEach((k) => {
+        T.indexOf(k.group) === -1 && T.push(k.group);
+      }), T;
+    }
+    function b() {
+      h.value = c.value.defaultGroupNumber.toString(), d.value = `区域${h.value}`, s.value = [v.value[Number(h.value) - 1]], t.emit("update:currentArea", s.value);
+    }
+    function S() {
       var k;
-      let B = g();
-      for (let z = 0; z < B.length; z++) {
+      const T = M();
+      for (let z = 0; z < T.length; z++) {
         const I = {
-          id: (k = B[z]) == null ? void 0 : k.toString(),
-          label: "区域" + B[z]
+          id: (k = T[z]) == null ? void 0 : k.toString(),
+          label: "区域" + T[z]
         };
         v.value.push(I);
       }
-      w();
-    }
-    function g() {
-      let B = [];
-      return o.value.forEach((k) => {
-        B.indexOf(k.group) === -1 && B.push(k.group);
-      }), B;
+      b();
     }
-    function w() {
-      h.value = c.value.defaultGroupNumber.toString(), d.value = `区域${h.value}`, s.value = [v.value[Number(h.value) - 1]], t.emit("update:currentArea", s.value);
-    }
-    function R() {
-      let B = [];
+    function D() {
+      let T = [];
       u.value = [];
       let k = 1;
       o.value.forEach((z) => {
-        z.group === k || (k += 1, u.value.push(B), B = []), B.push(z);
-      }), u.value.push(B);
-    }
-    function L() {
-      u.value[s.value[0].id - 1] = U(b.value);
-      let B = [];
-      f.value = 0, u.value.forEach((k) => {
-        let z = W(k, f.value);
-        B.push(z), f.value = z[z.length - 1].componentRow;
-      }), F(B);
-    }
-    function j() {
-      R();
-      let B = [];
-      return f.value = 0, u.value.forEach((k) => {
-        let z = W(k, f.value);
-        B.push(z), f.value = z[z.length - 1].componentRow;
-      }), t.emit("twoDimensionalArrayChanged", u.value), F(B), o.value;
+        z.group === k || (k += 1, u.value.push(T), T = []), T.push(z);
+      }), u.value.push(T);
     }
-    function W(B, k) {
+    function L(T, k) {
       let I = 12;
-      return m.value = 1 + k, B.forEach((x) => {
+      return m.value = 1 + k, T.forEach((x) => {
         x.showTopBorder = 0;
-        let E = x[`columnIn${n.value}`];
+        const E = x[`columnIn${n.value}`];
         I >= E ? (x.componentRow = m.value, I -= E) : (m.value += 1, x.componentRow = m.value, I = 12 - E, x.showTopBorder = 1);
-      }), B[0].showTopBorder = 1, B;
+      }), T[0].showTopBorder = 1, T;
     }
-    function F(B) {
+    function j(T) {
       let k = [];
-      for (let z of B)
+      for (const z of T)
         k = k.concat(z);
-      o.value = U(k), f.value = 0;
+      o.value = X(k), f.value = 0;
     }
-    function S() {
+    function B() {
+      u.value[s.value[0].id - 1] = X(w.value);
+      const T = [];
+      f.value = 0, u.value.forEach((k) => {
+        const z = L(k, f.value);
+        T.push(z), f.value = z[z.length - 1].componentRow;
+      }), j(T);
+    }
+    function $() {
+      D();
+      const T = [];
+      return f.value = 0, u.value.forEach((k) => {
+        const z = L(k, f.value);
+        T.push(z), f.value = z[z.length - 1].componentRow;
+      }), t.emit("twoDimensionalArrayChanged", u.value), j(T), o.value;
+    }
+    function g() {
+      w.value = [], o.value.forEach((T) => {
+        T.group === Number(s.value[0].id) && w.value.push(T);
+      });
+    }
+    function y() {
+      o.value = X($()), t.emit("originalDataChanged", o.value);
+    }
+    function p(T) {
+      w.value.forEach((k) => {
+        k.label === T.label && Object.assign(k, T);
+      }), B(), y(), g();
+    }
+    function F(T) {
+      for (let k = 0; k < T.length; k++)
+        s.value = [{
+          id: T[k].id,
+          label: T[k].label
+        }];
+      t.emit("update:currentArea", s.value), g(), B();
+    }
+    function O() {
       return i("div", {
         class: "f-layout-editor-field-list-top"
       }, [i("div", {
         class: "f-layout-editor-field-list-header"
-      }, [G("组件列表")]), i("div", {
+      }, [q("组件列表")]), i("div", {
         class: "f-layout-editor-choose-group"
       }, [i(hn, {
         modelValue: h.value,
-        "onUpdate:modelValue": (B) => h.value = B,
+        "onUpdate:modelValue": (T) => h.value = T,
         placeholder: "当前可编辑组",
         enableClear: !1,
         "id-field": "id",
         "text-field": "label",
         data: v.value,
         editable: !1,
-        onChange: N
+        onChange: F
       }, null)])]);
     }
-    function y() {
+    function P() {
       return i("div", {
         class: "f-layout-editor-field-list-content f-utils-overflow-xhya"
-      }, [b.value.map((B) => i(_n, {
-        key: B.label,
+      }, [w.value.map((T) => i(_n, {
+        key: T.label,
         currentScreenResolution: n.value,
-        field: B,
-        "onUpdate:field": (k) => B = k,
+        field: T,
+        "onUpdate:field": (k) => T = k,
         switchInStandardMode: a.value,
         "onUpdate:switchInStandardMode": (k) => a.value = k,
         onFieldChanged: p
       }, null))]);
     }
-    function p(B) {
-      b.value.forEach((k) => {
-        k.label == B.label && Object.assign(k, B);
-      }), L(), O(), D();
-    }
-    function D() {
-      b.value = [], o.value.forEach((B) => {
-        B.group === Number(s.value[0].id) && b.value.push(B);
-      });
-    }
-    function O() {
-      o.value = U(j()), t.emit("originalDataChanged", o.value);
-    }
-    function N(B) {
-      for (let k = 0; k < B.length; k++)
-        s.value = [{
-          id: B[k].id,
-          label: B[k].label
-        }];
-      t.emit("update:currentArea", s.value), D(), L();
-    }
-    const X = en(b, () => {
-      L(), O(), D();
+    const Y = en(w, () => {
+      B(), y(), g();
     });
-    return et("ResponseLayoutEditorDraggableComposition", X), A(() => e.currentArea, (B, k) => {
-      B !== k && (s.value = e.currentArea, D());
-    }), A(s, (B, k) => {
-      B !== k && D();
-    }), A(() => e.currentGroup, (B, k) => {
-      B !== k && (d.value = e.currentGroup);
-    }), A(() => e.currentScreenResolution, (B, k) => {
-      B !== k && (n.value = e.currentScreenResolution, O(), R(), s.value[0] && (b.value = U(u.value[Number(s.value[0].id) - 1])));
-    }), A(() => e.switchInStandardMode, (B, k) => {
-      B !== k && (a.value = e.switchInStandardMode, o.value = U(r.value));
-    }), A(c, (B, k) => {
-      B !== k && O();
-    }), pe(() => {
-      M(), j(), D();
+    return et("ResponseLayoutEditorDraggableComposition", Y), A(() => e.currentArea, (T, k) => {
+      T !== k && (s.value = e.currentArea, g());
+    }), A(s, (T, k) => {
+      T !== k && g();
+    }), A(() => e.currentGroup, (T, k) => {
+      T !== k && (d.value = e.currentGroup);
+    }), A(() => e.currentScreenResolution, (T, k) => {
+      T !== k && (n.value = e.currentScreenResolution, y(), D(), s.value[0] && (w.value = X(u.value[Number(s.value[0].id) - 1])));
+    }), A(() => e.switchInStandardMode, (T, k) => {
+      T !== k && (a.value = e.switchInStandardMode, o.value = X(r.value));
+    }), A(c, (T, k) => {
+      T !== k && y();
+    }), ve(() => {
+      S(), $(), g();
     }), () => i("div", {
       class: "f-layout-editor-field-list f-utils-fill-flex-column"
     }, [a.value ? (
       /* 标准模式 */
       i("div", {
         class: "f-layout-editor-field-list-standard f-utils-fill-flex-column"
-      }, [S(), y()])
+      }, [O(), P()])
     ) : (
       /* 自定义模式 */
       i("div", {
         class: "f-layout-editor-field-list-customize f-utils-fill-flex-column"
-      }, [S(), y()])
+      }, [O(), P()])
     )]);
   }
-}), ie = /* @__PURE__ */ q({
+}), ie = /* @__PURE__ */ U({
   name: "FResponseLayoutEditor",
   props: ct,
   emits: ["close", "submit"],
@@ -2331,25 +2355,25 @@ const Zn = /* @__PURE__ */ q({
     }]), s = l([]), m = l(), u = l(e.width), f = l(e.height);
     A(() => e.initialState, (p) => {
       n.value = p;
-    }), A([() => e.currentArea, () => e.switchInStandardMode], ([p, D], [O, N]) => {
-      p !== O && (v.value = p), D !== N && (d.value = D);
+    }), A([() => e.currentArea, () => e.switchInStandardMode], ([p, F], [O, P]) => {
+      p !== O && (v.value = p), F !== P && (d.value = F);
     });
     function h(p) {
       r.value = p;
     }
-    function b(p) {
+    function w(p) {
       c.value = p;
     }
     function M(p) {
       d.value = p;
     }
-    function g(p) {
+    function b(p) {
       v.value = [].concat(p);
     }
-    function w(p) {
-      a.value = U(p);
+    function S(p) {
+      a.value = X(p);
     }
-    function R(p) {
+    function D(p) {
       s.value = p;
     }
     function L() {
@@ -2358,7 +2382,7 @@ const Zn = /* @__PURE__ */ q({
     function j() {
       t.emit("submit", a.value);
     }
-    function W() {
+    function B() {
       return i(Kn, {
         class: "f-utils-fill-flex-column",
         defaultStates: o.value,
@@ -2371,12 +2395,12 @@ const Zn = /* @__PURE__ */ q({
         "onUpdate:switchInStandardMode": (p) => d.value = p,
         currentArea: v.value,
         "onUpdate:currentArea": (p) => v.value = p,
-        onCurrentAreaChanged: g,
-        onTwoDimensionalArrayChanged: R,
-        onOriginalDataChanged: w
+        onCurrentAreaChanged: b,
+        onTwoDimensionalArrayChanged: D,
+        onOriginalDataChanged: S
       }, null);
     }
-    function F() {
+    function $() {
       return i(_t, {
         class: "f-utils-fill-flex-column",
         currentArea: v.value,
@@ -2388,9 +2412,9 @@ const Zn = /* @__PURE__ */ q({
         "onUpdate:twoDimensionalArray": (p) => s.value = p
       }, null);
     }
-    const S = T(() => d.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), y = T(() => d.value ? "f-layout-editor-right-standard f-utils-fill-flex-column" : "f-layout-editor-right-customize f-utils-fill-flex-column");
-    return pe(() => {
-      a.value = U(n.value.importData), m.value = U(n.value.importData), o.value = n.value.defaultState, r.value = "中等屏幕", c.value = "MD";
+    const g = R(() => d.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), y = R(() => d.value ? "f-layout-editor-right-standard f-utils-fill-flex-column" : "f-layout-editor-right-customize f-utils-fill-flex-column");
+    return ve(() => {
+      a.value = X(n.value.importData), m.value = X(n.value.importData), o.value = n.value.defaultState, r.value = "中等屏幕", c.value = "MD";
     }), (p) => i("div", {
       class: "f-layout-editor f-utils-flex-column",
       style: "height:" + f.value + "px;width:" + u.value + "px;"
@@ -2399,19 +2423,19 @@ const Zn = /* @__PURE__ */ q({
     }, [i(Yt, {
       defaultStates: o.value,
       onScreenNameChanged: h,
-      onCurrentScreenResolutionChanged: b,
+      onCurrentScreenResolutionChanged: w,
       onSwitchInStandardModeChanged: M
     }, null)]), i("div", {
       class: "f-layout-editor-content f-utils-fill"
     }, [i("div", {
       class: "f-layout-editor-left f-utils-fill-flex-column"
     }, [i("div", {
-      class: S.value
-    }, [W()])]), i("div", {
+      class: g.value
+    }, [B()])]), i("div", {
       class: "f-layout-editor-right f-utils-fill-flex-column"
     }, [i("div", {
       class: y.value
-    }, [F()])])]), i("div", {
+    }, [$()])])]), i("div", {
       class: "f-layout-editor-bottom"
     }, [i("div", {
       class: "f-layout-editor-button"
@@ -2420,12 +2444,12 @@ const Zn = /* @__PURE__ */ q({
       onClick: L
     }, [i("span", {
       class: "f-layout-editor-text-cancel"
-    }, [G("取消")])]), i("div", {
+    }, [q("取消")])]), i("div", {
       class: "f-layout-editor-sure-btn",
       onClick: j
     }, [i("span", {
       class: "f-layout-editor-text-sure"
-    }, [G("确认")])])])])]);
+    }, [q("确认")])])])])]);
   }
 }), ea = /* @__PURE__ */ new Map([
   ["appearance", ee]
@@ -2511,7 +2535,7 @@ const la = "https://json-schema.org/draft/2020-12/schema", oa = "https://farris-
   description: va,
   type: pa,
   categories: ma
-}, he = {
+}, me = {
   /** 接受传入的原始数据的defaultState */
   initialState: { type: Object },
   /** 页面高度 */
@@ -2519,7 +2543,7 @@ const la = "https://json-schema.org/draft/2020-12/schema", oa = "https://farris-
   /** 页面宽度 */
   width: { type: Number, default: 750 },
   modelValue: { type: Object }
-}, Se = K(he, da, ea, aa, ha), ya = {
+}, we = K(me, da, ea, aa, ha), ya = {
   /**
    * 自定义类
    */
@@ -2580,7 +2604,7 @@ const la = "https://json-schema.org/draft/2020-12/schema", oa = "https://farris-
   enableEsc: { type: Boolean, default: !0 },
   enableEnter: { type: Boolean, default: !1 }
 };
-class P {
+class G {
   constructor(t, n) {
     this.x = t, this.y = n;
   }
@@ -2594,12 +2618,12 @@ class P {
   }
   static fromEvent(t, n = null) {
     if (this.isMouseEvent(t))
-      return new P(t.clientX, t.clientY);
+      return new G(t.clientX, t.clientY);
     if (n === null || t.changedTouches.length === 1)
-      return new P(t.changedTouches[0].clientX, t.changedTouches[0].clientY);
+      return new G(t.changedTouches[0].clientX, t.changedTouches[0].clientY);
     for (let a = 0; a < t.changedTouches.length; a++)
       if (t.changedTouches[a].target === n)
-        return new P(t.changedTouches[a].clientX, t.changedTouches[a].clientY);
+        return new G(t.changedTouches[a].clientX, t.changedTouches[a].clientY);
   }
   static isMouseEvent(t) {
     return Object.prototype.toString.apply(t).indexOf("MouseEvent") === 8;
@@ -2608,7 +2632,7 @@ class P {
     return !!t && "x" in t && "y" in t;
   }
   static getCurrent(t) {
-    const n = new P(0, 0);
+    const n = new G(0, 0);
     if (window) {
       const a = window.getComputedStyle(t);
       if (a) {
@@ -2620,7 +2644,7 @@ class P {
     return null;
   }
   static copy(t) {
-    return new P(0, 0).set(t);
+    return new G(0, 0).set(t);
   }
   get value() {
     return { x: this.x, y: this.y };
@@ -2664,19 +2688,19 @@ class _ {
   }
 }
 function ga(e, t) {
-  const n = l(), a = l(), o = l(), r = l(), c = l(), d = l(), v = l(), s = l(), m = l(), u = l(), f = l(), h = l(), b = l(e.draggable), M = l(!1);
-  function g() {
+  const n = l(), a = l(), o = l(), r = l(), c = l(), d = l(), v = l(), s = l(), m = l(), u = l(), f = l(), h = l(), w = l(e.draggable), M = l(!1);
+  function b() {
     const I = a.value || document.body, x = window.getComputedStyle(I);
     if (!x || !n.value)
       return;
-    const E = P.getTransformInfo(n.value), $ = {};
-    v.value && ($.deltaL = n.value.offsetLeft - v.value.x, $.deltaT = n.value.offsetTop - v.value.y);
+    const E = G.getTransformInfo(n.value), W = {};
+    v.value && (W.deltaL = n.value.offsetLeft - v.value.x, W.deltaT = n.value.offsetTop - v.value.y);
     const H = x.getPropertyValue("position");
-    $.width = I.clientWidth, $.height = I.clientHeight, $.pr = parseInt(x.getPropertyValue("padding-right"), 10), $.pb = parseInt(x.getPropertyValue("padding-bottom"), 10), $.position = x.getPropertyValue("position"), H === "static" && (I.style.position = "relative"), $.translateX = E.x, $.translateY = E.y, u.value = $;
+    W.width = I.clientWidth, W.height = I.clientHeight, W.pr = parseInt(x.getPropertyValue("padding-right"), 10), W.pb = parseInt(x.getPropertyValue("padding-bottom"), 10), W.position = x.getPropertyValue("position"), H === "static" && (I.style.position = "relative"), W.translateX = E.x, W.translateY = E.y, u.value = W;
   }
-  function w(I) {
+  function S(I) {
     if (n.value) {
-      r.value = _.getCurrent(n.value), c.value = P.getCurrent(n.value), d.value = r.value ? _.copy(r.value) : null, v.value = c.value ? P.copy(c.value) : null, g();
+      r.value = _.getCurrent(n.value), c.value = G.getCurrent(n.value), d.value = r.value ? _.copy(r.value) : null, v.value = c.value ? G.copy(c.value) : null, b();
       const x = I.target.getAttribute("type") || "";
       s.value = {
         n: !!x.match(/n/),
@@ -2686,11 +2710,11 @@ function ga(e, t) {
       };
     }
   }
-  function R() {
-    var I, x, E, $;
+  function D() {
+    var I, x, E, W;
     if (n.value) {
       const H = n.value;
-      s.value && ((s.value.n || s.value.s) && ((I = d.value) != null && I.height) && (H.style.height = d.value.height + "px"), (s.value.w || s.value.e) && ((x = d.value) != null && x.width) && (H.style.width = d.value.width + "px"), v.value && ((E = v.value) != null && E.x && (H.style.left = v.value.x + "px"), ($ = v.value) != null && $.y && (H.style.top = v.value.y + "px")));
+      s.value && ((s.value.n || s.value.s) && ((I = d.value) != null && I.height) && (H.style.height = d.value.height + "px"), (s.value.w || s.value.e) && ((x = d.value) != null && x.width) && (H.style.width = d.value.width + "px"), v.value && ((E = v.value) != null && E.x && (H.style.left = v.value.x + "px"), (W = v.value) != null && W.y && (H.style.top = v.value.y + "px")));
     }
   }
   function L() {
@@ -2706,27 +2730,27 @@ function ga(e, t) {
       }
     }
   }
-  function W(I) {
+  function B(I) {
     if (!o.value || !r.value || !c.value || !s.value)
       return;
     I.subtract(o.value);
     const x = I.x, E = I.y;
-    s.value.n ? (v.value.y = c.value.y + E, d.value.height = r.value.height - E) : s.value.s && (d.value.height = r.value.height + E), s.value.e ? d.value.width = r.value.width + x : s.value.w && (d.value.width = r.value.width - x, v.value.x = c.value.x + x), j(), L(), R();
+    s.value.n ? (v.value.y = c.value.y + E, d.value.height = r.value.height - E) : s.value.s && (d.value.height = r.value.height + E), s.value.e ? d.value.width = r.value.width + x : s.value.w && (d.value.width = r.value.width - x, v.value.x = c.value.x + x), j(), L(), D();
   }
-  function F(I) {
+  function $(I) {
     if (!m.value)
       return;
-    const x = P.fromEvent(I);
-    x && W(x);
+    const x = G.fromEvent(I);
+    x && B(x);
   }
-  function S() {
+  function g() {
     if (n.value) {
       const {
         width: I,
         height: x,
         x: E,
-        y: $
-      } = n.value.getBoundingClientRect(), H = P.getTransformInfo(n.value);
+        y: W
+      } = n.value.getBoundingClientRect(), H = G.getTransformInfo(n.value);
       return {
         size: {
           width: I,
@@ -2734,7 +2758,7 @@ function ga(e, t) {
         },
         position: {
           x: E - H.x,
-          y: $ - H.y
+          y: W - H.y
         }
       };
     }
@@ -2742,81 +2766,81 @@ function ga(e, t) {
   }
   function y(I) {
     if (n.value) {
-      const x = S();
+      const x = g();
       f.value = x;
     }
-    o.value = void 0, r.value = null, c.value = null, d.value = null, v.value = null, s.value = null, m.value = null, document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", y);
+    o.value = void 0, r.value = null, c.value = null, d.value = null, v.value = null, s.value = null, m.value = null, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", y);
   }
   function p() {
-    document.addEventListener("mousemove", F), document.addEventListener("mouseup", y);
+    document.addEventListener("mousemove", $), document.addEventListener("mouseup", y);
   }
-  function D(I) {
-    I instanceof MouseEvent && I.button === 2 || b.value && (I.stopPropagation(), I.preventDefault(), o.value = P.fromEvent(I), m.value = I.target, w(I), p());
+  function F(I) {
+    I instanceof MouseEvent && I.button === 2 || w.value && (I.stopPropagation(), I.preventDefault(), o.value = G.fromEvent(I), m.value = I.target, S(I), p());
   }
   function O(I) {
     return n.value = I, i(ue, null, [i("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
-      onMousedown: (x) => D(x)
+      onMousedown: (x) => F(x)
     }, null), i("div", {
       class: "fv-resizable-handle fv-resizable-e",
       type: "e",
-      onMousedown: (x) => D(x)
+      onMousedown: (x) => F(x)
     }, null), i("div", {
       class: "fv-resizable-handle fv-resizable-s",
       type: "s",
-      onMousedown: (x) => D(x)
+      onMousedown: (x) => F(x)
     }, null), i("div", {
       class: "fv-resizable-handle fv-resizable-w",
       type: "w",
-      onMousedown: (x) => D(x)
+      onMousedown: (x) => F(x)
     }, null), i("div", {
       class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
-      onMousedown: (x) => D(x)
+      onMousedown: (x) => F(x)
     }, null), i("div", {
       class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
-      onMousedown: (x) => D(x)
+      onMousedown: (x) => F(x)
     }, null), i("div", {
       class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
-      onMousedown: (x) => D(x)
+      onMousedown: (x) => F(x)
     }, null), i("div", {
       class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
-      onMousedown: (x) => D(x)
+      onMousedown: (x) => F(x)
     }, null)]);
   }
-  function N(I = !0) {
-    const x = a.value || document.body, E = _.getCurrent(x), $ = n.value;
-    I && (h.value = S(), h.value.transform = $.style.transform), E && $ && (d.value = E, $.style.height = d.value.height - 14 + "px", $.style.width = d.value.width - 14 + "px", $.style.left = "7px", $.style.top = "7px", $.style.transform = "", f.value = {
+  function P(I = !0) {
+    const x = a.value || document.body, E = _.getCurrent(x), W = n.value;
+    I && (h.value = g(), h.value.transform = W.style.transform), E && W && (d.value = E, W.style.height = d.value.height - 14 + "px", W.style.width = d.value.width - 14 + "px", W.style.left = "7px", W.style.top = "7px", W.style.transform = "", f.value = {
       size: d.value,
       position: {
         x: 0,
         y: 0
       }
-    }, b.value = !1, M.value = !0);
+    }, w.value = !1, M.value = !0);
   }
-  function X() {
+  function Y() {
     var I, x;
     if (h.value) {
       const E = {
         width: h.value.size.width || 0,
         height: h.value.size.height || 0
-      }, $ = {
+      }, W = {
         x: (window.innerWidth - E.width) / 2,
         y: (window.innerHeight - E.height) / 2
       };
-      (I = d.value) == null || I.set(E), (x = v.value) == null || x.set($);
+      (I = d.value) == null || I.set(E), (x = v.value) == null || x.set(W);
       const H = n.value;
-      H.style.height = E.height + "px", H.style.width = E.width + "px", H.style.left = `${$.x}px`, H.style.top = `${$.y}px`, H.style.transform = "", f.value = {
+      H.style.height = E.height + "px", H.style.width = E.width + "px", H.style.left = `${W.x}px`, H.style.top = `${W.y}px`, H.style.transform = "", f.value = {
         size: E,
-        position: $
-      }, b.value = e.draggable, M.value = !1;
+        position: W
+      }, w.value = e.draggable, M.value = !1;
     }
   }
-  function B() {
+  function T() {
     if (n.value) {
       const I = _.getCurrent(n.value);
       if (I) {
@@ -2830,7 +2854,7 @@ function ga(e, t) {
   }
   function k() {
     const I = () => {
-      M.value ? N(!1) : B();
+      M.value ? P(!1) : T();
     };
     return window.addEventListener("resize", I), () => {
       window.removeEventListener("resize", I);
@@ -2841,90 +2865,90 @@ function ga(e, t) {
     renderResizeBar: O,
     boundingElement: a,
     resizedEventParam: f,
-    maximize: N,
-    restore: X,
-    allowDrag: b,
+    maximize: P,
+    restore: Y,
+    allowDrag: w,
     isMaximized: M,
     unWindowResizeHandle: z
   };
 }
 function ba(e, t, n) {
-  const a = l(), o = l(e.draggable), r = l(e.lockAxis), c = l(), d = l(), v = l(!1), s = l(new P(0, 0)), m = l(new P(0, 0)), u = l(new P(0, 0)), f = l(new P(0, 0));
-  A(() => n.value, (S) => {
-    c.value.style.cursor = S ? "move" : "default";
+  const a = l(), o = l(e.draggable), r = l(e.lockAxis), c = l(), d = l(), v = l(!1), s = l(new G(0, 0)), m = l(new G(0, 0)), u = l(new G(0, 0)), f = l(new G(0, 0));
+  A(() => n.value, (g) => {
+    c.value.style.cursor = g ? "move" : "default";
   });
-  function h(S, y) {
+  function h(g, y) {
     if (y.tagName === "BUTTON")
       return !1;
-    if (y === S)
+    if (y === g)
       return !0;
     for (const p in y.children)
-      if (y.children.hasOwnProperty(p) && h(S, y.children[p]))
+      if (Object.prototype.hasOwnProperty.call(y.children, p) && h(g, y.children[p]))
         return !0;
     return !1;
   }
-  function b() {
-    var D, O;
-    let S = u.value.x + m.value.x, y = u.value.y + m.value.y;
-    r.value === "x" ? (S = ((D = s.value) == null ? void 0 : D.x) || 0, u.value.x = 0) : r.value === "y" && (y = ((O = s.value) == null ? void 0 : O.y) || 0, u.value.y = 0);
-    const p = `translate3d(${Math.round(S)}px, ${Math.round(y)}px, 0px)`;
-    a.value && (a.value.style.transform = p), f.value.x = S, f.value.y = y;
+  function w() {
+    var F, O;
+    let g = u.value.x + m.value.x, y = u.value.y + m.value.y;
+    r.value === "x" ? (g = ((F = s.value) == null ? void 0 : F.x) || 0, u.value.x = 0) : r.value === "y" && (y = ((O = s.value) == null ? void 0 : O.y) || 0, u.value.y = 0);
+    const p = `translate3d(${Math.round(g)}px, ${Math.round(y)}px, 0px)`;
+    a.value && (a.value.style.transform = p), f.value.x = g, f.value.y = y;
   }
   function M() {
     if (!d.value || !a.value)
       return null;
-    const S = d.value.getBoundingClientRect(), y = a.value.getBoundingClientRect(), p = {
-      top: S.top < y.top,
-      right: S.right > y.right,
-      bottom: S.bottom > y.bottom,
-      left: S.left < y.left
+    const g = d.value.getBoundingClientRect(), y = a.value.getBoundingClientRect(), p = {
+      top: g.top < y.top,
+      right: g.right > y.right,
+      bottom: g.bottom > y.bottom,
+      left: g.left < y.left
     };
-    return p.top || (u.value.y -= y.top - S.top), p.bottom || (u.value.y -= y.bottom - S.bottom), p.right || (u.value.x -= y.right - S.right), p.left || (u.value.x -= y.left - S.left), b(), p;
+    return p.top || (u.value.y -= y.top - g.top), p.bottom || (u.value.y -= y.bottom - g.bottom), p.right || (u.value.x -= y.right - g.right), p.left || (u.value.x -= y.left - g.left), w(), p;
   }
-  function g(S) {
-    S && (s.value && S.subtract(s.value), u.value.set(S), b(), M());
+  function b(g) {
+    g && (s.value && g.subtract(s.value), u.value.set(g), w(), M());
   }
-  function w(S) {
-    v.value && o.value && (S.stopPropagation(), S.preventDefault(), g(P.fromEvent(S, c.value)));
+  function S(g) {
+    v.value && o.value && (g.stopPropagation(), g.preventDefault(), b(G.fromEvent(g, c.value)));
   }
-  function R() {
-    var S;
-    v.value && (v.value = !1, m.value.add(u.value), u.value.reset(), (S = a.value) == null || S.classList.remove("ng-dragging"), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", R));
+  function D() {
+    var g;
+    v.value && (v.value = !1, m.value.add(u.value), u.value.reset(), (g = a.value) == null || g.classList.remove("ng-dragging"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", D));
   }
   function L() {
-    !v.value && c.value && (v.value = !0, c.value.classList.add("ng-dragging"), document.addEventListener("mousemove", w), document.addEventListener("mouseup", R));
+    !v.value && c.value && (v.value = !0, c.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", D));
   }
   function j() {
     if (a.value) {
-      const S = P.getTransformInfo(a.value);
-      m.value.set(S);
+      const g = G.getTransformInfo(a.value);
+      m.value.set(g);
       return;
     }
     m.value.reset();
   }
-  function W(S) {
-    if (!n.value || S instanceof MouseEvent && S.button === 2)
+  function B(g) {
+    if (!n.value || g instanceof MouseEvent && g.button === 2)
       return;
-    const y = S.target || S.srcElement;
-    c.value !== void 0 && y && !h(y, c.value) || o.value !== !1 && (document.body.click(), S.stopPropagation(), S.preventDefault(), s.value = P.fromEvent(S, a.value), j(), L());
+    const y = g.target || g.srcElement;
+    c.value !== void 0 && y && !h(y, c.value) || o.value !== !1 && (document.body.click(), g.stopPropagation(), g.preventDefault(), s.value = G.fromEvent(g, a.value), j(), L());
   }
-  function F(S, y, p) {
+  function $(g, y, p) {
     if (o.value && y) {
-      if (S)
-        c.value = S;
+      if (g)
+        c.value = g;
       else if (e.dragHandle) {
         if (e.dragHandle instanceof HTMLElement)
           c.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
-          const D = y.querySelector(e.dragHandle);
-          D && (c.value = D);
+          const F = y.querySelector(e.dragHandle);
+          F && (c.value = F);
         }
       }
-      a.value = y, d.value = p, c.value.classList.add("ng-draggable"), c.value.addEventListener("mousedown", W);
+      a.value = y, d.value = p, c.value.classList.add("ng-draggable"), c.value.addEventListener("mousedown", B);
     }
   }
   return {
-    registerDraggle: F,
+    registerDraggle: $,
     resetTranslate: j
   };
 }
@@ -2956,48 +2980,48 @@ function Sa(e, t) {
     remove: a
   }) : null;
 }
-const ke = /* @__PURE__ */ q({
+const ke = /* @__PURE__ */ U({
   name: "FModal",
   props: ya,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
   setup(e, t) {
-    const n = l(e.width || 300), a = l(e.height || 200), o = l(e.modelValue), r = l(""), c = l(e.class), d = l(e.fitContent), v = l(e.showHeader), s = l(""), m = l(e.showCloseButton), u = l(e.showMaxButton), f = l(!1), h = l(""), b = l(""), M = l(""), g = l(e.showButtons), w = l(e.title), R = l(e.reiszeable), L = l(e.containment || null), j = l();
-    function W(C, V) {
+    const n = l(e.width || 300), a = l(e.height || 200), o = l(e.modelValue), r = l(""), c = l(e.class), d = l(e.fitContent), v = l(e.showHeader), s = l(""), m = l(e.showCloseButton), u = l(e.showMaxButton), f = l(!1), h = l(""), w = l(""), M = l(""), b = l(e.showButtons), S = l(e.title), D = l(e.reiszeable), L = l(e.containment || null), j = l();
+    function B(C, V) {
       o.value = !1, t.emit("update:modelValue", !1), V != null && t.emit(V ? "accept" : "cancel"), t.emit("closed", C);
     }
-    const F = [{
+    const $ = [{
       name: "cancel",
       text: "取消",
       class: "btn btn-secondary",
       handle: (C) => {
-        W(C, !1);
+        B(C, !1);
       }
     }, {
       name: "accept",
       text: "确定",
       class: "btn btn-primary",
       handle: (C) => {
-        W(C, !0);
+        B(C, !0);
       }
-    }], S = l(e.buttons && e.buttons.length ? e.buttons : F), y = T(() => !!s.value), p = T(() => !!g.value && !!S.value), D = l(), O = l(), N = l(!1), {
-      renderResizeBar: X,
-      maximize: B,
+    }], g = l(e.buttons && e.buttons.length ? e.buttons : $), y = R(() => !!s.value), p = R(() => !!b.value && !!g.value), F = l(), O = l(), P = l(!1), {
+      renderResizeBar: Y,
+      maximize: T,
       restore: k,
       boundingElement: z,
       resizedEventParam: I,
       allowDrag: x,
       unWindowResizeHandle: E
     } = ga(e), {
-      registerDraggle: $
+      registerDraggle: W
     } = ba(e, t, x);
     A(() => e.title, (C, V) => {
-      C !== V && (w.value = C);
+      C !== V && (S.value = C);
     }), A(() => e.modelValue, (C, V) => {
       C !== V && (o.value = C);
     }), A(() => e.showHeader, (C, V) => {
       C !== V && (v.value = C);
     }), A(() => e.showButtons, (C, V) => {
-      C !== V && (g.value = C);
+      C !== V && (b.value = C);
     }), A(() => I.value, (C, V) => {
       const ne = C || {}, ae = V || {};
       JSON.stringify(ne) !== JSON.stringify(ae) && t.emit("resize", {
@@ -3009,73 +3033,73 @@ const ke = /* @__PURE__ */ q({
       const C = document.querySelectorAll(".farris-modal").length;
       (!C || C - 1 <= 0) && document.body.classList.remove("modal-open"), j.value && j.value.classList.remove("show");
     }
-    const te = T(() => (o.value ? document.body.classList.add("modal-open") : H(), o.value)), We = T(() => {
+    const te = R(() => (o.value ? document.body.classList.add("modal-open") : H(), o.value)), $e = R(() => {
       const C = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
       return C["f-modal-fitContent"] = !!d.value, C.show = !!te.value, C;
-    }), Oe = T(() => {
+    }), Oe = R(() => {
       var ne;
       const C = {
         "modal-dialog": !0
       }, V = (ne = c.value) == null ? void 0 : ne.split(" ");
       return V == null || V.reduce((ae, Qe) => (ae[Qe] = !0, ae), C), C;
-    }), Ae = T(() => ({
+    }), Ae = R(() => ({
       position: "absolute",
       top: `${(window.innerHeight - a.value) / 2}px`,
       left: `${(window.innerWidth - n.value) / 2}px`,
       width: `${n.value}px`,
       height: d.value ? "auto" : `${a.value}px`
-    })), je = T(() => ({
+    })), je = R(() => ({
       "modal-content": !0,
       "modal-content-has-header": v.value
-    })), Ve = T(() => {
+    })), Ve = R(() => {
       const C = {
         display: v.value ? "" : "none"
       };
       return C["pointer-events"] = x.value ? "auto" : "none", C;
-    }), ze = T(() => ({
+    }), ze = R(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: N.value
-    })), He = T(() => ({
+      modalrevert: P.value
+    })), He = R(() => ({
       "modal-body": !0,
       "f-utils-flex-column": h.value === "iframe"
     }));
     function Ne() {
       return {};
     }
-    const Pe = T(() => {
+    const Pe = R(() => {
       const C = {
         textAlgin: M.value
       }, V = Ne();
       return Object.assign(C, V);
     });
-    function be(C) {
-      if (C.stopPropagation(), N.value) {
-        N.value = !1, k();
+    function ge(C) {
+      if (C.stopPropagation(), P.value) {
+        P.value = !1, k();
         return;
       }
-      B(), N.value = !0;
+      T(), P.value = !0;
     }
     async function Ge(C, V) {
       C.handle && await C.handle(V, C) && t.emit("closed", V);
     }
     function qe(C) {
-      C.width && (n.value = C.width), C.height && (a.value = C.height), C.buttons && (S.value = C.buttons), C.title && (w.value = C.title);
+      C.width && (n.value = C.width), C.height && (a.value = C.height), C.buttons && (g.value = C.buttons), C.title && (S.value = C.title);
     }
     let se = null, re = null;
-    J(() => {
-      O.value && !L.value && (L.value = O.value.parentElement, z.value = L.value, $(D.value, O.value, z.value)), te.value && document.body.classList.add("modal-open"), se = wa(e, t), re = Sa(e, t);
-    }), Me(() => {
+    Q(() => {
+      O.value && !L.value && (L.value = O.value.parentElement, z.value = L.value, W(F.value, O.value, z.value)), te.value && document.body.classList.add("modal-open"), se = wa(e, t), re = Sa(e, t);
+    }), Ce(() => {
       H(), E && E(), se && se.remove(), re && re.remove();
     }), t.expose({
       modalElementRef: O,
       updateModalOptions: qe,
-      close: W,
-      maxDialog: be
+      close: B,
+      maxDialog: ge
     });
     function Ue() {
       return i("ul", null, [f.value && i("li", {
@@ -3083,14 +3107,14 @@ const ke = /* @__PURE__ */ q({
       }, [i("span", {
         class: "f-icon modal_minimize"
       }, null)]), u.value && i("li", {
-        onClick: be,
+        onClick: ge,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [i("span", {
         class: ze.value
       }, null)]), m.value && i("li", {
         class: "f-btn-icon f-bare",
-        onClick: (C) => W(C, !1),
+        onClick: (C) => B(C, !1),
         style: "pointer-events: auto;"
       }, [i("span", {
         class: "f-icon modal_close"
@@ -3100,7 +3124,7 @@ const ke = /* @__PURE__ */ q({
       return i("div", {
         class: "modal-footer",
         style: Pe.value
-      }, [S.value && S.value.map((C) => i("button", {
+      }, [g.value && g.value.map((C) => i("button", {
         name: C.name,
         type: "button",
         class: C.class + (C.iconClass ? " btn-icontext" : ""),
@@ -3113,7 +3137,7 @@ const ke = /* @__PURE__ */ q({
     }
     function Ye() {
       return i("div", {
-        ref: D,
+        ref: F,
         class: "modal-header",
         style: Ve.value
       }, [i("div", {
@@ -3123,7 +3147,7 @@ const ke = /* @__PURE__ */ q({
         style: "margin-right: 8px"
       }, null), i("span", {
         class: "modal-title-label"
-      }, [w.value])]), i("div", {
+      }, [S.value])]), i("div", {
         class: "actions"
       }, [Ue()])]);
     }
@@ -3140,7 +3164,7 @@ const ke = /* @__PURE__ */ q({
         default: () => {
           var C, V;
           return [i("div", {
-            class: We.value,
+            class: $e.value,
             style: "display: block",
             ref: j,
             onClick: Je
@@ -3158,14 +3182,14 @@ const ke = /* @__PURE__ */ q({
             class: "f-utils-fill",
             width: "100%",
             frameborder: "0",
-            src: b.value
-          }, null)]), p.value && Xe()]), !d.value && R.value && O.value && X(O.value)])])];
+            src: w.value
+          }, null)]), p.value && Xe()]), !d.value && D.value && O.value && Y(O.value)])])];
         }
       })]
     });
   }
 });
-function $e(e) {
+function We(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
@@ -3176,24 +3200,24 @@ function Ca(e) {
   t.style.display = "contents";
   const n = lt({
     setup(a, o) {
-      Me(() => {
+      Ce(() => {
         document.body.removeChild(t);
       });
       const r = l(), c = l(e.class || ""), d = l(!!e.showButtons), v = l(!!e.showHeader), s = l(e.showCloseButton == null ? !0 : e.showCloseButton), m = l(!0), u = l(e.title || ""), f = e.acceptCallback || (() => {
       }), h = e.rejectCallback || (() => {
-      }), b = e.closedCallback || ((R) => {
-      }), M = e.resizeHandle || ((R) => {
-      }), g = $e(e), w = (R) => {
-        m.value = !1, n.unmount(), b(R);
+      }), w = e.closedCallback || ((D) => {
+      }), M = e.resizeHandle || ((D) => {
+      }), b = We(e), S = (D) => {
+        m.value = !1, n.unmount(), w(D);
       };
-      return J(() => {
+      return Q(() => {
       }), o.expose({
         modalRef: r
       }), () => i(ke, {
         ref: r,
         class: c.value,
         modelValue: m.value,
-        "onUpdate:modelValue": (R) => m.value = R,
+        "onUpdate:modelValue": (D) => m.value = D,
         title: u.value,
         width: e.width,
         height: e.height,
@@ -3205,24 +3229,24 @@ function Ca(e) {
         onAccept: f,
         onCancel: h,
         fitContent: e.fitContent == null ? !0 : e.fitContent,
-        onClosed: w,
+        onClosed: S,
         onResize: M
       }, {
-        default: () => [g && g(n)]
+        default: () => [b && b(n)]
       });
     }
   });
   return document.body.appendChild(t), n.mount(t), n;
 }
-class ye {
+class he {
   constructor(t) {
-    Q(this, "appContext", null);
-    Q(this, "modalRef", l());
-    Q(this, "activeModalIndex", l(0));
-    Q(this, "modalRefs", {});
-    Q(this, "isUseEscCloseModal", l(!1));
-    Q(this, "activeModalInstance", T(() => this.modalRefs[this.activeModalIndex.value]));
-    this.appContext = t ? t._context : null;
+    N(this, "appContext", null);
+    N(this, "modalRef", l());
+    N(this, "activeModalIndex", l(0));
+    N(this, "modalRefs", {});
+    N(this, "isUseEscCloseModal", l(!1));
+    N(this, "activeModalInstance", R(() => this.modalRefs[this.activeModalIndex.value]));
+    this.app = t, this.appContext = t ? t._context : null;
   }
   getCurrentModal() {
     return this.activeModalInstance.value;
@@ -3244,30 +3268,30 @@ class ye {
       showHeader: !0
     }, t)), o = l(!0), r = a.value.acceptCallback || (() => {
     }), c = a.value.rejectCallback || (() => {
-    }), d = a.value.closedCallback || ((w, R) => {
-    }), v = a.value.resizeHandle || ((w) => {
+    }), d = a.value.closedCallback || ((S, D) => {
+    }), v = a.value.resizeHandle || ((S) => {
     });
     let s;
-    const m = $e(a.value), u = (w) => {
+    const m = We(a.value), u = (S) => {
       var L;
       o.value = !1;
-      const R = (L = w == null ? void 0 : w.target) == null ? void 0 : L.classList.contains("modal_close");
-      d(w, this.isUseEscCloseModal.value ? "esc" : R ? "icon" : "button");
-    }, f = (w) => {
-      u(w), s && fe(() => {
+      const D = (L = S == null ? void 0 : S.target) == null ? void 0 : L.classList.contains("modal_close");
+      d(S, this.isUseEscCloseModal.value ? "esc" : D ? "icon" : "button");
+    }, f = (S) => {
+      u(S), s && fe(() => {
         if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ce(null, n), s = null, this.modalRef.value = null, this.modalRefs) {
-          const R = Object.keys(this.modalRefs);
-          R.length > 0 ? this.activeModalIndex.value = Math.max(...R) : this.activeModalIndex.value = 0;
+          const D = Object.keys(this.modalRefs).map((L) => Number(L));
+          D.length > 0 ? this.activeModalIndex.value = Math.max(...D) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
       });
-    }, h = (w) => {
-      var R;
-      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((R = this.activeModalInstance.value) == null || R.close(w == null ? void 0 : w.event));
-    }, b = () => i(ke, Ie({
+    }, h = (S) => {
+      var D;
+      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((D = this.activeModalInstance.value) == null || D.close(S == null ? void 0 : S.event));
+    }, w = () => i(ke, Me({
       ref: this.modalRef,
       modelValue: o.value,
-      "onUpdate:modelValue": (w) => o.value = w
+      "onUpdate:modelValue": (S) => o.value = S
     }, a.value, {
       onAccept: r,
       onCancel: c,
@@ -3275,19 +3299,19 @@ class ye {
       onResize: v,
       onEsc: h
     }), {
-      default: () => [m && m()]
+      default: () => [m && m(this.app)]
     });
-    return s = ((w) => {
-      const R = ot(b, w);
-      return R.appContext = this.appContext, ce(R, n), R;
+    return s = ((S) => {
+      const D = ot(w, S);
+      return D.appContext = this.appContext, ce(D, n), D;
     })({
       ...a.value
       // 'onUpdate:modelValue': onUpdateModelValue,
     }), this.activeModalIndex.value++, this.modalRefs[this.activeModalIndex.value] = this.modalRef.value, {
-      update: (w) => {
+      update: (S) => {
         a.value = {
           ...a.value,
-          ...w
+          ...S
         }, s && ce(it(s, {
           ...a
         }), n);
@@ -3298,98 +3322,97 @@ class ye {
   }
 }
 function Ma(e, t, n) {
-  var W;
-  function a() {
-  }
-  const o = "", r = "", c = l();
-  function d() {
+  var j;
+  const a = "", o = "", r = l();
+  function c() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function v() {
+  function d() {
     return !1;
   }
-  function s() {
+  function v() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function m() {
+  function s() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function u(F) {
-    if (!F || !F.value)
+  function m(B) {
+    if (!B || !B.value)
       return null;
-    if (F.value.schema && F.value.schema.type === "component")
-      return F.value;
-    const S = l(F == null ? void 0 : F.value.parent), y = u(S);
-    return y || null;
+    if (B.value.schema && B.value.schema.type === "component")
+      return B.value;
+    const $ = l(B == null ? void 0 : B.value.parent), g = m($);
+    return g || null;
   }
-  function f(F = t) {
-    const { componentInstance: S, designerItemElementRef: y } = F;
-    return !S || !S.value ? null : S.value.canMove ? y : f(F.parent);
+  function u(B = t) {
+    const { componentInstance: $, designerItemElementRef: g } = B;
+    return !$ || !$.value ? null : $.value.canMove ? g : u(B.parent);
   }
-  function h(F) {
+  function f(B) {
     return !!n;
   }
-  function b() {
+  function h() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function M() {
+  function w() {
   }
-  function g(F, S) {
+  function M(B, $) {
   }
-  function w(F, S) {
-    const { componentType: y } = F;
-    let p = ve(y, F, S);
-    const D = y.toLowerCase().replace("-", "_");
-    return p && !p.id && p.type === y && (p.id = `${D}_${Math.random().toString().slice(2, 6)}`), p;
+  function b(B, $) {
+    const { componentType: g } = B;
+    let y = Ee(g, B, $);
+    const p = g.toLowerCase().replace(/-/g, "_");
+    return y && !y.id && y.type === g && (y.id = `${p}_${Math.random().toString().slice(2, 6)}`), y;
   }
-  function R(F, S) {
-    const y = String(F.getAttribute("data-controltype")), p = F.getAttribute("data-feature"), D = p ? JSON.parse(p) : {};
-    D.parentComponentInstance = c.value;
-    let O = ve(y, D);
-    const N = y.toLowerCase().replace("-", "_");
-    return O && !O.id && O.type === y && (O.id = `${N}_${Math.random().toString().slice(2, 6)}`), O;
+  function S(B) {
   }
-  function L(F) {
+  function D(...B) {
   }
-  function j(...F) {
+  function L() {
+    t != null && t.schema.contents && t.schema.contents.map((B) => {
+      var y;
+      let $ = B.id;
+      B.type === "component-ref" && ($ = B.component);
+      const g = e.value.querySelector(`#${$}-design-item`);
+      (y = g == null ? void 0 : g.componentInstance) != null && y.value.onRemoveComponent && g.componentInstance.value.onRemoveComponent();
+    });
   }
-  return c.value = {
-    canMove: d(),
-    canSelectParent: v(),
-    canDelete: s(),
-    canNested: !m(),
+  return r.value = {
+    canMove: c(),
+    canSelectParent: d(),
+    canDelete: v(),
+    canNested: !s(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (W = t == null ? void 0 : t.parent) == null ? void 0 : W.componentInstance,
+    parent: (j = t == null ? void 0 : t.parent) == null ? void 0 : j.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: o,
-    designerClass: r,
-    canAccepts: h,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: b,
-    getPropConfig: j,
-    getDragScopeElement: M,
-    onAcceptMovedChildElement: g,
-    onAcceptNewChildElement: R,
-    onChildElementMovedOut: L,
-    addNewChildComponentSchema: w,
-    updateDragAndDropRules: a,
+    styles: a,
+    designerClass: o,
+    canAccepts: f,
+    getBelongedComponentInstance: m,
+    getDraggableDesignItemElement: u,
+    getDraggingDisplayText: h,
+    getPropConfig: D,
+    getDragScopeElement: w,
+    onAcceptMovedChildElement: M,
+    onChildElementMovedOut: S,
+    addNewChildComponentSchema: b,
     triggerBelongedComponentToMoveWhenMoved: l(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: l(!1)
-  }, c;
+    triggerBelongedComponentToDeleteWhenDeleted: l(!1),
+    onRemoveComponent: L
+  }, r;
 }
-const Ia = /* @__PURE__ */ q({
+const Ia = /* @__PURE__ */ U({
   name: "FResponseLayoutEditorSettingDesign",
-  props: he,
+  props: me,
   emits: [],
   setup(e, t) {
-    const n = l(e.initialState), a = l(e.width), o = l(e.height), r = l(), c = Ce("design-item-context"), d = Ma(r, c);
-    J(() => {
+    const n = l(e.initialState), a = l(e.width), o = l(e.height), r = l(), c = Se("design-item-context"), d = Ma(r, c);
+    Q(() => {
       r.value.componentInstance = d;
     }), t.expose(d.value);
     function v() {
-      const s = ye.show({
+      const s = he.show({
         // title: '响应式列宽编辑器',
         render: () => i(ie, {
           initialState: n,
@@ -3425,7 +3448,7 @@ const Ia = /* @__PURE__ */ q({
       class: "f-column-width-setting-button-name"
     }, [i("span", {
       class: "f-column-width-setting-button-center"
-    }, [G("高级设置")])])]);
+    }, [q("高级设置")])])]);
   }
 }), xa = {
   width: { Type: Number, default: 400 },
@@ -3437,15 +3460,15 @@ const Ia = /* @__PURE__ */ q({
   exceptionInfo: { Type: Object, default: null },
   promptEditorType: { Type: String, default: "text-area" }
 };
-function ge() {
+function ye() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
 async function Ea(e) {
   if (!navigator.clipboard)
-    throw ge();
+    throw ye();
   return navigator.clipboard.writeText(e);
 }
-async function Da(e) {
+async function Ba(e) {
   const t = document.createElement("span");
   t.textContent = e, t.style.whiteSpace = "pre", t.style.webkitUserSelect = "auto", t.style.userSelect = "all", document.body.appendChild(t);
   const n = window.getSelection(), a = window.document.createRange();
@@ -3456,27 +3479,28 @@ async function Da(e) {
   } finally {
     n == null || n.removeAllRanges(), window.document.body.removeChild(t);
   }
-  if (!o) throw ge();
+  if (!o)
+    throw ye();
 }
-async function Ba(e) {
+async function Da(e) {
   try {
     await Ea(e);
   } catch (t) {
     try {
-      await Da(e);
+      await Ba(e);
     } catch (n) {
-      throw n || t || ge();
+      throw n || t || ye();
     }
   }
 }
 function Ta() {
   async function e(t) {
-    await Ba(t);
+    await Da(t);
   }
   return { onCopy: e };
 }
 function La(e, t, n, a) {
-  const o = l(14), r = l(140), c = l(""), d = l(a.value.length), v = T(() => a.value), s = T(() => ({
+  const o = l(14), r = l(140), c = l(""), d = l(a.value.length), v = R(() => a.value), s = R(() => ({
     "font-size": `${o.value}px`,
     height: "100%"
   }));
@@ -3510,7 +3534,7 @@ function Ra(e, t, n, a) {
 function Fa() {
   const e = l(!1), t = l("复制成功");
   return {
-    feedbackStyle: T(() => {
+    feedbackStyle: R(() => {
       const a = {
         position: "absolute",
         left: "50%",
@@ -3537,31 +3561,31 @@ function ka(e, t) {
   const n = t.getEditorRender(e.promptEditorType);
   return () => n && n();
 }
-function $a(e) {
-  const t = l(3), n = l(480), a = T(() => !!e.value && !!e.value.date), o = T(() => `发生时间 : ${e.value && e.value.date || ""}`), r = T(() => !!e.value && !!e.value.detail), c = T(() => {
-    const g = `${n.value}px`;
+function Wa(e) {
+  const t = l(3), n = l(480), a = R(() => !!e.value && !!e.value.date), o = R(() => `发生时间 : ${e.value && e.value.date || ""}`), r = R(() => !!e.value && !!e.value.detail), c = R(() => {
+    const b = `${n.value}px`;
     return {
       overflow: "hidden",
       "text-overflow": "ellipsis",
       display: "-webkit-box",
       "-webkit-box-orient": "vertical",
       "-webkit-line-clamp": t.value,
-      "max-height": g
+      "max-height": b
     };
-  }), d = T(() => e.value && e.value.detail || ""), v = T(() => !0), s = l(!1), m = l("展开"), u = l("收起"), f = T(() => {
-    const g = {
+  }), d = R(() => e.value && e.value.detail || ""), v = R(() => !0), s = l(!1), m = l("展开"), u = l("收起"), f = R(() => {
+    const b = {
       display: "block",
       color: "#2A87FF"
     };
-    return g["text-align"] = s.value ? "" : "right", g;
+    return b["text-align"] = s.value ? "" : "right", b;
   });
-  function h(g, w) {
+  function h(b, S) {
     s.value = !s.value, t.value = s.value ? 20 : 3;
   }
-  function b(g) {
+  function w(b) {
     return h();
   }
-  function M(g) {
+  function M(b) {
     return h();
   }
   return () => i("div", {
@@ -3570,33 +3594,33 @@ function $a(e) {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
     style: c.value
-  }, [G("详细信息 : "), i("span", {
+  }, [q("详细信息 : "), i("span", {
     innerHTML: d.value
   }, null)]), v.value && i("span", {
     style: f.value
   }, [s.value && i("span", {
-    onClick: b,
+    onClick: w,
     style: "cursor: pointer;"
   }, [u.value]), !s.value && i("span", {
     onClick: M,
     style: "cursor: pointer;"
   }, [m.value])])]);
 }
-function Wa(e) {
+function $a(e) {
   return () => i("p", {
     class: "toast-msg-detail",
     innerHTML: e.value
   }, null);
 }
 function Oa(e, t, n, a) {
-  const o = l(e.exceptionInfo), r = T(() => {
+  const o = l(e.exceptionInfo), r = R(() => {
     const f = {
       "f-icon": !0
     }, h = `f-icon-${t.value}`;
     return f[h] = !0, f;
-  }), c = T(() => n.value || o.value && o.value.message), d = T(() => a.value), v = T(() => !!a.value), s = T(() => !!o.value);
+  }), c = R(() => n.value || o.value && o.value.message), d = R(() => a.value), v = R(() => !!a.value), s = R(() => !!o.value);
   function m() {
-    return s.value ? $a(o) : v.value ? Wa(d) : () => null;
+    return s.value ? Wa(o) : v.value ? $a(d) : () => null;
   }
   const u = m();
   return () => i(ue, null, [i("div", {
@@ -3619,7 +3643,7 @@ function Aa(e, t, n) {
     date: "",
     message: "",
     detail: ""
-  }), v = T(() => d.value && d.value.detail || "");
+  }), v = R(() => d.value && d.value.detail || "");
   function s(m) {
     a(v.value).catch((u) => {
       r.value = "复制失败";
@@ -3637,23 +3661,23 @@ function Aa(e, t, n) {
   }, [c.value])]);
 }
 function ja(e, t, n, a) {
-  const o = l(e.type), r = l([]), c = l(e.exceptionInfo), d = l(e.okButtonText), v = l(e.cancelButtonText), s = l(!0), m = l(!0), u = T(() => !!(r.value && r.value.length)), f = T(() => c.value && c.value.date && c.value.message && c.value.detail), h = T(() => !(r.value && r.value.length) && (d.value || v.value)), b = T(() => m.value && d.value), M = T(() => s.value && v.value), g = Aa(e, n, a);
-  function w(L) {
+  const o = l(e.type), r = l([]), c = l(e.exceptionInfo), d = l(e.okButtonText), v = l(e.cancelButtonText), s = l(!0), m = l(!0), u = R(() => !!(r.value && r.value.length)), f = R(() => c.value && c.value.date && c.value.message && c.value.detail), h = R(() => !(r.value && r.value.length) && (d.value || v.value)), w = R(() => m.value && d.value), M = R(() => s.value && v.value), b = Aa(e, n, a);
+  function S(L) {
     o.value === "question" && t.emit("reject"), t.emit("close");
   }
-  function R(L) {
+  function D(L) {
     o.value === "question" && t.emit("accept"), t.emit("close");
   }
   return () => i("div", {
     class: "modal-footer"
-  }, [f.value && g(), h.value && M.value && i("button", {
+  }, [f.value && b(), h.value && M.value && i("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
-    onClick: w
-  }, [v.value]), h.value && b.value && i("button", {
+    onClick: S
+  }, [v.value]), h.value && w.value && i("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
-    onClick: R
+    onClick: D
   }, [d.value]), u.value && r.value.length && r.value.map((L) => i("button", {
     type: "button",
     onClick: L.handle,
@@ -3662,21 +3686,21 @@ function ja(e, t, n, a) {
     class: L.iconClass
   }, null), L.text]))]);
 }
-const oe = /* @__PURE__ */ q({
+const oe = /* @__PURE__ */ U({
   name: "FMessageBox",
   props: xa,
   emits: ["accept", "reject", "close"],
   setup(e, t) {
-    const n = l(e.type), a = l(e.title), o = l(e.detail), r = T(() => {
-      const g = {
+    const n = l(e.type), a = l(e.title), o = l(e.detail), r = R(() => {
+      const b = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
-      }, w = `messager-type-${n.value}`;
-      return g[w] = !0, g;
-    }), c = T(() => {
-      const g = {};
-      return n.value === "prompt" ? g.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (g.padding = "0.5rem 1.5rem 1rem 1.5rem"), g;
+      }, S = `messager-type-${n.value}`;
+      return b[S] = !0, b;
+    }), c = R(() => {
+      const b = {};
+      return n.value === "prompt" ? b.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (b.padding = "0.5rem 1.5rem 1rem 1.5rem"), b;
     }), d = Ta(), v = Ra(e, n, a, o), s = Fa(), {
       feedbackStyle: m,
       feedbackMessage: u
@@ -3694,38 +3718,37 @@ const oe = /* @__PURE__ */ q({
           return Oa(e, n, a, o);
       }
     }
-    const b = h(), M = ja(e, t, d, s);
+    const w = h(), M = ja(e, t, d, s);
     return () => i("div", {
       class: "farris-messager"
     }, [i("section", {
       class: r.value,
       style: c.value
-    }, [b()]), M(), f()]);
+    }, [w()]), M(), f()]);
   }
 });
-class Y {
+class J {
   static show(t) {
-    let n = new ye();
-    const a = Z({
+    const n = Z({
       ...t
-    }), o = !1, r = a.type === "error" || a.type === "prompt", c = a.type === "error" ? "错误提示" : a.type === "prompt" && a.title || "", d = a.acceptCallback || (() => {
-    }), v = a.rejectCallback || (() => {
+    }), a = !1, o = n.type === "error" || n.type === "prompt", r = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", c = n.acceptCallback || (() => {
+    }), d = n.rejectCallback || (() => {
     });
-    let s = null;
+    let v = null, s = new he(v);
     const m = () => {
-      s && (s == null || s.destroy(), n = null);
+      v && (v == null || v.destroy(), s = null);
     };
-    s = n == null ? void 0 : n.open({
+    v = s == null ? void 0 : s.open({
       class: "modal-message modal-message-type-info",
-      title: c,
-      showButtons: o,
-      showHeader: r,
-      width: a.width || 400,
+      title: r,
+      showButtons: a,
+      showHeader: o,
+      width: n.width || 400,
       fitContent: !0,
       showMaxButton: !1,
-      render: () => i(oe, Ie(a, {
-        onAccept: d,
-        onReject: v,
+      render: () => i(oe, Me(n, {
+        onAccept: c,
+        onReject: d,
         onClose: m
       }), null)
     });
@@ -3738,7 +3761,7 @@ class Y {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    Y.show(a);
+    J.show(a);
   }
   static warning(t, n) {
     const a = Z({
@@ -3748,7 +3771,7 @@ class Y {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    Y.show(a);
+    J.show(a);
   }
   static success(t, n) {
     const a = Z({
@@ -3758,7 +3781,7 @@ class Y {
       okButtonText: "关闭",
       cancelButtonText: ""
     });
-    Y.show(a);
+    J.show(a);
   }
   static error(t, n, a) {
     const o = Z({
@@ -3772,7 +3795,7 @@ class Y {
         detail: n
       }
     });
-    Y.show(o);
+    J.show(o);
   }
   static prompt(t, n) {
     const a = Z({
@@ -3782,7 +3805,7 @@ class Y {
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    Y.show(a);
+    J.show(a);
   }
   static question(t, n, a, o) {
     const r = Z({
@@ -3794,15 +3817,15 @@ class Y {
       acceptCallback: a,
       rejectCallback: o
     });
-    Y.show(r);
+    J.show(r);
   }
 }
 oe.install = (e) => {
-  e.component(oe.name, oe), e.provide("FMessageBoxService", Y);
+  e.component(oe.name, oe), e.provide("FMessageBoxService", J);
 };
-const de = /* @__PURE__ */ q({
+const de = /* @__PURE__ */ U({
   name: "FResponseLayoutEditorSetting",
-  props: he,
+  props: me,
   emits: ["change"],
   setup(e, t) {
     const n = l(e.initialState), a = l(e.width), o = l(e.height);
@@ -3818,10 +3841,10 @@ const de = /* @__PURE__ */ q({
     function d() {
       if (!n.value.defaultState || !n.value.importData) {
         const v = n.value.message || "只可以在响应式表单组件中调整响应式布局配置";
-        Y.info(v, "");
+        J.info(v, "");
         return;
       }
-      ye.show({
+      he.show({
         render: (v) => i(ie, {
           initialState: n,
           width: a.value,
@@ -3845,21 +3868,54 @@ const de = /* @__PURE__ */ q({
       class: "f-column-width-setting-button-name"
     }, [i("span", {
       class: "f-column-width-setting-button-center"
-    }, [G("高级设置")])])]);
+    }, [q("高级设置")])])]);
   }
-}), Ga = {
+});
+class Ga {
+  constructor() {
+    /** 控件标题 */
+    N(this, "label", "");
+    /** 控件id */
+    N(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    N(this, "columnInSM", 12);
+    N(this, "columnInMD", 6);
+    N(this, "columnInLG", 3);
+    N(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    N(this, "displayWidthInSM", 1);
+    N(this, "displayWidthInMD", 1);
+    N(this, "displayWidthInLG", 1);
+    N(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    N(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    N(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    N(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    N(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    N(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    N(this, "fieldSetId", "");
+  }
+}
+const qa = {
   install(e) {
     e.component(ie.name, ie), e.component(de.name, de);
   },
   register(e, t, n, a) {
-    e["response-layout-editor-setting"] = de, t["response-layout-editor-setting"] = Se;
+    e["response-layout-editor-setting"] = de, t["response-layout-editor-setting"] = we;
   },
   registerDesigner(e, t, n) {
-    e["response-layout-editor-setting"] = Ia, t["response-layout-editor-setting"] = Se;
+    e["response-layout-editor-setting"] = Ia, t["response-layout-editor-setting"] = we;
   }
 };
 export {
+  Ga as ResponseFormLayoutContext,
   ie as ResponseLayoutEditor,
-  Ga as default,
+  de as ResponseLayoutEditorSetting,
+  qa as default,
   ct as responseLayoutEditorProps
 };