@farris/ui-vue 1.3.4 → 1.3.6

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

@@ -1,7 +1,7 @@
 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 R, onMounted as Q, createVNode as i, nextTick as fe, toRefs as Ke, onBeforeMount as ve, createTextVNode as q, Fragment as ue, withModifiers as le, inject as Se, provide as et, onUnmounted as Ce, Teleport as tt, Transition as nt, shallowRef as at, createApp as lt, render as ce, h as ot, cloneVNode as it, mergeProps as Me, reactive as Z } from "vue";
+import { defineComponent as U, ref as o, watch as A, computed as R, onMounted as Q, createVNode as i, nextTick as fe, toRefs as Ke, onBeforeMount as ve, createTextVNode as q, Fragment as ue, withModifiers as le, inject as Se, provide as et, onUnmounted as Ce, Teleport as tt, Transition as nt, shallowRef as at, createApp as lt, render as ce, h as ot, cloneVNode as it, mergeProps as Me, reactive as Z } from "vue";
 import { isPlainObject as be, cloneDeep as X } from "lodash-es";
 import ut from "../list-view/index.esm.js";
 import st from "../button-edit/index.esm.js";
@@ -439,117 +439,131 @@ const rt = {
   required: gt
 }, Ie = {}, xe = {};
 function pe(e) {
-  const { properties: t, title: n, ignore: a } = e, o = a && Array.isArray(a), r = Object.keys(t).reduce((c, d) => ((!o || !a.find((v) => v === d)) && (c[d] = t[d].type === "object" && t[d].properties ? pe(t[d]) : X(t[d].default)), c), {});
-  if (n && (!o || !a.find((c) => c === "id"))) {
-    const c = n.toLowerCase().replace(/-/g, "_");
-    r.id = `${c}_${Math.random().toString().slice(2, 6)}`;
+  const { properties: t, title: n, ignore: a } = e, l = a && Array.isArray(a), s = Object.keys(t).reduce((r, d) => ((!l || !a.find((v) => v === d)) && (r[d] = t[d].type === "object" && t[d].properties ? pe(t[d]) : X(t[d].default)), r), {});
+  if (n && (!l || !a.find((r) => r === "id"))) {
+    const r = n.toLowerCase().replace(/-/g, "_");
+    s.id = `${r}_${Math.random().toString().slice(2, 6)}`;
   }
-  return r;
+  return s;
+}
+function wt(e) {
+  const { properties: t, title: n, required: a } = e;
+  if (a && Array.isArray(a)) {
+    const l = a.reduce((s, r) => (s[r] = t[r].type === "object" && t[r].properties ? pe(t[r]) : X(t[r].default), s), {});
+    if (n && a.find((s) => s === "id")) {
+      const s = n.toLowerCase().replace(/-/g, "_");
+      l.id = `${s}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return l;
+  }
+  return {
+    type: n
+  };
 }
 function Ee(e, t = {}, n) {
   const a = Ie[e];
   if (a) {
-    let o = pe(a);
-    const r = xe[e];
-    return o = r ? r({ getSchemaByType: Ee }, o, t, n) : o, o;
+    let l = wt(a);
+    const s = xe[e];
+    return l = s ? s({ getSchemaByType: Ee }, l, t, n) : l, l;
   }
   return null;
 }
-function wt(e, t) {
+function St(e, t) {
   const n = pe(t);
-  return Object.keys(n).reduce((a, o) => (a[o] && be(a[o]) && be(e[o] || !e[o]) ? Object.assign(a[o], e[o] || {}) : a[o] = e[o], a), n), n;
+  return Object.keys(n).reduce((a, l) => (Object.prototype.hasOwnProperty.call(e, l) && (a[l] && be(a[l]) && be(e[l] || !e[l]) ? Object.assign(a[l], e[l] || {}) : a[l] = e[l]), a), n), n;
 }
-function St(e, t) {
-  return Object.keys(e).filter((a) => e[a] != null).reduce((a, o) => {
-    if (t.has(o)) {
-      const r = t.get(o);
-      if (typeof r == "string")
-        a[r] = e[o];
+function Ct(e, t) {
+  return Object.keys(e).filter((a) => e[a] != null).reduce((a, l) => {
+    if (t.has(l)) {
+      const s = t.get(l);
+      if (typeof s == "string")
+        a[s] = e[l];
       else {
-        const c = r(o, e[o], e);
-        Object.assign(a, c);
+        const r = s(l, e[l], e);
+        Object.assign(a, r);
       }
     } else
-      a[o] = e[o];
+      a[l] = e[l];
     return a;
   }, {});
 }
-function Ct(e, t, n = /* @__PURE__ */ new Map()) {
-  const a = wt(e, t);
-  return St(a, n);
+function Mt(e, t, n = /* @__PURE__ */ new Map()) {
+  const a = St(e, t);
+  return Ct(a, n);
 }
-function Mt(e = {}) {
-  function t(s, m, u, f) {
+function It(e = {}) {
+  function t(c, m, u, f) {
     if (typeof u == "number")
-      return f[s].length === u;
+      return f[c].length === u;
     if (typeof u == "object") {
       const h = Object.keys(u)[0], w = u[h];
       if (h === "not")
-        return Number(f[s].length) !== Number(w);
+        return Number(f[c].length) !== Number(w);
       if (h === "moreThan")
-        return Number(f[s].length) >= Number(w);
+        return Number(f[c].length) >= Number(w);
       if (h === "lessThan")
-        return Number(f[s].length) <= Number(w);
+        return Number(f[c].length) <= Number(w);
     }
     return !1;
   }
-  function n(s, m, u, f) {
-    return f[s] && f[s].propertyValue && String(f[s].propertyValue.value) === String(u);
+  function n(c, m, u, f) {
+    return f[c] && f[c].propertyValue && String(f[c].propertyValue.value) === String(u);
   }
   const a = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((s, m) => (s.set(m, e[m]), s), a);
-  function o(s, m) {
-    const u = s;
-    return typeof m == "number" ? [{ target: u, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: u, operator: "getProperty", param: s, value: !!m }] : typeof m == "object" ? Object.keys(m).map((f) => {
+  Object.keys(e).reduce((c, m) => (c.set(m, e[m]), c), a);
+  function l(c, m) {
+    const u = c;
+    return typeof m == "number" ? [{ target: u, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: u, operator: "getProperty", param: c, value: !!m }] : typeof m == "object" ? Object.keys(m).map((f) => {
       if (f === "length")
         return { target: u, operator: "length", param: null, value: m[f] };
       const h = f, w = m[f];
       return { target: u, operator: "getProperty", param: h, value: w };
     }) : [];
   }
-  function r(s) {
-    return Object.keys(s).reduce((u, f) => {
-      const h = o(f, s[f]);
+  function s(c) {
+    return Object.keys(c).reduce((u, f) => {
+      const h = l(f, c[f]);
       return u.push(...h), u;
     }, []);
   }
-  function c(s, m) {
-    if (a.has(s.operator)) {
-      const u = a.get(s.operator);
-      return u && u(s.target, s.param, s.value, m) || !1;
+  function r(c, m) {
+    if (a.has(c.operator)) {
+      const u = a.get(c.operator);
+      return u && u(c.target, c.param, c.value, m) || !1;
     }
     return !1;
   }
-  function d(s, m) {
-    return r(s).reduce((h, w) => h && c(w, m), !0);
+  function d(c, m) {
+    return s(c).reduce((h, w) => h && r(w, m), !0);
   }
-  function v(s, m) {
-    const u = Object.keys(s), f = u.includes("allOf"), h = u.includes("anyOf"), w = f || h, S = (w ? s[w ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((L) => d(L, m));
+  function v(c, m) {
+    const u = Object.keys(c), f = u.includes("allOf"), h = u.includes("anyOf"), w = f || h, S = (w ? c[w ? f ? "allOf" : "anyOf" : "allOf"] : [c]).map((L) => d(L, m));
     return f ? !S.includes(!1) : S.includes(!0);
   }
   return { parseValueSchema: v };
 }
-const It = {}, xt = {};
-Mt();
-function K(e, t, n = /* @__PURE__ */ new Map(), a = (c, d, v, s) => d, o = {}, r = (c) => c) {
-  return Ie[t.title] = t, xe[t.title] = a, It[t.title] = o, xt[t.title] = r, (c = {}) => {
-    const d = Ct(c, t, n), v = Object.keys(e).reduce((s, m) => (s[m] = e[m].default, s), {});
+const xt = {}, Et = {};
+It();
+function K(e, t, n = /* @__PURE__ */ new Map(), a = (r, d, v, c) => d, l = {}, s = (r) => r) {
+  return Ie[t.title] = t, xe[t.title] = a, xt[t.title] = l, Et[t.title] = s, (r = {}) => {
+    const d = Mt(r, t, n), v = Object.keys(e).reduce((c, m) => (c[m] = e[m].default, c), {});
     return Object.assign(v, d);
   };
 }
 function ee(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const Et = /* @__PURE__ */ new Map([
+const Bt = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function Bt(e, t, n) {
+function Dt(e, t, n) {
   return t;
 }
-const Dt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
+const Tt = "capsule", Lt = "A Farris Component", Rt = "object", Ft = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -571,11 +585,11 @@ const Dt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
       }
     }
   }
-}, Ft = {
-  title: Dt,
-  description: Tt,
-  type: Lt,
-  categories: Rt
+}, kt = {
+  title: Tt,
+  description: Lt,
+  type: Rt,
+  categories: Ft
 }, Be = {
   items: {
     Type: Array,
@@ -589,7 +603,7 @@ const Dt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
    */
   modelValue: { type: String, default: "" },
   type: { type: String, default: "primary" }
-}, kt = {
+}, Wt = {
   name: { type: String, default: "" },
   value: { type: String, default: "" },
   isActive: { type: Boolean, default: !1 },
@@ -598,17 +612,17 @@ const Dt = "capsule", Tt = "A Farris Component", Lt = "object", Rt = {
   show: { type: Boolean, default: !0 },
   disabled: { type: Boolean, default: !1 }
 };
-K(Be, bt, Et, Bt, Ft);
-const Wt = /* @__PURE__ */ U({
+K(Be, bt, Bt, Dt, kt);
+const $t = /* @__PURE__ */ U({
   name: "FCapsuleItem",
-  props: kt,
+  props: Wt,
   emits: ["mounted", "active"],
   setup(e, t) {
-    const n = l(), a = l(e.isActive);
-    A(() => e.isActive, (c) => {
-      a.value = c;
+    const n = o(), a = o(e.isActive);
+    A(() => e.isActive, (r) => {
+      a.value = r;
     });
-    const o = R(() => ({
+    const l = R(() => ({
       "f-capsule-item": !0,
       "f-capsule-active-item": a.value,
       "f-capsule-disabled": e.disabled
@@ -616,36 +630,36 @@ const Wt = /* @__PURE__ */ U({
     Q(() => {
       t.emit("mounted", n, e.value);
     });
-    function r(c) {
-      e.disabled || t.emit("active", c, {
+    function s(r) {
+      e.disabled || t.emit("active", r, {
         name: e.name,
         value: e.value
       });
     }
     return () => i("div", {
       ref: n,
-      class: o.value,
-      onClick: (c) => r(c)
+      class: l.value,
+      onClick: (r) => s(r)
     }, [e.icon && i("i", {
       class: e.icon
     }, null), e.name]);
   }
-}), $t = /* @__PURE__ */ U({
+}), Ot = /* @__PURE__ */ U({
   name: "FCapsule",
   props: Be,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = l(e.items), a = l(), o = 2, r = l(e.modelValue), c = l("none"), d = l(e.type), v = R(() => {
+    const n = o(e.items), a = o(), l = 2, s = o(e.modelValue), r = o("none"), d = o(e.type), v = R(() => {
       const y = {
         "f-capsule-container": !0
       };
       return d.value && (y[d.value] = !0), y;
-    }), s = R(() => ({})), m = R(() => ({
+    }), c = R(() => ({})), m = R(() => ({
       "f-capsule": !0
-    })), u = l(o), f = l(0), h = l(0), w = R(() => ({
+    })), u = o(l), f = o(0), h = o(0), w = R(() => ({
       left: `${u.value}px`,
       width: `${f.value}px`,
-      transition: c.value
+      transition: r.value
     })), M = R(() => ({
       width: `${h.value}px`
     })), b = /* @__PURE__ */ new Map();
@@ -655,22 +669,22 @@ const Wt = /* @__PURE__ */ U({
         const F = (p = b.get(y.value)) == null ? void 0 : p.value;
         if (F) {
           const O = F.getBoundingClientRect(), P = a.value.getBoundingClientRect();
-          u.value = O.left - P.left + o + a.value.scrollLeft, f.value = O.width - 2 * o;
+          u.value = O.left - P.left + l + a.value.scrollLeft, f.value = O.width - 2 * l;
         }
       }
     }
     function D(y, p) {
       const F = y.value;
-      r.value = F, t.emit("update:modelValue", F), S(y), p && t.emit("change", F);
+      s.value = F, t.emit("update:modelValue", F), S(y), p && t.emit("change", F);
     }
     function L(y) {
       const p = n.value.findIndex((F) => F.value === y);
       p > -1 && D(n.value[p], !1);
     }
     A(() => e.modelValue, (y) => {
-      r.value = y, L(r.value);
+      s.value = y, L(s.value);
     }), Q(async () => {
-      L(r.value), await fe(), c.value = "0.1s ease-out all", h.value = Array.from(b.values()).reduce((y, p) => (y += p.value.clientWidth, y), 0);
+      L(s.value), await fe(), r.value = "0.1s ease-out all", h.value = Array.from(b.values()).reduce((y, p) => (y += p.value.clientWidth, y), 0);
     });
     function j(y, p) {
       D(p, !0);
@@ -684,10 +698,10 @@ const Wt = /* @__PURE__ */ U({
       });
     }
     function g(y, p) {
-      return i(Wt, {
+      return i($t, {
         name: y.name,
         value: y.value,
-        isActive: y.value === r.value,
+        isActive: y.value === s.value,
         index: p,
         disabled: y.disabled,
         key: y.value,
@@ -697,11 +711,11 @@ const Wt = /* @__PURE__ */ U({
     }
     return A(() => e.items, async (y) => {
       const p = y.filter((F) => F.show);
-      $(p), n.value = p, await fe(), L(r.value), h.value = Array.from(b.values()).reduce((F, O) => (F += O.value.clientWidth, F), 0);
+      $(p), n.value = p, await fe(), L(s.value), h.value = Array.from(b.values()).reduce((F, O) => (F += O.value.clientWidth, F), 0);
     }), () => i("span", {
       ref: a,
       class: v.value,
-      style: s.value
+      style: c.value
     }, [i("span", {
       class: "f-capsule-pane"
     }, [n.value.map((y, p) => g(y, p))]), i("small", {
@@ -712,9 +726,9 @@ const Wt = /* @__PURE__ */ U({
       style: M.value
     }, null)]);
   }
-}), Ot = /* @__PURE__ */ new Map([
+}), At = /* @__PURE__ */ new Map([
   ["appearance", ee]
-]), 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 = {
+]), jt = "https://json-schema.org/draft/2020-12/schema", Vt = "https://farris-design.gitee.io/switch.schema.json", zt = "switch", Ht = "A Farris Component", Nt = "object", Pt = {
   id: {
     description: "The unique identifier for a switch",
     type: "string"
@@ -786,24 +800,23 @@ const Wt = /* @__PURE__ */ U({
     type: "enum",
     default: "medium"
   }
-}, Pt = [
-  "id",
+}, Gt = [
   "type"
-], Gt = [
+], qt = [
   "id",
   "appearance",
   "binding"
-], qt = {
-  $schema: At,
-  $id: jt,
-  title: Vt,
-  description: zt,
-  type: Ht,
-  properties: Nt,
-  required: Pt,
-  ignore: Gt
+], Ut = {
+  $schema: jt,
+  $id: Vt,
+  title: zt,
+  description: Ht,
+  type: Nt,
+  properties: Pt,
+  required: Gt,
+  ignore: qt
 };
-function Ut(e, t, n) {
+function Xt(e, t, n) {
   return t;
 }
 const De = {
@@ -827,8 +840,8 @@ const De = {
   onModelValueChanged: { type: Function, default: () => {
   } }
 };
-K(De, qt, Ot, Ut);
-const Xt = /* @__PURE__ */ U({
+K(De, Ut, At, Xt);
+const Yt = /* @__PURE__ */ U({
   name: "FSwitch",
   props: De,
   emits: ["update:modelValue", "modelValueChanged"],
@@ -836,14 +849,14 @@ const Xt = /* @__PURE__ */ U({
     const {
       disabled: n,
       size: a,
-      onLabel: o,
-      offLabel: r,
-      onBackground: c,
+      onLabel: l,
+      offLabel: s,
+      onBackground: r,
       offBackground: d,
       onColor: v,
-      offColor: s,
+      offColor: c,
       readonly: m
-    } = Ke(e), u = l(e.modelValue), f = R(() => ({
+    } = Ke(e), u = o(e.modelValue), f = R(() => ({
       switch: !0,
       "f-cmp-switch": !0,
       checked: u.value,
@@ -853,15 +866,15 @@ const Xt = /* @__PURE__ */ U({
       "switch-small": a.value === "small"
     })), h = R(() => u.value ? {
       outline: "none",
-      background: c.value
+      background: r.value
     } : {
       outline: "none",
       backgroundColor: d.value
     }), w = R(() => u.value ? {
       background: v.value
     } : {
-      backgroundColor: s.value
-    }), M = R(() => (o == null ? void 0 : o.value) || (r == null ? void 0 : r.value));
+      backgroundColor: c.value
+    }), M = R(() => (l == null ? void 0 : l.value) || (s == null ? void 0 : s.value));
     function b() {
       m.value || n.value || (u.value = !u.value, t.emit("update:modelValue", u.value));
     }
@@ -879,18 +892,18 @@ const Xt = /* @__PURE__ */ U({
       class: "switch-pane"
     }, [i("span", {
       class: "switch-label-checked"
-    }, [o == null ? void 0 : o.value]), i("span", {
+    }, [l == null ? void 0 : l.value]), i("span", {
       class: "switch-label-unchecked"
-    }, [r == null ? void 0 : r.value])]), i("small", {
+    }, [s == null ? void 0 : s.value])]), i("small", {
       style: w.value
     }, [t.slots.default && t.slots.default()])]);
   }
-}), Yt = /* @__PURE__ */ U({
+}), Jt = /* @__PURE__ */ U({
   name: "FScreenResolutionSelector",
   props: dt,
   emits: ["screenNameChanged", "currentScreenResolutionChanged", "switchInStandardModeChanged"],
   setup(e, t) {
-    const n = l([{
+    const n = o([{
       name: "小屏幕",
       code: "SM",
       value: "SM",
@@ -910,25 +923,25 @@ const Xt = /* @__PURE__ */ U({
       code: "EL",
       value: "EL",
       active: !1
-    }]), a = l(e.defaultStates), o = l("MD"), r = l("中等屏幕"), c = l(!0);
+    }]), a = o(e.defaultStates), l = o("MD"), s = o("中等屏幕"), r = o(!0);
     function d(m) {
       n.value.forEach((u) => {
-        u.active = u.code === m, u.active && (o.value = u.code, r.value = u.name, t.emit("screenNameChanged", r.value), t.emit("currentScreenResolutionChanged", o.value));
+        u.active = u.code === m, u.active && (l.value = u.code, s.value = u.name, t.emit("screenNameChanged", s.value), t.emit("currentScreenResolutionChanged", l.value));
       });
     }
     function v() {
-      t.emit("switchInStandardModeChanged", c.value);
+      t.emit("switchInStandardModeChanged", r.value);
     }
-    A(c, () => {
+    A(r, () => {
     }), ve(() => {
-      a.value.model === "standard" ? c.value = !0 : (c.value = !1, v());
+      a.value.model === "standard" ? r.value = !0 : (r.value = !1, v());
     });
-    function s() {
-      return i($t, {
+    function c() {
+      return i(Ot, {
         class: "f-layout-editor-screen-resolution-selector-frame",
         items: n.value,
-        modelValue: o.value,
-        "onUpdate:modelValue": (m) => o.value = m,
+        modelValue: l.value,
+        "onUpdate:modelValue": (m) => l.value = m,
         onChange: d
       }, null);
     }
@@ -938,20 +951,20 @@ const Xt = /* @__PURE__ */ U({
       class: "f-layout-editor-screen-resolution-selector-header"
     }, [i("div", {
       class: "f-layout-editor-screen-resolution-selector-form"
-    }, [q("表单布局配置")])]), s(), i("div", {
+    }, [q("表单布局配置")])]), c(), i("div", {
       class: "f-layout-editor-screen-resolution-selector-switch"
-    }, [i(Xt, {
+    }, [i(Yt, {
       class: "f-layout-editor-show-switch",
-      modelValue: c.value,
-      "onUpdate:modelValue": (m) => c.value = m,
+      modelValue: r.value,
+      "onUpdate:modelValue": (m) => r.value = m,
       onModelValueChanged: v
-    }, null), c.value ? i("div", {
+    }, null), r.value ? i("div", {
       class: "f-layout-editor-show-switch-label"
     }, [q("标准模式")]) : i("div", {
       class: "f-layout-editor-show-switch-label"
     }, [q("自定义模式")])])]);
   }
-}), Jt = {
+}), Qt = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 模式开关 */
@@ -960,23 +973,23 @@ const Xt = /* @__PURE__ */ U({
   currentArea: { type: Object, default: [] },
   /** 接受组件列表区传入的二维数组 */
   twoDimensionalArray: { type: Array, default: [] }
-}, Qt = {
+}, Zt = {
   /** 单个组件的预览状态 */
   item: { type: Object, default: {} },
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 接受switch状态，若为自定义模式，则需要改变Col-num的num来源；*/
   switchInStandardMode: { type: Boolean, default: !1 }
-}, Zt = /* @__PURE__ */ U({
+}, _t = /* @__PURE__ */ U({
   name: "FColumnWidthView",
-  props: Qt,
+  props: Zt,
   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], ([r, c], [d, v]) => {
-      r !== d && (n.value = r), c !== v && (a.value = c);
+    const n = o(e.item), a = o(e.currentScreenResolution), l = R(() => `col-${n.value[`columnIn${a.value}`]}`);
+    return A([() => e.item, () => e.currentScreenResolution], ([s, r], [d, v]) => {
+      s !== d && (n.value = s), r !== v && (a.value = r);
     }), () => i("div", {
-      class: o.value
+      class: l.value
     }, [i("div", {
       class: "f-layout-editor-column-width-view",
       title: n.value.label
@@ -984,14 +997,14 @@ const Xt = /* @__PURE__ */ U({
       class: "f-layout-editor-column-width-view-label"
     }, [n.value.label])])]);
   }
-}), _t = /* @__PURE__ */ U({
+}), Kt = /* @__PURE__ */ U({
   name: "FPreview",
-  props: Jt,
+  props: Qt,
   emits: ["update:twoDimensionalArray"],
   setup(e, t) {
-    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.currentArea), r = l(e.twoDimensionalArray), c = l([]);
+    const n = o(e.currentScreenResolution), a = o(e.switchInStandardMode), l = o(e.currentArea), s = o(e.twoDimensionalArray), r = o([]);
     A([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([u, f, h], [w, M, b]) => {
-      u !== w && (o.value = u), f !== M && (a.value = f), h !== b && (n.value = h);
+      u !== w && (l.value = u), f !== M && (a.value = f), h !== b && (n.value = h);
     });
     function d(u, f) {
       const h = [];
@@ -1003,18 +1016,18 @@ const Xt = /* @__PURE__ */ U({
     function v() {
       const u = [];
       let f = 1;
-      return c.value.forEach((h) => {
+      return r.value.forEach((h) => {
         const w = d(h, f);
         f += w.length, u.push(w);
       }), u;
     }
-    function s() {
-      c.value = X(r.value), c.value = v();
+    function c() {
+      r.value = X(s.value), r.value = v();
     }
     A(() => e.twoDimensionalArray, () => {
-      r.value = e.twoDimensionalArray, s();
+      s.value = e.twoDimensionalArray, c();
     }), Q(() => {
-      s();
+      c();
     });
     function m() {
       if (a.value)
@@ -1038,11 +1051,11 @@ const Xt = /* @__PURE__ */ U({
       class: "f-layout-editor-preview-view f-utils-overflow-xhya"
     }, [i("div", {
       class: "f-layout-editor-preview-row-group"
-    }, [c.value.map((u) => {
+    }, [r.value.map((u) => {
       var f, h;
-      return ((f = u[0][0]) == null ? void 0 : f.group.toString()) === ((h = o.value[0]) == null ? void 0 : h.id) && u.map((w) => i("div", {
+      return ((f = u[0][0]) == null ? void 0 : f.group.toString()) === ((h = l.value[0]) == null ? void 0 : h.id) && u.map((w) => i("div", {
         class: "f-layout-editor-row"
-      }, [w.map((M) => i(Zt, {
+      }, [w.map((M) => i(_t, {
         item: M,
         "onUpdate:item": (b) => M = b,
         currentScreenResolution: n.value,
@@ -1050,7 +1063,7 @@ const Xt = /* @__PURE__ */ U({
       }, null))]));
     })])])]);
   }
-}), Kt = {
+}), en = {
   /** 用户切换屏幕分辨率-缩写-例:MD； */
   currentScreenResolution: { type: String, default: "" },
   /** 检测用户是否切换模式 */
@@ -1068,15 +1081,15 @@ const Xt = /* @__PURE__ */ U({
   onOriginalDataChanged: { type: Function, default: () => {
   } }
 };
-function en(e, t) {
-  const n = l(-1), a = l(!1);
-  function o(u) {
+function tn(e, t) {
+  const n = o(-1), a = o(!1);
+  function l(u) {
     if (u.target.offsetParent) {
       const f = u.target.offsetParent, h = f.offsetWidth - u.target.offsetWidth / 2 - 4, w = f.offsetHeight / 2;
       u.dataTransfer && u.dataTransfer.setDragImage(f, h, w);
     }
   }
-  function r(u) {
+  function s(u) {
     if (u) {
       const f = e.value.findIndex((h) => h.label === u.label);
       setTimeout(() => {
@@ -1084,8 +1097,8 @@ function en(e, t) {
       });
     }
   }
-  function c(u, f) {
-    u.stopPropagation(), o(u), r(f);
+  function r(u, f) {
+    u.stopPropagation(), l(u), s(f);
   }
   function d(u) {
     const f = e.value.findIndex((h) => h.label === u.label);
@@ -1097,23 +1110,23 @@ function en(e, t) {
   function v(u, f) {
     u.preventDefault(), d(f);
   }
-  function s(u) {
+  function c(u) {
     u.preventDefault(), u.dataTransfer && (u.dataTransfer.dropEffect = "move");
   }
   function m(u, f) {
     f && (f.moving = !1), a.value = !1;
   }
   return {
-    dragstart: c,
+    dragstart: r,
     dragenter: v,
-    dragover: s,
+    dragover: c,
     dragend: m,
     isDragging: a
   };
 }
-const tn = /* @__PURE__ */ new Map([
+const nn = /* @__PURE__ */ new Map([
   ["appearance", ee]
-]), 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 = {
+]), an = "https://json-schema.org/draft/2020-12/schema", ln = "https://farris-design.gitee.io/combo-list.schema.json", on = "combo-list", un = "A Farris Input Component", sn = "object", rn = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -1239,25 +1252,24 @@ const tn = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, rn = [
-  "id",
+}, cn = [
   "type"
-], cn = [
+], dn = [
   "id",
   "appearance",
   "binding",
   "visible"
-], dn = {
-  $schema: nn,
-  $id: an,
-  title: ln,
-  description: on,
-  type: un,
-  properties: sn,
-  required: rn,
-  ignore: cn
+], fn = {
+  $schema: an,
+  $id: ln,
+  title: on,
+  description: un,
+  type: sn,
+  properties: rn,
+  required: cn,
+  ignore: dn
 };
-function fn(e, t, n) {
+function vn(e, t, n) {
   return t;
 }
 const Te = {
@@ -1427,8 +1439,8 @@ const Te = {
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
 };
-K(Te, dn, tn, fn);
-const vn = {
+K(Te, fn, nn, vn);
+const pn = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -1449,16 +1461,16 @@ const vn = {
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, pn = /* @__PURE__ */ U({
+}, mn = /* @__PURE__ */ U({
   name: "FComboListContainer",
-  props: vn,
+  props: pn,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = l(), a = l(e.dataSource), o = l([]), r = l(e.separator), c = l(e.width), d = l(e.maxHeight), v = l(String(e.selectedValues).split(r.value)), s = R(() => e.multiSelect), m = R(() => ({
+    const n = o(), a = o(e.dataSource), l = o([]), s = o(e.separator), r = o(e.width), d = o(e.maxHeight), v = o(String(e.selectedValues).split(s.value)), c = R(() => e.multiSelect), m = R(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
-      showCheckbox: s.value,
+      showCheckbox: c.value,
       showSelectAll: !1,
       showSelection: !0
     }));
@@ -1467,10 +1479,10 @@ const vn = {
     });
     const u = R(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = R(() => {
       const M = {};
-      return c.value !== void 0 && (M.width = `${c.value}px`), d.value !== void 0 && d.value > 0 && (M.maxHeight = `${d.value}px`), M;
+      return r.value !== void 0 && (M.width = `${r.value}px`), d.value !== void 0 && d.value > 0 && (M.maxHeight = `${d.value}px`), M;
     });
     function h(M) {
-      o.value = M.map((b) => Object.assign({}, b)), v.value = M.map((b) => b[e.idField]), t.emit("selectionChange", o.value);
+      l.value = M.map((b) => Object.assign({}, b)), v.value = M.map((b) => b[e.idField]), t.emit("selectionChange", l.value);
     }
     function w(M) {
       if (e.enableHighlightSearch)
@@ -1482,7 +1494,7 @@ const vn = {
       typeof S == "function" ? b = a.value.filter((D) => S(M, D)) : b = a.value.filter((D) => D[e.valueField].indexOf(M) > -1 || D[e.textField].indexOf(M) > -1), n.value.updateDataSource(b);
     }
     return A([() => e.selectedValues], ([M]) => {
-      v.value = M.split(r.value);
+      v.value = M.split(s.value);
     }), () => i("div", {
       class: "f-combo-list-container pl-1",
       style: f.value
@@ -1505,18 +1517,18 @@ const vn = {
     }, null)]);
   }
 });
-function mn(e) {
-  const t = l(""), n = l(e.modelValue), a = l(e.data || []), o = l(e.editable);
-  function r(u) {
+function hn(e) {
+  const t = o(""), n = o(e.modelValue), a = o(e.data || []), l = o(e.editable);
+  function s(u) {
     const f = String(u).split(e.separator), h = f.map((b) => [b, !0]), w = new Map(h);
     return a.value.filter((b) => w.has(String(b[e.valueField]))).sort((b, S) => {
       const D = f.indexOf(b[e.valueField]), L = f.indexOf(S[e.valueField]);
       return D - L;
     });
   }
-  function c(u) {
-    const f = r(u).map((h) => h[e.textField]).join(e.separator);
-    t.value = o.value ? f || u : f;
+  function r(u) {
+    const f = s(u).map((h) => h[e.textField]).join(e.separator);
+    t.value = l.value ? f || u : f;
   }
   function d(u) {
     const f = u.split(e.separator).map((w) => [w, !0]), h = new Map(f);
@@ -1526,10 +1538,10 @@ function mn(e) {
     const f = {};
     return f[e.idField] = u, f[e.textField] = u, [f];
   }
-  function s(u) {
+  function c(u) {
     let f = d(u);
     const h = f && f.length > 0;
-    return o.value && !h && (f = v(u)), f;
+    return l.value && !h && (f = v(u)), f;
   }
   function m() {
     const { url: u, method: f = "GET", headers: h = {}, body: w = null } = e.remote, M = f.toLowerCase() === "get" ? { method: f, headers: h } : { method: f, headers: h, body: w };
@@ -1553,21 +1565,21 @@ function mn(e) {
       f && (t.value = f[e.textField]);
     }
   }), 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 };
+    n.value = u, r(u);
+  }), r(e.modelValue), { dataSource: a, displayText: t, editable: l, modelValue: n, getItemsByDisplayText: d, getItemsByValue: s, getSelectedItemsByDisplayText: c };
 }
-const hn = /* @__PURE__ */ U({
+const yn = /* @__PURE__ */ U({
   name: "FComboList",
   props: Te,
   emits: ["clear", "update:modelValue", "change", "input"],
   setup(e, t) {
-    const n = l(), a = l(e.disabled), o = l(e.enableClear), r = l(e.enableSearch), c = l(e.readonly), {
+    const n = o(), a = o(e.disabled), l = o(e.enableClear), s = o(e.enableSearch), r = o(e.readonly), {
       dataSource: d,
       displayText: v,
-      editable: s,
+      editable: c,
       modelValue: m,
       getSelectedItemsByDisplayText: u
-    } = mn(e), f = R(() => e.multiSelect), h = R(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
+    } = hn(e), f = R(() => e.multiSelect), h = R(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
     function w() {
       !f.value && n.value && n.value.hidePopup();
     }
@@ -1575,7 +1587,7 @@ const hn = /* @__PURE__ */ U({
       v.value = B.map(($) => $[e.textField]).join(e.separator), B.length === 1 ? m.value = B[0][e.valueField] : m.value = B.map(($) => $[e.valueField]).join(e.separator), t.emit("update:modelValue", m.value), t.emit("change", B, m.value), w();
     }
     function b() {
-      c.value || n.value.togglePopup();
+      r.value || n.value.togglePopup();
     }
     function S(B) {
       m.value = "", t.emit("update:modelValue", ""), t.emit("clear");
@@ -1593,17 +1605,17 @@ const hn = /* @__PURE__ */ U({
     return t.expose({
       getDisplayText: L
     }), A([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, $, g, y, p]) => {
-      a.value = B, s.value = $, o.value = g, r.value = y, c.value = p;
+      a.value = B, c.value = $, l.value = g, s.value = y, r.value = p;
     }), () => i(st, {
       ref: n,
       id: e.id,
       disable: a.value,
-      readonly: c.value,
+      readonly: r.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: s.value,
+      editable: c.value,
       buttonContent: e.dropDownIcon,
       placeholder: e.placeholder,
-      enableClear: o.value,
+      enableClear: l.value,
       maxLength: e.maxLength,
       tabIndex: e.tabIndex,
       enableTitle: e.enableTitle,
@@ -1619,7 +1631,7 @@ const hn = /* @__PURE__ */ U({
       onInput: j,
       beforeOpen: e.beforeOpen
     }, {
-      default: () => [i(pn, {
+      default: () => [i(mn, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
@@ -1627,7 +1639,7 @@ const hn = /* @__PURE__ */ U({
         dataSource: d.value,
         selectedValues: m.value,
         multiSelect: e.multiSelect,
-        enableSearch: r.value,
+        enableSearch: s.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
         width: e.fitEditor ? h.value : void 0,
@@ -1635,7 +1647,7 @@ const hn = /* @__PURE__ */ U({
       }, null)]
     });
   }
-}), yn = {
+}), gn = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 传入的单个控件的响应式列宽值 */
@@ -1645,13 +1657,13 @@ const hn = /* @__PURE__ */ U({
   /** 列数值变化事件 */
   fieldChanged: { type: Function, default: () => {
   } }
-}, gn = /* @__PURE__ */ new Map([
+}, bn = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function bn(e, t, n) {
+function wn(e, t, n) {
   return t;
 }
-const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-design.gitee.io/radio-button.schema.json", Cn = "radio-button", Mn = "A Farris Component", In = "object", xn = {
+const Sn = "https://json-schema.org/draft/2020-12/schema", Cn = "https://farris-design.gitee.io/radio-button.schema.json", Mn = "radio-button", In = "A Farris Component", xn = "object", En = {
   id: {
     description: "The unique identifier for radio-button",
     type: "string"
@@ -1713,18 +1725,18 @@ const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-
     type: "boolean",
     default: !0
   }
-}, En = [
+}, Bn = [
   "id",
   "type"
-], Bn = {
-  $schema: wn,
-  $id: Sn,
-  title: Cn,
-  description: Mn,
-  type: In,
-  properties: xn,
-  required: En
-}, Dn = "radio-button", Tn = "A Farris Component", Ln = "object", Rn = {
+], Dn = {
+  $schema: Sn,
+  $id: Cn,
+  title: Mn,
+  description: In,
+  type: xn,
+  properties: En,
+  required: Bn
+}, Tn = "radio-button", Ln = "A Farris Component", Rn = "object", Fn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1746,11 +1758,11 @@ const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-
       }
     }
   }
-}, Fn = {
-  title: Dn,
-  description: Tn,
-  type: Ln,
-  categories: Rn
+}, kn = {
+  title: Tn,
+  description: Ln,
+  type: Rn,
+  categories: Fn
 }, Le = {
   /**
    * 单选组枚举数组
@@ -1766,45 +1778,45 @@ const wn = "https://json-schema.org/draft/2020-12/schema", Sn = "https://farris-
   onSelectedValueChanged: { type: Function, default: () => {
   } }
 };
-K(Le, Bn, gn, bn, Fn);
-const kn = /* @__PURE__ */ U({
+K(Le, Dn, bn, wn, kn);
+const Wn = /* @__PURE__ */ U({
   name: "FRadioButton",
   props: Le,
   emits: ["selectedValueChanged"],
   setup(e, t) {
-    const n = l(e.enumData);
-    function a(r, c) {
-      if (r.currentTarget.classList.value = "btn btn-secondary active", r.currentTarget.tagName.toLowerCase() === "label") {
+    const n = o(e.enumData);
+    function a(s, r) {
+      if (s.currentTarget.classList.value = "btn btn-secondary active", s.currentTarget.tagName.toLowerCase() === "label") {
         const {
           currentTarget: d
-        } = r, v = d.parentElement;
+        } = s, v = d.parentElement;
         Array.from(v.querySelectorAll("label")).filter((m) => m !== d).forEach((m) => m.classList.remove("active"));
       }
-      t.emit("selectedValueChanged", c);
+      t.emit("selectedValueChanged", r);
     }
-    function o(r) {
-      return `${r.text}${e.suffixValue}`;
+    function l(s) {
+      return `${s.text}${e.suffixValue}`;
     }
-    return A(() => e.enumData, (r, c) => {
-      r !== c && (n.value = e.enumData);
+    return A(() => e.enumData, (s, r) => {
+      s !== r && (n.value = e.enumData);
     }), () => i("div", {
       class: "f-radio-button"
     }, [i("div", {
       class: ["farris-input-wrap"]
-    }, [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)
+    }, [n.value.map((s, r) => i(ue, null, [i("label", {
+      class: s.active ? "btn btn-secondary active" : "btn btn-secondary",
+      onClick: (d) => a(d, s)
     }, [i("span", {
       class: "f-radio-button-text"
-    }, [o(r)])])]))])]);
+    }, [l(s)])])]))])]);
   }
-}), Wn = /* @__PURE__ */ new Map([
+}), $n = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function $n(e, t, n) {
+function On(e, t, n) {
   return t;
 }
-const On = "https://json-schema.org/draft/2020-12/schema", An = "https://farris-design.gitee.io/rate.schema.json", jn = "rate", Vn = "A Farris Component", zn = "object", Hn = {
+const An = "https://json-schema.org/draft/2020-12/schema", jn = "https://farris-design.gitee.io/rate.schema.json", Vn = "rate", zn = "A Farris Component", Hn = "object", Nn = {
   id: {
     description: "The unique identifier for rate",
     type: "string"
@@ -1866,23 +1878,23 @@ const On = "https://json-schema.org/draft/2020-12/schema", An = "https://farris-
     type: "boolean",
     default: !0
   }
-}, Nn = [
+}, Pn = [
   "id",
   "type"
-], Pn = [
+], Gn = [
   "id",
   "appearance",
   "binding"
-], 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 = {
+], qn = {
+  $schema: An,
+  $id: jn,
+  title: Vn,
+  description: zn,
+  type: Hn,
+  properties: Nn,
+  required: Pn,
+  ignore: Gn
+}, Un = "rate", Xn = "A Farris Component", Yn = "object", Jn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1904,12 +1916,12 @@ const On = "https://json-schema.org/draft/2020-12/schema", An = "https://farris-
       }
     }
   }
-}, Jn = {
-  title: qn,
-  description: Un,
-  type: Xn,
-  categories: Yn
-}, Qn = ["很不满意", "不满意", "一般", "满意", "非常满意"], Re = {
+}, Qn = {
+  title: Un,
+  description: Xn,
+  type: Yn,
+  categories: Jn
+}, Zn = ["很不满意", "不满意", "一般", "满意", "非常满意"], Re = {
   /** 星星大小 */
   size: { type: String, default: "large" },
   /** 启用半颗星模式 */
@@ -1931,7 +1943,7 @@ const On = "https://json-schema.org/draft/2020-12/schema", An = "https://farris-
   /** 禁用单个星星的文字提示 */
   toolTipDisabled: { type: Boolean, default: !0 },
   /** 默认的满意度文案 */
-  toolTipContents: { type: Array, default: Qn },
+  toolTipContents: { type: Array, default: Zn },
   /** 启用评分 */
   enableScore: { type: Boolean, default: !0 },
   /** 启用满意度 */
@@ -1942,15 +1954,15 @@ const On = "https://json-schema.org/draft/2020-12/schema", An = "https://farris-
   value: { type: Number, default: 0 },
   modelValue: { type: Number, default: 0 }
 };
-K(Re, Gn, Wn, $n, Jn);
-const Zn = /* @__PURE__ */ U({
+K(Re, qn, $n, On, Qn);
+const _n = /* @__PURE__ */ U({
   name: "FRate",
   props: Re,
   emits: ["selectedValue", "update:modelValue"],
   setup(e, t) {
-    const n = l(e.size), a = l(e.enableHalf), o = l(e.enableClear), r = l(e.disabled), c = l(e.pointSystem), d = l(e.lightColor), v = l(e.darkColor), s = l(e.iconClass), m = l(e.numOfStar), u = l(e.toolTipDisabled), f = l(e.toolTipContents), h = l(e.enableScore), w = l(e.enableSatisfaction);
+    const n = o(e.size), a = o(e.enableHalf), l = o(e.enableClear), s = o(e.disabled), r = o(e.pointSystem), d = o(e.lightColor), v = o(e.darkColor), c = o(e.iconClass), m = o(e.numOfStar), u = o(e.toolTipDisabled), f = o(e.toolTipContents), h = o(e.enableScore), w = o(e.enableSatisfaction);
     let M;
-    const b = l(0), S = l(0), D = l(0), L = l(e.modelValue);
+    const b = o(0), S = o(0), D = o(0), L = o(e.modelValue);
     let j = 1, B, $, g;
     const y = 4;
     Q(() => {
@@ -1982,18 +1994,18 @@ const Zn = /* @__PURE__ */ U({
           M = 24;
           break;
       }
-      p(), m.value && (j = c.value / m.value), L.value && F();
+      p(), m.value && (j = r.value / m.value), L.value && F();
     }
     O();
     function P(E) {
       return E.className.indexOf("f-icon") !== -1;
     }
     function Y() {
-      return b.value === S.value && o.value && S.value !== 0 ? (S.value = 0, L.value = 0, $ = null, b.value = 0, D.value = 0, t.emit("selectedValue", L.value), t.emit("update:modelValue", L.value), !0) : !1;
+      return b.value === S.value && l.value && S.value !== 0 ? (S.value = 0, L.value = 0, $ = null, b.value = 0, D.value = 0, t.emit("selectedValue", L.value), t.emit("update:modelValue", L.value), !0) : !1;
     }
     function T(E, W, H) {
       if (E.movementX || E.movementY) {
-        if (r.value)
+        if (s.value)
           return;
         w.value && (B = f.value[W - 1]), E.offsetX < M / 2 && a.value === !0 ? (b.value = M * W - M / 2 + y * (W - 1), D.value = j * W - j / 2) : (b.value = M * W + y * (W - 1), D.value = j * W);
       }
@@ -2028,7 +2040,7 @@ const Zn = /* @__PURE__ */ U({
       class: "star-light-area",
       style: I.value
     }, [g.map((E) => i("span", {
-      class: ["f-icon default-light-color ", s.value, {
+      class: ["f-icon default-light-color ", c.value, {
         "f-star-sm": n.value === "small"
       }, {
         "f-star-md": n.value === "middle"
@@ -2052,7 +2064,7 @@ const Zn = /* @__PURE__ */ U({
         large: n.value === "large"
       }]
     }, [g.map((E) => i("span", {
-      class: ["f-icon default-dark-color", s.value, {
+      class: ["f-icon default-dark-color", c.value, {
         "f-star-sm": n.value === "small"
       }, {
         "f-star-md": n.value === "middle"
@@ -2077,9 +2089,9 @@ const Zn = /* @__PURE__ */ U({
       }]
     }, [h.value && i("span", null, [q(" "), z.value, q(" ")]), w.value && ($ || B) && i("span", null, [q(" "), B || $])])]);
   }
-}), _n = /* @__PURE__ */ U({
+}), Kn = /* @__PURE__ */ U({
   name: "FColumnWidthEditor",
-  props: yn,
+  props: gn,
   emits: ["fieldChanged"],
   setup(e, t) {
     const n = {
@@ -2087,30 +2099,30 @@ const Zn = /* @__PURE__ */ U({
       MD: ["1", "2"],
       LG: ["1", "2", "3", "4"],
       EL: ["1", "2", "3", "4", "5", "6"]
-    }, a = l(e.currentScreenResolution), o = l(e.field), r = l(e.switchInStandardMode), c = l(), d = l(""), v = l(), s = l("customize"), m = l(), u = Se("ResponseLayoutEditorDraggableComposition"), {
+    }, a = o(e.currentScreenResolution), l = o(e.field), s = o(e.switchInStandardMode), r = o(), d = o(""), v = o(), c = o("customize"), m = o(), u = Se("ResponseLayoutEditorDraggableComposition"), {
       dragstart: f,
       dragenter: h,
       dragover: w,
       dragend: M
     } = u;
     function b() {
-      c.value = n == null ? void 0 : n[a.value], r.value ? (d.value = `displayWidthIn${a.value}`, s.value = `${o.value[d.value]}`) : (d.value = `columnIn${a.value}`, m.value = o.value[d.value]);
+      r.value = n == null ? void 0 : n[a.value], s.value ? (d.value = `displayWidthIn${a.value}`, c.value = `${l.value[d.value]}`) : (d.value = `columnIn${a.value}`, m.value = l.value[d.value]);
     }
     function S(p) {
-      if (r.value === !0) {
+      if (s.value === !0) {
         const F = Number(p == null ? void 0 : p.text);
         v.value = F;
-        const O = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-        o.value[`columnIn${a.value}`] = F * O, o.value[`displayWidthIn${a.value}`] = Number(F), t.emit("fieldChanged", o.value);
+        const O = l.value[`columnIn${a.value}`] / l.value[`displayWidthIn${a.value}`];
+        l.value[`columnIn${a.value}`] = F * O, l.value[`displayWidthIn${a.value}`] = Number(F), t.emit("fieldChanged", l.value);
       }
     }
     function D(p) {
       m.value = p;
-      const F = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-      o.value[`columnIn${a.value}`] = m.value, o.value[`displayWidthIn${a.value}`] = m.value / F, t.emit("fieldChanged", o.value);
+      const F = l.value[`columnIn${a.value}`] / l.value[`displayWidthIn${a.value}`];
+      l.value[`columnIn${a.value}`] = m.value, l.value[`displayWidthIn${a.value}`] = m.value / F, t.emit("fieldChanged", l.value);
     }
     function L() {
-      return i(Zn, {
+      return i(_n, {
         enableHalf: !0,
         size: "extraLarge",
         pointSystem: 12,
@@ -2126,9 +2138,9 @@ const Zn = /* @__PURE__ */ U({
     }
     function j() {
       const p = [];
-      c.value = n == null ? void 0 : n[a.value];
-      const F = o.value[`displayWidthIn${a.value}`];
-      return c.value.forEach((O) => {
+      r.value = n == null ? void 0 : n[a.value];
+      const F = l.value[`displayWidthIn${a.value}`];
+      return r.value.forEach((O) => {
         const P = {
           text: O,
           active: F.toString() === O
@@ -2138,7 +2150,7 @@ const Zn = /* @__PURE__ */ U({
     }
     function B() {
       const p = j();
-      return i(kn, {
+      return i(Wn, {
         enumData: p,
         suffixValue: "列",
         onSelectedValueChanged: S
@@ -2148,26 +2160,26 @@ const Zn = /* @__PURE__ */ U({
     }
     function $() {
       var p;
-      if (((p = o == null ? void 0 : o.value) == null ? void 0 : p.showTopBorder) === 1)
+      if (((p = l == null ? void 0 : l.value) == null ? void 0 : p.showTopBorder) === 1)
         return i("div", {
           class: "f-layout-editor-column-width-editor-row"
         }, [i("span", {
           class: "f-layout-editor-column-width-editor-row-left"
         }, null), i("span", {
           class: "f-layout-editor-column-width-editor-row-middle"
-        }, [q("第"), o.value.componentRow, q("行")]), i("span", {
+        }, [q("第"), l.value.componentRow, q("行")]), i("span", {
           class: "f-layout-editor-column-width-editor-row-right"
         }, null)]);
     }
     function g() {
-      return r.value ? i("div", {
+      return s.value ? i("div", {
         class: "f-column-width-editor-switch-standard"
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-click-button"
       }, [B()])]) : i("div", {
         class: "f-column-width-editor-switch-customize",
-        onDragenter: (p) => h(p, o.value),
-        onDragend: (p) => M(p, o.value),
+        onDragenter: (p) => h(p, l.value),
+        onDragend: (p) => M(p, l.value),
         onDragover: (p) => w(p)
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-rectangle"
@@ -2176,7 +2188,7 @@ const Zn = /* @__PURE__ */ U({
       }, [m.value, q("列")]), i("span", {
         class: "f-layout-editor-drag-handler f-icon f-icon-drag-vertical",
         draggable: "true",
-        onDragstart: (p) => f(p, o.value)
+        onDragstart: (p) => f(p, l.value)
       }, null)])]);
     }
     function y() {
@@ -2185,30 +2197,30 @@ const Zn = /* @__PURE__ */ U({
         class: "f-layout-editor-column-width-editor-component"
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-label"
-      }, [(p = o == null ? void 0 : o.value) == null ? void 0 : p.label]), g()]);
+      }, [(p = l == null ? void 0 : l.value) == null ? void 0 : p.label]), g()]);
     }
     return A(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([p, F, O], [P, Y, T]) => {
-      O !== T && (a.value = O, c.value = n[a.value], b()), F !== Y && (r.value = F), r.value === !1 && b(), p !== P && (o.value = p);
+      O !== T && (a.value = O, r.value = n[a.value], b()), F !== Y && (s.value = F), s.value === !1 && b(), p !== P && (l.value = p);
     }), Q(() => {
       b();
     }), () => i("div", {
       class: "f-layout-editor-column-width-editor"
     }, [$(), y()]);
   }
-}), Kn = /* @__PURE__ */ U({
+}), ea = /* @__PURE__ */ U({
   name: "FFieldList",
-  props: Kt,
+  props: en,
   emits: ["update:currentArea", "twoDimensionalArrayChanged", "originalDataChanged"],
   setup(e, t) {
-    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.originalData), r = l(e.originalDataCopy), c = l(e.defaultStates), d = l(""), v = l([]), s = l(e.currentArea), m = l(0), u = l(), f = l(0), h = l("1"), w = l([]);
+    const n = o(e.currentScreenResolution), a = o(e.switchInStandardMode), l = o(e.originalData), s = o(e.originalDataCopy), r = o(e.defaultStates), d = o(""), v = o([]), c = o(e.currentArea), m = o(0), u = o(), f = o(0), h = o("1"), w = o([]);
     function M() {
       const T = [];
-      return o.value.forEach((k) => {
+      return l.value.forEach((k) => {
         T.indexOf(k.group) === -1 && T.push(k.group);
       }), T;
     }
     function b() {
-      h.value = c.value.defaultGroupNumber.toString(), d.value = `区域${h.value}`, s.value = [v.value[Number(h.value) - 1]], t.emit("update:currentArea", s.value);
+      h.value = r.value.defaultGroupNumber.toString(), d.value = `区域${h.value}`, c.value = [v.value[Number(h.value) - 1]], t.emit("update:currentArea", c.value);
     }
     function S() {
       var k;
@@ -2226,7 +2238,7 @@ const Zn = /* @__PURE__ */ U({
       let T = [];
       u.value = [];
       let k = 1;
-      o.value.forEach((z) => {
+      l.value.forEach((z) => {
         z.group === k || (k += 1, u.value.push(T), T = []), T.push(z);
       }), u.value.push(T);
     }
@@ -2242,10 +2254,10 @@ const Zn = /* @__PURE__ */ U({
       let k = [];
       for (const z of T)
         k = k.concat(z);
-      o.value = X(k), f.value = 0;
+      l.value = X(k), f.value = 0;
     }
     function B() {
-      u.value[s.value[0].id - 1] = X(w.value);
+      u.value[c.value[0].id - 1] = X(w.value);
       const T = [];
       f.value = 0, u.value.forEach((k) => {
         const z = L(k, f.value);
@@ -2258,15 +2270,15 @@ const Zn = /* @__PURE__ */ U({
       return f.value = 0, u.value.forEach((k) => {
         const z = L(k, f.value);
         T.push(z), f.value = z[z.length - 1].componentRow;
-      }), t.emit("twoDimensionalArrayChanged", u.value), j(T), o.value;
+      }), t.emit("twoDimensionalArrayChanged", u.value), j(T), l.value;
     }
     function g() {
-      w.value = [], o.value.forEach((T) => {
-        T.group === Number(s.value[0].id) && w.value.push(T);
+      w.value = [], l.value.forEach((T) => {
+        T.group === Number(c.value[0].id) && w.value.push(T);
       });
     }
     function y() {
-      o.value = X($()), t.emit("originalDataChanged", o.value);
+      l.value = X($()), t.emit("originalDataChanged", l.value);
     }
     function p(T) {
       w.value.forEach((k) => {
@@ -2275,11 +2287,11 @@ const Zn = /* @__PURE__ */ U({
     }
     function F(T) {
       for (let k = 0; k < T.length; k++)
-        s.value = [{
+        c.value = [{
           id: T[k].id,
           label: T[k].label
         }];
-      t.emit("update:currentArea", s.value), g(), B();
+      t.emit("update:currentArea", c.value), g(), B();
     }
     function O() {
       return i("div", {
@@ -2288,7 +2300,7 @@ const Zn = /* @__PURE__ */ U({
         class: "f-layout-editor-field-list-header"
       }, [q("组件列表")]), i("div", {
         class: "f-layout-editor-choose-group"
-      }, [i(hn, {
+      }, [i(yn, {
         modelValue: h.value,
         "onUpdate:modelValue": (T) => h.value = T,
         placeholder: "当前可编辑组",
@@ -2303,7 +2315,7 @@ const Zn = /* @__PURE__ */ U({
     function P() {
       return i("div", {
         class: "f-layout-editor-field-list-content f-utils-overflow-xhya"
-      }, [w.value.map((T) => i(_n, {
+      }, [w.value.map((T) => i(Kn, {
         key: T.label,
         currentScreenResolution: n.value,
         field: T,
@@ -2313,20 +2325,20 @@ const Zn = /* @__PURE__ */ U({
         onFieldChanged: p
       }, null))]);
     }
-    const Y = en(w, () => {
+    const Y = tn(w, () => {
       B(), y(), g();
     });
     return et("ResponseLayoutEditorDraggableComposition", Y), A(() => e.currentArea, (T, k) => {
-      T !== k && (s.value = e.currentArea, g());
-    }), A(s, (T, k) => {
+      T !== k && (c.value = e.currentArea, g());
+    }), A(c, (T, k) => {
       T !== k && g();
     }), A(() => e.currentGroup, (T, k) => {
       T !== k && (d.value = e.currentGroup);
     }), A(() => e.currentScreenResolution, (T, k) => {
-      T !== k && (n.value = e.currentScreenResolution, y(), D(), s.value[0] && (w.value = X(u.value[Number(s.value[0].id) - 1])));
+      T !== k && (n.value = e.currentScreenResolution, y(), D(), c.value[0] && (w.value = X(u.value[Number(c.value[0].id) - 1])));
     }), A(() => e.switchInStandardMode, (T, k) => {
-      T !== k && (a.value = e.switchInStandardMode, o.value = X(r.value));
-    }), A(c, (T, k) => {
+      T !== k && (a.value = e.switchInStandardMode, l.value = X(s.value));
+    }), A(r, (T, k) => {
       T !== k && y();
     }), ve(() => {
       S(), $(), g();
@@ -2349,20 +2361,20 @@ const Zn = /* @__PURE__ */ U({
   props: ct,
   emits: ["close", "submit"],
   setup(e, t) {
-    const n = l(e.initialState), a = l(), o = l(), r = l(""), c = l(""), d = l(!0), v = l([{
+    const n = o(e.initialState), a = o(), l = o(), s = o(""), r = o(""), d = o(!0), v = o([{
       id: "1",
       label: "区域1"
-    }]), s = l([]), m = l(), u = l(e.width), f = l(e.height);
+    }]), c = o([]), m = o(), u = o(e.width), f = o(e.height);
     A(() => e.initialState, (p) => {
       n.value = p;
     }), A([() => e.currentArea, () => e.switchInStandardMode], ([p, F], [O, P]) => {
       p !== O && (v.value = p), F !== P && (d.value = F);
     });
     function h(p) {
-      r.value = p;
+      s.value = p;
     }
     function w(p) {
-      c.value = p;
+      r.value = p;
     }
     function M(p) {
       d.value = p;
@@ -2374,7 +2386,7 @@ const Zn = /* @__PURE__ */ U({
       a.value = X(p);
     }
     function D(p) {
-      s.value = p;
+      c.value = p;
     }
     function L() {
       t.emit("close");
@@ -2383,12 +2395,12 @@ const Zn = /* @__PURE__ */ U({
       t.emit("submit", a.value);
     }
     function B() {
-      return i(Kn, {
+      return i(ea, {
         class: "f-utils-fill-flex-column",
-        defaultStates: o.value,
+        defaultStates: l.value,
         originalDataCopy: m.value,
-        currentScreenResolution: c.value,
-        "onUpdate:currentScreenResolution": (p) => c.value = p,
+        currentScreenResolution: r.value,
+        "onUpdate:currentScreenResolution": (p) => r.value = p,
         originalData: a.value,
         "onUpdate:originalData": (p) => a.value = p,
         switchInStandardMode: d.value,
@@ -2401,27 +2413,27 @@ const Zn = /* @__PURE__ */ U({
       }, null);
     }
     function $() {
-      return i(_t, {
+      return i(Kt, {
         class: "f-utils-fill-flex-column",
         currentArea: v.value,
         "onUpdate:currentArea": (p) => v.value = p,
-        currentScreenResolution: c.value,
-        "onUpdate:currentScreenResolution": (p) => c.value = p,
+        currentScreenResolution: r.value,
+        "onUpdate:currentScreenResolution": (p) => r.value = p,
         switchInStandardMode: d.value,
-        twoDimensionalArray: s.value,
-        "onUpdate:twoDimensionalArray": (p) => s.value = p
+        twoDimensionalArray: c.value,
+        "onUpdate:twoDimensionalArray": (p) => c.value = p
       }, null);
     }
     const g = R(() => d.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), y = R(() => d.value ? "f-layout-editor-right-standard f-utils-fill-flex-column" : "f-layout-editor-right-customize f-utils-fill-flex-column");
     return ve(() => {
-      a.value = X(n.value.importData), m.value = X(n.value.importData), o.value = n.value.defaultState, r.value = "中等屏幕", c.value = "MD";
+      a.value = X(n.value.importData), m.value = X(n.value.importData), l.value = n.value.defaultState, s.value = "中等屏幕", r.value = "MD";
     }), (p) => i("div", {
       class: "f-layout-editor f-utils-flex-column",
       style: "height:" + f.value + "px;width:" + u.value + "px;"
     }, [i("div", {
       class: "f-layout-editor-top"
-    }, [i(Yt, {
-      defaultStates: o.value,
+    }, [i(Jt, {
+      defaultStates: l.value,
       onScreenNameChanged: h,
       onCurrentScreenResolutionChanged: w,
       onSwitchInStandardModeChanged: M
@@ -2451,25 +2463,25 @@ const Zn = /* @__PURE__ */ U({
       class: "f-layout-editor-text-sure"
     }, [q("确认")])])])])]);
   }
-}), ea = /* @__PURE__ */ new Map([
+}), ta = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-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 na(e, t, n, a) {
-  const o = e.getSchemaByType("component");
-  return o.id = `${a}-component`, o.componentType = "form-col-1", o.appearance = {
+  const l = e.getSchemaByType("section");
+  return l.id = `${a}-section`, l.appearance = { class: "f-section-form f-section-in-main" }, l.mainTitle = "标题", l.contents = [t], l;
+}
+function aa(e, t, n, a) {
+  const l = e.getSchemaByType("component");
+  return l.id = `${a}-component`, l.componentType = "form-col-1", l.appearance = {
     class: "f-struct-form f-struct-wrapper"
-  }, o.contents = [t], o;
+  }, l.contents = [t], l;
 }
-function aa(e, t, n) {
+function la(e, t, n) {
   t.appearance = { class: "f-form-layout farris-form farris-form-controls-inline" };
-  const a = ta(e, t, n, t.id);
-  return na(e, a, n, t.id);
+  const a = na(e, t, n, t.id);
+  return aa(e, a, n, t.id);
 }
-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 = {
+const oa = "https://json-schema.org/draft/2020-12/schema", ia = "https://farris-design.gitee.io/response-layout-editor-setting.schema.json", ua = "response-layout-editor-setting", sa = "A Farris Data Collection Component", ra = "object", ca = {
   id: {
     description: "The unique identifier for response layout editor",
     type: "string"
@@ -2497,18 +2509,18 @@ const la = "https://json-schema.org/draft/2020-12/schema", oa = "https://farris-
     type: "array",
     default: []
   }
-}, ca = [
+}, da = [
   "id",
   "type"
-], 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 = {
+], fa = {
+  $schema: oa,
+  $id: ia,
+  title: ua,
+  description: sa,
+  type: ra,
+  properties: ca,
+  required: da
+}, va = "response-form", pa = "A Farris Component", ma = "object", ha = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -2530,11 +2542,11 @@ const la = "https://json-schema.org/draft/2020-12/schema", oa = "https://farris-
       }
     }
   }
-}, ha = {
-  title: fa,
-  description: va,
-  type: pa,
-  categories: ma
+}, ya = {
+  title: va,
+  description: pa,
+  type: ma,
+  categories: ha
 }, me = {
   /** 接受传入的原始数据的defaultState */
   initialState: { type: Object },
@@ -2543,7 +2555,7 @@ const la = "https://json-schema.org/draft/2020-12/schema", oa = "https://farris-
   /** 页面宽度 */
   width: { type: Number, default: 750 },
   modelValue: { type: Object }
-}, we = K(me, da, ea, aa, ha), ya = {
+}, we = K(me, fa, ta, la, ya), ga = {
   /**
    * 自定义类
    */
@@ -2611,8 +2623,8 @@ class G {
   static getTransformInfo(t) {
     const a = window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
     if (a.length >= 6) {
-      const o = parseInt(a[4], 10), r = parseInt(a[5], 10);
-      return { x: o, y: r };
+      const l = parseInt(a[4], 10), s = parseInt(a[5], 10);
+      return { x: l, y: s };
     }
     return { x: 0, y: 0 };
   }
@@ -2636,8 +2648,8 @@ class G {
     if (window) {
       const a = window.getComputedStyle(t);
       if (a) {
-        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;
+        const l = parseInt(a.getPropertyValue("left"), 10), s = parseInt(a.getPropertyValue("top"), 10);
+        n.x = isNaN(l) ? 0 : l, n.y = isNaN(s) ? 0 : s;
       }
       return n;
     }
@@ -2687,8 +2699,8 @@ class _ {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function ga(e, t) {
-  const n = l(), a = l(), o = l(), r = l(), c = l(), d = l(), v = l(), s = l(), m = l(), u = l(), f = l(), h = l(), w = l(e.draggable), M = l(!1);
+function ba(e, t) {
+  const n = o(), a = o(), l = o(), s = o(), r = o(), d = o(), v = o(), c = o(), m = o(), u = o(), f = o(), h = o(), w = o(e.draggable), M = o(!1);
   function b() {
     const I = a.value || document.body, x = window.getComputedStyle(I);
     if (!x || !n.value)
@@ -2700,9 +2712,9 @@ function ga(e, t) {
   }
   function S(I) {
     if (n.value) {
-      r.value = _.getCurrent(n.value), c.value = G.getCurrent(n.value), d.value = r.value ? _.copy(r.value) : null, v.value = c.value ? G.copy(c.value) : null, b();
+      s.value = _.getCurrent(n.value), r.value = G.getCurrent(n.value), d.value = s.value ? _.copy(s.value) : null, v.value = r.value ? G.copy(r.value) : null, b();
       const x = I.target.getAttribute("type") || "";
-      s.value = {
+      c.value = {
         n: !!x.match(/n/),
         s: !!x.match(/s/),
         w: !!x.match(/w/),
@@ -2714,28 +2726,28 @@ function ga(e, t) {
     var I, x, E, W;
     if (n.value) {
       const H = n.value;
-      s.value && ((s.value.n || s.value.s) && ((I = d.value) != null && I.height) && (H.style.height = d.value.height + "px"), (s.value.w || s.value.e) && ((x = d.value) != null && x.width) && (H.style.width = d.value.width + "px"), v.value && ((E = v.value) != null && E.x && (H.style.left = v.value.x + "px"), (W = v.value) != null && W.y && (H.style.top = v.value.y + "px")));
+      c.value && ((c.value.n || c.value.s) && ((I = d.value) != null && I.height) && (H.style.height = d.value.height + "px"), (c.value.w || c.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() {
     const I = e.minHeight ? e.minHeight : 1, x = e.minWidth ? e.minWidth : 1;
-    d.value && v.value && s.value && r.value && (d.value.height < I && (d.value.height = I, s.value.n && c.value && (v.value.y = c.value.y + (r.value.height - I))), 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))));
+    d.value && v.value && c.value && s.value && (d.value.height < I && (d.value.height = I, c.value.n && r.value && (v.value.y = r.value.y + (s.value.height - I))), d.value.width < x && (d.value.width = x, c.value.w && r.value && (v.value.x = r.value.x + (s.value.width - x))), e.maxHeight && d.value.height > e.maxHeight && (d.value.height = e.maxHeight, r.value && c.value.n && (v.value.y = r.value.y + (s.value.height - e.maxHeight))), e.maxWidth && d.value.width > e.maxWidth && (d.value.width = e.maxWidth, c.value.w && r.value && (v.value.x = r.value.x + (s.value.width - e.maxWidth))));
   }
   function j() {
     if (a.value) {
       const I = u.value;
-      if (v.value && d.value && s.value && r.value) {
+      if (v.value && d.value && c.value && s.value) {
         const x = I.width - I.pr - I.deltaL - I.translateX - v.value.x, E = I.height - I.pb - I.deltaT - I.translateY - v.value.y;
-        s.value.n && v.value.y + I.translateY < 0 && c.value && (v.value.y = -I.translateY, d.value.height = r.value.height + c.value.y + I.translateY), s.value.w && v.value.x + I.translateX < 0 && c.value && (v.value.x = -I.translateX, d.value.width = r.value.width + c.value.x + I.translateX), d.value.width > x && (d.value.width = x), d.value.height > E && (d.value.height = E);
+        c.value.n && v.value.y + I.translateY < 0 && r.value && (v.value.y = -I.translateY, d.value.height = s.value.height + r.value.y + I.translateY), c.value.w && v.value.x + I.translateX < 0 && r.value && (v.value.x = -I.translateX, d.value.width = s.value.width + r.value.x + I.translateX), d.value.width > x && (d.value.width = x), d.value.height > E && (d.value.height = E);
       }
     }
   }
   function B(I) {
-    if (!o.value || !r.value || !c.value || !s.value)
+    if (!l.value || !s.value || !r.value || !c.value)
       return;
-    I.subtract(o.value);
+    I.subtract(l.value);
     const x = I.x, E = I.y;
-    s.value.n ? (v.value.y = c.value.y + E, d.value.height = r.value.height - E) : s.value.s && (d.value.height = r.value.height + E), s.value.e ? d.value.width = r.value.width + x : s.value.w && (d.value.width = r.value.width - x, v.value.x = c.value.x + x), j(), L(), D();
+    c.value.n ? (v.value.y = r.value.y + E, d.value.height = s.value.height - E) : c.value.s && (d.value.height = s.value.height + E), c.value.e ? d.value.width = s.value.width + x : c.value.w && (d.value.width = s.value.width - x, v.value.x = r.value.x + x), j(), L(), D();
   }
   function $(I) {
     if (!m.value)
@@ -2769,13 +2781,13 @@ function ga(e, t) {
       const x = g();
       f.value = x;
     }
-    o.value = void 0, r.value = null, c.value = null, d.value = null, v.value = null, s.value = null, m.value = null, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", y);
+    l.value = void 0, s.value = null, r.value = null, d.value = null, v.value = null, c.value = null, m.value = null, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", y);
   }
   function p() {
     document.addEventListener("mousemove", $), document.addEventListener("mouseup", y);
   }
   function F(I) {
-    I instanceof MouseEvent && I.button === 2 || w.value && (I.stopPropagation(), I.preventDefault(), o.value = G.fromEvent(I), m.value = I.target, S(I), p());
+    I instanceof MouseEvent && I.button === 2 || w.value && (I.stopPropagation(), I.preventDefault(), l.value = G.fromEvent(I), m.value = I.target, S(I), p());
   }
   function O(I) {
     return n.value = I, i(ue, null, [i("div", {
@@ -2872,10 +2884,10 @@ function ga(e, t) {
     unWindowResizeHandle: z
   };
 }
-function ba(e, t, n) {
-  const a = l(), o = l(e.draggable), r = l(e.lockAxis), c = l(), d = l(), v = l(!1), s = l(new G(0, 0)), m = l(new G(0, 0)), u = l(new G(0, 0)), f = l(new G(0, 0));
+function wa(e, t, n) {
+  const a = o(), l = o(e.draggable), s = o(e.lockAxis), r = o(), d = o(), v = o(!1), c = o(new G(0, 0)), m = o(new G(0, 0)), u = o(new G(0, 0)), f = o(new G(0, 0));
   A(() => n.value, (g) => {
-    c.value.style.cursor = g ? "move" : "default";
+    r.value.style.cursor = g ? "move" : "default";
   });
   function h(g, y) {
     if (y.tagName === "BUTTON")
@@ -2890,7 +2902,7 @@ function ba(e, t, n) {
   function w() {
     var F, O;
     let g = u.value.x + m.value.x, y = u.value.y + m.value.y;
-    r.value === "x" ? (g = ((F = s.value) == null ? void 0 : F.x) || 0, u.value.x = 0) : r.value === "y" && (y = ((O = s.value) == null ? void 0 : O.y) || 0, u.value.y = 0);
+    s.value === "x" ? (g = ((F = c.value) == null ? void 0 : F.x) || 0, u.value.x = 0) : s.value === "y" && (y = ((O = c.value) == null ? void 0 : O.y) || 0, u.value.y = 0);
     const p = `translate3d(${Math.round(g)}px, ${Math.round(y)}px, 0px)`;
     a.value && (a.value.style.transform = p), f.value.x = g, f.value.y = y;
   }
@@ -2906,17 +2918,17 @@ function ba(e, t, n) {
     return p.top || (u.value.y -= y.top - g.top), p.bottom || (u.value.y -= y.bottom - g.bottom), p.right || (u.value.x -= y.right - g.right), p.left || (u.value.x -= y.left - g.left), w(), p;
   }
   function b(g) {
-    g && (s.value && g.subtract(s.value), u.value.set(g), w(), M());
+    g && (c.value && g.subtract(c.value), u.value.set(g), w(), M());
   }
   function S(g) {
-    v.value && o.value && (g.stopPropagation(), g.preventDefault(), b(G.fromEvent(g, c.value)));
+    v.value && l.value && (g.stopPropagation(), g.preventDefault(), b(G.fromEvent(g, r.value)));
   }
   function D() {
     var g;
     v.value && (v.value = !1, m.value.add(u.value), u.value.reset(), (g = a.value) == null || g.classList.remove("ng-dragging"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", D));
   }
   function L() {
-    !v.value && c.value && (v.value = !0, c.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", D));
+    !v.value && r.value && (v.value = !0, r.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", D));
   }
   function j() {
     if (a.value) {
@@ -2930,21 +2942,21 @@ function ba(e, t, n) {
     if (!n.value || g instanceof MouseEvent && g.button === 2)
       return;
     const y = g.target || g.srcElement;
-    c.value !== void 0 && y && !h(y, c.value) || o.value !== !1 && (document.body.click(), g.stopPropagation(), g.preventDefault(), s.value = G.fromEvent(g, a.value), j(), L());
+    r.value !== void 0 && y && !h(y, r.value) || l.value !== !1 && (document.body.click(), g.stopPropagation(), g.preventDefault(), c.value = G.fromEvent(g, a.value), j(), L());
   }
   function $(g, y, p) {
-    if (o.value && y) {
+    if (l.value && y) {
       if (g)
-        c.value = g;
+        r.value = g;
       else if (e.dragHandle) {
         if (e.dragHandle instanceof HTMLElement)
-          c.value = e.dragHandle;
+          r.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
           const F = y.querySelector(e.dragHandle);
-          F && (c.value = F);
+          F && (r.value = F);
         }
       }
-      a.value = y, d.value = p, c.value.classList.add("ng-draggable"), c.value.addEventListener("mousedown", B);
+      a.value = y, d.value = p, r.value.classList.add("ng-draggable"), r.value.addEventListener("mousedown", B);
     }
   }
   return {
@@ -2962,32 +2974,32 @@ function Fe(e, t) {
     };
   }
 }
-function wa(e, t) {
-  const n = l(e.enableEsc);
+function Sa(e, t) {
+  const n = o(e.enableEsc);
   let a = null;
-  return n.value ? (a = Fe("Escape", (o) => {
-    t.emit("esc", { event: o.event, type: "esc" });
+  return n.value ? (a = Fe("Escape", (l) => {
+    t.emit("esc", { event: l.event, type: "esc" });
   }), {
     remove: a
   }) : null;
 }
-function Sa(e, t) {
-  const n = l(e.enableEnter);
+function Ca(e, t) {
+  const n = o(e.enableEnter);
   let a = null;
-  return n.value ? (a = Fe("Enter", (o) => {
-    t.emit("enter", { event: o.event, type: "enter" });
+  return n.value ? (a = Fe("Enter", (l) => {
+    t.emit("enter", { event: l.event, type: "enter" });
   }), {
     remove: a
   }) : null;
 }
 const ke = /* @__PURE__ */ U({
   name: "FModal",
-  props: ya,
+  props: ga,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
   setup(e, t) {
-    const n = l(e.width || 300), a = l(e.height || 200), o = l(e.modelValue), r = l(""), c = l(e.class), d = l(e.fitContent), v = l(e.showHeader), s = l(""), m = l(e.showCloseButton), u = l(e.showMaxButton), f = l(!1), h = l(""), w = l(""), M = l(""), b = l(e.showButtons), S = l(e.title), D = l(e.reiszeable), L = l(e.containment || null), j = l();
+    const n = o(e.width || 300), a = o(e.height || 200), l = o(e.modelValue), s = o(""), r = o(e.class), d = o(e.fitContent), v = o(e.showHeader), c = o(""), m = o(e.showCloseButton), u = o(e.showMaxButton), f = o(!1), h = o(""), w = o(""), M = o(""), b = o(e.showButtons), S = o(e.title), D = o(e.reiszeable), L = o(e.containment || null), j = o();
     function B(C, V) {
-      o.value = !1, t.emit("update:modelValue", !1), V != null && t.emit(V ? "accept" : "cancel"), t.emit("closed", C);
+      l.value = !1, t.emit("update:modelValue", !1), V != null && t.emit(V ? "accept" : "cancel"), t.emit("closed", C);
     }
     const $ = [{
       name: "cancel",
@@ -3003,7 +3015,7 @@ const ke = /* @__PURE__ */ U({
       handle: (C) => {
         B(C, !0);
       }
-    }], g = l(e.buttons && e.buttons.length ? e.buttons : $), y = R(() => !!s.value), p = R(() => !!b.value && !!g.value), F = l(), O = l(), P = l(!1), {
+    }], g = o(e.buttons && e.buttons.length ? e.buttons : $), y = R(() => !!c.value), p = R(() => !!b.value && !!g.value), F = o(), O = o(), P = o(!1), {
       renderResizeBar: Y,
       maximize: T,
       restore: k,
@@ -3011,13 +3023,13 @@ const ke = /* @__PURE__ */ U({
       resizedEventParam: I,
       allowDrag: x,
       unWindowResizeHandle: E
-    } = ga(e), {
+    } = ba(e), {
       registerDraggle: W
-    } = ba(e, t, x);
+    } = wa(e, t, x);
     A(() => e.title, (C, V) => {
       C !== V && (S.value = C);
     }), A(() => e.modelValue, (C, V) => {
-      C !== V && (o.value = C);
+      C !== V && (l.value = C);
     }), A(() => e.showHeader, (C, V) => {
       C !== V && (v.value = C);
     }), A(() => e.showButtons, (C, V) => {
@@ -3033,7 +3045,7 @@ const ke = /* @__PURE__ */ U({
       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") : H(), o.value)), $e = R(() => {
+    const te = R(() => (l.value ? document.body.classList.add("modal-open") : H(), l.value)), $e = R(() => {
       const C = {
         modal: !0,
         "farris-modal": !0,
@@ -3044,7 +3056,7 @@ const ke = /* @__PURE__ */ U({
       var ne;
       const C = {
         "modal-dialog": !0
-      }, V = (ne = c.value) == null ? void 0 : ne.split(" ");
+      }, V = (ne = r.value) == null ? void 0 : ne.split(" ");
       return V == null || V.reduce((ae, Qe) => (ae[Qe] = !0, ae), C), C;
     }), Ae = R(() => ({
       position: "absolute",
@@ -3092,7 +3104,7 @@ const ke = /* @__PURE__ */ U({
     }
     let se = null, re = null;
     Q(() => {
-      O.value && !L.value && (L.value = O.value.parentElement, z.value = L.value, W(F.value, O.value, z.value)), te.value && document.body.classList.add("modal-open"), se = wa(e, t), re = Sa(e, t);
+      O.value && !L.value && (L.value = O.value.parentElement, z.value = L.value, W(F.value, O.value, z.value)), te.value && document.body.classList.add("modal-open"), se = Sa(e, t), re = Ca(e, t);
     }), Ce(() => {
       H(), E && E(), se && se.remove(), re && re.remove();
     }), t.expose({
@@ -3143,7 +3155,7 @@ const ke = /* @__PURE__ */ U({
       }, [i("div", {
         class: "modal-title"
       }, [y.value && i("span", {
-        class: s.value,
+        class: c.value,
         style: "margin-right: 8px"
       }, null), i("span", {
         class: "modal-title-label"
@@ -3169,7 +3181,7 @@ const ke = /* @__PURE__ */ U({
             ref: j,
             onClick: Je
           }, [i("div", {
-            id: r.value,
+            id: s.value,
             class: Oe.value,
             style: Ae.value,
             ref: O
@@ -3178,7 +3190,7 @@ const ke = /* @__PURE__ */ U({
           }, [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,
+            title: s.value,
             class: "f-utils-fill",
             width: "100%",
             frameborder: "0",
@@ -3195,15 +3207,15 @@ function We(e) {
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function Ca(e) {
+function Ma(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   const n = lt({
-    setup(a, o) {
+    setup(a, l) {
       Ce(() => {
         document.body.removeChild(t);
       });
-      const r = l(), c = l(e.class || ""), d = l(!!e.showButtons), v = l(!!e.showHeader), s = l(e.showCloseButton == null ? !0 : e.showCloseButton), m = l(!0), u = l(e.title || ""), f = e.acceptCallback || (() => {
+      const s = o(), r = o(e.class || ""), d = o(!!e.showButtons), v = o(!!e.showHeader), c = o(e.showCloseButton == null ? !0 : e.showCloseButton), m = o(!0), u = o(e.title || ""), f = e.acceptCallback || (() => {
       }), h = e.rejectCallback || (() => {
       }), w = e.closedCallback || ((D) => {
       }), M = e.resizeHandle || ((D) => {
@@ -3211,11 +3223,11 @@ function Ca(e) {
         m.value = !1, n.unmount(), w(D);
       };
       return Q(() => {
-      }), o.expose({
-        modalRef: r
+      }), l.expose({
+        modalRef: s
       }), () => i(ke, {
-        ref: r,
-        class: c.value,
+        ref: s,
+        class: r.value,
         modelValue: m.value,
         "onUpdate:modelValue": (D) => m.value = D,
         title: u.value,
@@ -3224,7 +3236,7 @@ function Ca(e) {
         buttons: e.buttons,
         "show-header": v.value,
         "show-buttons": d.value,
-        "show-close-button": s.value,
+        "show-close-button": c.value,
         "show-max-button": !1,
         onAccept: f,
         onCancel: h,
@@ -3241,10 +3253,10 @@ function Ca(e) {
 class he {
   constructor(t) {
     N(this, "appContext", null);
-    N(this, "modalRef", l());
-    N(this, "activeModalIndex", l(0));
+    N(this, "modalRef", o());
+    N(this, "activeModalIndex", o(0));
     N(this, "modalRefs", {});
-    N(this, "isUseEscCloseModal", l(!1));
+    N(this, "isUseEscCloseModal", o(!1));
     N(this, "activeModalInstance", R(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = t, this.appContext = t ? t._context : null;
   }
@@ -3257,7 +3269,7 @@ class he {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return Ca(n);
+    return Ma(n);
   }
   open(t) {
     const n = document.createDocumentFragment();
@@ -3266,20 +3278,20 @@ class he {
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, t)), o = l(!0), r = a.value.acceptCallback || (() => {
-    }), c = a.value.rejectCallback || (() => {
+    }, t)), l = o(!0), s = a.value.acceptCallback || (() => {
+    }), r = a.value.rejectCallback || (() => {
     }), d = a.value.closedCallback || ((S, D) => {
     }), v = a.value.resizeHandle || ((S) => {
     });
-    let s;
+    let c;
     const m = We(a.value), u = (S) => {
       var L;
-      o.value = !1;
+      l.value = !1;
       const D = (L = S == null ? void 0 : S.target) == null ? void 0 : L.classList.contains("modal_close");
       d(S, this.isUseEscCloseModal.value ? "esc" : D ? "icon" : "button");
     }, f = (S) => {
-      u(S), s && fe(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ce(null, n), s = null, this.modalRef.value = null, this.modalRefs) {
+      u(S), c && fe(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ce(null, n), c = null, this.modalRef.value = null, this.modalRefs) {
           const D = Object.keys(this.modalRefs).map((L) => Number(L));
           D.length > 0 ? this.activeModalIndex.value = Math.max(...D) : this.activeModalIndex.value = 0;
         }
@@ -3290,18 +3302,18 @@ class he {
       this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((D = this.activeModalInstance.value) == null || D.close(S == null ? void 0 : S.event));
     }, w = () => i(ke, Me({
       ref: this.modalRef,
-      modelValue: o.value,
-      "onUpdate:modelValue": (S) => o.value = S
+      modelValue: l.value,
+      "onUpdate:modelValue": (S) => l.value = S
     }, a.value, {
-      onAccept: r,
-      onCancel: c,
+      onAccept: s,
+      onCancel: r,
       onClosed: f,
       onResize: v,
       onEsc: h
     }), {
       default: () => [m && m(this.app)]
     });
-    return s = ((S) => {
+    return c = ((S) => {
       const D = ot(w, S);
       return D.appContext = this.appContext, ce(D, n), D;
     })({
@@ -3312,7 +3324,7 @@ class he {
         a.value = {
           ...a.value,
           ...S
-        }, s && ce(it(s, {
+        }, c && ce(it(c, {
           ...a
         }), n);
       },
@@ -3321,10 +3333,10 @@ class he {
     };
   }
 }
-function Ma(e, t, n) {
+function Ia(e, t, n) {
   var j;
-  const a = "", o = "", r = l();
-  function c() {
+  const a = "", l = "", s = o();
+  function r() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function d() {
@@ -3333,7 +3345,7 @@ function Ma(e, t, n) {
   function v() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function s() {
+  function c() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
   function m(B) {
@@ -3341,7 +3353,7 @@ function Ma(e, t, n) {
       return null;
     if (B.value.schema && B.value.schema.type === "component")
       return B.value;
-    const $ = l(B == null ? void 0 : B.value.parent), g = m($);
+    const $ = o(B == null ? void 0 : B.value.parent), g = m($);
     return g || null;
   }
   function u(B = t) {
@@ -3377,17 +3389,17 @@ function Ma(e, t, n) {
       (y = g == null ? void 0 : g.componentInstance) != null && y.value.onRemoveComponent && g.componentInstance.value.onRemoveComponent();
     });
   }
-  return r.value = {
-    canMove: c(),
+  return s.value = {
+    canMove: r(),
     canSelectParent: d(),
     canDelete: v(),
-    canNested: !s(),
+    canNested: !c(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
     parent: (j = t == null ? void 0 : t.parent) == null ? void 0 : j.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: a,
-    designerClass: o,
+    designerClass: l,
     canAccepts: f,
     getBelongedComponentInstance: m,
     getDraggableDesignItemElement: u,
@@ -3397,27 +3409,27 @@ function Ma(e, t, n) {
     onAcceptMovedChildElement: M,
     onChildElementMovedOut: S,
     addNewChildComponentSchema: b,
-    triggerBelongedComponentToMoveWhenMoved: l(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: l(!1),
+    triggerBelongedComponentToMoveWhenMoved: o(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: o(!1),
     onRemoveComponent: L
-  }, r;
+  }, s;
 }
-const Ia = /* @__PURE__ */ U({
+const xa = /* @__PURE__ */ U({
   name: "FResponseLayoutEditorSettingDesign",
   props: me,
   emits: [],
   setup(e, t) {
-    const n = l(e.initialState), a = l(e.width), o = l(e.height), r = l(), c = Se("design-item-context"), d = Ma(r, c);
+    const n = o(e.initialState), a = o(e.width), l = o(e.height), s = o(), r = Se("design-item-context"), d = Ia(s, r);
     Q(() => {
-      r.value.componentInstance = d;
+      s.value.componentInstance = d;
     }), t.expose(d.value);
     function v() {
-      const s = he.show({
+      const c = he.show({
         // title: '响应式列宽编辑器',
         render: () => i(ie, {
           initialState: n,
           width: a,
-          height: o
+          height: l
         }, null),
         width: 900,
         height: 500,
@@ -3426,20 +3438,20 @@ const Ia = /* @__PURE__ */ U({
           text: "确定",
           iconClass: "f-icon f-icon-check",
           handle: () => {
-            s.destroy();
+            c.destroy();
           }
         }, {
           class: "btn btn-light",
           text: "取消",
           iconClass: "f-icon f-icon-close",
           handle: () => {
-            s.destroy();
+            c.destroy();
           }
         }]
       });
     }
     return () => i("div", {
-      ref: r,
+      ref: s,
       class: "f-column-width-setting-button",
       onClick: v
     }, [i("div", {
@@ -3450,7 +3462,7 @@ const Ia = /* @__PURE__ */ U({
       class: "f-column-width-setting-button-center"
     }, [q("高级设置")])])]);
   }
-}), xa = {
+}), Ea = {
   width: { Type: Number, default: 400 },
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
@@ -3463,45 +3475,45 @@ const Ia = /* @__PURE__ */ U({
 function ye() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function Ea(e) {
+async function Ba(e) {
   if (!navigator.clipboard)
     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();
   n == null || n.removeAllRanges(), a.selectNode(t), n == null || n.addRange(a);
-  let o = !1;
+  let l = !1;
   try {
-    o = window.document.execCommand("copy");
+    l = window.document.execCommand("copy");
   } finally {
     n == null || n.removeAllRanges(), window.document.body.removeChild(t);
   }
-  if (!o)
+  if (!l)
     throw ye();
 }
-async function Da(e) {
+async function Ta(e) {
   try {
-    await Ea(e);
+    await Ba(e);
   } catch (t) {
     try {
-      await Ba(e);
+      await Da(e);
     } catch (n) {
       throw n || t || ye();
     }
   }
 }
-function Ta() {
+function La() {
   async function e(t) {
-    await Da(t);
+    await Ta(t);
   }
   return { onCopy: e };
 }
-function La(e, t, n, a) {
-  const o = l(14), r = l(140), c = l(""), d = l(a.value.length), v = R(() => a.value), s = R(() => ({
-    "font-size": `${o.value}px`,
+function Ra(e, t, n, a) {
+  const l = o(14), s = o(140), r = o(""), d = o(a.value.length), v = R(() => a.value), c = R(() => ({
+    "font-size": `${l.value}px`,
     height: "100%"
   }));
   function m(u) {
@@ -3514,25 +3526,25 @@ function La(e, t, n, a) {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
-    style: s.value,
+    style: c.value,
     rows: "4",
-    maxlength: r.value,
+    maxlength: s.value,
     onInput: (u) => m(u)
   }, [v.value]), i("span", {
     class: "textarea-wordcount",
-    title: c.value,
+    title: r.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
-  }, [d.value + " / " + r.value])]);
+  }, [d.value + " / " + s.value])]);
 }
-function Ra(e, t, n, a) {
-  const o = La(e, t, n, a), r = /* @__PURE__ */ new Map([["text-area", o]]);
-  function c(d) {
-    return r.get(d) || null;
+function Fa(e, t, n, a) {
+  const l = Ra(e, t, n, a), s = /* @__PURE__ */ new Map([["text-area", l]]);
+  function r(d) {
+    return s.get(d) || null;
   }
-  return { getEditorRender: c };
+  return { getEditorRender: r };
 }
-function Fa() {
-  const e = l(!1), t = l("复制成功");
+function ka() {
+  const e = o(!1), t = o("复制成功");
   return {
     feedbackStyle: R(() => {
       const a = {
@@ -3557,12 +3569,12 @@ function Fa() {
     toShowFeedback: e
   };
 }
-function ka(e, t) {
+function Wa(e, t) {
   const n = t.getEditorRender(e.promptEditorType);
   return () => n && n();
 }
-function Wa(e) {
-  const t = l(3), n = l(480), a = R(() => !!e.value && !!e.value.date), o = R(() => `发生时间 : ${e.value && e.value.date || ""}`), r = R(() => !!e.value && !!e.value.detail), c = R(() => {
+function $a(e) {
+  const t = o(3), n = o(480), a = R(() => !!e.value && !!e.value.date), l = R(() => `发生时间 : ${e.value && e.value.date || ""}`), s = R(() => !!e.value && !!e.value.detail), r = R(() => {
     const b = `${n.value}px`;
     return {
       overflow: "hidden",
@@ -3572,15 +3584,15 @@ function Wa(e) {
       "-webkit-line-clamp": t.value,
       "max-height": b
     };
-  }), d = R(() => e.value && e.value.detail || ""), v = R(() => !0), s = l(!1), m = l("展开"), u = l("收起"), f = R(() => {
+  }), d = R(() => e.value && e.value.detail || ""), v = R(() => !0), c = o(!1), m = o("展开"), u = o("收起"), f = R(() => {
     const b = {
       display: "block",
       color: "#2A87FF"
     };
-    return b["text-align"] = s.value ? "" : "right", b;
+    return b["text-align"] = c.value ? "" : "right", b;
   });
   function h(b, S) {
-    s.value = !s.value, t.value = s.value ? 20 : 3;
+    c.value = !c.value, t.value = c.value ? 20 : 3;
   }
   function w(b) {
     return h();
@@ -3590,83 +3602,83 @@ function Wa(e) {
   }
   return () => i("div", {
     class: "toast-msg-detail"
-  }, [a.value && i("div", null, [o.value]), r.value && i("div", {
+  }, [a.value && i("div", null, [l.value]), s.value && i("div", {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
-    style: c.value
+    style: r.value
   }, [q("详细信息 : "), i("span", {
     innerHTML: d.value
   }, null)]), v.value && i("span", {
     style: f.value
-  }, [s.value && i("span", {
+  }, [c.value && i("span", {
     onClick: w,
     style: "cursor: pointer;"
-  }, [u.value]), !s.value && i("span", {
+  }, [u.value]), !c.value && i("span", {
     onClick: M,
     style: "cursor: pointer;"
   }, [m.value])])]);
 }
-function $a(e) {
+function Oa(e) {
   return () => i("p", {
     class: "toast-msg-detail",
     innerHTML: e.value
   }, null);
 }
-function Oa(e, t, n, a) {
-  const o = l(e.exceptionInfo), r = R(() => {
+function Aa(e, t, n, a) {
+  const l = o(e.exceptionInfo), s = R(() => {
     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), v = R(() => !!a.value), s = R(() => !!o.value);
+  }), r = R(() => n.value || l.value && l.value.message), d = R(() => a.value), v = R(() => !!a.value), c = R(() => !!l.value);
   function m() {
-    return s.value ? Wa(o) : v.value ? $a(d) : () => null;
+    return c.value ? $a(l) : v.value ? Oa(d) : () => null;
   }
   const u = m();
   return () => i(ue, null, [i("div", {
     class: "float-left modal-tips-iconwrap"
   }, [i("span", {
-    class: r.value
+    class: s.value
   }, null)]), i("div", {
     class: "modal-tips-content"
   }, [i("p", {
     class: "toast-msg-title",
-    innerHTML: c.value
+    innerHTML: r.value
   }, null), u()])]);
 }
-function Aa(e, t, n) {
+function ja(e, t, n) {
   const {
     onCopy: a
   } = t, {
-    toShowFeedback: o
-  } = n, r = l("复制成功"), c = l("复制详细信息"), d = l(e.exceptionInfo || {
+    toShowFeedback: l
+  } = n, s = o("复制成功"), r = o("复制详细信息"), d = o(e.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
   }), v = R(() => d.value && d.value.detail || "");
-  function s(m) {
+  function c(m) {
     a(v.value).catch((u) => {
-      r.value = "复制失败";
+      s.value = "复制失败";
     }).finally(() => {
-      o.value = !0, setTimeout(() => {
-        o.value = !1;
+      l.value = !0, setTimeout(() => {
+        l.value = !1;
       }, 700);
     });
   }
   return () => i("span", {
     style: "width: 100%;color: #2A87FF;padding-left: 37px;"
   }, [i("span", {
-    onClick: s,
+    onClick: c,
     style: "cursor: pointer;"
-  }, [c.value])]);
+  }, [r.value])]);
 }
-function ja(e, t, n, a) {
-  const o = l(e.type), r = l([]), c = l(e.exceptionInfo), d = l(e.okButtonText), v = l(e.cancelButtonText), s = l(!0), m = l(!0), u = R(() => !!(r.value && r.value.length)), f = R(() => c.value && c.value.date && c.value.message && c.value.detail), h = R(() => !(r.value && r.value.length) && (d.value || v.value)), w = R(() => m.value && d.value), M = R(() => s.value && v.value), b = Aa(e, n, a);
+function Va(e, t, n, a) {
+  const l = o(e.type), s = o([]), r = o(e.exceptionInfo), d = o(e.okButtonText), v = o(e.cancelButtonText), c = o(!0), m = o(!0), u = R(() => !!(s.value && s.value.length)), f = R(() => r.value && r.value.date && r.value.message && r.value.detail), h = R(() => !(s.value && s.value.length) && (d.value || v.value)), w = R(() => m.value && d.value), M = R(() => c.value && v.value), b = ja(e, n, a);
   function S(L) {
-    o.value === "question" && t.emit("reject"), t.emit("close");
+    l.value === "question" && t.emit("reject"), t.emit("close");
   }
   function D(L) {
-    o.value === "question" && t.emit("accept"), t.emit("close");
+    l.value === "question" && t.emit("accept"), t.emit("close");
   }
   return () => i("div", {
     class: "modal-footer"
@@ -3678,7 +3690,7 @@ function ja(e, t, n, a) {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: D
-  }, [d.value]), u.value && r.value.length && r.value.map((L) => i("button", {
+  }, [d.value]), u.value && s.value.length && s.value.map((L) => i("button", {
     type: "button",
     onClick: L.handle,
     class: L.class
@@ -3688,23 +3700,23 @@ function ja(e, t, n, a) {
 }
 const oe = /* @__PURE__ */ U({
   name: "FMessageBox",
-  props: xa,
+  props: Ea,
   emits: ["accept", "reject", "close"],
   setup(e, t) {
-    const n = l(e.type), a = l(e.title), o = l(e.detail), r = R(() => {
+    const n = o(e.type), a = o(e.title), l = o(e.detail), s = R(() => {
       const b = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
       }, S = `messager-type-${n.value}`;
       return b[S] = !0, b;
-    }), c = R(() => {
+    }), r = R(() => {
       const b = {};
       return n.value === "prompt" ? b.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (b.padding = "0.5rem 1.5rem 1rem 1.5rem"), b;
-    }), d = Ta(), v = Ra(e, n, a, o), s = Fa(), {
+    }), d = La(), v = Fa(e, n, a, l), c = ka(), {
       feedbackStyle: m,
       feedbackMessage: u
-    } = s;
+    } = c;
     function f() {
       return i("div", {
         style: m.value
@@ -3713,17 +3725,17 @@ const oe = /* @__PURE__ */ U({
     function h() {
       switch (n.value) {
         case "prompt":
-          return ka(e, v);
+          return Wa(e, v);
         default:
-          return Oa(e, n, a, o);
+          return Aa(e, n, a, l);
       }
     }
-    const w = h(), M = ja(e, t, d, s);
+    const w = h(), M = Va(e, t, d, c);
     return () => i("div", {
       class: "farris-messager"
     }, [i("section", {
-      class: r.value,
-      style: c.value
+      class: s.value,
+      style: r.value
     }, [w()]), M(), f()]);
   }
 });
@@ -3731,23 +3743,23 @@ class J {
   static show(t) {
     const n = Z({
       ...t
-    }), a = !1, o = n.type === "error" || n.type === "prompt", r = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", c = n.acceptCallback || (() => {
+    }), a = !1, l = n.type === "error" || n.type === "prompt", s = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", r = n.acceptCallback || (() => {
     }), d = n.rejectCallback || (() => {
     });
-    let v = null, s = new he(v);
+    let v = null, c = new he(v);
     const m = () => {
-      v && (v == null || v.destroy(), s = null);
+      v && (v == null || v.destroy(), c = null);
     };
-    v = s == null ? void 0 : s.open({
+    v = c == null ? void 0 : c.open({
       class: "modal-message modal-message-type-info",
-      title: r,
+      title: s,
       showButtons: a,
-      showHeader: o,
+      showHeader: l,
       width: n.width || 400,
       fitContent: !0,
       showMaxButton: !1,
       render: () => i(oe, Me(n, {
-        onAccept: c,
+        onAccept: r,
         onReject: d,
         onClose: m
       }), null)
@@ -3784,7 +3796,7 @@ class J {
     J.show(a);
   }
   static error(t, n, a) {
-    const o = Z({
+    const l = Z({
       width: 500,
       type: "error",
       okButtonText: "关闭",
@@ -3795,7 +3807,7 @@ class J {
         detail: n
       }
     });
-    J.show(o);
+    J.show(l);
   }
   static prompt(t, n) {
     const a = Z({
@@ -3807,17 +3819,17 @@ class J {
     });
     J.show(a);
   }
-  static question(t, n, a, o) {
-    const r = Z({
+  static question(t, n, a, l) {
+    const s = Z({
       type: "question",
       title: t,
       detail: n,
       okButtonText: "确定",
       cancelButtonText: "取消",
       acceptCallback: a,
-      rejectCallback: o
+      rejectCallback: l
     });
-    J.show(r);
+    J.show(s);
   }
 }
 oe.install = (e) => {
@@ -3828,14 +3840,14 @@ const de = /* @__PURE__ */ U({
   props: me,
   emits: ["change"],
   setup(e, t) {
-    const n = l(e.initialState), a = l(e.width), o = l(e.height);
+    const n = o(e.initialState), a = o(e.width), l = o(e.height);
     A(() => e.initialState, (v) => {
       n.value = v;
     });
-    function r(v, s) {
-      n.value.importData = s, t.emit("change", s), v && v.unmount();
+    function s(v, c) {
+      n.value.importData = c, t.emit("change", c), v && v.unmount();
     }
-    function c(v) {
+    function r(v) {
       v && v.unmount();
     }
     function d() {
@@ -3848,9 +3860,9 @@ const de = /* @__PURE__ */ U({
         render: (v) => i(ie, {
           initialState: n,
           width: a.value,
-          height: o.value,
-          onClose: () => c(v),
-          onSubmit: (s) => r(v, s)
+          height: l.value,
+          onClose: () => r(v),
+          onSubmit: (c) => s(v, c)
         }, null),
         width: 900,
         height: 500,
@@ -3871,7 +3883,7 @@ const de = /* @__PURE__ */ U({
     }, [q("高级设置")])])]);
   }
 });
-class Ga {
+class qa {
   constructor() {
     /** 控件标题 */
     N(this, "label", "");
@@ -3901,7 +3913,7 @@ class Ga {
     N(this, "fieldSetId", "");
   }
 }
-const qa = {
+const Ua = {
   install(e) {
     e.component(ie.name, ie), e.component(de.name, de);
   },
@@ -3909,13 +3921,13 @@ const qa = {
     e["response-layout-editor-setting"] = de, t["response-layout-editor-setting"] = we;
   },
   registerDesigner(e, t, n) {
-    e["response-layout-editor-setting"] = Ia, t["response-layout-editor-setting"] = we;
+    e["response-layout-editor-setting"] = xa, t["response-layout-editor-setting"] = we;
   }
 };
 export {
-  Ga as ResponseFormLayoutContext,
+  qa as ResponseFormLayoutContext,
   ie as ResponseLayoutEditor,
   de as ResponseLayoutEditorSetting,
-  qa as default,
+  Ua as default,
   ct as responseLayoutEditorProps
 };