@farris/ui-vue 1.2.9 → 1.3.1

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

@@ -1,11 +1,11 @@
-var Ue = Object.defineProperty;
-var Xe = (e, t, n) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Q = (e, t, n) => Xe(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as q, ref as l, watch as A, computed as R, onMounted as J, createVNode as i, nextTick as ce, toRefs as Ye, onBeforeMount as fe, createTextVNode as G, Fragment as ue, withModifiers as le, inject as ge, provide as Je, onUnmounted as be, Teleport as Qe, shallowRef as Ze, createApp as _e, render as se, h as Ke, cloneVNode as et, mergeProps as we, reactive as Z } from "vue";
-import { cloneDeep as U } from "lodash-es";
-import tt from "../list-view/index.esm.js";
-import nt from "../button-edit/index.esm.js";
-const Se = {
+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 N = (e, t, n) => _e(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as U, ref as l, watch as A, computed as L, 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 Ie, 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 = {
   /** 当前控件组别及样式 */
   defaultState: {
     /** 选中的控件对应的组别 */
@@ -345,14 +345,14 @@ const Se = {
       group: 4
     }
   ]
-}, at = {
+}, ct = {
   /** 接受传入的原始数据的defaultState */
-  initialState: { type: Object, default: Se },
+  initialState: { type: Object, default: rt },
   /** 页面高度 */
   height: { type: Number, default: 700 },
   /** 页面宽度 */
   width: { type: Number, default: 750 }
-}, lt = {
+}, dt = {
   /** 记录默认模式及分组状态 */
   defaultStates: { type: Object, default: { mode: "" } },
   /** 当前开关模式 */
@@ -364,7 +364,7 @@ const Se = {
   /** 用户设置的屏幕分辨率缩写变化-例:中等屏幕 */
   onScreenNameChanged: { type: Function, default: () => {
   } }
-}, ot = "https://json-schema.org/draft/2020-12/schema", it = "https://farris-design.gitee.io/capsule.schema.json", ut = "capsule", st = "A Farris Component", rt = "object", ct = {
+}, ft = "https://json-schema.org/draft/2020-12/schema", vt = "https://farris-design.gitee.io/capsule.schema.json", pt = "capsule", mt = "A Farris Component", ht = "object", yt = {
   id: {
     description: "The unique identifier for a capsule",
     type: "string"
@@ -426,43 +426,43 @@ const Se = {
     type: "boolean",
     default: !0
   }
-}, dt = [
+}, gt = [
   "id",
   "type"
-], ft = {
-  $schema: ot,
-  $id: it,
-  title: ut,
-  description: st,
-  type: rt,
-  properties: ct,
-  required: dt
-}, Ce = {}, Me = {};
+], bt = {
+  $schema: ft,
+  $id: vt,
+  title: pt,
+  description: mt,
+  type: ht,
+  properties: yt,
+  required: gt
+}, Me = {}, xe = {};
 function pe(e) {
-  const { properties: t, title: n, ignore: a } = e, o = a && Array.isArray(a), u = Object.keys(t).reduce((c, d) => ((!o || !a.find((p) => p == d)) && (c[d] = t[d].type === "object" && t[d].properties ? pe(t[d]) : U(t[d].default)), c), {});
-  return (!o || !a.find((c) => c == "id")) && (u.id = `${n}-${Date.now()}`), u;
+  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), {});
+  return n && (!o || !a.find((c) => c == "id")) && (r.id = `${n}-${Date.now()}`), r;
 }
-function de(e, t = {}, n) {
-  const a = Ce[e];
+function Ee(e, t = {}, n) {
+  const a = Me[e];
   if (a) {
     let o = pe(a);
-    const u = Me[e];
-    return o = u ? u({ getSchemaByType: de }, o, t, n) : o, o;
+    const r = xe[e];
+    return o = r ? r({ getSchemaByType: Ee }, o, t, n) : o, o;
   }
   return null;
 }
-function pt(e, t) {
+function wt(e, t) {
   const n = pe(t);
-  return Object.keys(e).reduce((a, o) => (a[o] && typeof a[o] == "object" ? Object.assign(a[o], e[o]) : a[o] = e[o], a), n), n;
+  return Object.keys(e).reduce((a, o) => (a[o] && be(a[o]) && be(e[o]) ? Object.assign(a[o], e[o]) : a[o] = e[o], a), n), n;
 }
-function vt(e, t) {
+function St(e, t) {
   return Object.keys(e).filter((a) => e[a] != null).reduce((a, o) => {
     if (t.has(o)) {
-      const u = t.get(o);
-      if (typeof u == "string")
-        a[u] = e[o];
+      const r = t.get(o);
+      if (typeof r == "string")
+        a[r] = e[o];
       else {
-        const c = u(o, e[o], e);
+        const c = r(o, e[o], e);
         Object.assign(a, c);
       }
     } else
@@ -470,16 +470,16 @@ function vt(e, t) {
     return a;
   }, {});
 }
-function mt(e, t, n = /* @__PURE__ */ new Map()) {
-  const a = pt(e, t);
-  return vt(a, n);
+function Ct(e, t, n = /* @__PURE__ */ new Map()) {
+  const a = wt(e, t);
+  return St(a, n);
 }
-function ht(e = {}) {
-  function t(s, v, r, f) {
-    if (typeof r == "number")
-      return f[s].length === r;
-    if (typeof r == "object") {
-      const h = Object.keys(r)[0], b = r[h];
+function It(e = {}) {
+  function t(s, p, u, f) {
+    if (typeof u == "number")
+      return f[s].length === u;
+    if (typeof u == "object") {
+      const h = Object.keys(u)[0], b = u[h];
       if (h === "not")
         return Number(f[s].length) !== Number(b);
       if (h === "moreThan")
@@ -489,63 +489,63 @@ function ht(e = {}) {
     }
     return !1;
   }
-  function n(s, v, r, f) {
-    return f[s] && f[s].propertyValue && String(f[s].propertyValue.value) === String(r);
+  function n(s, p, u, f) {
+    return f[s] && f[s].propertyValue && String(f[s].propertyValue.value) === String(u);
   }
   const a = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((s, v) => (s.set(v, e[v]), s), a);
-  function o(s, v) {
-    const r = s;
-    return typeof v == "number" ? [{ target: r, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: r, operator: "getProperty", param: s, value: !!v }] : typeof v == "object" ? Object.keys(v).map((f) => {
+  Object.keys(e).reduce((s, p) => (s.set(p, e[p]), s), a);
+  function o(s, p) {
+    const u = s;
+    return typeof p == "number" ? [{ target: u, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: u, operator: "getProperty", param: s, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
       if (f === "length")
-        return { target: r, operator: "length", param: null, value: v[f] };
-      const h = f, b = v[f];
-      return { target: r, operator: "getProperty", param: h, value: b };
+        return { target: u, operator: "length", param: null, value: p[f] };
+      const h = f, b = p[f];
+      return { target: u, operator: "getProperty", param: h, value: b };
     }) : [];
   }
-  function u(s) {
-    return Object.keys(s).reduce((r, f) => {
+  function r(s) {
+    return Object.keys(s).reduce((u, f) => {
       const h = o(f, s[f]);
-      return r.push(...h), r;
+      return u.push(...h), u;
     }, []);
   }
-  function c(s, v) {
+  function c(s, p) {
     if (a.has(s.operator)) {
-      const r = a.get(s.operator);
-      return r && r(s.target, s.param, s.value, v) || !1;
+      const u = a.get(s.operator);
+      return u && u(s.target, s.param, s.value, p) || !1;
     }
     return !1;
   }
-  function d(s, v) {
-    return u(s).reduce((h, b) => h && c(b, v), !0);
+  function d(s, p) {
+    return r(s).reduce((h, b) => h && c(b, p), !0);
   }
-  function p(s, v) {
-    const r = Object.keys(s), f = r.includes("allOf"), h = r.includes("anyOf"), b = f || h, w = (b ? s[b ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((L) => d(L, v));
+  function v(s, p) {
+    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((R) => d(R, p));
     return f ? !w.includes(!1) : w.includes(!0);
   }
-  return { parseValueSchema: p };
+  return { parseValueSchema: v };
 }
-const yt = {}, gt = {};
-ht();
-function K(e, t, n = /* @__PURE__ */ new Map(), a = (c, d, p) => d, o = {}, u = (c) => c) {
-  return Ce[t.title] = t, Me[t.title] = a, yt[t.title] = o, gt[t.title] = u, (c = {}) => {
-    const d = mt(c, t, n), p = Object.keys(e).reduce((s, v) => (s[v] = e[v].default, s), {});
-    return Object.assign(p, d);
+const Mt = {}, xt = {};
+It();
+function K(e, t, n = /* @__PURE__ */ new Map(), a = (c, d, v) => d, o = {}, r = (c) => c) {
+  return Me[t.title] = t, xe[t.title] = a, Mt[t.title] = o, xt[t.title] = r, (c = {}) => {
+    const d = Ct(c, t, n), v = Object.keys(e).reduce((s, p) => (s[p] = e[p].default, s), {});
+    return Object.assign(v, d);
   };
 }
 function ee(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const bt = /* @__PURE__ */ new Map([
+const Et = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function wt(e, t, n) {
+function Dt(e, t, n) {
   return t;
 }
-const St = "capsule", Ct = "A Farris Component", Mt = "object", It = {
+const Bt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -567,12 +567,12 @@ const St = "capsule", Ct = "A Farris Component", Mt = "object", It = {
       }
     }
   }
-}, xt = {
-  title: St,
-  description: Ct,
-  type: Mt,
-  categories: It
-}, Ie = {
+}, Ft = {
+  title: Bt,
+  description: Tt,
+  type: Lt,
+  categories: Rt
+}, De = {
   items: {
     Type: Array,
     default: [
@@ -585,7 +585,7 @@ const St = "capsule", Ct = "A Farris Component", Mt = "object", It = {
    */
   modelValue: { type: String, default: "" },
   type: { type: String, default: "primary" }
-}, Et = {
+}, kt = {
   name: { type: String, default: "" },
   value: { type: String, default: "" },
   isActive: { type: Boolean, default: !1 },
@@ -594,25 +594,25 @@ const St = "capsule", Ct = "A Farris Component", Mt = "object", It = {
   show: { type: Boolean, default: !0 },
   disabled: { type: Boolean, default: !1 }
 };
-K(Ie, ft, bt, wt, xt);
-const Dt = /* @__PURE__ */ q({
+K(De, bt, Et, Dt, Ft);
+const Wt = /* @__PURE__ */ U({
   name: "FCapsuleItem",
-  props: Et,
+  props: kt,
   emits: ["mounted", "active"],
   setup(e, t) {
     const n = l(), a = l(e.isActive);
     A(() => e.isActive, (c) => {
       a.value = c;
     });
-    const o = R(() => ({
+    const o = L(() => ({
       "f-capsule-item": !0,
       "f-capsule-active-item": a.value,
       "f-capsule-disabled": e.disabled
     }));
-    J(() => {
+    Q(() => {
       t.emit("mounted", n, e.value);
     });
-    function u(c) {
+    function r(c) {
       e.disabled || t.emit("active", c, {
         name: e.name,
         value: e.value
@@ -621,96 +621,96 @@ const Dt = /* @__PURE__ */ q({
     return () => i("div", {
       ref: n,
       class: o.value,
-      onClick: (c) => u(c)
+      onClick: (c) => r(c)
     }, [e.icon && i("i", {
       class: e.icon
     }, null), e.name]);
   }
-}), Bt = /* @__PURE__ */ q({
+}), $t = /* @__PURE__ */ U({
   name: "FCapsule",
-  props: Ie,
+  props: De,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = l(e.items), a = l(), o = 2, u = l(e.modelValue), c = l("none"), d = l(e.type), p = R(() => {
-      const S = {
+    const n = l(e.items), a = l(), o = 2, r = l(e.modelValue), c = l("none"), d = l(e.type), v = L(() => {
+      const g = {
         "f-capsule-container": !0
       };
-      return d.value && (S[d.value] = !0), S;
-    }), s = R(() => ({})), v = R(() => ({
+      return d.value && (g[d.value] = !0), g;
+    }), s = L(() => ({})), p = L(() => ({
       "f-capsule": !0
-    })), r = l(o), f = l(0), h = l(0), b = R(() => ({
-      left: `${r.value}px`,
+    })), u = l(o), f = l(0), h = l(0), b = L(() => ({
+      left: `${u.value}px`,
       width: `${f.value}px`,
       transition: c.value
-    })), C = R(() => ({
+    })), I = L(() => ({
       width: `${h.value}px`
-    })), g = /* @__PURE__ */ new Map();
-    function w(S) {
+    })), y = /* @__PURE__ */ new Map();
+    function w(g) {
       var m;
-      if (g.has(S.value)) {
-        const T = (m = g.get(S.value)) == null ? void 0 : m.value;
+      if (y.has(g.value)) {
+        const T = (m = y.get(g.value)) == null ? void 0 : m.value;
         if (T) {
-          const O = T.getBoundingClientRect(), H = a.value.getBoundingClientRect();
-          r.value = O.left - H.left + o + a.value.scrollLeft, f.value = O.width - 2 * o;
+          const O = T.getBoundingClientRect(), P = a.value.getBoundingClientRect();
+          u.value = O.left - P.left + o + a.value.scrollLeft, f.value = O.width - 2 * o;
         }
       }
     }
-    function F(S, m) {
-      const T = S.value;
-      u.value = T, t.emit("update:modelValue", T), w(S), m && t.emit("change", T);
+    function F(g, m) {
+      const T = g.value;
+      r.value = T, t.emit("update:modelValue", T), w(g), m && t.emit("change", T);
     }
-    function L(S) {
-      const m = n.value.findIndex((T) => T.value === S);
+    function R(g) {
+      const m = n.value.findIndex((T) => T.value === g);
       m > -1 && F(n.value[m], !1);
     }
-    A(() => e.modelValue, (S) => {
-      u.value = S, L(u.value);
-    }), A(() => e.items, async (S) => {
-      const m = S.filter((T) => T.show);
-      y(m), n.value = m, await ce(), L(u.value), h.value = Array.from(g.values()).reduce((T, O) => (T += O.value.clientWidth, T), 0);
-    }), J(async () => {
-      L(u.value), await ce(), c.value = "0.1s ease-out all", h.value = Array.from(g.values()).reduce((S, m) => (S += m.value.clientWidth, S), 0);
+    A(() => e.modelValue, (g) => {
+      r.value = g, R(r.value);
+    }), A(() => e.items, async (g) => {
+      const m = g.filter((T) => T.show);
+      $(m), n.value = m, await fe(), R(r.value), h.value = Array.from(y.values()).reduce((T, O) => (T += O.value.clientWidth, T), 0);
+    }), Q(async () => {
+      R(r.value), await fe(), c.value = "0.1s ease-out all", h.value = Array.from(y.values()).reduce((g, m) => (g += m.value.clientWidth, g), 0);
     });
-    function j(S, m) {
+    function j(g, m) {
       F(m, !0);
     }
-    function W(S, m) {
-      g.set(m, S);
+    function B(g, m) {
+      y.set(m, g);
     }
-    function y(S) {
-      Array.from(g.keys()).forEach((m) => {
-        S.find((O) => O.value === m) || g.delete(m);
+    function $(g) {
+      Array.from(y.keys()).forEach((m) => {
+        g.find((O) => O.value === m) || y.delete(m);
       });
     }
-    function B(S, m) {
-      return i(Dt, {
-        name: S.name,
-        value: S.value,
-        isActive: S.value === u.value,
+    function S(g, m) {
+      return i(Wt, {
+        name: g.name,
+        value: g.value,
+        isActive: g.value === r.value,
         index: m,
-        disabled: S.disabled,
-        key: S.value,
-        onMounted: W,
+        disabled: g.disabled,
+        key: g.value,
+        onMounted: B,
         onActive: j
       }, null);
     }
     return () => i("span", {
       ref: a,
-      class: p.value,
+      class: v.value,
       style: s.value
     }, [i("span", {
       class: "f-capsule-pane"
-    }, [n.value.map((S, m) => B(S, m))]), i("small", {
-      class: v.value,
+    }, [n.value.map((g, m) => S(g, m))]), i("small", {
+      class: p.value,
       style: b.value
     }, null), i("div", {
       class: "f-capsule-board",
-      style: C.value
+      style: I.value
     }, null)]);
   }
-}), Tt = /* @__PURE__ */ new Map([
+}), Ot = /* @__PURE__ */ new Map([
   ["appearance", ee]
-]), Lt = "https://json-schema.org/draft/2020-12/schema", Rt = "https://farris-design.gitee.io/switch.schema.json", Ft = "switch", kt = "A Farris Component", $t = "object", Wt = {
+]), At = "https://json-schema.org/draft/2020-12/schema", jt = "https://farris-design.gitee.io/switch.schema.json", Vt = "switch", zt = "A Farris Component", Ht = "object", Nt = {
   id: {
     description: "The unique identifier for a switch",
     type: "string"
@@ -780,29 +780,29 @@ const Dt = /* @__PURE__ */ q({
   size: {
     description: "",
     type: "enum",
-    default: "middle"
+    default: "medium"
   }
-}, Ot = [
+}, Pt = [
   "id",
   "type"
-], At = [
+], Gt = [
   "id",
   "appearance",
   "binding"
-], jt = {
-  $schema: Lt,
-  $id: Rt,
-  title: Ft,
-  description: kt,
-  type: $t,
-  properties: Wt,
-  required: Ot,
-  ignore: At
+], qt = {
+  $schema: At,
+  $id: jt,
+  title: Vt,
+  description: zt,
+  type: Ht,
+  properties: Nt,
+  required: Pt,
+  ignore: Gt
 };
-function Vt(e, t, n) {
+function Ut(e, t, n) {
   return t;
 }
-const xe = {
+const Be = {
   /** 组件值*/
   modelValue: { type: Boolean, default: !1 },
   /** 禁用 */
@@ -819,66 +819,66 @@ const xe = {
   onModelValueChanged: { type: Function, default: () => {
   } }
 };
-K(xe, jt, Tt, Vt);
-const zt = /* @__PURE__ */ q({
+K(Be, qt, Ot, Ut);
+const Xt = /* @__PURE__ */ U({
   name: "FSwitch",
-  props: xe,
+  props: Be,
   emits: ["update:modelValue", "modelValueChanged"],
   setup(e, t) {
     const {
       disabled: n,
       size: a,
       onLabel: o,
-      offLabel: u,
+      offLabel: r,
       onBackground: c,
       offBackground: d,
-      onColor: p,
+      onColor: v,
       offColor: s
-    } = Ye(e), v = l(e.modelValue), r = R(() => ({
+    } = Ke(e), p = l(e.modelValue), u = L(() => ({
       switch: !0,
       "f-cmp-switch": !0,
-      checked: v.value,
+      checked: p.value,
       disabled: n.value,
       "switch-large": a.value === "large",
       "switch-medium": a.value === "medium",
       "switch-small": a.value === "small"
-    })), f = R(() => v.value ? {
+    })), f = L(() => p.value ? {
       outline: "none",
       background: c.value
     } : {
       outline: "none",
       backgroundColor: d.value
-    }), h = R(() => v.value ? {
-      background: p.value
+    }), h = L(() => p.value ? {
+      background: v.value
     } : {
       backgroundColor: s.value
-    }), b = R(() => (o == null ? void 0 : o.value) || (u == null ? void 0 : u.value));
-    function C() {
-      n.value || (v.value = !v.value, t.emit("update:modelValue", v.value));
-    }
-    return A(v, (g, w) => {
-      g !== w && t.emit("modelValueChanged", g);
-    }), A(() => e.modelValue, (g, w) => {
-      g !== w && (v.value = g);
+    }), b = L(() => (o == null ? void 0 : o.value) || (r == null ? void 0 : r.value));
+    function I() {
+      n.value || (p.value = !p.value, t.emit("update:modelValue", p.value));
+    }
+    return A(p, (y, w) => {
+      y !== w && t.emit("modelValueChanged", y);
+    }), A(() => e.modelValue, (y, w) => {
+      y !== w && (p.value = y);
     }), () => i("span", {
       tabindex: "0",
       role: "button",
-      class: r.value,
+      class: u.value,
       style: f.value,
-      onClick: C
+      onClick: I
     }, [b.value && i("span", {
       class: "switch-pane"
     }, [i("span", {
       class: "switch-label-checked"
     }, [o == null ? void 0 : o.value]), i("span", {
       class: "switch-label-unchecked"
-    }, [u == null ? void 0 : u.value])]), i("small", {
+    }, [r == null ? void 0 : r.value])]), i("small", {
       style: h.value
     }, [t.slots.default && t.slots.default()])]);
   }
-}), Nt = /* @__PURE__ */ q({
+}), Yt = /* @__PURE__ */ U({
   name: "FScreenResolutionSelector",
-  props: lt,
+  props: dt,
   emits: ["screenNameChanged", "currentScreenResolutionChanged", "switchInStandardModeChanged"],
   setup(e, t) {
     const n = l([{
@@ -901,25 +901,25 @@ const zt = /* @__PURE__ */ q({
       code: "EL",
       value: "EL",
       active: !1
-    }]), a = l(e.defaultStates), o = l("MD"), u = l("中等屏幕"), c = l(!1);
-    function d(v) {
-      n.value.forEach((r) => {
-        r.active = r.code === v, r.active && (o.value = r.code, u.value = r.name, t.emit("screenNameChanged", u.value), t.emit("currentScreenResolutionChanged", o.value));
+    }]), a = l(e.defaultStates), o = l("MD"), r = l("中等屏幕"), c = l(!0);
+    function d(p) {
+      n.value.forEach((u) => {
+        u.active = u.code === p, u.active && (o.value = u.code, r.value = u.name, t.emit("screenNameChanged", r.value), t.emit("currentScreenResolutionChanged", o.value));
       });
     }
-    function p() {
+    function v() {
       t.emit("switchInStandardModeChanged", c.value);
     }
     A(c, () => {
-    }), fe(() => {
-      a.value.mode === "standard" ? (c.value = !0, p()) : c.value = !1;
+    }), ve(() => {
+      a.value.model === "standard" ? c.value = !0 : (c.value = !1, v());
     });
     function s() {
-      return i(Bt, {
+      return i($t, {
         class: "f-layout-editor-screen-resolution-selector-frame",
         items: n.value,
         modelValue: o.value,
-        "onUpdate:modelValue": (v) => o.value = v,
+        "onUpdate:modelValue": (p) => o.value = p,
         onChange: d
       }, null);
     }
@@ -929,20 +929,20 @@ const zt = /* @__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(zt, {
+    }, [i(Xt, {
       class: "f-layout-editor-show-switch",
       modelValue: c.value,
-      "onUpdate:modelValue": (v) => c.value = v,
-      onModelValueChanged: p
+      "onUpdate:modelValue": (p) => c.value = p,
+      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("自定义模式")])])]);
   }
-}), Ht = {
+}), Jt = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 模式开关 */
@@ -951,21 +951,21 @@ const zt = /* @__PURE__ */ q({
   currentArea: { type: Object, default: [] },
   /** 接受组件列表区传入的二维数组 */
   twoDimensionalArray: { type: Array, default: [] }
-}, Pt = {
+}, Qt = {
   /** 单个组件的预览状态 */
   item: { type: Object, default: {} },
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 接受switch状态，若为自定义模式，则需要改变Col-num的num来源；*/
   switchInStandardMode: { type: Boolean, default: !1 }
-}, Gt = /* @__PURE__ */ q({
+}, Zt = /* @__PURE__ */ U({
   name: "FColumnWidthView",
-  props: Pt,
+  props: Qt,
   emits: [],
   setup(e, t) {
-    const n = l(e.item), a = l(e.currentScreenResolution), o = R(() => `col-${n.value[`columnIn${a.value}`]}`);
-    return A([() => e.item, () => e.currentScreenResolution], ([u, c], [d, p]) => {
-      u !== d && (n.value = u), c !== p && (a.value = c);
+    const n = l(e.item), a = l(e.currentScreenResolution), o = L(() => `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", {
       class: o.value
     }, [i("div", {
@@ -975,72 +975,72 @@ const zt = /* @__PURE__ */ q({
       class: "f-layout-editor-column-width-view-label"
     }, [n.value.label])])]);
   }
-}), qt = /* @__PURE__ */ q({
+}), _t = /* @__PURE__ */ U({
   name: "FPreview",
-  props: Ht,
+  props: Jt,
   emits: ["update:twoDimensionalArray"],
   setup(e, t) {
-    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.currentArea), u = l(e.twoDimensionalArray), c = l([]);
-    A([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([r, f, h], [b, C, g]) => {
-      r !== b && (o.value = r), f !== C && (a.value = f), h !== g && (n.value = h);
+    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, I, y]) => {
+      u !== b && (o.value = u), f !== I && (a.value = f), h !== y && (n.value = h);
     }), A(() => e.twoDimensionalArray, () => {
-      u.value = e.twoDimensionalArray, d();
-    }), J(() => {
+      r.value = e.twoDimensionalArray, d();
+    }), Q(() => {
       d();
     });
     function d() {
-      c.value = U(u.value), c.value = p();
+      c.value = X(r.value), c.value = v();
     }
-    function p() {
-      const r = [];
+    function v() {
+      const u = [];
       let f = 1;
       return c.value.forEach((h) => {
         const b = s(h, f);
-        f += b.length, r.push(b);
-      }), r;
+        f += b.length, u.push(b);
+      }), u;
     }
-    function s(r, f) {
+    function s(u, f) {
       const h = [];
       let b = [];
-      return r.forEach((C) => {
-        f !== C.componentRow && (f += 1, h.push(b), b = []), b.push(C);
+      return u.forEach((I) => {
+        f !== I.componentRow && (f += 1, h.push(b), b = []), b.push(I);
       }), h.push(b), h;
     }
-    function v() {
+    function p() {
       if (a.value)
         return "";
-      const r = Array.from({
+      const u = Array.from({
         length: 12
       }, () => i("div", {
         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"
-      }, [r]);
+      }, [u]);
     }
     return () => i("div", {
       class: "f-layout-editor-preview f-utils-fill-flex-column"
     }, [i("div", {
       class: "f-layout-editor-preview-header"
-    }, [G("预览区")]), v(), i("div", {
+    }, [q("预览区")]), p(), i("div", {
       class: "f-layout-editor-preview-view f-utils-overflow-xhya"
     }, [i("div", {
       class: "f-layout-editor-preview-row-group"
-    }, [c.value.map((r) => {
+    }, [c.value.map((u) => {
       var f, h;
-      return ((f = r[0][0]) == null ? void 0 : f.group.toString()) === ((h = o.value[0]) == null ? void 0 : h.id) && r.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((b) => i("div", {
         class: "f-layout-editor-row"
-      }, [b.map((C) => i(Gt, {
-        item: C,
-        "onUpdate:item": (g) => C = g,
+      }, [b.map((I) => i(Zt, {
+        item: I,
+        "onUpdate:item": (y) => I = y,
         currentScreenResolution: n.value,
         switchInStandardMode: a.value
       }, null))]));
     })])])]);
   }
-}), Ut = {
+}), Kt = {
   /** 用户切换屏幕分辨率-缩写-例:MD； */
   currentScreenResolution: { type: String, default: "" },
   /** 检测用户是否切换模式 */
@@ -1058,52 +1058,52 @@ const zt = /* @__PURE__ */ q({
   onOriginalDataChanged: { type: Function, default: () => {
   } }
 };
-function Xt(e, t) {
+function en(e, t) {
   const n = l(-1), a = l(!1);
-  function o(r) {
-    if (r.target.offsetParent) {
-      const f = r.target.offsetParent, h = f.offsetWidth - r.target.offsetWidth / 2 - 4, b = f.offsetHeight / 2;
-      r.dataTransfer && r.dataTransfer.setDragImage(f, h, b);
+  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);
     }
   }
-  function u(r) {
-    if (r) {
-      const f = e.value.findIndex((h) => h.label === r.label);
+  function r(u) {
+    if (u) {
+      const f = e.value.findIndex((h) => h.label === u.label);
       setTimeout(() => {
-        n.value = f, a.value = !0, r.moving = !0;
+        n.value = f, a.value = !0, u.moving = !0;
       });
     }
   }
-  function c(r, f) {
-    r.stopPropagation(), o(r), u(f);
+  function c(u, f) {
+    u.stopPropagation(), o(u), r(f);
   }
-  function d(r) {
-    const f = e.value.findIndex((h) => h.label === r.label);
+  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();
     }
   }
-  function p(r, f) {
-    r.preventDefault(), d(f);
+  function v(u, f) {
+    u.preventDefault(), d(f);
   }
-  function s(r) {
-    r.preventDefault(), r.dataTransfer && (r.dataTransfer.dropEffect = "move");
+  function s(u) {
+    u.preventDefault(), u.dataTransfer && (u.dataTransfer.dropEffect = "move");
   }
-  function v(r, f) {
+  function p(u, f) {
     f && (f.moving = !1), a.value = !1;
   }
   return {
     dragstart: c,
-    dragenter: p,
+    dragenter: v,
     dragover: s,
-    dragend: v,
+    dragend: p,
     isDragging: a
   };
 }
-const Yt = /* @__PURE__ */ new Map([
+const tn = /* @__PURE__ */ new Map([
   ["appearance", ee]
-]), Jt = "https://json-schema.org/draft/2020-12/schema", Qt = "https://farris-design.gitee.io/combo-list.schema.json", Zt = "combo-list", _t = "A Farris Input Component", Kt = "object", en = {
+]), nn = "https://json-schema.org/draft/2020-12/schema", an = "https://farris-design.gitee.io/combo-list.schema.json", ln = "combo-list", on = "A Farris Input Component", un = "object", sn = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -1219,27 +1219,27 @@ const Yt = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, tn = [
+}, rn = [
   "id",
   "type"
-], nn = [
+], cn = [
   "id",
   "appearance",
   "binding"
-], an = {
-  $schema: Jt,
-  $id: Qt,
-  title: Zt,
-  description: _t,
-  type: Kt,
-  properties: en,
-  required: tn,
-  ignore: nn
+], dn = {
+  $schema: nn,
+  $id: an,
+  title: ln,
+  description: on,
+  type: un,
+  properties: sn,
+  required: rn,
+  ignore: cn
 };
-function ln(e, t, n) {
+function fn(e, t, n) {
   return t;
 }
-const Ee = {
+const Te = {
   /**
    * 组件标识
    */
@@ -1406,8 +1406,8 @@ const Ee = {
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
 };
-K(Ee, an, Yt, ln);
-const on = {
+K(Te, dn, tn, fn);
+const vn = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -1427,15 +1427,13 @@ const on = {
     default: !1
   },
   // 搜索启用高亮
-  enableHighlightSearch: { type: Boolean, default: !0 },
-  // 是否展示复选框
-  showCheckbox: { type: Boolean, default: !1 }
-}, un = /* @__PURE__ */ q({
+  enableHighlightSearch: { type: Boolean, default: !0 }
+}, pn = /* @__PURE__ */ U({
   name: "FComboListContainer",
-  props: on,
+  props: vn,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = l(), a = l(e.dataSource), o = l([]), u = l(e.separator), c = l(e.width), d = l(e.maxHeight), p = l(String(e.selectedValues).split(u.value)), s = R(() => e.multiSelect), v = R(() => ({
+    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 = L(() => e.multiSelect), p = L(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
@@ -1446,133 +1444,133 @@ const on = {
     A(e.dataSource, () => {
       a.value = e.dataSource;
     });
-    const r = R(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = R(() => {
-      const C = {};
-      return c.value !== void 0 && (C.width = `${c.value}px`), d.value !== void 0 && d.value > 0 && (C.maxHeight = `${d.value}px`), C;
+    const u = L(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = L(() => {
+      const I = {};
+      return c.value !== void 0 && (I.width = `${c.value}px`), d.value !== void 0 && d.value > 0 && (I.maxHeight = `${d.value}px`), I;
     });
-    function h(C) {
-      o.value = C.map((g) => Object.assign({}, g)), p.value = C.map((g) => g[e.idField]), t.emit("selectionChange", o.value);
+    function h(I) {
+      o.value = I.map((y) => Object.assign({}, y)), v.value = I.map((y) => y[e.idField]), t.emit("selectionChange", o.value);
     }
-    function b(C) {
+    function b(I) {
       if (e.enableHighlightSearch)
         return;
-      let g = [];
-      typeof e.searchOption == "function" ? g = a.value.filter((w) => e.searchOption(C, w)) : g = a.value.filter((w) => w[e.valueField].indexOf(C) > -1 || w[e.textField].indexOf(C) > -1), n.value.updateDataSource(g);
+      let y = [];
+      typeof e.searchOption == "function" ? y = a.value.filter((w) => e.searchOption(I, w)) : y = a.value.filter((w) => w[e.valueField].indexOf(I) > -1 || w[e.textField].indexOf(I) > -1), n.value.updateDataSource(y);
     }
-    return A([() => e.selectedValues], ([C]) => {
-      p.value = C.split(u.value);
+    return A([() => e.selectedValues], ([I]) => {
+      v.value = I.split(r.value);
     }), () => i("div", {
       class: "f-combo-list-container pl-1",
       style: f.value
-    }, [i(tt, {
+    }, [i(ut, {
       ref: n,
       size: "small",
       itemClass: "f-combo-list-item",
-      header: r.value,
+      header: u.value,
       headerClass: "f-combo-list-search-box",
       data: a.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      selection: v.value,
+      selection: p.value,
       enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: p.value,
+      selectionValues: v.value,
       onSelectionChange: h,
       onAfterSearch: b
     }, null)]);
   }
 });
-function sn(e) {
+function mn(e) {
   const t = l(""), n = l(e.modelValue), a = l(e.data || []), o = l(e.editable);
-  function u(r) {
-    const f = String(r).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 F = f.indexOf(g[e.valueField]), L = f.indexOf(w[e.valueField]);
-      return F - L;
+  function r(u) {
+    const f = String(u).split(e.separator), h = f.map((y) => [y, !0]), b = new Map(h);
+    return a.value.filter((y) => b.has(String(y[e.valueField]))).sort((y, w) => {
+      const F = f.indexOf(y[e.valueField]), R = f.indexOf(w[e.valueField]);
+      return F - R;
     });
   }
-  function c(r) {
-    const f = u(r).map((h) => h[e.textField]).join(e.separator);
-    t.value = o.value ? f || r : f;
+  function c(u) {
+    const f = r(u).map((h) => h[e.textField]).join(e.separator);
+    t.value = o.value ? f || u : f;
   }
-  function d(r) {
-    const f = r.split(e.separator).map((b) => [b, !0]), h = new Map(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]));
   }
-  function p(r) {
+  function v(u) {
     const f = {};
-    return f[e.idField] = r, f[e.textField] = r, [f];
+    return f[e.idField] = u, f[e.textField] = u, [f];
   }
-  function s(r) {
-    let f = d(r);
+  function s(u) {
+    let f = d(u);
     const h = f && f.length > 0;
-    return o.value && !h && (f = p(r)), f;
+    return o.value && !h && (f = v(u)), f;
   }
-  function v() {
-    const { url: r, method: f = "GET", headers: h = {}, body: b = null } = e.remote, C = f.toLowerCase() == "get" ? { method: f, headers: h } : { method: f, headers: h, body: b };
-    let g = !1;
-    fetch(r, C).then((w) => {
-      var L, j;
+  function p() {
+    const { url: u, method: f = "GET", headers: h = {}, body: b = null } = e.remote, I = f.toLowerCase() == "get" ? { method: f, headers: h } : { method: f, headers: h, body: b };
+    let y = !1;
+    fetch(u, I).then((w) => {
+      var R, 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();
+        return y = !!((j = (R = w.headers) == null ? void 0 : R.get("content-type")) != null && j.includes("application/json")), y ? w.text() : w.json();
       throw new Error(w.statusText);
     }).then((w) => {
-      a.value = g ? JSON.parse(w) : w;
+      a.value = y ? JSON.parse(w) : w;
     }).catch((w) => {
       console.error(w);
     });
   }
-  return e.remote && v(), A(() => e.data, () => {
+  return e.remote && p(), A(() => e.data, () => {
     a.value = e.data;
-  }), A([a], ([r]) => {
-    if (e.modelValue) {
-      const f = r.find((h) => h[e.valueField] === e.modelValue);
+  }), A([a], ([u]) => {
+    if (e.modelValue != null) {
+      const f = u.find((h) => h[e.valueField] === e.modelValue);
       f && (t.value = f[e.textField]);
     }
-  }), A(() => e.modelValue, (r) => {
-    n.value = r, c(r);
-  }), c(e.modelValue), { dataSource: a, displayText: t, editable: o, modelValue: n, getItemsByDisplayText: d, getItemsByValue: u, getSelectedItemsByDisplayText: s };
+  }), A(() => e.modelValue, (u) => {
+    n.value = u, c(u);
+  }), c(e.modelValue), { dataSource: a, displayText: t, editable: o, modelValue: n, getItemsByDisplayText: d, getItemsByValue: r, getSelectedItemsByDisplayText: s };
 }
-const rn = /* @__PURE__ */ q({
+const hn = /* @__PURE__ */ U({
   name: "FComboList",
-  props: Ee,
+  props: Te,
   emits: ["clear", "update:modelValue", "change", "input"],
   setup(e, t) {
-    const n = l(), a = l(e.disabled), o = l(e.enableClear), u = l(e.enableSearch), c = l(e.readonly), {
+    const n = l(), a = l(e.disabled), o = l(e.enableClear), r = l(e.enableSearch), c = l(e.readonly), {
       dataSource: d,
-      displayText: p,
+      displayText: v,
       editable: s,
-      modelValue: v,
-      getSelectedItemsByDisplayText: r
-    } = sn(e), f = R(() => e.multiSelect), h = R(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
+      modelValue: p,
+      getSelectedItemsByDisplayText: u
+    } = mn(e), f = L(() => e.multiSelect), h = L(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
     function b() {
       !f.value && n.value && n.value.hidePopup();
     }
-    function C(W) {
-      p.value = W.map((y) => y[e.textField]).join(e.separator), W.length === 1 ? v.value = W[0][e.valueField] : v.value = W.map((y) => y[e.valueField]).join(e.separator), t.emit("update:modelValue", v.value), t.emit("change", W, v.value), b();
+    function I(B) {
+      v.value = B.map(($) => $[e.textField]).join(e.separator), B.length === 1 ? p.value = B[0][e.valueField] : p.value = B.map(($) => $[e.valueField]).join(e.separator), t.emit("update:modelValue", p.value), t.emit("change", B, p.value), b();
     }
-    function g() {
+    function y() {
       c.value || n.value.togglePopup();
     }
-    function w(W) {
-      v.value = "", t.emit("update:modelValue", ""), t.emit("clear");
+    function w(B) {
+      p.value = "", t.emit("update:modelValue", ""), t.emit("clear");
     }
-    function F(W) {
-      const y = r(W);
-      C(y);
+    function F(B) {
+      const $ = u(B);
+      I($);
     }
-    function L() {
-      return p.value;
+    function R() {
+      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, y, B, S, m]) => {
-      a.value = W, s.value = y, o.value = B, u.value = S, c.value = m;
-    }), () => i(nt, {
+      getDisplayText: R
+    }), A([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, $, S, g, m]) => {
+      a.value = B, s.value = $, o.value = S, r.value = g, c.value = m;
+    }), () => i(st, {
       ref: n,
       id: e.id,
       disable: a.value,
@@ -1587,33 +1585,33 @@ const rn = /* @__PURE__ */ q({
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: p.value,
-      "onUpdate:modelValue": (W) => p.value = W,
+      modelValue: v.value,
+      "onUpdate:modelValue": (B) => v.value = B,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
       onClear: w,
-      onClick: g,
+      onClick: y,
       onChange: F,
       onInput: j,
       beforeOpen: e.beforeOpen
     }, {
-      default: () => [i(un, {
+      default: () => [i(pn, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
         titleField: e.titleField,
         dataSource: d.value,
-        selectedValues: v.value,
+        selectedValues: p.value,
         multiSelect: e.multiSelect,
-        enableSearch: u.value,
+        enableSearch: r.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
         width: e.fitEditor ? h.value : void 0,
-        onSelectionChange: C
+        onSelectionChange: I
       }, null)]
     });
   }
-}), cn = {
+}), yn = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 传入的单个控件的响应式列宽值 */
@@ -1623,13 +1621,13 @@ const rn = /* @__PURE__ */ q({
   /** 列数值变化事件 */
   fieldChanged: { type: Function, default: () => {
   } }
-}, dn = /* @__PURE__ */ new Map([
+}, gn = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function fn(e, t, n) {
+function bn(e, t, n) {
   return t;
 }
-const pn = "https://json-schema.org/draft/2020-12/schema", vn = "https://farris-design.gitee.io/radio-button.schema.json", mn = "radio-button", hn = "A Farris Component", yn = "object", gn = {
+const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-design.gitee.io/radio-button.schema.json", Cn = "radio-button", In = "A Farris Component", Mn = "object", xn = {
   id: {
     description: "The unique identifier for radio-button",
     type: "string"
@@ -1691,18 +1689,18 @@ const pn = "https://json-schema.org/draft/2020-12/schema", vn = "https://farris-
     type: "boolean",
     default: !0
   }
-}, bn = [
+}, En = [
   "id",
   "type"
-], wn = {
-  $schema: pn,
-  $id: vn,
-  title: mn,
-  description: hn,
-  type: yn,
-  properties: gn,
-  required: bn
-}, Sn = "radio-button", Cn = "A Farris Component", Mn = "object", In = {
+], Dn = {
+  $schema: wn,
+  $id: Sn,
+  title: Cn,
+  description: In,
+  type: Mn,
+  properties: xn,
+  required: En
+}, Bn = "radio-button", Tn = "A Farris Component", Ln = "object", Rn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1724,12 +1722,12 @@ const pn = "https://json-schema.org/draft/2020-12/schema", vn = "https://farris-
       }
     }
   }
-}, xn = {
-  title: Sn,
-  description: Cn,
-  type: Mn,
-  categories: In
-}, De = {
+}, Fn = {
+  title: Bn,
+  description: Tn,
+  type: Ln,
+  categories: Rn
+}, Le = {
   /**
    * 单选组枚举数组
    */
@@ -1744,45 +1742,45 @@ const pn = "https://json-schema.org/draft/2020-12/schema", vn = "https://farris-
   onSelectedValueChanged: { type: Function, default: () => {
   } }
 };
-K(De, wn, dn, fn, xn);
-const En = /* @__PURE__ */ q({
+K(Le, Dn, gn, bn, Fn);
+const kn = /* @__PURE__ */ U({
   name: "FRadioButton",
-  props: De,
+  props: Le,
   emits: ["selectedValueChanged"],
   setup(e, t) {
     const n = l(e.enumData);
-    function a(u, c) {
-      if (u.currentTarget.classList.value = "btn btn-secondary active", u.currentTarget.tagName.toLowerCase() === "label") {
+    function a(r, c) {
+      if (r.currentTarget.classList.value = "btn btn-secondary active", r.currentTarget.tagName.toLowerCase() === "label") {
         const {
           currentTarget: d
-        } = u, p = d.parentElement;
-        Array.from(p.querySelectorAll("label")).filter((v) => v !== d).forEach((v) => v.classList.remove("active"));
+        } = r, v = d.parentElement;
+        Array.from(v.querySelectorAll("label")).filter((p) => p !== d).forEach((p) => p.classList.remove("active"));
       }
       t.emit("selectedValueChanged", c);
     }
-    function o(u) {
-      return `${u.text}${e.suffixValue}`;
+    function o(r) {
+      return `${r.text}${e.suffixValue}`;
     }
-    return A(() => e.enumData, (u, c) => {
-      u !== c && (n.value = e.enumData);
+    return A(() => e.enumData, (r, c) => {
+      r !== c && (n.value = e.enumData);
     }), () => i("div", {
       class: "f-radio-button"
     }, [i("div", {
       class: ["farris-input-wrap"]
-    }, [n.value.map((u, c) => i(ue, null, [i("label", {
-      class: u.active ? "btn btn-secondary active" : "btn btn-secondary",
-      onClick: (d) => a(d, u)
+    }, [n.value.map((r, c) => i(ue, null, [i("label", {
+      class: r.active ? "btn btn-secondary active" : "btn btn-secondary",
+      onClick: (d) => a(d, r)
     }, [i("span", {
       class: "f-radio-button-text"
-    }, [o(u)])])]))])]);
+    }, [o(r)])])]))])]);
   }
-}), Dn = /* @__PURE__ */ new Map([
+}), Wn = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function Bn(e, t, n) {
+function $n(e, t, n) {
   return t;
 }
-const Tn = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-design.gitee.io/rate.schema.json", Rn = "rate", Fn = "A Farris Component", kn = "object", $n = {
+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 = {
   id: {
     description: "The unique identifier for rate",
     type: "string"
@@ -1844,23 +1842,23 @@ const Tn = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-
     type: "boolean",
     default: !0
   }
-}, Wn = [
+}, Nn = [
   "id",
   "type"
-], On = [
+], Pn = [
   "id",
   "appearance",
   "binding"
-], An = {
-  $schema: Tn,
-  $id: Ln,
-  title: Rn,
-  description: Fn,
-  type: kn,
-  properties: $n,
-  required: Wn,
-  ignore: On
-}, jn = "rate", Vn = "A Farris Component", zn = "object", Nn = {
+], Gn = {
+  $schema: On,
+  $id: An,
+  title: jn,
+  description: Vn,
+  type: zn,
+  properties: Hn,
+  required: Nn,
+  ignore: Pn
+}, qn = "rate", Un = "A Farris Component", Xn = "object", Yn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1882,12 +1880,12 @@ const Tn = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-
       }
     }
   }
-}, Hn = {
-  title: jn,
-  description: Vn,
-  type: zn,
-  categories: Nn
-}, Pn = ["很不满意", "不满意", "一般", "满意", "非常满意"], Be = {
+}, Jn = {
+  title: qn,
+  description: Un,
+  type: Xn,
+  categories: Yn
+}, Qn = ["很不满意", "不满意", "一般", "满意", "非常满意"], Re = {
   /** 星星大小 */
   size: { type: String, default: "large" },
   /** 启用半颗星模式 */
@@ -1909,7 +1907,7 @@ const Tn = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-
   /** 禁用单个星星的文字提示 */
   toolTipDisabled: { type: Boolean, default: !0 },
   /** 默认的满意度文案 */
-  toolTipContents: { type: Array, default: Pn },
+  toolTipContents: { type: Array, default: Qn },
   /** 启用评分 */
   enableScore: { type: Boolean, default: !0 },
   /** 启用满意度 */
@@ -1920,82 +1918,82 @@ const Tn = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-
   value: { type: Number, default: 0 },
   modelValue: { type: Number, default: 0 }
 };
-K(Be, An, Dn, Bn, Hn);
-const Gn = /* @__PURE__ */ q({
+K(Re, Gn, Wn, $n, Jn);
+const Zn = /* @__PURE__ */ U({
   name: "FRate",
-  props: Be,
+  props: Re,
   emits: ["selectedValue", "update:modelValue"],
   setup(e, t) {
-    const n = l(e.size), a = l(e.enableHalf), o = l(e.enableClear), u = l(e.disabled), c = l(e.pointSystem), d = l(e.lightColor), p = l(e.darkColor), s = l(e.iconClass), v = l(e.numOfStar), r = l(e.toolTipDisabled), f = l(e.toolTipContents), h = l(e.enableScore), b = l(e.enableSatisfaction);
-    let C;
-    const g = l(0), w = l(0), F = l(0), L = l(e.modelValue);
-    let j = 1, W, y, B;
-    const S = 4;
-    J(() => {
+    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), p = l(e.numOfStar), u = l(e.toolTipDisabled), f = l(e.toolTipContents), h = l(e.enableScore), b = l(e.enableSatisfaction);
+    let I;
+    const y = l(0), w = l(0), F = l(0), R = l(e.modelValue);
+    let j = 1, B, $, S;
+    const g = 4;
+    Q(() => {
     });
     function m() {
-      const E = v.value;
-      B = [];
-      for (let $ = 1; $ <= E; $++)
-        B.push({
-          id: $
+      const E = p.value;
+      S = [];
+      for (let W = 1; W <= E; W++)
+        S.push({
+          id: W
         });
     }
     function T() {
       let E;
-      a.value ? E = Math.ceil(L.value / j) : E = L.value, w.value = (C * L.value + Math.floor(L.value) * S) / j, W = f.value[E - 1];
+      a.value ? E = Math.ceil(R.value / j) : E = R.value, w.value = (I * R.value + Math.floor(R.value) * g) / j, B = f.value[E - 1];
     }
     function O() {
       switch (n.value) {
         case "small":
-          C = 14;
+          I = 14;
           break;
         case "middle":
-          C = 16;
+          I = 16;
           break;
         case "large":
-          C = 18;
+          I = 18;
           break;
         case "extraLarge":
-          C = 24;
+          I = 24;
           break;
       }
-      m(), v.value && (j = c.value / v.value), L.value && T();
+      m(), p.value && (j = c.value / p.value), R.value && T();
     }
     O();
-    function H(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, y = null, g.value = 0, F.value = 0, t.emit("selectedValue", L.value), t.emit("update:modelValue", L.value), !0) : !1;
+    function Y() {
+      return y.value === w.value && o.value && w.value !== 0 ? (w.value = 0, R.value = 0, $ = null, y.value = 0, F.value = 0, t.emit("selectedValue", R.value), t.emit("update:modelValue", R.value), !0) : !1;
     }
-    function D(E, $, N) {
+    function D(E, W, H) {
       if (E.movementX || E.movementY) {
-        if (u.value)
+        if (r.value)
           return;
-        b.value && (W = f.value[$ - 1]), E.offsetX < C / 2 && a.value === !0 ? (g.value = C * $ - C / 2 + S * ($ - 1), F.value = j * $ - j / 2) : (g.value = C * $ + S * ($ - 1), F.value = j * $);
+        b.value && (B = f.value[W - 1]), E.offsetX < I / 2 && a.value === !0 ? (y.value = I * W - I / 2 + g * (W - 1), F.value = j * W - j / 2) : (y.value = I * W + g * (W - 1), F.value = j * W);
       }
-      if (N === !0) {
-        if (X())
+      if (H === !0) {
+        if (Y())
           return;
-        L.value = F.value, w.value = g.value, y = W, t.emit("update:modelValue", L.value), t.emit("selectedValue", L.value);
+        R.value = F.value, w.value = y.value, $ = B, t.emit("update:modelValue", R.value), t.emit("selectedValue", R.value);
       }
     }
-    function k(E, $) {
-      var N;
-      if (H(E.target) && E.target) {
-        const te = parseInt((N = E.target) == null ? void 0 : N.id);
-        D(E, te, $);
+    function k(E, W) {
+      var H;
+      if (P(E.target) && E.target) {
+        const te = parseInt((H = E.target) == null ? void 0 : H.id);
+        D(E, te, W);
       }
     }
-    const z = R(() => F.value ? F.value + "分" : L.value + "分"), M = R(() => ({
-      width: (g.value || w.value) + "px"
+    const z = L(() => F.value ? F.value + "分" : R.value + "分"), M = L(() => ({
+      width: (y.value || w.value) + "px"
     }));
     function x() {
-      g.value = 0;
+      y.value = 0;
     }
     return A(() => e.modelValue, (E) => {
-      L.value = E, T();
+      R.value = E, T();
     }), () => i("div", {
       class: "farris-star-rating",
       onMouseover: le((E) => k(E, !1), ["prevent"]),
@@ -2005,7 +2003,7 @@ const Gn = /* @__PURE__ */ q({
     }, [i("div", {
       class: "star-light-area",
       style: M.value
-    }, [B.map((E) => i("span", {
+    }, [S.map((E) => i("span", {
       class: ["f-icon default-light-color ", s.value, {
         "f-star-sm": n.value === "small"
       }, {
@@ -2015,7 +2013,7 @@ const Gn = /* @__PURE__ */ q({
       }, {
         "f-star-exlarge": n.value === "extraLarge"
       }, {
-        disabled: r.value
+        disabled: u.value
       }],
       id: E.id,
       style: {
@@ -2029,7 +2027,7 @@ const Gn = /* @__PURE__ */ q({
       }, {
         large: n.value === "large"
       }]
-    }, [B.map((E) => i("span", {
+    }, [S.map((E) => i("span", {
       class: ["f-icon default-dark-color", s.value, {
         "f-star-sm": n.value === "small"
       }, {
@@ -2041,7 +2039,7 @@ const Gn = /* @__PURE__ */ q({
       }],
       id: E.id,
       style: {
-        color: p.value
+        color: v.value
       }
     }, null))]), i("div", {
       class: ["f-utils-fill", {
@@ -2053,11 +2051,11 @@ const Gn = /* @__PURE__ */ q({
       }, {
         "font-exlarge": n.value === "extraLarge"
       }]
-    }, [h.value && i("span", null, [G(" "), z.value, G(" ")]), b.value && (y || W) && i("span", null, [G(" "), W || y])])]);
+    }, [h.value && i("span", null, [q(" "), z.value, q(" ")]), b.value && ($ || B) && i("span", null, [q(" "), B || $])])]);
   }
-}), qn = /* @__PURE__ */ q({
+}), _n = /* @__PURE__ */ U({
   name: "FColumnWidthEditor",
-  props: cn,
+  props: yn,
   emits: ["fieldChanged"],
   setup(e, t) {
     const n = {
@@ -2065,30 +2063,30 @@ const Gn = /* @__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), u = l(e.switchInStandardMode), c = l(), d = l(""), p = l(), s = l("customize"), v = l(), r = ge("ResponseLayoutEditorDraggableComposition"), {
+    }, a = l(e.currentScreenResolution), o = l(e.field), r = l(e.switchInStandardMode), c = l(), d = l(""), v = l(), s = l("customize"), p = l(), u = Se("ResponseLayoutEditorDraggableComposition"), {
       dragstart: f,
       dragenter: h,
       dragover: b,
-      dragend: C
-    } = r;
-    function g() {
-      c.value = n == null ? void 0 : n[a.value], u.value ? (d.value = `displayWidthIn${a.value}`, s.value = `${o.value[d.value]}`) : (d.value = `columnIn${a.value}`, v.value = o.value[d.value]);
+      dragend: I
+    } = u;
+    function y() {
+      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}`, p.value = o.value[d.value]);
     }
     function w(m) {
-      if (u.value === !0) {
+      if (r.value === !0) {
         const T = Number(m == null ? void 0 : m.text);
-        p.value = T;
+        v.value = T;
         const O = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
         o.value[`columnIn${a.value}`] = T * O, o.value[`displayWidthIn${a.value}`] = Number(T), t.emit("fieldChanged", o.value);
       }
     }
     function F(m) {
-      v.value = m;
+      p.value = m;
       const T = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-      o.value[`columnIn${a.value}`] = v.value, o.value[`displayWidthIn${a.value}`] = v.value / T, t.emit("fieldChanged", o.value);
+      o.value[`columnIn${a.value}`] = p.value, o.value[`displayWidthIn${a.value}`] = p.value / T, t.emit("fieldChanged", o.value);
     }
-    function L() {
-      return i(Gn, {
+    function R() {
+      return i(Zn, {
         enableHalf: !0,
         size: "extraLarge",
         pointSystem: 12,
@@ -2096,10 +2094,10 @@ const Gn = /* @__PURE__ */ q({
         lightColor: "#5D89FE",
         darkColor: "#e7e9f3",
         iconClass: "f-icon-column-rectangle",
-        modelValue: v.value,
-        "onUpdate:modelValue": (m) => v.value = m,
+        modelValue: p.value,
+        "onUpdate:modelValue": (m) => p.value = m,
         enableScore: !1,
-        onSelectedValue: () => F(v.value)
+        onSelectedValue: () => F(p.value)
       }, null);
     }
     function j() {
@@ -2107,24 +2105,24 @@ const Gn = /* @__PURE__ */ q({
       c.value = n == null ? void 0 : n[a.value];
       const T = o.value[`displayWidthIn${a.value}`];
       return c.value.forEach((O) => {
-        const H = {
+        const P = {
           text: O,
           active: T.toString() === O
         };
-        m.push(H);
+        m.push(P);
       }), m;
     }
-    function W() {
+    function B() {
       const m = j();
-      return i(En, {
+      return i(kn, {
         enumData: m,
         suffixValue: "列",
         onSelectedValueChanged: w
       }, {
-        default: () => [G(" ")]
+        default: () => [q(" ")]
       });
     }
-    function y() {
+    function $() {
       var m;
       if (((m = o == null ? void 0 : o.value) == null ? void 0 : m.showTopBorder) === 1)
         return i("div", {
@@ -2133,134 +2131,134 @@ const Gn = /* @__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 B() {
-      return u.value ? i("div", {
+    function S() {
+      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: (m) => h(m, o.value),
-        onDragend: (m) => C(m, o.value),
+        onDragend: (m) => I(m, o.value),
         onDragover: (m) => b(m)
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-rectangle"
-      }, [L(), i("div", {
+      }, [R(), i("div", {
         class: "f-layout-editor-rate-show-column"
-      }, [v.value, G("列")]), i("span", {
+      }, [p.value, q("列")]), i("span", {
         class: "f-layout-editor-drag-handler f-icon f-icon-drag-vertical",
         draggable: "true",
         onDragstart: (m) => f(m, o.value)
       }, null)])]);
     }
-    function S() {
+    function g() {
       var m;
       return i("div", {
         class: "f-layout-editor-column-width-editor-component"
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-label"
-      }, [(m = o == null ? void 0 : o.value) == null ? void 0 : m.label]), B()]);
+      }, [(m = o == null ? void 0 : o.value) == null ? void 0 : m.label]), S()]);
     }
-    return A(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, T, O], [H, X, D]) => {
-      O !== D && (a.value = O, c.value = n[a.value], g()), T !== X && (u.value = T), u.value === !1 && g(), m !== H && (o.value = m);
-    }), J(() => {
-      g();
+    return A(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, T, O], [P, Y, D]) => {
+      O !== D && (a.value = O, c.value = n[a.value], y()), T !== Y && (r.value = T), r.value === !1 && y(), m !== P && (o.value = m);
+    }), Q(() => {
+      y();
     }), () => i("div", {
       class: "f-layout-editor-column-width-editor"
-    }, [y(), S()]);
+    }, [$(), g()]);
   }
-}), Un = /* @__PURE__ */ q({
+}), Kn = /* @__PURE__ */ U({
   name: "FFieldList",
-  props: Ut,
+  props: Kt,
   emits: ["update:currentArea", "twoDimensionalArrayChanged", "originalDataChanged"],
   setup(e, t) {
-    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.originalData), u = l(e.originalDataCopy), c = l(e.defaultStates), d = l(""), p = l([]), s = l(e.currentArea), v = l(0), r = l(), f = l(0), h = l("1"), b = l([]);
-    function C() {
+    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), p = l(0), u = l(), f = l(0), h = l("1"), b = l([]);
+    function I() {
       var k;
-      let D = g();
+      let D = y();
       for (let z = 0; z < D.length; z++) {
         const M = {
           id: (k = D[z]) == null ? void 0 : k.toString(),
           label: "区域" + D[z]
         };
-        p.value.push(M);
+        v.value.push(M);
       }
       w();
     }
-    function g() {
+    function y() {
       let D = [];
       return o.value.forEach((k) => {
         D.indexOf(k.group) === -1 && D.push(k.group);
       }), D;
     }
     function w() {
-      h.value = c.value.defaultGroupNumber.toString(), d.value = `区域${h.value}`, s.value = [p.value[Number(h.value) - 1]], t.emit("update:currentArea", s.value);
+      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 F() {
       let D = [];
-      r.value = [];
+      u.value = [];
       let k = 1;
       o.value.forEach((z) => {
-        z.group === k || (k += 1, r.value.push(D), D = []), D.push(z);
-      }), r.value.push(D);
+        z.group === k || (k += 1, u.value.push(D), D = []), D.push(z);
+      }), u.value.push(D);
     }
-    function L() {
-      r.value[s.value[0].id - 1] = U(b.value);
+    function R() {
+      u.value[s.value[0].id - 1] = X(b.value);
       let D = [];
-      f.value = 0, r.value.forEach((k) => {
-        let z = W(k, f.value);
+      f.value = 0, u.value.forEach((k) => {
+        let z = B(k, f.value);
         D.push(z), f.value = z[z.length - 1].componentRow;
-      }), y(D);
+      }), $(D);
     }
     function j() {
       F();
       let D = [];
-      return f.value = 0, r.value.forEach((k) => {
-        let z = W(k, f.value);
+      return f.value = 0, u.value.forEach((k) => {
+        let z = B(k, f.value);
         D.push(z), f.value = z[z.length - 1].componentRow;
-      }), t.emit("twoDimensionalArrayChanged", r.value), y(D), o.value;
+      }), t.emit("twoDimensionalArrayChanged", u.value), $(D), o.value;
     }
-    function W(D, k) {
+    function B(D, k) {
       let M = 12;
-      return v.value = 1 + k, D.forEach((x) => {
+      return p.value = 1 + k, D.forEach((x) => {
         x.showTopBorder = 0;
         let E = x[`columnIn${n.value}`];
-        M >= E ? (x.componentRow = v.value, M -= E) : (v.value += 1, x.componentRow = v.value, M = 12 - E, x.showTopBorder = 1);
+        M >= E ? (x.componentRow = p.value, M -= E) : (p.value += 1, x.componentRow = p.value, M = 12 - E, x.showTopBorder = 1);
       }), D[0].showTopBorder = 1, D;
     }
-    function y(D) {
+    function $(D) {
       let k = [];
       for (let z of D)
         k = k.concat(z);
-      o.value = U(k), f.value = 0;
+      o.value = X(k), f.value = 0;
     }
-    function B() {
+    function S() {
       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(rn, {
+      }, [i(hn, {
         modelValue: h.value,
         "onUpdate:modelValue": (D) => h.value = D,
         placeholder: "当前可编辑组",
         enableClear: !1,
         "id-field": "id",
         "text-field": "label",
-        data: p.value,
+        data: v.value,
         editable: !1,
-        onChange: H
+        onChange: P
       }, null)])]);
     }
-    function S() {
+    function g() {
       return i("div", {
         class: "f-layout-editor-field-list-content f-utils-overflow-xhya"
-      }, [b.value.map((D) => i(qn, {
+      }, [b.value.map((D) => i(_n, {
         key: D.label,
         currentScreenResolution: n.value,
         field: D,
@@ -2273,7 +2271,7 @@ const Gn = /* @__PURE__ */ q({
     function m(D) {
       b.value.forEach((k) => {
         k.label == D.label && Object.assign(k, D);
-      }), L(), O(), T();
+      }), R(), O(), T();
     }
     function T() {
       b.value = [], o.value.forEach((D) => {
@@ -2281,108 +2279,108 @@ const Gn = /* @__PURE__ */ q({
       });
     }
     function O() {
-      o.value = U(j()), t.emit("originalDataChanged", o.value);
+      o.value = X(j()), t.emit("originalDataChanged", o.value);
     }
-    function H(D) {
+    function P(D) {
       for (let k = 0; k < D.length; k++)
         s.value = [{
           id: D[k].id,
           label: D[k].label
         }];
-      t.emit("update:currentArea", s.value), T(), L();
+      t.emit("update:currentArea", s.value), T(), R();
     }
-    const X = Xt(b, () => {
-      L(), O(), T();
+    const Y = en(b, () => {
+      R(), O(), T();
     });
-    return Je("ResponseLayoutEditorDraggableComposition", X), A(() => e.currentArea, (D, k) => {
+    return et("ResponseLayoutEditorDraggableComposition", Y), A(() => e.currentArea, (D, k) => {
       D !== k && (s.value = e.currentArea, T());
     }), A(s, (D, k) => {
       D !== k && T();
     }), A(() => e.currentGroup, (D, k) => {
       D !== k && (d.value = e.currentGroup);
     }), A(() => e.currentScreenResolution, (D, k) => {
-      D !== k && (n.value = e.currentScreenResolution, O(), F(), s.value[0] && (b.value = U(r.value[Number(s.value[0].id) - 1])));
+      D !== k && (n.value = e.currentScreenResolution, O(), F(), s.value[0] && (b.value = X(u.value[Number(s.value[0].id) - 1])));
     }), A(() => e.switchInStandardMode, (D, k) => {
-      D !== k && (a.value = e.switchInStandardMode, o.value = U(u.value));
+      D !== k && (a.value = e.switchInStandardMode, o.value = X(r.value));
     }), A(c, (D, k) => {
       D !== k && O();
-    }), fe(() => {
-      C(), j(), T();
+    }), ve(() => {
+      I(), j(), T();
     }), () => 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"
-      }, [B(), S()])
+      }, [S(), g()])
     ) : (
       /* 自定义模式 */
       i("div", {
         class: "f-layout-editor-field-list-customize f-utils-fill-flex-column"
-      }, [B(), S()])
+      }, [S(), g()])
     )]);
   }
-}), ie = /* @__PURE__ */ q({
+}), ie = /* @__PURE__ */ U({
   name: "FResponseLayoutEditor",
-  props: at,
+  props: ct,
   emits: ["close", "submit"],
   setup(e, t) {
-    const n = l(e.initialState), a = l(), o = l(), u = l(""), c = l(""), d = l(!1), p = l([{
+    const n = l(e.initialState), a = l(), o = l(), r = l(""), c = l(""), d = l(!0), v = l([{
       id: "1",
       label: "区域1"
-    }]), s = l([]), v = l(), r = l(e.width), f = l(e.height);
+    }]), s = l([]), p = l(), u = l(e.width), f = l(e.height);
     A(() => e.initialState, (m) => {
       n.value = m;
-    }), A([() => e.currentArea, () => e.switchInStandardMode], ([m, T], [O, H]) => {
-      m !== O && (p.value = m), T !== H && (d.value = T);
+    }), A([() => e.currentArea, () => e.switchInStandardMode], ([m, T], [O, P]) => {
+      m !== O && (v.value = m), T !== P && (d.value = T);
     });
     function h(m) {
-      u.value = m;
+      r.value = m;
     }
     function b(m) {
       c.value = m;
     }
-    function C(m) {
+    function I(m) {
       d.value = m;
     }
-    function g(m) {
-      p.value = [].concat(m);
+    function y(m) {
+      v.value = [].concat(m);
     }
     function w(m) {
-      a.value = U(m);
+      a.value = X(m);
     }
     function F(m) {
       s.value = m;
     }
-    function L() {
+    function R() {
       t.emit("close");
     }
     function j() {
       t.emit("submit", a.value);
     }
-    function W() {
-      return i(Un, {
+    function B() {
+      return i(Kn, {
         class: "f-utils-fill-flex-column",
         defaultStates: o.value,
-        originalDataCopy: v.value,
+        originalDataCopy: p.value,
         currentScreenResolution: c.value,
         "onUpdate:currentScreenResolution": (m) => c.value = m,
         originalData: a.value,
         "onUpdate:originalData": (m) => a.value = m,
         switchInStandardMode: d.value,
         "onUpdate:switchInStandardMode": (m) => d.value = m,
-        currentArea: p.value,
-        "onUpdate:currentArea": (m) => p.value = m,
-        onCurrentAreaChanged: g,
+        currentArea: v.value,
+        "onUpdate:currentArea": (m) => v.value = m,
+        onCurrentAreaChanged: y,
         onTwoDimensionalArrayChanged: F,
         onOriginalDataChanged: w
       }, null);
     }
-    function y() {
-      return i(qt, {
+    function $() {
+      return i(_t, {
         class: "f-utils-fill-flex-column",
-        currentArea: p.value,
-        "onUpdate:currentArea": (m) => p.value = m,
+        currentArea: v.value,
+        "onUpdate:currentArea": (m) => v.value = m,
         currentScreenResolution: c.value,
         "onUpdate:currentScreenResolution": (m) => c.value = m,
         switchInStandardMode: d.value,
@@ -2390,64 +2388,64 @@ const Gn = /* @__PURE__ */ q({
         "onUpdate:twoDimensionalArray": (m) => s.value = m
       }, null);
     }
-    const B = R(() => d.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), S = R(() => d.value ? "f-layout-editor-right-standard f-utils-fill-flex-column" : "f-layout-editor-right-customize f-utils-fill-flex-column");
-    return fe(() => {
-      a.value = U(n.value.importData), v.value = U(n.value.importData), o.value = n.value.defaultState, u.value = "中等屏幕", c.value = "MD";
+    const S = L(() => d.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), g = L(() => 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), p.value = X(n.value.importData), o.value = n.value.defaultState, r.value = "中等屏幕", c.value = "MD";
     }), (m) => i("div", {
       class: "f-layout-editor f-utils-flex-column",
-      style: "height:" + f.value + "px;width:" + r.value + "px;"
+      style: "height:" + f.value + "px;width:" + u.value + "px;"
     }, [i("div", {
       class: "f-layout-editor-top"
-    }, [i(Nt, {
+    }, [i(Yt, {
       defaultStates: o.value,
       onScreenNameChanged: h,
       onCurrentScreenResolutionChanged: b,
-      onSwitchInStandardModeChanged: C
+      onSwitchInStandardModeChanged: I
     }, 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: B.value
-    }, [W()])]), i("div", {
+      class: S.value
+    }, [B()])]), i("div", {
       class: "f-layout-editor-right f-utils-fill-flex-column"
     }, [i("div", {
-      class: S.value
-    }, [y()])])]), i("div", {
+      class: g.value
+    }, [$()])])]), i("div", {
       class: "f-layout-editor-bottom"
     }, [i("div", {
       class: "f-layout-editor-button"
     }, [i("div", {
       class: "f-layout-editor-cancel-btn",
-      onClick: L
+      onClick: R
     }, [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("确认")])])])])]);
   }
-}), Xn = /* @__PURE__ */ new Map([
+}), ea = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function Yn(e, t, n, a) {
+function ta(e, t, n, a) {
   const o = e.getSchemaByType("section");
   return o.id = `${a}-section`, o.appearance = { class: "f-section-form f-section-in-main" }, o.mainTitle = "标题", o.contents = [t], o;
 }
-function Jn(e, t, n, a) {
+function na(e, t, n, a) {
   const o = e.getSchemaByType("component");
   return o.id = `${a}-component`, o.componentType = "form-col-1", o.appearance = {
     class: "f-struct-form f-struct-wrapper"
   }, o.contents = [t], o;
 }
-function Qn(e, t, n) {
+function aa(e, t, n) {
   t.appearance = { class: "f-form-layout farris-form farris-form-controls-inline" };
-  const a = Yn(e, t, n, t.id);
-  return Jn(e, a, n, t.id);
+  const a = ta(e, t, n, t.id);
+  return na(e, a, n, t.id);
 }
-const Zn = "https://json-schema.org/draft/2020-12/schema", _n = "https://farris-design.gitee.io/response-layout-editor-setting.schema.json", Kn = "response-layout-editor-setting", ea = "A Farris Data Collection Component", ta = "object", na = {
+const la = "https://json-schema.org/draft/2020-12/schema", oa = "https://farris-design.gitee.io/response-layout-editor-setting.schema.json", ia = "response-layout-editor-setting", ua = "A Farris Data Collection Component", sa = "object", ra = {
   id: {
     description: "The unique identifier for response layout editor",
     type: "string"
@@ -2475,18 +2473,18 @@ const Zn = "https://json-schema.org/draft/2020-12/schema", _n = "https://farris-
     type: "array",
     default: []
   }
-}, aa = [
+}, ca = [
   "id",
   "type"
-], la = {
-  $schema: Zn,
-  $id: _n,
-  title: Kn,
-  description: ea,
-  type: ta,
-  properties: na,
-  required: aa
-}, oa = "response-form", ia = "A Farris Component", ua = "object", sa = {
+], da = {
+  $schema: la,
+  $id: oa,
+  title: ia,
+  description: ua,
+  type: sa,
+  properties: ra,
+  required: ca
+}, fa = "response-form", va = "A Farris Component", pa = "object", ma = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -2508,20 +2506,20 @@ const Zn = "https://json-schema.org/draft/2020-12/schema", _n = "https://farris-
       }
     }
   }
-}, ra = {
-  title: oa,
-  description: ia,
-  type: ua,
-  categories: sa
-}, ve = {
+}, ha = {
+  title: fa,
+  description: va,
+  type: pa,
+  categories: ma
+}, me = {
   /** 接受传入的原始数据的defaultState */
-  initialState: { type: Object, default: Se },
+  initialState: { type: Object },
   /** 页面高度 */
   height: { type: Number, default: 700 },
   /** 页面宽度 */
   width: { type: Number, default: 750 },
   modelValue: { type: Object }
-}, ye = K(ve, la, Xn, Qn, ra), ca = {
+}, we = K(me, da, ea, aa, ha), ya = {
   /**
    * 自定义类
    */
@@ -2579,28 +2577,29 @@ const Zn = "https://json-schema.org/draft/2020-12/schema", _n = "https://farris-
   render: { type: Function, default: null },
   acceptCallback: { type: Function, default: null },
   rejectCallback: { type: Function, default: null },
-  enableEsc: { type: Boolean, default: !0 }
+  enableEsc: { type: Boolean, default: !0 },
+  enableEnter: { type: Boolean, default: !1 }
 };
-class P {
+class G {
   constructor(t, n) {
     this.x = t, this.y = n;
   }
   static getTransformInfo(t) {
     const a = window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
     if (a.length >= 6) {
-      const o = parseInt(a[4], 10), u = parseInt(a[5], 10);
-      return { x: o, y: u };
+      const o = parseInt(a[4], 10), r = parseInt(a[5], 10);
+      return { x: o, y: r };
     }
     return { x: 0, y: 0 };
   }
   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;
@@ -2609,19 +2608,19 @@ 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) {
-        const o = parseInt(a.getPropertyValue("left"), 10), u = parseInt(a.getPropertyValue("top"), 10);
-        n.x = isNaN(o) ? 0 : o, n.y = isNaN(u) ? 0 : u;
+        const o = parseInt(a.getPropertyValue("left"), 10), r = parseInt(a.getPropertyValue("top"), 10);
+        n.x = isNaN(o) ? 0 : o, n.y = isNaN(r) ? 0 : r;
       }
       return n;
     }
     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,20 +2663,20 @@ class _ {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function da(e, t) {
-  const n = l(), a = l(), o = l(), u = l(), c = l(), d = l(), p = l(), s = l(), v = l(), r = l(), f = l(), h = l(), b = l(e.draggable), C = l(!1);
-  function g() {
+function ga(e, t) {
+  const n = l(), a = l(), o = l(), r = l(), c = l(), d = l(), v = l(), s = l(), p = l(), u = l(), f = l(), h = l(), b = l(e.draggable), I = l(!1);
+  function y() {
     const M = a.value || document.body, x = window.getComputedStyle(M);
     if (!x || !n.value)
       return;
-    const E = P.getTransformInfo(n.value), $ = {};
-    p.value && ($.deltaL = n.value.offsetLeft - p.value.x, $.deltaT = n.value.offsetTop - p.value.y);
-    const N = x.getPropertyValue("position");
-    $.width = M.clientWidth, $.height = M.clientHeight, $.pr = parseInt(x.getPropertyValue("padding-right"), 10), $.pb = parseInt(x.getPropertyValue("padding-bottom"), 10), $.position = x.getPropertyValue("position"), N === "static" && (M.style.position = "relative"), $.translateX = E.x, $.translateY = E.y, r.value = $;
+    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");
+    W.width = M.clientWidth, W.height = M.clientHeight, W.pr = parseInt(x.getPropertyValue("padding-right"), 10), W.pb = parseInt(x.getPropertyValue("padding-bottom"), 10), W.position = x.getPropertyValue("position"), H === "static" && (M.style.position = "relative"), W.translateX = E.x, W.translateY = E.y, u.value = W;
   }
   function w(M) {
     if (n.value) {
-      u.value = _.getCurrent(n.value), c.value = P.getCurrent(n.value), d.value = u.value ? _.copy(u.value) : null, p.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, y();
       const x = M.target.getAttribute("type") || "";
       s.value = {
         n: !!x.match(/n/),
@@ -2688,133 +2687,133 @@ function da(e, t) {
     }
   }
   function F() {
-    var M, x, E, $;
+    var M, x, E, W;
     if (n.value) {
-      const N = n.value;
-      s.value && ((s.value.n || s.value.s) && ((M = d.value) != null && M.height) && (N.style.height = d.value.height + "px"), (s.value.w || s.value.e) && ((x = d.value) != null && x.width) && (N.style.width = d.value.width + "px"), p.value && ((E = p.value) != null && E.x && (N.style.left = p.value.x + "px"), ($ = p.value) != null && $.y && (N.style.top = p.value.y + "px")));
+      const H = n.value;
+      s.value && ((s.value.n || s.value.s) && ((M = d.value) != null && M.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() {
+  function R() {
     const M = e.minHeight ? e.minHeight : 1, x = e.minWidth ? e.minWidth : 1;
-    d.value && p.value && s.value && u.value && (d.value.height < M && (d.value.height = M, s.value.n && c.value && (p.value.y = c.value.y + (u.value.height - M))), d.value.width < x && (d.value.width = x, s.value.w && c.value && (p.value.x = c.value.x + (u.value.width - x))), e.maxHeight && d.value.height > e.maxHeight && (d.value.height = e.maxHeight, c.value && s.value.n && (p.value.y = c.value.y + (u.value.height - e.maxHeight))), e.maxWidth && d.value.width > e.maxWidth && (d.value.width = e.maxWidth, s.value.w && c.value && (p.value.x = c.value.x + (u.value.width - e.maxWidth))));
+    d.value && v.value && s.value && r.value && (d.value.height < M && (d.value.height = M, s.value.n && c.value && (v.value.y = c.value.y + (r.value.height - M))), d.value.width < x && (d.value.width = x, s.value.w && c.value && (v.value.x = c.value.x + (r.value.width - x))), e.maxHeight && d.value.height > e.maxHeight && (d.value.height = e.maxHeight, c.value && s.value.n && (v.value.y = c.value.y + (r.value.height - e.maxHeight))), e.maxWidth && d.value.width > e.maxWidth && (d.value.width = e.maxWidth, s.value.w && c.value && (v.value.x = c.value.x + (r.value.width - e.maxWidth))));
   }
   function j() {
     if (a.value) {
-      const M = r.value;
-      if (p.value && d.value && s.value && u.value) {
-        const x = M.width - M.pr - M.deltaL - M.translateX - p.value.x, E = M.height - M.pb - M.deltaT - M.translateY - p.value.y;
-        s.value.n && p.value.y + M.translateY < 0 && c.value && (p.value.y = -M.translateY, d.value.height = u.value.height + c.value.y + M.translateY), s.value.w && p.value.x + M.translateX < 0 && c.value && (p.value.x = -M.translateX, d.value.width = u.value.width + c.value.x + M.translateX), d.value.width > x && (d.value.width = x), d.value.height > E && (d.value.height = E);
+      const M = u.value;
+      if (v.value && d.value && s.value && r.value) {
+        const x = M.width - M.pr - M.deltaL - M.translateX - v.value.x, E = M.height - M.pb - M.deltaT - M.translateY - v.value.y;
+        s.value.n && v.value.y + M.translateY < 0 && c.value && (v.value.y = -M.translateY, d.value.height = r.value.height + c.value.y + M.translateY), s.value.w && v.value.x + M.translateX < 0 && c.value && (v.value.x = -M.translateX, d.value.width = r.value.width + c.value.x + M.translateX), d.value.width > x && (d.value.width = x), d.value.height > E && (d.value.height = E);
       }
     }
   }
-  function W(M) {
-    if (!o.value || !u.value || !c.value || !s.value)
+  function B(M) {
+    if (!o.value || !r.value || !c.value || !s.value)
       return;
     M.subtract(o.value);
     const x = M.x, E = M.y;
-    s.value.n ? (p.value.y = c.value.y + E, d.value.height = u.value.height - E) : s.value.s && (d.value.height = u.value.height + E), s.value.e ? d.value.width = u.value.width + x : s.value.w && (d.value.width = u.value.width - x, p.value.x = c.value.x + x), j(), L(), F();
+    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(), R(), F();
   }
-  function y(M) {
-    if (!v.value)
+  function $(M) {
+    if (!p.value)
       return;
-    const x = P.fromEvent(M);
-    x && W(x);
+    const x = G.fromEvent(M);
+    x && B(x);
   }
-  function B() {
+  function S() {
     if (n.value) {
       const {
         width: M,
         height: x,
         x: E,
-        y: $
-      } = n.value.getBoundingClientRect(), N = P.getTransformInfo(n.value);
+        y: W
+      } = n.value.getBoundingClientRect(), H = G.getTransformInfo(n.value);
       return {
         size: {
           width: M,
           height: x
         },
         position: {
-          x: E - N.x,
-          y: $ - N.y
+          x: E - H.x,
+          y: W - H.y
         }
       };
     }
     return null;
   }
-  function S(M) {
+  function g(M) {
     if (n.value) {
-      const x = B();
+      const x = S();
       f.value = x;
     }
-    o.value = void 0, u.value = null, c.value = null, d.value = null, p.value = null, s.value = null, v.value = null, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", S);
+    o.value = void 0, r.value = null, c.value = null, d.value = null, v.value = null, s.value = null, p.value = null, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", g);
   }
   function m() {
-    document.addEventListener("mousemove", y), document.addEventListener("mouseup", S);
+    document.addEventListener("mousemove", $), document.addEventListener("mouseup", g);
   }
   function T(M) {
-    M instanceof MouseEvent && M.button === 2 || b.value && (M.stopPropagation(), M.preventDefault(), o.value = P.fromEvent(M), v.value = M.target, w(M), m());
+    M instanceof MouseEvent && M.button === 2 || b.value && (M.stopPropagation(), M.preventDefault(), o.value = G.fromEvent(M), p.value = M.target, w(M), m());
   }
   function O(M) {
     return n.value = M, i(ue, null, [i("div", {
-      class: "ng-resizable-handle ng-resizable-n",
+      class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: (x) => T(x)
     }, null), i("div", {
-      class: "ng-resizable-handle ng-resizable-e",
+      class: "fv-resizable-handle fv-resizable-e",
       type: "e",
       onMousedown: (x) => T(x)
     }, null), i("div", {
-      class: "ng-resizable-handle ng-resizable-s",
+      class: "fv-resizable-handle fv-resizable-s",
       type: "s",
       onMousedown: (x) => T(x)
     }, null), i("div", {
-      class: "ng-resizable-handle ng-resizable-w",
+      class: "fv-resizable-handle fv-resizable-w",
       type: "w",
       onMousedown: (x) => T(x)
     }, null), i("div", {
-      class: "ng-resizable-handle ng-resizable-ne",
+      class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
       onMousedown: (x) => T(x)
     }, null), i("div", {
-      class: "ng-resizable-handle ng-resizable-se ng-resizable-diagonal",
+      class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
       onMousedown: (x) => T(x)
     }, null), i("div", {
-      class: "ng-resizable-handle ng-resizable-sw",
+      class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
       onMousedown: (x) => T(x)
     }, null), i("div", {
-      class: "ng-resizable-handle ng-resizable-nw",
+      class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
       onMousedown: (x) => T(x)
     }, null)]);
   }
-  function H(M = !0) {
-    const x = a.value || document.body, E = _.getCurrent(x), $ = n.value;
-    M && (h.value = B(), 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(M = !0) {
+    const x = a.value || document.body, E = _.getCurrent(x), W = n.value;
+    M && (h.value = S(), 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, C.value = !0);
+    }, b.value = !1, I.value = !0);
   }
-  function X() {
+  function Y() {
     var M, 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
       };
-      (M = d.value) == null || M.set(E), (x = p.value) == null || x.set($);
-      const N = n.value;
-      N.style.height = E.height + "px", N.style.width = E.width + "px", N.style.left = `${$.x}px`, N.style.top = `${$.y}px`, N.style.transform = "", f.value = {
+      (M = d.value) == null || M.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 = `${W.x}px`, H.style.top = `${W.y}px`, H.style.transform = "", f.value = {
         size: E,
-        position: $
-      }, b.value = e.draggable, C.value = !1;
+        position: W
+      }, b.value = e.draggable, I.value = !1;
     }
   }
   function D() {
@@ -2831,7 +2830,7 @@ function da(e, t) {
   }
   function k() {
     const M = () => {
-      C.value ? H(!1) : D();
+      I.value ? P(!1) : D();
     };
     return window.addEventListener("resize", M), () => {
       window.removeEventListener("resize", M);
@@ -2842,325 +2841,364 @@ function da(e, t) {
     renderResizeBar: O,
     boundingElement: a,
     resizedEventParam: f,
-    maximize: H,
-    restore: X,
+    maximize: P,
+    restore: Y,
     allowDrag: b,
-    isMaximized: C,
+    isMaximized: I,
     unWindowResizeHandle: z
   };
 }
-function fa(e, t) {
-  const n = l(), a = l(e.draggable), o = l(e.lockAxis), u = l(), c = l(), d = l(!1), p = l(new P(0, 0)), s = l(new P(0, 0)), v = l(new P(0, 0)), r = l(new P(0, 0));
-  function f(y, B) {
-    if (B.tagName === "BUTTON")
+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 G(0, 0)), p = l(new G(0, 0)), u = l(new G(0, 0)), f = l(new G(0, 0));
+  A(() => n.value, (S) => {
+    c.value.style.cursor = S ? "move" : "default";
+  });
+  function h(S, g) {
+    if (g.tagName === "BUTTON")
       return !1;
-    if (B === y)
+    if (g === S)
       return !0;
-    for (const S in B.children)
-      if (B.children.hasOwnProperty(S) && f(y, B.children[S]))
+    for (const m in g.children)
+      if (g.children.hasOwnProperty(m) && h(S, g.children[m]))
         return !0;
     return !1;
   }
-  function h() {
-    var m, T;
-    let y = v.value.x + s.value.x, B = v.value.y + s.value.y;
-    o.value === "x" ? (y = ((m = p.value) == null ? void 0 : m.x) || 0, v.value.x = 0) : o.value === "y" && (B = ((T = p.value) == null ? void 0 : T.y) || 0, v.value.y = 0);
-    const S = `translate3d(${Math.round(y)}px, ${Math.round(B)}px, 0px)`;
-    n.value && (n.value.style.transform = S), r.value.x = y, r.value.y = B;
-  }
   function b() {
-    if (!c.value || !n.value)
+    var T, O;
+    let S = u.value.x + p.value.x, g = u.value.y + p.value.y;
+    r.value === "x" ? (S = ((T = s.value) == null ? void 0 : T.x) || 0, u.value.x = 0) : r.value === "y" && (g = ((O = s.value) == null ? void 0 : O.y) || 0, u.value.y = 0);
+    const m = `translate3d(${Math.round(S)}px, ${Math.round(g)}px, 0px)`;
+    a.value && (a.value.style.transform = m), f.value.x = S, f.value.y = g;
+  }
+  function I() {
+    if (!d.value || !a.value)
       return null;
-    const y = c.value.getBoundingClientRect(), B = n.value.getBoundingClientRect(), S = {
-      top: y.top < B.top,
-      right: y.right > B.right,
-      bottom: y.bottom > B.bottom,
-      left: y.left < B.left
+    const S = d.value.getBoundingClientRect(), g = a.value.getBoundingClientRect(), m = {
+      top: S.top < g.top,
+      right: S.right > g.right,
+      bottom: S.bottom > g.bottom,
+      left: S.left < g.left
     };
-    return S.top || (v.value.y -= B.top - y.top), S.bottom || (v.value.y -= B.bottom - y.bottom), S.right || (v.value.x -= B.right - y.right), S.left || (v.value.x -= B.left - y.left), h(), S;
+    return m.top || (u.value.y -= g.top - S.top), m.bottom || (u.value.y -= g.bottom - S.bottom), m.right || (u.value.x -= g.right - S.right), m.left || (u.value.x -= g.left - S.left), b(), m;
   }
-  function C(y) {
-    y && (p.value && y.subtract(p.value), v.value.set(y), h(), b());
+  function y(S) {
+    S && (s.value && S.subtract(s.value), u.value.set(S), b(), I());
   }
-  function g(y) {
-    d.value && a.value && (y.stopPropagation(), y.preventDefault(), C(P.fromEvent(y, u.value)));
-  }
-  function w() {
-    var y;
-    d.value && (d.value = !1, s.value.add(v.value), v.value.reset(), (y = n.value) == null || y.classList.remove("ng-dragging"), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", w));
+  function w(S) {
+    v.value && o.value && (S.stopPropagation(), S.preventDefault(), y(G.fromEvent(S, c.value)));
   }
   function F() {
-    !d.value && u.value && (d.value = !0, u.value.classList.add("ng-dragging"), document.addEventListener("mousemove", g), document.addEventListener("mouseup", w));
+    var S;
+    v.value && (v.value = !1, p.value.add(u.value), u.value.reset(), (S = a.value) == null || S.classList.remove("ng-dragging"), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", F));
   }
-  function L() {
-    if (n.value) {
-      const y = P.getTransformInfo(n.value);
-      s.value.set(y);
+  function R() {
+    !v.value && c.value && (v.value = !0, c.value.classList.add("ng-dragging"), document.addEventListener("mousemove", w), document.addEventListener("mouseup", F));
+  }
+  function j() {
+    if (a.value) {
+      const S = G.getTransformInfo(a.value);
+      p.value.set(S);
       return;
     }
-    s.value.reset();
+    p.value.reset();
   }
-  function j(y) {
-    if (y instanceof MouseEvent && y.button === 2)
+  function B(S) {
+    if (!n.value || S instanceof MouseEvent && S.button === 2)
       return;
-    const B = y.target || y.srcElement;
-    u.value !== void 0 && B && !f(B, u.value) || a.value !== !1 && (y.stopPropagation(), y.preventDefault(), p.value = P.fromEvent(y, n.value), L(), F());
-  }
-  function W(y, B, S) {
-    if (y && a.value && B) {
-      if (e.dragHandle) {
+    const g = S.target || S.srcElement;
+    c.value !== void 0 && g && !h(g, c.value) || o.value !== !1 && (document.body.click(), S.stopPropagation(), S.preventDefault(), s.value = G.fromEvent(S, a.value), j(), R());
+  }
+  function $(S, g, m) {
+    if (o.value && g) {
+      if (S)
+        c.value = S;
+      else if (e.dragHandle) {
         if (e.dragHandle instanceof HTMLElement)
-          u.value = e.dragHandle;
+          c.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
-          const m = B.querySelector(e.dragHandle);
-          m && (u.value = m);
+          const T = g.querySelector(e.dragHandle);
+          T && (c.value = T);
         }
-      } else
-        u.value = y;
-      n.value = B, c.value = S, u.value.classList.add("ng-draggable"), u.value.addEventListener("mousedown", j);
+      }
+      a.value = g, d.value = m, c.value.classList.add("ng-draggable"), c.value.addEventListener("mousedown", B);
     }
   }
   return {
-    registerDraggle: W,
-    resetTranslate: L
+    registerDraggle: $,
+    resetTranslate: j
   };
 }
-function pa(e, t) {
-  const n = l(e.enableEsc);
-  function a(o) {
-    o.key === "Escape" && e.enableEsc && t.emit("esc", { event: o, type: "esc" });
+function Fe(e, t) {
+  if (e) {
+    const n = (a) => {
+      a.key.toLowerCase() === e.toLowerCase() && t({ event: a, key: e });
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
+    };
   }
-  n.value && document.addEventListener("keydown", a);
 }
-const Te = /* @__PURE__ */ q({
+function wa(e, t) {
+  const n = l(e.enableEsc);
+  let a = null;
+  return n.value ? (a = Fe("Escape", (o) => {
+    t.emit("esc", { event: o.event, type: "esc" });
+  }), {
+    remove: a
+  }) : null;
+}
+function Sa(e, t) {
+  const n = l(e.enableEnter);
+  let a = null;
+  return n.value ? (a = Fe("Enter", (o) => {
+    t.emit("enter", { event: o.event, type: "enter" });
+  }), {
+    remove: a
+  }) : null;
+}
+const ke = /* @__PURE__ */ U({
   name: "FModal",
-  props: ca,
-  emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc"],
+  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), u = l(""), c = l(e.class), d = l(e.fitContent), p = l(e.showHeader), s = l(""), v = l(e.showCloseButton), r = l(e.showMaxButton), f = l(!1), h = l(""), b = l(""), C = l(""), g = l(e.showButtons), w = l(e.title), F = l(e.reiszeable), L = l(e.containment || null), j = l();
-    function W(I, V) {
-      o.value = !1, t.emit("update:modelValue", !1), V != null && t.emit(V ? "accept" : "cancel"), t.emit("closed", I);
+    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(""), p = l(e.showCloseButton), u = l(e.showMaxButton), f = l(!1), h = l(""), b = l(""), I = l(""), y = l(e.showButtons), w = l(e.title), F = l(e.reiszeable), R = 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 y = [{
+    const $ = [{
       name: "cancel",
       text: "取消",
-      class: "btn btn-light",
-      handle: (I) => {
-        W(I, !1);
+      class: "btn btn-secondary",
+      handle: (C) => {
+        B(C, !1);
       }
     }, {
       name: "accept",
       text: "确定",
       class: "btn btn-primary",
-      handle: (I) => {
-        W(I, !0);
+      handle: (C) => {
+        B(C, !0);
       }
-    }], B = l(e.buttons && e.buttons.length ? e.buttons : y), S = R(() => !!s.value), m = R(() => !!g.value && !!B.value), T = l(), O = l(), H = l(!1), {
-      renderResizeBar: X,
+    }], S = l(e.buttons && e.buttons.length ? e.buttons : $), g = L(() => !!s.value), m = L(() => !!y.value && !!S.value), T = l(), O = l(), P = l(!1), {
+      renderResizeBar: Y,
       maximize: D,
       restore: k,
       boundingElement: z,
       resizedEventParam: M,
       allowDrag: x,
       unWindowResizeHandle: E
-    } = da(e), {
-      registerDraggle: $
-    } = fa(e);
-    A(() => e.title, (I, V) => {
-      I !== V && (w.value = I);
-    }), A(() => e.modelValue, (I, V) => {
-      I !== V && (o.value = I);
-    }), A(() => e.showHeader, (I, V) => {
-      I !== V && (p.value = I);
-    }), A(() => e.showButtons, (I, V) => {
-      I !== V && (g.value = I);
-    }), A(() => M.value, (I, V) => {
-      const ne = I || {}, ae = V || {};
+    } = ga(e), {
+      registerDraggle: W
+    } = ba(e, t, x);
+    A(() => e.title, (C, V) => {
+      C !== V && (w.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 && (y.value = C);
+    }), A(() => M.value, (C, V) => {
+      const ne = C || {}, ae = V || {};
       JSON.stringify(ne) !== JSON.stringify(ae) && t.emit("resize", {
-        newSize: I,
+        newSize: C,
         oldSize: V
       });
     });
-    function N() {
-      const I = document.querySelectorAll(".farris-modal").length;
-      (!I || I - 1 <= 0) && document.body.classList.remove("modal-open"), j.value && j.value.classList.remove("show");
+    function H() {
+      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 = R(() => (o.value ? document.body.classList.add("modal-open") : N(), o.value)), Re = R(() => {
-      const I = {
+    const te = L(() => (o.value ? document.body.classList.add("modal-open") : H(), o.value)), $e = L(() => {
+      const C = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
-      return I["f-modal-fitContent"] = !!d.value, I.show = !!te.value, I;
-    }), Fe = R(() => {
+      return C["f-modal-fitContent"] = !!d.value, C.show = !!te.value, C;
+    }), Oe = L(() => {
       var ne;
-      const I = {
+      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), I), I;
-    }), ke = R(() => ({
+      return V == null || V.reduce((ae, Qe) => (ae[Qe] = !0, ae), C), C;
+    }), Ae = L(() => ({
       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`
-    })), $e = R(() => ({
+    })), je = L(() => ({
       "modal-content": !0,
-      "modal-content-has-header": p.value
-    })), We = R(() => {
-      const I = {
-        display: p.value ? "" : "none"
+      "modal-content-has-header": v.value
+    })), Ve = L(() => {
+      const C = {
+        display: v.value ? "" : "none"
       };
-      return I["pointer-events"] = x.value ? "auto" : "none", I;
-    }), Oe = R(() => ({
+      return C["pointer-events"] = x.value ? "auto" : "none", C;
+    }), ze = L(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: H.value
-    })), Ae = R(() => ({
+      modalrevert: P.value
+    })), He = L(() => ({
       "modal-body": !0,
       "f-utils-flex-column": h.value === "iframe"
     }));
-    function je() {
+    function Ne() {
       return {};
     }
-    const Ve = R(() => {
-      const I = {
-        textAlgin: C.value
-      }, V = je();
-      return Object.assign(I, V);
+    const Pe = L(() => {
+      const C = {
+        textAlgin: I.value
+      }, V = Ne();
+      return Object.assign(C, V);
     });
-    function ze(I) {
-      if (I.stopPropagation(), H.value) {
-        H.value = !1, k();
+    function ge(C) {
+      if (C.stopPropagation(), P.value) {
+        P.value = !1, k();
         return;
       }
-      D(), H.value = !0;
+      D(), P.value = !0;
     }
-    async function Ne(I, V) {
-      I.handle && await I.handle(V, I) && t.emit("closed", V);
+    async function Ge(C, V) {
+      C.handle && await C.handle(V, C) && t.emit("closed", V);
     }
-    function He(I) {
-      I.width && (n.value = I.width), I.height && (a.value = I.height), I.buttons && (B.value = I.buttons), I.title && (w.value = I.title);
+    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);
     }
-    J(() => {
-      O.value && !L.value && (L.value = O.value.parentElement, z.value = L.value, $(T.value, O.value, z.value)), te.value && document.body.classList.add("modal-open"), pa(e, t);
-    }), be(() => {
-      N(), E && E();
+    let se = null, re = null;
+    Q(() => {
+      O.value && !R.value && (R.value = O.value.parentElement, z.value = R.value, W(T.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: He,
-      close: W
+      updateModalOptions: qe,
+      close: B,
+      maxDialog: ge
     });
-    function Pe() {
+    function Ue() {
       return i("ul", null, [f.value && i("li", {
         class: "f-btn-icon f-bare"
       }, [i("span", {
         class: "f-icon modal_minimize"
-      }, null)]), r.value && i("li", {
-        onClick: ze,
+      }, null)]), u.value && i("li", {
+        onClick: ge,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [i("span", {
-        class: Oe.value
-      }, null)]), v.value && i("li", {
+        class: ze.value
+      }, null)]), p.value && i("li", {
         class: "f-btn-icon f-bare",
-        onClick: (I) => W(I, !1),
+        onClick: (C) => B(C, !1),
         style: "pointer-events: auto;"
       }, [i("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function Ge() {
+    function Xe() {
       return i("div", {
         class: "modal-footer",
-        style: Ve.value
-      }, [B.value && B.value.map((I) => i("button", {
-        name: I.name,
+        style: Pe.value
+      }, [S.value && S.value.map((C) => i("button", {
+        name: C.name,
         type: "button",
-        class: I.class + (I.iconClass ? " btn-icontext" : ""),
+        class: C.class + (C.iconClass ? " btn-icontext" : ""),
         onClick: (V) => {
-          Ne(I, V);
+          Ge(C, V);
         }
-      }, [!!I.iconClass && i("i", {
-        class: I.iconClass
-      }, null), I.text]))]);
+      }, [!!C.iconClass && i("i", {
+        class: C.iconClass
+      }, null), C.text]))]);
     }
-    return () => i(Qe, {
+    function Ye() {
+      return i("div", {
+        ref: T,
+        class: "modal-header",
+        style: Ve.value
+      }, [i("div", {
+        class: "modal-title"
+      }, [g.value && i("span", {
+        class: s.value,
+        style: "margin-right: 8px"
+      }, null), i("span", {
+        class: "modal-title-label"
+      }, [w.value])]), i("div", {
+        class: "actions"
+      }, [Ue()])]);
+    }
+    function Je(C) {
+      C.stopPropagation();
+    }
+    return () => i(tt, {
       to: "body"
     }, {
-      default: () => {
-        var I, V;
-        return [te.value && i("div", {
-          class: Re.value,
-          style: "display: block",
-          ref: j
-        }, [i("div", {
-          id: u.value,
-          class: Fe.value,
-          style: ke.value,
-          ref: O
-        }, [i("div", {
-          class: $e.value
-        }, [i("div", {
-          ref: T,
-          class: "modal-header",
-          style: We.value
-        }, [i("div", {
-          class: "modal-title"
-        }, [S.value && i("span", {
-          class: s.value,
-          style: "margin-right: 8px"
-        }, null), i("span", {
-          class: "modal-title-label"
-        }, [w.value])]), i("div", {
-          class: "actions"
-        }, [Pe()])]), i("div", {
-          class: Ae.value
-        }, [(V = (I = t.slots).default) == null ? void 0 : V.call(I), h.value === "iframe" && i("iframe", {
-          title: u.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: b.value
-        }, null)]), m.value && Ge()]), !d.value && F.value && O.value && X(O.value)])])];
-      }
+      default: () => [te.value && i(nt, {
+        name: "fade",
+        appear: !0
+      }, {
+        default: () => {
+          var C, V;
+          return [i("div", {
+            class: $e.value,
+            style: "display: block",
+            ref: j,
+            onClick: Je
+          }, [i("div", {
+            id: r.value,
+            class: Oe.value,
+            style: Ae.value,
+            ref: O
+          }, [i("div", {
+            class: je.value
+          }, [v.value && Ye(), i("div", {
+            class: He.value
+          }, [(V = (C = t.slots).default) == null ? void 0 : V.call(C), h.value === "iframe" && i("iframe", {
+            title: r.value,
+            class: "f-utils-fill",
+            width: "100%",
+            frameborder: "0",
+            src: b.value
+          }, null)]), m.value && Xe()]), !d.value && F.value && O.value && Y(O.value)])])];
+        }
+      })]
     });
   }
 });
-function Le(e) {
+function We(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function va(e) {
+function Ca(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  const n = _e({
+  const n = lt({
     setup(a, o) {
-      be(() => {
+      Ce(() => {
         document.body.removeChild(t);
       });
-      const u = l(), c = l(e.class || ""), d = l(!!e.showButtons), p = l(!!e.showHeader), s = l(e.showCloseButton == null ? !0 : e.showCloseButton), v = l(!0), r = l(e.title || ""), f = e.acceptCallback || (() => {
+      const r = l(), c = l(e.class || ""), d = l(!!e.showButtons), v = l(!!e.showHeader), s = l(e.showCloseButton == null ? !0 : e.showCloseButton), p = l(!0), u = l(e.title || ""), f = e.acceptCallback || (() => {
       }), h = e.rejectCallback || (() => {
       }), b = e.closedCallback || ((F) => {
-      }), C = e.resizeHandle || ((F) => {
-      }), g = Le(e), w = (F) => {
-        v.value = !1, n.unmount(), b(F);
+      }), I = e.resizeHandle || ((F) => {
+      }), y = We(e), w = (F) => {
+        p.value = !1, n.unmount(), b(F);
       };
-      return J(() => {
+      return Q(() => {
       }), o.expose({
-        modalRef: u
-      }), () => i(Te, {
-        ref: u,
+        modalRef: r
+      }), () => i(ke, {
+        ref: r,
         class: c.value,
-        modelValue: v.value,
-        "onUpdate:modelValue": (F) => v.value = F,
-        title: r.value,
+        modelValue: p.value,
+        "onUpdate:modelValue": (F) => p.value = F,
+        title: u.value,
         width: e.width,
         height: e.height,
         buttons: e.buttons,
-        "show-header": p.value,
+        "show-header": v.value,
         "show-buttons": d.value,
         "show-close-button": s.value,
         "show-max-button": !1,
@@ -3168,22 +3206,22 @@ function va(e) {
         onCancel: h,
         fitContent: e.fitContent == null ? !0 : e.fitContent,
         onClosed: w,
-        onResize: C
+        onResize: I
       }, {
-        default: () => [g && g(n)]
+        default: () => [y && y(n)]
       });
     }
   });
   return document.body.appendChild(t), n.mount(t), n;
 }
-class me {
+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", R(() => this.modalRefs[this.activeModalIndex.value]));
+    N(this, "appContext", null);
+    N(this, "modalRef", l());
+    N(this, "activeModalIndex", l(0));
+    N(this, "modalRefs", {});
+    N(this, "isUseEscCloseModal", l(!1));
+    N(this, "activeModalInstance", L(() => this.modalRefs[this.activeModalIndex.value]));
     this.appContext = t ? t._context : null;
   }
   getCurrentModal() {
@@ -3195,29 +3233,29 @@ class me {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return va(n);
+    return Ca(n);
   }
   open(t) {
     const n = document.createDocumentFragment();
     t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
-    const a = Ze(Object.assign({
+    const a = at(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, t)), o = l(!0), u = a.value.acceptCallback || (() => {
+    }, t)), o = l(!0), r = a.value.acceptCallback || (() => {
     }), c = a.value.rejectCallback || (() => {
     }), d = a.value.closedCallback || ((w, F) => {
-    }), p = a.value.resizeHandle || ((w) => {
+    }), v = a.value.resizeHandle || ((w) => {
     });
     let s;
-    const v = Le(a.value), r = (w) => {
-      var L;
+    const p = We(a.value), u = (w) => {
+      var R;
       o.value = !1;
-      const F = (L = w == null ? void 0 : w.target) == null ? void 0 : L.classList.contains("modal_close");
+      const F = (R = w == null ? void 0 : w.target) == null ? void 0 : R.classList.contains("modal_close");
       d(w, this.isUseEscCloseModal.value ? "esc" : F ? "icon" : "button");
     }, f = (w) => {
-      r(w), s && ce(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], se(null, n), s = null, this.modalRef.value = null, this.modalRefs) {
+      u(w), 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 F = Object.keys(this.modalRefs);
           F.length > 0 ? this.activeModalIndex.value = Math.max(...F) : this.activeModalIndex.value = 0;
         }
@@ -3226,22 +3264,22 @@ class me {
     }, h = (w) => {
       var F;
       this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((F = this.activeModalInstance.value) == null || F.close(w == null ? void 0 : w.event));
-    }, b = () => i(Te, we({
+    }, b = () => i(ke, Ie({
       ref: this.modalRef,
       modelValue: o.value,
       "onUpdate:modelValue": (w) => o.value = w
     }, a.value, {
-      onAccept: u,
+      onAccept: r,
       onCancel: c,
       onClosed: f,
-      onResize: p,
+      onResize: v,
       onEsc: h
     }), {
-      default: () => [v && v()]
+      default: () => [p && p()]
     });
     return s = ((w) => {
-      const F = Ke(b, w);
-      return F.appContext = this.appContext, se(F, n), F;
+      const F = ot(b, w);
+      return F.appContext = this.appContext, ce(F, n), F;
     })({
       ...a.value
       // 'onUpdate:modelValue': onUpdateModelValue,
@@ -3250,7 +3288,7 @@ class me {
         a.value = {
           ...a.value,
           ...w
-        }, s && se(et(s, {
+        }, s && ce(it(s, {
           ...a
         }), n);
       },
@@ -3259,99 +3297,91 @@ class me {
     };
   }
 }
-function ma(e, t, n) {
-  var W;
+function Ia(e, t, n) {
+  var j;
   function a() {
   }
-  const o = "", u = "", c = l();
+  const o = "", r = "", c = l();
   function d() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function p() {
+  function v() {
     return !1;
   }
   function s() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function v() {
+  function p() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function r(y) {
-    if (!y || !y.value)
+  function u(B) {
+    if (!B || !B.value)
       return null;
-    if (y.value.schema && y.value.schema.type === "component")
-      return y.value;
-    const B = l(y == null ? void 0 : y.value.parent), S = r(B);
+    if (B.value.schema && B.value.schema.type === "component")
+      return B.value;
+    const $ = l(B == null ? void 0 : B.value.parent), S = u($);
     return S || null;
   }
-  function f(y = t) {
-    const { componentInstance: B, designerItemElementRef: S } = y;
-    return !B || !B.value ? null : B.value.canMove ? S : f(y.parent);
+  function f(B = t) {
+    const { componentInstance: $, designerItemElementRef: S } = B;
+    return !$ || !$.value ? null : $.value.canMove ? S : f(B.parent);
   }
-  function h(y) {
+  function h(B) {
     return !!n;
   }
   function b() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function C() {
-  }
-  function g(y, B) {
+  function I() {
   }
-  function w(y, B) {
-    const { componentType: S } = y;
-    let m = de(S, y, B);
-    const T = S.toLowerCase().replace("-", "_");
-    return m && !m.id && m.type === S && (m.id = `${T}_${Math.random().toString().slice(2, 6)}`), m;
+  function y(B, $) {
   }
-  function F(y, B) {
-    const S = String(y.getAttribute("data-controltype")), m = y.getAttribute("data-feature"), T = m ? JSON.parse(m) : {};
-    T.parentComponentInstance = c.value;
-    let O = de(S, T);
-    const H = S.toLowerCase().replace("-", "_");
-    return O && !O.id && O.type === S && (O.id = `${H}_${Math.random().toString().slice(2, 6)}`), O;
+  function w(B, $) {
+    const { componentType: S } = B;
+    let g = Ee(S, B, $);
+    const m = S.toLowerCase().replace("-", "_");
+    return g && !g.id && g.type === S && (g.id = `${m}_${Math.random().toString().slice(2, 6)}`), g;
   }
-  function L(y) {
+  function F(B) {
   }
-  function j(...y) {
+  function R(...B) {
   }
   return c.value = {
     canMove: d(),
-    canSelectParent: p(),
+    canSelectParent: v(),
     canDelete: s(),
-    canNested: !v(),
+    canNested: !p(),
     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: u,
+    designerClass: r,
     canAccepts: h,
-    getBelongedComponentInstance: r,
+    getBelongedComponentInstance: u,
     getDraggableDesignItemElement: f,
     getDraggingDisplayText: b,
-    getPropConfig: j,
-    getDragScopeElement: C,
-    onAcceptMovedChildElement: g,
-    onAcceptNewChildElement: F,
-    onChildElementMovedOut: L,
+    getPropConfig: R,
+    getDragScopeElement: I,
+    onAcceptMovedChildElement: y,
+    onChildElementMovedOut: F,
     addNewChildComponentSchema: w,
     updateDragAndDropRules: a,
     triggerBelongedComponentToMoveWhenMoved: l(!1),
     triggerBelongedComponentToDeleteWhenDeleted: l(!1)
   }, c;
 }
-const ha = /* @__PURE__ */ q({
+const Ma = /* @__PURE__ */ U({
   name: "FResponseLayoutEditorSettingDesign",
-  props: ve,
+  props: me,
   emits: [],
   setup(e, t) {
-    const n = l(e.initialState), a = l(e.width), o = l(e.height), u = l(), c = ge("design-item-context"), d = ma(u, c);
-    J(() => {
-      u.value.componentInstance = d;
+    const n = l(e.initialState), a = l(e.width), o = l(e.height), r = l(), c = Se("design-item-context"), d = Ia(r, c);
+    Q(() => {
+      r.value.componentInstance = d;
     }), t.expose(d.value);
-    function p() {
-      const s = me.show({
+    function v() {
+      const s = he.show({
         // title: '响应式列宽编辑器',
         render: () => i(ie, {
           initialState: n,
@@ -3378,18 +3408,18 @@ const ha = /* @__PURE__ */ q({
       });
     }
     return () => i("div", {
-      ref: u,
+      ref: r,
       class: "f-column-width-setting-button",
-      onClick: p
+      onClick: v
     }, [i("div", {
       class: "f-icon f-icon-add"
     }, null), i("div", {
       class: "f-column-width-setting-button-name"
     }, [i("span", {
       class: "f-column-width-setting-button-center"
-    }, [G("高级设置")])])]);
+    }, [q("高级设置")])])]);
   }
-}), ya = {
+}), xa = {
   width: { Type: Number, default: 400 },
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
@@ -3399,15 +3429,15 @@ const ha = /* @__PURE__ */ q({
   exceptionInfo: { Type: Object, default: null },
   promptEditorType: { Type: String, default: "text-area" }
 };
-function he() {
+function ye() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function ga(e) {
+async function Ea(e) {
   if (!navigator.clipboard)
-    throw he();
+    throw ye();
   return navigator.clipboard.writeText(e);
 }
-async function ba(e) {
+async function Da(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();
@@ -3418,33 +3448,33 @@ async function ba(e) {
   } finally {
     n == null || n.removeAllRanges(), window.document.body.removeChild(t);
   }
-  if (!o) throw he();
+  if (!o) throw ye();
 }
-async function wa(e) {
+async function Ba(e) {
   try {
-    await ga(e);
+    await Ea(e);
   } catch (t) {
     try {
-      await ba(e);
+      await Da(e);
     } catch (n) {
-      throw n || t || he();
+      throw n || t || ye();
     }
   }
 }
-function Sa() {
+function Ta() {
   async function e(t) {
-    await wa(t);
+    await Ba(t);
   }
   return { onCopy: e };
 }
-function Ca(e, t, n, a) {
-  const o = l(14), u = l(140), c = l(""), d = l(a.value.length), p = R(() => a.value), s = R(() => ({
+function La(e, t, n, a) {
+  const o = l(14), r = l(140), c = l(""), d = l(a.value.length), v = L(() => a.value), s = L(() => ({
     "font-size": `${o.value}px`,
     height: "100%"
   }));
-  function v(r) {
-    if (r.currentTarget) {
-      const f = r.currentTarget.value || "";
+  function p(u) {
+    if (u.currentTarget) {
+      const f = u.currentTarget.value || "";
       d.value = f.length;
     }
   }
@@ -3454,25 +3484,25 @@ function Ca(e, t, n, a) {
     class: "form-control",
     style: s.value,
     rows: "4",
-    maxlength: u.value,
-    onInput: (r) => v(r)
-  }, [p.value]), i("span", {
+    maxlength: r.value,
+    onInput: (u) => p(u)
+  }, [v.value]), i("span", {
     class: "textarea-wordcount",
     title: c.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
-  }, [d.value + " / " + u.value])]);
+  }, [d.value + " / " + r.value])]);
 }
-function Ma(e, t, n, a) {
-  const o = Ca(e, t, n, a), u = /* @__PURE__ */ new Map([["text-area", o]]);
+function Ra(e, t, n, a) {
+  const o = La(e, t, n, a), r = /* @__PURE__ */ new Map([["text-area", o]]);
   function c(d) {
-    return u.get(d) || null;
+    return r.get(d) || null;
   }
   return { getEditorRender: c };
 }
-function Ia() {
+function Fa() {
   const e = l(!1), t = l("复制成功");
   return {
-    feedbackStyle: R(() => {
+    feedbackStyle: L(() => {
       const a = {
         position: "absolute",
         left: "50%",
@@ -3495,96 +3525,96 @@ function Ia() {
     toShowFeedback: e
   };
 }
-function xa(e, t) {
+function ka(e, t) {
   const n = t.getEditorRender(e.promptEditorType);
   return () => n && n();
 }
-function Ea(e) {
-  const t = l(3), n = l(480), a = R(() => !!e.value && !!e.value.date), o = R(() => `发生时间 : ${e.value && e.value.date || ""}`), u = R(() => !!e.value && !!e.value.detail), c = R(() => {
-    const g = `${n.value}px`;
+function Wa(e) {
+  const t = l(3), n = l(480), a = L(() => !!e.value && !!e.value.date), o = L(() => `发生时间 : ${e.value && e.value.date || ""}`), r = L(() => !!e.value && !!e.value.detail), c = L(() => {
+    const y = `${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": y
     };
-  }), d = R(() => e.value && e.value.detail || ""), p = R(() => !0), s = l(!1), v = l("展开"), r = l("收起"), f = R(() => {
-    const g = {
+  }), d = L(() => e.value && e.value.detail || ""), v = L(() => !0), s = l(!1), p = l("展开"), u = l("收起"), f = L(() => {
+    const y = {
       display: "block",
       color: "#2A87FF"
     };
-    return g["text-align"] = s.value ? "" : "right", g;
+    return y["text-align"] = s.value ? "" : "right", y;
   });
-  function h(g, w) {
+  function h(y, w) {
     s.value = !s.value, t.value = s.value ? 20 : 3;
   }
-  function b(g) {
+  function b(y) {
     return h();
   }
-  function C(g) {
+  function I(y) {
     return h();
   }
   return () => i("div", {
     class: "toast-msg-detail"
-  }, [a.value && i("div", null, [o.value]), u.value && i("div", {
+  }, [a.value && i("div", null, [o.value]), r.value && i("div", {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
     style: c.value
-  }, [G("详细信息 : "), i("span", {
+  }, [q("详细信息 : "), i("span", {
     innerHTML: d.value
-  }, null)]), p.value && i("span", {
+  }, null)]), v.value && i("span", {
     style: f.value
   }, [s.value && i("span", {
     onClick: b,
     style: "cursor: pointer;"
-  }, [r.value]), !s.value && i("span", {
-    onClick: C,
+  }, [u.value]), !s.value && i("span", {
+    onClick: I,
     style: "cursor: pointer;"
-  }, [v.value])])]);
+  }, [p.value])])]);
 }
-function Da(e) {
+function $a(e) {
   return () => i("p", {
     class: "toast-msg-detail",
     innerHTML: e.value
   }, null);
 }
-function Ba(e, t, n, a) {
-  const o = l(e.exceptionInfo), u = R(() => {
+function Oa(e, t, n, a) {
+  const o = l(e.exceptionInfo), r = L(() => {
     const f = {
       "f-icon": !0
     }, h = `f-icon-${t.value}`;
     return f[h] = !0, f;
-  }), c = R(() => n.value || o.value && o.value.message), d = R(() => a.value), p = R(() => !!a.value), s = R(() => !!o.value);
-  function v() {
-    return s.value ? Ea(o) : p.value ? Da(d) : () => null;
+  }), c = L(() => n.value || o.value && o.value.message), d = L(() => a.value), v = L(() => !!a.value), s = L(() => !!o.value);
+  function p() {
+    return s.value ? Wa(o) : v.value ? $a(d) : () => null;
   }
-  const r = v();
+  const u = p();
   return () => i(ue, null, [i("div", {
     class: "float-left modal-tips-iconwrap"
   }, [i("span", {
-    class: u.value
+    class: r.value
   }, null)]), i("div", {
     class: "modal-tips-content"
   }, [i("p", {
     class: "toast-msg-title",
     innerHTML: c.value
-  }, null), r()])]);
+  }, null), u()])]);
 }
-function Ta(e, t, n) {
+function Aa(e, t, n) {
   const {
     onCopy: a
   } = t, {
     toShowFeedback: o
-  } = n, u = l("复制成功"), c = l("复制详细信息"), d = l(e.exceptionInfo || {
+  } = n, r = l("复制成功"), c = l("复制详细信息"), d = l(e.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
-  }), p = R(() => d.value && d.value.detail || "");
-  function s(v) {
-    a(p.value).catch((r) => {
-      u.value = "复制失败";
+  }), v = L(() => d.value && d.value.detail || "");
+  function s(p) {
+    a(v.value).catch((u) => {
+      r.value = "复制失败";
     }).finally(() => {
       o.value = !0, setTimeout(() => {
         o.value = !1;
@@ -3598,97 +3628,97 @@ function Ta(e, t, n) {
     style: "cursor: pointer;"
   }, [c.value])]);
 }
-function La(e, t, n, a) {
-  const o = l(e.type), u = l([]), c = l(e.exceptionInfo), d = l(e.okButtonText), p = l(e.cancelButtonText), s = l(!0), v = l(!0), r = R(() => !!(u.value && u.value.length)), f = R(() => c.value && c.value.date && c.value.message && c.value.detail), h = R(() => !(u.value && u.value.length) && (d.value || p.value)), b = R(() => v.value && d.value), C = R(() => s.value && p.value), g = Ta(e, n, a);
-  function w(L) {
+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), p = l(!0), u = L(() => !!(r.value && r.value.length)), f = L(() => c.value && c.value.date && c.value.message && c.value.detail), h = L(() => !(r.value && r.value.length) && (d.value || v.value)), b = L(() => p.value && d.value), I = L(() => s.value && v.value), y = Aa(e, n, a);
+  function w(R) {
     o.value === "question" && t.emit("reject"), t.emit("close");
   }
-  function F(L) {
+  function F(R) {
     o.value === "question" && t.emit("accept"), t.emit("close");
   }
   return () => i("div", {
     class: "modal-footer"
-  }, [f.value && g(), h.value && C.value && i("button", {
+  }, [f.value && y(), h.value && I.value && i("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
     onClick: w
-  }, [p.value]), h.value && b.value && i("button", {
+  }, [v.value]), h.value && b.value && i("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: F
-  }, [d.value]), r.value && u.value.length && u.value.map((L) => i("button", {
+  }, [d.value]), u.value && r.value.length && r.value.map((R) => i("button", {
     type: "button",
-    onClick: L.handle,
-    class: L.class
-  }, [L.iconClass && i("span", {
-    class: L.iconClass
-  }, null), L.text]))]);
+    onClick: R.handle,
+    class: R.class
+  }, [R.iconClass && i("span", {
+    class: R.iconClass
+  }, null), R.text]))]);
 }
-const oe = /* @__PURE__ */ q({
+const oe = /* @__PURE__ */ U({
   name: "FMessageBox",
-  props: ya,
+  props: xa,
   emits: ["accept", "reject", "close"],
   setup(e, t) {
-    const n = l(e.type), a = l(e.title), o = l(e.detail), u = R(() => {
-      const g = {
+    const n = l(e.type), a = l(e.title), o = l(e.detail), r = L(() => {
+      const y = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
       }, w = `messager-type-${n.value}`;
-      return g[w] = !0, g;
-    }), c = R(() => {
-      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;
-    }), d = Sa(), p = Ma(e, n, a, o), s = Ia(), {
-      feedbackStyle: v,
-      feedbackMessage: r
+      return y[w] = !0, y;
+    }), c = L(() => {
+      const y = {};
+      return n.value === "prompt" ? y.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (y.padding = "0.5rem 1.5rem 1rem 1.5rem"), y;
+    }), d = Ta(), v = Ra(e, n, a, o), s = Fa(), {
+      feedbackStyle: p,
+      feedbackMessage: u
     } = s;
     function f() {
       return i("div", {
-        style: v.value
-      }, [r.value]);
+        style: p.value
+      }, [u.value]);
     }
     function h() {
       switch (n.value) {
         case "prompt":
-          return xa(e, p);
+          return ka(e, v);
         default:
-          return Ba(e, n, a, o);
+          return Oa(e, n, a, o);
       }
     }
-    const b = h(), C = La(e, t, d, s);
+    const b = h(), I = ja(e, t, d, s);
     return () => i("div", {
       class: "farris-messager"
     }, [i("section", {
-      class: u.value,
+      class: r.value,
       style: c.value
-    }, [b()]), C(), f()]);
+    }, [b()]), I(), f()]);
   }
 });
-class Y {
+class J {
   static show(t) {
-    let n = new me();
+    let n = new he();
     const a = Z({
       ...t
-    }), o = !1, u = a.type === "error" || a.type === "prompt", c = a.type === "error" ? "错误提示" : a.type === "prompt" && a.title || "", d = a.acceptCallback || (() => {
-    }), p = a.rejectCallback || (() => {
+    }), o = !1, r = a.type === "error" || a.type === "prompt", c = a.type === "error" ? "错误提示" : a.type === "prompt" && a.title || "", d = a.acceptCallback || (() => {
+    }), v = a.rejectCallback || (() => {
     });
     let s = null;
-    const v = () => {
+    const p = () => {
       s && (s == null || s.destroy(), n = null);
     };
     s = n == null ? void 0 : n.open({
       class: "modal-message modal-message-type-info",
       title: c,
       showButtons: o,
-      showHeader: u,
+      showHeader: r,
       width: a.width || 400,
       fitContent: !0,
       showMaxButton: !1,
-      render: () => i(oe, we(a, {
+      render: () => i(oe, Ie(a, {
         onAccept: d,
-        onReject: p,
-        onClose: v
+        onReject: v,
+        onClose: p
       }), null)
     });
   }
@@ -3700,7 +3730,7 @@ class Y {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    Y.show(a);
+    J.show(a);
   }
   static warning(t, n) {
     const a = Z({
@@ -3710,7 +3740,7 @@ class Y {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    Y.show(a);
+    J.show(a);
   }
   static success(t, n) {
     const a = Z({
@@ -3720,7 +3750,7 @@ class Y {
       okButtonText: "关闭",
       cancelButtonText: ""
     });
-    Y.show(a);
+    J.show(a);
   }
   static error(t, n, a) {
     const o = Z({
@@ -3734,7 +3764,7 @@ class Y {
         detail: n
       }
     });
-    Y.show(o);
+    J.show(o);
   }
   static prompt(t, n) {
     const a = Z({
@@ -3744,10 +3774,10 @@ class Y {
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    Y.show(a);
+    J.show(a);
   }
   static question(t, n, a, o) {
-    const u = Z({
+    const r = Z({
       type: "question",
       title: t,
       detail: n,
@@ -3756,40 +3786,40 @@ class Y {
       acceptCallback: a,
       rejectCallback: o
     });
-    Y.show(u);
+    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 re = /* @__PURE__ */ q({
+const de = /* @__PURE__ */ U({
   name: "FResponseLayoutEditorSetting",
-  props: ve,
+  props: me,
   emits: ["change"],
   setup(e, t) {
-    const n = l(e.modelValue), a = l(e.width), o = l(e.height);
-    A(() => e.modelValue, (p) => {
-      n.value = p;
+    const n = l(e.initialState), a = l(e.width), o = l(e.height);
+    A(() => e.initialState, (v) => {
+      n.value = v;
     });
-    function u(p, s) {
-      t.emit("change", s), p && p.unmount();
+    function r(v, s) {
+      n.value.importData = s, t.emit("change", s), v && v.unmount();
     }
-    function c(p) {
-      p && p.unmount();
+    function c(v) {
+      v && v.unmount();
     }
     function d() {
       if (!n.value.defaultState || !n.value.importData) {
-        const p = n.value.message || "只可以在响应式表单组件中调整响应式布局配置";
-        Y.info(p, "");
+        const v = n.value.message || "只可以在响应式表单组件中调整响应式布局配置";
+        J.info(v, "");
         return;
       }
-      me.show({
-        render: (p) => i(ie, {
+      he.show({
+        render: (v) => i(ie, {
           initialState: n,
           width: a.value,
           height: o.value,
-          onClose: () => c(p),
-          onSubmit: (s) => u(p, s)
+          onClose: () => c(v),
+          onSubmit: (s) => r(v, s)
         }, null),
         width: 900,
         height: 500,
@@ -3801,27 +3831,60 @@ const re = /* @__PURE__ */ q({
     return () => i("div", {
       class: "f-column-width-setting-button",
       onClick: d
-    }, [i("div", {
+    }, [i("i", {
       class: "f-icon f-icon-add"
     }, null), i("div", {
       class: "f-column-width-setting-button-name"
     }, [i("span", {
       class: "f-column-width-setting-button-center"
-    }, [G("高级设置")])])]);
+    }, [q("高级设置")])])]);
   }
-}), Oa = {
+});
+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(re.name, re);
+    e.component(ie.name, ie), e.component(de.name, de);
   },
   register(e, t, n, a) {
-    e["response-layout-editor-setting"] = re, t["response-layout-editor-setting"] = ye;
+    e["response-layout-editor-setting"] = de, t["response-layout-editor-setting"] = we;
   },
   registerDesigner(e, t, n) {
-    e["response-layout-editor-setting"] = ha, t["response-layout-editor-setting"] = ye;
+    e["response-layout-editor-setting"] = Ma, t["response-layout-editor-setting"] = we;
   }
 };
 export {
+  Ga as ResponseFormLayoutContext,
   ie as ResponseLayoutEditor,
-  Oa as default,
-  at as responseLayoutEditorProps
+  de as ResponseLayoutEditorSetting,
+  qa as default,
+  ct as responseLayoutEditorProps
 };