@farris/ui-vue 1.2.6 → 1.2.8

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

@@ -1,10 +1,10 @@
 var Ue = Object.defineProperty;
 var Xe = (e, t, n) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Q = (e, t, n) => Xe(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as q, ref as l, watch as O, computed as R, onMounted as J, createVNode as i, nextTick as ce, toRefs as Ye, onBeforeMount as fe, createTextVNode as G, Fragment as ue, withModifiers as le, inject as ge, provide as Je, onUnmounted as be, Teleport as Qe, shallowRef as Ze, createApp as _e, render as se, h as Ke, cloneVNode as et, mergeProps as we, reactive as Z } from "vue";
+import { defineComponent as q, ref as l, watch as A, computed as R, onMounted as J, createVNode as i, nextTick as ce, toRefs as Ye, onBeforeMount as fe, createTextVNode as G, Fragment as ue, withModifiers as le, inject as ge, provide as Je, onUnmounted as be, Teleport as Qe, shallowRef as Ze, createApp as _e, render as se, h as Ke, cloneVNode as et, mergeProps as we, reactive as Z } from "vue";
 import { cloneDeep as U } from "lodash-es";
-import tt from "@farris/ui-vue/components/list-view";
-import nt from "@farris/ui-vue/components/button-edit";
+import tt from "../list-view/index.esm.js";
+import nt from "../button-edit/index.esm.js";
 const Se = {
   /** 当前控件组别及样式 */
   defaultState: {
@@ -453,7 +453,7 @@ function de(e, t = {}) {
 }
 function pt(e, t) {
   const n = pe(t);
-  return Object.keys(e).reduce((a, o) => (a[o] = e[o], a), n), n;
+  return Object.keys(e).reduce((a, o) => (a[o] && typeof a[o] == "object" ? Object.assign(a[o], e[o]) : a[o] = e[o], a), n), n;
 }
 function vt(e, t) {
   return Object.keys(e).filter((a) => e[a] != null).reduce((a, o) => {
@@ -462,8 +462,8 @@ function vt(e, t) {
       if (typeof u == "string")
         a[u] = e[o];
       else {
-        const d = u(o, e[o], e);
-        Object.assign(a, d);
+        const c = u(o, e[o], e);
+        Object.assign(a, c);
       }
     } else
       a[o] = e[o];
@@ -475,64 +475,64 @@ function mt(e, t, n = /* @__PURE__ */ new Map()) {
   return vt(a, n);
 }
 function ht(e = {}) {
-  function t(r, p, s, c) {
-    if (typeof s == "number")
-      return c[r].length === s;
-    if (typeof s == "object") {
-      const h = Object.keys(s)[0], b = s[h];
+  function t(s, p, r, d) {
+    if (typeof r == "number")
+      return d[s].length === r;
+    if (typeof r == "object") {
+      const h = Object.keys(r)[0], g = r[h];
       if (h === "not")
-        return Number(c[r].length) !== Number(b);
+        return Number(d[s].length) !== Number(g);
       if (h === "moreThan")
-        return Number(c[r].length) >= Number(b);
+        return Number(d[s].length) >= Number(g);
       if (h === "lessThan")
-        return Number(c[r].length) <= Number(b);
+        return Number(d[s].length) <= Number(g);
     }
     return !1;
   }
-  function n(r, p, s, c) {
-    return c[r] && c[r].propertyValue && String(c[r].propertyValue.value) === String(s);
+  function n(s, p, r, d) {
+    return d[s] && d[s].propertyValue && String(d[s].propertyValue.value) === String(r);
   }
   const a = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((r, p) => (r.set(p, e[p]), r), a);
-  function o(r, p) {
-    const s = r;
-    return typeof p == "number" ? [{ target: s, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: s, operator: "getProperty", param: r, value: !!p }] : typeof p == "object" ? Object.keys(p).map((c) => {
-      if (c === "length")
-        return { target: s, operator: "length", param: null, value: p[c] };
-      const h = c, b = p[c];
-      return { target: s, operator: "getProperty", param: h, value: b };
+  Object.keys(e).reduce((s, p) => (s.set(p, e[p]), s), a);
+  function o(s, p) {
+    const r = s;
+    return typeof p == "number" ? [{ target: r, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: r, operator: "getProperty", param: s, value: !!p }] : typeof p == "object" ? Object.keys(p).map((d) => {
+      if (d === "length")
+        return { target: r, operator: "length", param: null, value: p[d] };
+      const h = d, g = p[d];
+      return { target: r, operator: "getProperty", param: h, value: g };
     }) : [];
   }
-  function u(r) {
-    return Object.keys(r).reduce((s, c) => {
-      const h = o(c, r[c]);
-      return s.push(...h), s;
+  function u(s) {
+    return Object.keys(s).reduce((r, d) => {
+      const h = o(d, s[d]);
+      return r.push(...h), r;
     }, []);
   }
-  function d(r, p) {
-    if (a.has(r.operator)) {
-      const s = a.get(r.operator);
-      return s && s(r.target, r.param, r.value, p) || !1;
+  function c(s, p) {
+    if (a.has(s.operator)) {
+      const r = a.get(s.operator);
+      return r && r(s.target, s.param, s.value, p) || !1;
     }
     return !1;
   }
-  function f(r, p) {
-    return u(r).reduce((h, b) => h && d(b, p), !0);
+  function f(s, p) {
+    return u(s).reduce((h, g) => h && c(g, p), !0);
   }
-  function v(r, p) {
-    const s = Object.keys(r), c = s.includes("allOf"), h = s.includes("anyOf"), b = c || h, S = (b ? r[b ? c ? "allOf" : "anyOf" : "allOf"] : [r]).map((L) => f(L, p));
-    return c ? !S.includes(!1) : S.includes(!0);
+  function v(s, p) {
+    const r = Object.keys(s), d = r.includes("allOf"), h = r.includes("anyOf"), g = d || h, S = (g ? s[g ? d ? "allOf" : "anyOf" : "allOf"] : [s]).map((L) => f(L, p));
+    return d ? !S.includes(!1) : S.includes(!0);
   }
   return { parseValueSchema: v };
 }
 const yt = {}, gt = {};
 ht();
-function K(e, t, n = /* @__PURE__ */ new Map(), a = (d, f, v) => f, o = {}, u = (d) => d) {
-  return Ce[t.title] = t, Me[t.title] = a, yt[t.title] = o, gt[t.title] = u, (d = {}) => {
-    const f = mt(d, t, n), v = Object.keys(e).reduce((r, p) => (r[p] = e[p].default, r), {});
+function K(e, t, n = /* @__PURE__ */ new Map(), a = (c, f, v) => f, o = {}, u = (c) => c) {
+  return Ce[t.title] = t, Me[t.title] = a, yt[t.title] = o, gt[t.title] = u, (c = {}) => {
+    const f = mt(c, t, n), v = Object.keys(e).reduce((s, p) => (s[p] = e[p].default, s), {});
     return Object.assign(v, f);
   };
 }
@@ -601,8 +601,8 @@ const Dt = /* @__PURE__ */ q({
   emits: ["mounted", "active"],
   setup(e, t) {
     const n = l(), a = l(e.isActive);
-    O(() => e.isActive, (d) => {
-      a.value = d;
+    A(() => e.isActive, (c) => {
+      a.value = c;
     });
     const o = R(() => ({
       "f-capsule-item": !0,
@@ -612,8 +612,8 @@ const Dt = /* @__PURE__ */ q({
     J(() => {
       t.emit("mounted", n, e.value);
     });
-    function u(d) {
-      e.disabled || t.emit("active", d, {
+    function u(c) {
+      e.disabled || t.emit("active", c, {
         name: e.name,
         value: e.value
       });
@@ -621,7 +621,7 @@ const Dt = /* @__PURE__ */ q({
     return () => i("div", {
       ref: n,
       class: o.value,
-      onClick: (d) => u(d)
+      onClick: (c) => u(c)
     }, [e.icon && i("i", {
       class: e.icon
     }, null), e.name]);
@@ -631,65 +631,65 @@ const Dt = /* @__PURE__ */ q({
   props: Ie,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = l(e.items), a = l(), o = 2, u = l(e.modelValue), d = l("none"), f = l(e.type), v = R(() => {
-      const g = {
+    const n = l(e.items), a = l(), o = 2, u = l(e.modelValue), c = l("none"), f = l(e.type), v = R(() => {
+      const b = {
         "f-capsule-container": !0
       };
-      return f.value && (g[f.value] = !0), g;
-    }), r = R(() => ({})), p = R(() => ({
+      return f.value && (b[f.value] = !0), b;
+    }), s = R(() => ({})), p = R(() => ({
       "f-capsule": !0
-    })), s = l(o), c = l(0), h = l(0), b = R(() => ({
-      left: `${s.value}px`,
-      width: `${c.value}px`,
-      transition: d.value
-    })), B = R(() => ({
+    })), r = l(o), d = l(0), h = l(0), g = R(() => ({
+      left: `${r.value}px`,
+      width: `${d.value}px`,
+      transition: c.value
+    })), T = R(() => ({
       width: `${h.value}px`
     })), w = /* @__PURE__ */ new Map();
-    function S(g) {
+    function S(b) {
       var m;
-      if (w.has(g.value)) {
-        const T = (m = w.get(g.value)) == null ? void 0 : m.value;
-        if (T) {
-          const A = T.getBoundingClientRect(), H = a.value.getBoundingClientRect();
-          s.value = A.left - H.left + o + a.value.scrollLeft, c.value = A.width - 2 * o;
+      if (w.has(b.value)) {
+        const B = (m = w.get(b.value)) == null ? void 0 : m.value;
+        if (B) {
+          const O = B.getBoundingClientRect(), H = a.value.getBoundingClientRect();
+          r.value = O.left - H.left + o + a.value.scrollLeft, d.value = O.width - 2 * o;
         }
       }
     }
-    function k(g, m) {
-      const T = g.value;
-      u.value = T, t.emit("update:modelValue", T), S(g), m && t.emit("change", T);
+    function k(b, m) {
+      const B = b.value;
+      u.value = B, t.emit("update:modelValue", B), S(b), m && t.emit("change", B);
     }
-    function L(g) {
-      const m = n.value.findIndex((T) => T.value === g);
+    function L(b) {
+      const m = n.value.findIndex((B) => B.value === b);
       m > -1 && k(n.value[m], !1);
     }
-    O(() => e.modelValue, (g) => {
-      u.value = g, L(u.value);
-    }), O(() => e.items, async (g) => {
-      const m = g.filter((T) => T.show);
-      y(m), n.value = m, await ce(), L(u.value), h.value = Array.from(w.values()).reduce((T, A) => (T += A.value.clientWidth, T), 0);
+    A(() => e.modelValue, (b) => {
+      u.value = b, L(u.value);
+    }), A(() => e.items, async (b) => {
+      const m = b.filter((B) => B.show);
+      y(m), n.value = m, await ce(), L(u.value), h.value = Array.from(w.values()).reduce((B, O) => (B += O.value.clientWidth, B), 0);
     }), J(async () => {
-      L(u.value), await ce(), d.value = "0.1s ease-out all", h.value = Array.from(w.values()).reduce((g, m) => (g += m.value.clientWidth, g), 0);
+      L(u.value), await ce(), c.value = "0.1s ease-out all", h.value = Array.from(w.values()).reduce((b, m) => (b += m.value.clientWidth, b), 0);
     });
-    function j(g, m) {
+    function j(b, m) {
       k(m, !0);
     }
-    function W(g, m) {
-      w.set(m, g);
+    function W(b, m) {
+      w.set(m, b);
     }
-    function y(g) {
+    function y(b) {
       Array.from(w.keys()).forEach((m) => {
-        g.find((A) => A.value === m) || w.delete(m);
+        b.find((O) => O.value === m) || w.delete(m);
       });
     }
-    function E(g, m) {
+    function E(b, m) {
       return i(Dt, {
-        name: g.name,
-        value: g.value,
-        isActive: g.value === u.value,
+        name: b.name,
+        value: b.value,
+        isActive: b.value === u.value,
         index: m,
-        disabled: g.disabled,
-        key: g.value,
+        disabled: b.disabled,
+        key: b.value,
         onMounted: W,
         onActive: j
       }, null);
@@ -697,15 +697,15 @@ const Dt = /* @__PURE__ */ q({
     return () => i("span", {
       ref: a,
       class: v.value,
-      style: r.value
+      style: s.value
     }, [i("span", {
       class: "f-capsule-pane"
-    }, [n.value.map((g, m) => E(g, m))]), i("small", {
+    }, [n.value.map((b, m) => E(b, m))]), i("small", {
       class: p.value,
-      style: b.value
+      style: g.value
     }, null), i("div", {
       class: "f-capsule-board",
-      style: B.value
+      style: T.value
     }, null)]);
   }
 }), Bt = /* @__PURE__ */ new Map([
@@ -782,17 +782,17 @@ const Dt = /* @__PURE__ */ q({
     type: "enum",
     default: "medium"
   }
-}, At = [
+}, Ot = [
   "id",
   "type"
-], Ot = {
+], At = {
   $schema: Lt,
   $id: Rt,
   title: Ft,
   description: kt,
   type: $t,
   properties: Wt,
-  required: At
+  required: Ot
 };
 function jt(e, t, n) {
   return t;
@@ -814,7 +814,7 @@ const xe = {
   onModelValueChanged: { type: Function, default: () => {
   } }
 };
-K(xe, Ot, Bt, jt);
+K(xe, At, Bt, jt);
 const Vt = /* @__PURE__ */ q({
   name: "FSwitch",
   props: xe,
@@ -825,11 +825,11 @@ const Vt = /* @__PURE__ */ q({
       size: a,
       onLabel: o,
       offLabel: u,
-      onBackground: d,
+      onBackground: c,
       offBackground: f,
       onColor: v,
-      offColor: r
-    } = Ye(e), p = l(e.modelValue), s = R(() => ({
+      offColor: s
+    } = Ye(e), p = l(e.modelValue), r = R(() => ({
       switch: !0,
       "f-cmp-switch": !0,
       checked: p.value,
@@ -837,31 +837,31 @@ const Vt = /* @__PURE__ */ q({
       "switch-large": a.value === "large",
       "switch-medium": a.value === "medium",
       "switch-small": a.value === "small"
-    })), c = R(() => p.value ? {
+    })), d = R(() => p.value ? {
       outline: "none",
-      background: d.value
+      background: c.value
     } : {
       outline: "none",
       backgroundColor: f.value
     }), h = R(() => p.value ? {
       background: v.value
     } : {
-      backgroundColor: r.value
-    }), b = R(() => (o == null ? void 0 : o.value) || (u == null ? void 0 : u.value));
-    function B() {
+      backgroundColor: s.value
+    }), g = R(() => (o == null ? void 0 : o.value) || (u == null ? void 0 : u.value));
+    function T() {
       n.value || (p.value = !p.value, t.emit("update:modelValue", p.value));
     }
-    return O(p, (w, S) => {
+    return A(p, (w, S) => {
       w !== S && t.emit("modelValueChanged", w);
-    }), O(() => e.modelValue, (w, S) => {
+    }), A(() => e.modelValue, (w, S) => {
       w !== S && (p.value = w);
     }), () => i("span", {
       tabindex: "0",
       role: "button",
-      class: s.value,
-      style: c.value,
-      onClick: B
-    }, [b.value && i("span", {
+      class: r.value,
+      style: d.value,
+      onClick: T
+    }, [g.value && i("span", {
       class: "switch-pane"
     }, [i("span", {
       class: "switch-label-checked"
@@ -896,20 +896,20 @@ const Vt = /* @__PURE__ */ q({
       code: "EL",
       value: "EL",
       active: !1
-    }]), a = l(e.defaultStates), o = l("MD"), u = l("中等屏幕"), d = l(!1);
+    }]), a = l(e.defaultStates), o = l("MD"), u = l("中等屏幕"), c = l(!1);
     function f(p) {
-      n.value.forEach((s) => {
-        s.active = s.code === p, s.active && (o.value = s.code, u.value = s.name, t.emit("screenNameChanged", u.value), t.emit("currentScreenResolutionChanged", o.value));
+      n.value.forEach((r) => {
+        r.active = r.code === p, r.active && (o.value = r.code, u.value = r.name, t.emit("screenNameChanged", u.value), t.emit("currentScreenResolutionChanged", o.value));
       });
     }
     function v() {
-      t.emit("switchInStandardModeChanged", d.value);
+      t.emit("switchInStandardModeChanged", c.value);
     }
-    O(d, () => {
+    A(c, () => {
     }), fe(() => {
-      a.value.mode === "standard" ? (d.value = !0, v()) : d.value = !1;
+      a.value.mode === "standard" ? (c.value = !0, v()) : c.value = !1;
     });
-    function r() {
+    function s() {
       return i(Tt, {
         class: "f-layout-editor-screen-resolution-selector-frame",
         items: n.value,
@@ -924,14 +924,14 @@ const Vt = /* @__PURE__ */ q({
       class: "f-layout-editor-screen-resolution-selector-header"
     }, [i("div", {
       class: "f-layout-editor-screen-resolution-selector-form"
-    }, [G("表单布局配置")])]), r(), i("div", {
+    }, [G("表单布局配置")])]), s(), i("div", {
       class: "f-layout-editor-screen-resolution-selector-switch"
     }, [i(Vt, {
       class: "f-layout-editor-show-switch",
-      modelValue: d.value,
-      "onUpdate:modelValue": (p) => d.value = p,
+      modelValue: c.value,
+      "onUpdate:modelValue": (p) => c.value = p,
       onModelValueChanged: v
-    }, null), d.value ? i("div", {
+    }, null), c.value ? i("div", {
       class: "f-layout-editor-show-switch-label"
     }, [G("标准模式")]) : i("div", {
       class: "f-layout-editor-show-switch-label"
@@ -959,8 +959,8 @@ const Vt = /* @__PURE__ */ q({
   emits: [],
   setup(e, t) {
     const n = l(e.item), a = l(e.currentScreenResolution), o = R(() => `col-${n.value[`columnIn${a.value}`]}`);
-    return O([() => e.item, () => e.currentScreenResolution], ([u, d], [f, v]) => {
-      u !== f && (n.value = u), d !== v && (a.value = d);
+    return A([() => e.item, () => e.currentScreenResolution], ([u, c], [f, v]) => {
+      u !== f && (n.value = u), c !== v && (a.value = c);
     }), () => i("div", {
       class: o.value
     }, [i("div", {
@@ -975,36 +975,36 @@ const Vt = /* @__PURE__ */ q({
   props: Nt,
   emits: ["update:twoDimensionalArray"],
   setup(e, t) {
-    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.currentArea), u = l(e.twoDimensionalArray), d = l([]);
-    O([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([s, c, h], [b, B, w]) => {
-      s !== b && (o.value = s), c !== B && (a.value = c), h !== w && (n.value = h);
-    }), O(() => e.twoDimensionalArray, () => {
+    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.currentArea), u = l(e.twoDimensionalArray), c = l([]);
+    A([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([r, d, h], [g, T, w]) => {
+      r !== g && (o.value = r), d !== T && (a.value = d), h !== w && (n.value = h);
+    }), A(() => e.twoDimensionalArray, () => {
       u.value = e.twoDimensionalArray, f();
     }), J(() => {
       f();
     });
     function f() {
-      d.value = U(u.value), d.value = v();
+      c.value = U(u.value), c.value = v();
     }
     function v() {
-      const s = [];
-      let c = 1;
-      return d.value.forEach((h) => {
-        const b = r(h, c);
-        c += b.length, s.push(b);
-      }), s;
-    }
-    function r(s, c) {
+      const r = [];
+      let d = 1;
+      return c.value.forEach((h) => {
+        const g = s(h, d);
+        d += g.length, r.push(g);
+      }), r;
+    }
+    function s(r, d) {
       const h = [];
-      let b = [];
-      return s.forEach((B) => {
-        c !== B.componentRow && (c += 1, h.push(b), b = []), b.push(B);
-      }), h.push(b), h;
+      let g = [];
+      return r.forEach((T) => {
+        d !== T.componentRow && (d += 1, h.push(g), g = []), g.push(T);
+      }), h.push(g), h;
     }
     function p() {
       if (a.value)
         return "";
-      const s = Array.from({
+      const r = Array.from({
         length: 12
       }, () => i("div", {
         class: "col-1"
@@ -1013,7 +1013,7 @@ const Vt = /* @__PURE__ */ q({
       }, [G(" ")])]));
       return i("div", {
         class: "f-layout-editor-preview-customize-whole-background"
-      }, [s]);
+      }, [r]);
     }
     return () => i("div", {
       class: "f-layout-editor-preview f-utils-fill-flex-column"
@@ -1023,13 +1023,13 @@ const Vt = /* @__PURE__ */ q({
       class: "f-layout-editor-preview-view f-utils-overflow-xhya"
     }, [i("div", {
       class: "f-layout-editor-preview-row-group"
-    }, [d.value.map((s) => {
-      var c, h;
-      return ((c = s[0][0]) == null ? void 0 : c.group.toString()) === ((h = o.value[0]) == null ? void 0 : h.id) && s.map((b) => i("div", {
+    }, [c.value.map((r) => {
+      var d, h;
+      return ((d = r[0][0]) == null ? void 0 : d.group.toString()) === ((h = o.value[0]) == null ? void 0 : h.id) && r.map((g) => i("div", {
         class: "f-layout-editor-row"
-      }, [b.map((B) => i(Pt, {
-        item: B,
-        "onUpdate:item": (w) => B = w,
+      }, [g.map((T) => i(Pt, {
+        item: T,
+        "onUpdate:item": (w) => T = w,
         currentScreenResolution: n.value,
         switchInStandardMode: a.value
       }, null))]));
@@ -1055,43 +1055,43 @@ const Vt = /* @__PURE__ */ q({
 };
 function Ut(e, t) {
   const n = l(-1), a = l(!1);
-  function o(s) {
-    if (s.target.offsetParent) {
-      const c = s.target.offsetParent, h = c.offsetWidth - s.target.offsetWidth / 2 - 4, b = c.offsetHeight / 2;
-      s.dataTransfer && s.dataTransfer.setDragImage(c, h, b);
+  function o(r) {
+    if (r.target.offsetParent) {
+      const d = r.target.offsetParent, h = d.offsetWidth - r.target.offsetWidth / 2 - 4, g = d.offsetHeight / 2;
+      r.dataTransfer && r.dataTransfer.setDragImage(d, h, g);
     }
   }
-  function u(s) {
-    if (s) {
-      const c = e.value.findIndex((h) => h.label === s.label);
+  function u(r) {
+    if (r) {
+      const d = e.value.findIndex((h) => h.label === r.label);
       setTimeout(() => {
-        n.value = c, a.value = !0, s.moving = !0;
+        n.value = d, a.value = !0, r.moving = !0;
       });
     }
   }
-  function d(s, c) {
-    s.stopPropagation(), o(s), u(c);
+  function c(r, d) {
+    r.stopPropagation(), o(r), u(d);
   }
-  function f(s) {
-    const c = e.value.findIndex((h) => h.label === s.label);
-    if (n.value !== c) {
-      const h = e.value[n.value], b = e.value;
-      b.splice(n.value, 1), b.splice(c, 0, h), n.value = c, t && t();
+  function f(r) {
+    const d = e.value.findIndex((h) => h.label === r.label);
+    if (n.value !== d) {
+      const h = e.value[n.value], g = e.value;
+      g.splice(n.value, 1), g.splice(d, 0, h), n.value = d, t && t();
     }
   }
-  function v(s, c) {
-    s.preventDefault(), f(c);
+  function v(r, d) {
+    r.preventDefault(), f(d);
   }
-  function r(s) {
-    s.preventDefault(), s.dataTransfer && (s.dataTransfer.dropEffect = "move");
+  function s(r) {
+    r.preventDefault(), r.dataTransfer && (r.dataTransfer.dropEffect = "move");
   }
-  function p(s, c) {
-    c && (c.moving = !1), a.value = !1;
+  function p(r, d) {
+    d && (d.moving = !1), a.value = !1;
   }
   return {
-    dragstart: d,
+    dragstart: c,
     dragenter: v,
-    dragover: r,
+    dragover: s,
     dragend: p,
     isDragging: a
   };
@@ -1383,7 +1383,13 @@ const Ee = {
   /**
    * 打开前
    */
-  beforeOpen: { type: Function, default: null }
+  beforeOpen: { type: Function, default: null },
+  searchOption: {
+    type: Object,
+    default: !1
+  },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 }
 };
 K(Ee, tn, Xt, nn);
 const an = {
@@ -1400,71 +1406,93 @@ const an = {
   valueField: { type: String, default: "id" },
   /** 值变化事件 */
   onSelectionChange: { type: Function, default: () => {
-  } }
+  } },
+  searchOption: {
+    type: Object,
+    default: !1
+  },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 }
 }, ln = /* @__PURE__ */ q({
   name: "FComboListContainer",
   props: an,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = l(e.dataSource), a = l([]), o = l(e.separator), u = l(e.width), d = l(e.maxHeight), f = l(String(e.selectedValues).split(o.value));
-    O(e.dataSource, () => {
-      n.value = e.dataSource;
+    const n = l(), a = l(e.dataSource), o = l([]), u = l(e.separator), c = l(e.width), f = l(e.maxHeight), v = l(String(e.selectedValues).split(u.value));
+    A(e.dataSource, () => {
+      a.value = e.dataSource;
     });
-    const v = R(() => e.enableSearch ? "SearchBar" : "ContentHeader"), r = R(() => {
-      const s = {};
-      return u.value !== void 0 && (s.width = `${u.value}px`), d.value !== void 0 && d.value > 0 && (s.maxHeight = `${d.value}px`), s;
+    const s = R(() => e.enableSearch ? "SearchBar" : "ContentHeader"), p = R(() => {
+      const h = {};
+      return c.value !== void 0 && (h.width = `${c.value}px`), f.value !== void 0 && f.value > 0 && (h.maxHeight = `${f.value}px`), h;
     });
-    function p(s) {
-      a.value = s.map((c) => Object.assign({}, c)), f.value = s.map((c) => c[e.idField]), t.emit("selectionChange", a.value);
+    function r(h) {
+      o.value = h.map((g) => Object.assign({}, g)), v.value = h.map((g) => g[e.idField]), t.emit("selectionChange", o.value);
     }
-    return O([() => e.selectedValues], ([s]) => {
-      f.value = s.split(o.value);
+    function d(h) {
+      if (e.enableHighlightSearch)
+        return;
+      let g = [];
+      typeof e.searchOption == "function" ? g = a.value.filter((T) => e.searchOption(h, T)) : g = a.value.filter((T) => T[e.valueField].indexOf(h) > -1 || T[e.textField].indexOf(h) > -1), n.value.updateDataSource(g);
+    }
+    return A([() => e.selectedValues], ([h]) => {
+      v.value = h.split(u.value);
     }), () => i("div", {
       class: "f-combo-list-container pl-3",
-      style: r.value
+      style: p.value
     }, [i(tt, {
+      ref: n,
       size: "small",
       itemClass: "f-combo-list-item",
-      header: v.value,
+      header: s.value,
       headerClass: "f-combo-list-search-box",
-      data: n.value,
+      data: a.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      multiSelectMode: "OnCheckAndClick",
-      selectionValues: f.value,
-      onSelectionChange: p
+      selection: {
+        enableSelectRow: !0,
+        multiSelect: !0,
+        multiSelectMode: "OnCheckAndClick",
+        showCheckbox: !0,
+        showSelectAll: !1,
+        showSelection: !0
+      },
+      enableHighlightSearch: e.enableHighlightSearch,
+      selectionValues: v.value,
+      onSelectionChange: r,
+      onAfterSearch: d
     }, null)]);
   }
 });
 function on(e) {
   const t = l(""), n = l(e.modelValue), a = l(e.data || []), o = l(e.editable);
-  function u(s) {
-    const c = String(s).split(e.separator).map((b) => [b, !0]), h = new Map(c);
-    return a.value.filter((b) => h.has(String(b[e.valueField])));
+  function u(r) {
+    const d = String(r).split(e.separator).map((g) => [g, !0]), h = new Map(d);
+    return a.value.filter((g) => h.has(String(g[e.valueField])));
   }
-  function d(s) {
-    const c = u(s).map((h) => h[e.textField]).join(e.separator);
-    t.value = o.value ? c || s : c;
+  function c(r) {
+    const d = u(r).map((h) => h[e.textField]).join(e.separator);
+    t.value = o.value ? d || r : d;
   }
-  function f(s) {
-    const c = s.split(e.separator).map((b) => [b, !0]), h = new Map(c);
-    return a.value.filter((b) => h.has(b[e.textField]));
+  function f(r) {
+    const d = r.split(e.separator).map((g) => [g, !0]), h = new Map(d);
+    return a.value.filter((g) => h.has(g[e.textField]));
   }
-  function v(s) {
-    const c = {};
-    return c[e.idField] = s, c[e.textField] = s, [c];
+  function v(r) {
+    const d = {};
+    return d[e.idField] = r, d[e.textField] = r, [d];
   }
-  function r(s) {
-    let c = f(s);
-    const h = c && c.length > 0;
-    return o.value && !h && (c = v(s)), c;
+  function s(r) {
+    let d = f(r);
+    const h = d && d.length > 0;
+    return o.value && !h && (d = v(r)), d;
   }
   function p() {
-    const { url: s, method: c = "GET", headers: h = {}, body: b = null } = e.remote, B = c.toLowerCase() == "get" ? { method: c, headers: h } : { method: c, headers: h, body: b };
+    const { url: r, method: d = "GET", headers: h = {}, body: g = null } = e.remote, T = d.toLowerCase() == "get" ? { method: d, headers: h } : { method: d, headers: h, body: g };
     let w = !1;
-    fetch(s, B).then((S) => {
+    fetch(r, T).then((S) => {
       var L, j;
       if (S.status === 200)
         return w = !!((j = (L = S.headers) == null ? void 0 : L.get("content-type")) != null && j.includes("application/json")), w ? S.text() : S.json();
@@ -1475,44 +1503,44 @@ function on(e) {
       console.error(S);
     });
   }
-  return e.remote && p(), O(() => e.data, () => {
+  return e.remote && p(), A(() => e.data, () => {
     a.value = e.data;
-  }), O([a], ([s]) => {
+  }), A([a], ([r]) => {
     if (e.modelValue) {
-      const c = s.find((h) => h[e.valueField] === e.modelValue);
-      c && (t.value = c[e.textField]);
+      const d = r.find((h) => h[e.valueField] === e.modelValue);
+      d && (t.value = d[e.textField]);
     }
-  }), O(() => e.modelValue, (s) => {
-    n.value = s, d(s);
-  }), d(e.modelValue), { dataSource: a, displayText: t, editable: o, modelValue: n, getItemsByDisplayText: f, getItemsByValue: u, getSelectedItemsByDisplayText: r };
+  }), A(() => e.modelValue, (r) => {
+    n.value = r, c(r);
+  }), c(e.modelValue), { dataSource: a, displayText: t, editable: o, modelValue: n, getItemsByDisplayText: f, getItemsByValue: u, getSelectedItemsByDisplayText: s };
 }
 const un = /* @__PURE__ */ q({
   name: "FComboList",
   props: Ee,
   emits: ["clear", "update:modelValue", "change", "input"],
   setup(e, t) {
-    const n = l(), a = l(e.disabled), o = l(e.enableClear), u = l(e.enableSearch), d = l(e.readonly), {
+    const n = l(), a = l(e.disabled), o = l(e.enableClear), u = l(e.enableSearch), c = l(e.readonly), {
       dataSource: f,
       displayText: v,
-      editable: r,
+      editable: s,
       modelValue: p,
-      getSelectedItemsByDisplayText: s
-    } = on(e), c = R(() => e.multiSelect), h = R(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
-    function b() {
-      !c.value && n.value && n.value.hidePopup();
+      getSelectedItemsByDisplayText: r
+    } = on(e), d = R(() => e.multiSelect), h = R(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
+    function g() {
+      !d.value && n.value && n.value.hidePopup();
     }
-    function B(W) {
-      v.value = W.map((y) => y[e.textField]).join(e.separator), W.length === 1 ? p.value = W[0][e.valueField] : p.value = W.map((y) => y[e.valueField]).join(e.separator), t.emit("update:modelValue", p.value), t.emit("change", W, p.value), b();
+    function T(W) {
+      v.value = W.map((y) => y[e.textField]).join(e.separator), W.length === 1 ? p.value = W[0][e.valueField] : p.value = W.map((y) => y[e.valueField]).join(e.separator), t.emit("update:modelValue", p.value), t.emit("change", W, p.value), g();
     }
     function w() {
-      d.value || n.value.togglePopup();
+      c.value || n.value.togglePopup();
     }
     function S(W) {
       p.value = "", t.emit("update:modelValue", ""), t.emit("clear");
     }
     function k(W) {
-      const y = s(W);
-      B(y);
+      const y = r(W);
+      T(y);
     }
     function L() {
       return v.value;
@@ -1522,15 +1550,15 @@ const un = /* @__PURE__ */ q({
     }
     return t.expose({
       getDisplayText: L
-    }), O([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([W, y, E, g, m]) => {
-      a.value = W, r.value = y, o.value = E, u.value = g, d.value = m;
+    }), A([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([W, y, E, b, m]) => {
+      a.value = W, s.value = y, o.value = E, u.value = b, c.value = m;
     }), () => i(nt, {
       ref: n,
       id: e.id,
       disable: a.value,
-      readonly: d.value,
+      readonly: c.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: r.value,
+      editable: s.value,
       buttonContent: e.dropDownIcon,
       placeholder: e.placeholder,
       enableClear: o.value,
@@ -1559,8 +1587,9 @@ const un = /* @__PURE__ */ q({
         multiSelect: e.multiSelect,
         enableSearch: u.value,
         maxHeight: e.maxHeight,
+        enableHighlightSearch: e.enableHighlightSearch,
         width: e.fitEditor ? h.value : void 0,
-        onSelectionChange: B
+        onSelectionChange: T
       }, null)]
     });
   }
@@ -1702,25 +1731,25 @@ const In = /* @__PURE__ */ q({
   emits: ["selectedValueChanged"],
   setup(e, t) {
     const n = l(e.enumData);
-    function a(u, d) {
+    function a(u, c) {
       if (u.currentTarget.classList.value = "btn btn-secondary active", u.currentTarget.tagName.toLowerCase() === "label") {
         const {
           currentTarget: f
         } = u, v = f.parentElement;
         Array.from(v.querySelectorAll("label")).filter((p) => p !== f).forEach((p) => p.classList.remove("active"));
       }
-      t.emit("selectedValueChanged", d);
+      t.emit("selectedValueChanged", c);
     }
     function o(u) {
       return `${u.text}${e.suffixValue}`;
     }
-    return O(() => e.enumData, (u, d) => {
-      u !== d && (n.value = e.enumData);
+    return A(() => e.enumData, (u, c) => {
+      u !== c && (n.value = e.enumData);
     }), () => i("div", {
       class: "f-radio-button"
     }, [i("div", {
       class: ["farris-input-wrap"]
-    }, [n.value.map((u, d) => i(ue, null, [i("label", {
+    }, [n.value.map((u, c) => i(ue, null, [i("label", {
       class: u.active ? "btn btn-secondary active" : "btn btn-secondary",
       onClick: (f) => a(f, u)
     }, [i("span", {
@@ -1806,7 +1835,7 @@ const Dn = "https://json-schema.org/draft/2020-12/schema", Tn = "https://farris-
   type: Rn,
   properties: Fn,
   required: kn
-}, Wn = "rate", An = "A Farris Component", On = "object", jn = {
+}, Wn = "rate", On = "A Farris Component", An = "object", jn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1830,8 +1859,8 @@ const Dn = "https://json-schema.org/draft/2020-12/schema", Tn = "https://farris-
   }
 }, Vn = {
   title: Wn,
-  description: An,
-  type: On,
+  description: On,
+  type: An,
   categories: jn
 }, zn = ["很不满意", "不满意", "一般", "满意", "非常满意"], Te = {
   /** 星星大小 */
@@ -1872,11 +1901,11 @@ const Nn = /* @__PURE__ */ q({
   props: Te,
   emits: ["selectedValue", "update:modelValue"],
   setup(e, t) {
-    const n = l(e.size), a = l(e.enableHalf), o = l(e.enableClear), u = l(e.disabled), d = l(e.pointSystem), f = l(e.lightColor), v = l(e.darkColor), r = l(e.iconClass), p = l(e.numOfStar), s = l(e.toolTipDisabled), c = l(e.toolTipContents), h = l(e.enableScore), b = l(e.enableSatisfaction);
-    let B;
+    const n = l(e.size), a = l(e.enableHalf), o = l(e.enableClear), u = l(e.disabled), c = l(e.pointSystem), f = l(e.lightColor), v = l(e.darkColor), s = l(e.iconClass), p = l(e.numOfStar), r = l(e.toolTipDisabled), d = l(e.toolTipContents), h = l(e.enableScore), g = l(e.enableSatisfaction);
+    let T;
     const w = l(0), S = l(0), k = l(0), L = l(e.modelValue);
     let j = 1, W, y, E;
-    const g = 4;
+    const b = 4;
     J(() => {
     });
     function m() {
@@ -1887,28 +1916,28 @@ const Nn = /* @__PURE__ */ q({
           id: $
         });
     }
-    function T() {
+    function B() {
       let x;
-      a.value ? x = Math.ceil(L.value / j) : x = L.value, S.value = (B * L.value + Math.floor(L.value) * g) / j, W = c.value[x - 1];
+      a.value ? x = Math.ceil(L.value / j) : x = L.value, S.value = (T * L.value + Math.floor(L.value) * b) / j, W = d.value[x - 1];
     }
-    function A() {
+    function O() {
       switch (n.value) {
         case "small":
-          B = 14;
+          T = 14;
           break;
         case "middle":
-          B = 16;
+          T = 16;
           break;
         case "large":
-          B = 18;
+          T = 18;
           break;
         case "extraLarge":
-          B = 24;
+          T = 24;
           break;
       }
-      m(), p.value && (j = d.value / p.value), L.value && T();
+      m(), p.value && (j = c.value / p.value), L.value && B();
     }
-    A();
+    O();
     function H(x) {
       return x.className.indexOf("f-icon") !== -1;
     }
@@ -1919,7 +1948,7 @@ const Nn = /* @__PURE__ */ q({
       if (x.movementX || x.movementY) {
         if (u.value)
           return;
-        b.value && (W = c.value[$ - 1]), x.offsetX < B / 2 && a.value === !0 ? (w.value = B * $ - B / 2 + g * ($ - 1), k.value = j * $ - j / 2) : (w.value = B * $ + g * ($ - 1), k.value = j * $);
+        g.value && (W = d.value[$ - 1]), x.offsetX < T / 2 && a.value === !0 ? (w.value = T * $ - T / 2 + b * ($ - 1), k.value = j * $ - j / 2) : (w.value = T * $ + b * ($ - 1), k.value = j * $);
       }
       if (N === !0) {
         if (X())
@@ -1940,8 +1969,8 @@ const Nn = /* @__PURE__ */ q({
     function I() {
       w.value = 0;
     }
-    return O(() => e.modelValue, (x) => {
-      L.value = x, T();
+    return A(() => e.modelValue, (x) => {
+      L.value = x, B();
     }), () => i("div", {
       class: "farris-star-rating",
       onMouseover: le((x) => F(x, !1), ["prevent"]),
@@ -1952,7 +1981,7 @@ const Nn = /* @__PURE__ */ q({
       class: "star-light-area",
       style: C.value
     }, [E.map((x) => i("span", {
-      class: ["f-icon default-light-color ", r.value, {
+      class: ["f-icon default-light-color ", s.value, {
         "f-star-sm": n.value === "small"
       }, {
         "f-star-md": n.value === "middle"
@@ -1961,7 +1990,7 @@ const Nn = /* @__PURE__ */ q({
       }, {
         "f-star-exlarge": n.value === "extraLarge"
       }, {
-        disabled: s.value
+        disabled: r.value
       }],
       id: x.id,
       style: {
@@ -1976,7 +2005,7 @@ const Nn = /* @__PURE__ */ q({
         large: n.value === "large"
       }]
     }, [E.map((x) => i("span", {
-      class: ["f-icon default-dark-color", r.value, {
+      class: ["f-icon default-dark-color", s.value, {
         "f-star-sm": n.value === "small"
       }, {
         "f-star-md": n.value === "middle"
@@ -1999,7 +2028,7 @@ const Nn = /* @__PURE__ */ q({
       }, {
         "font-exlarge": n.value === "extraLarge"
       }]
-    }, [h.value && i("span", null, [G(" "), z.value, G(" ")]), b.value && (y || W) && i("span", null, [G(" "), W || y])])]);
+    }, [h.value && i("span", null, [G(" "), z.value, G(" ")]), g.value && (y || W) && i("span", null, [G(" "), W || y])])]);
   }
 }), Hn = /* @__PURE__ */ q({
   name: "FColumnWidthEditor",
@@ -2011,27 +2040,27 @@ const Nn = /* @__PURE__ */ q({
       MD: ["1", "2"],
       LG: ["1", "2", "3", "4"],
       EL: ["1", "2", "3", "4", "5", "6"]
-    }, a = l(e.currentScreenResolution), o = l(e.field), u = l(e.switchInStandardMode), d = l(), f = l(""), v = l(), r = l("customize"), p = l(), s = ge("ResponseLayoutEditorDraggableComposition"), {
-      dragstart: c,
+    }, a = l(e.currentScreenResolution), o = l(e.field), u = l(e.switchInStandardMode), c = l(), f = l(""), v = l(), s = l("customize"), p = l(), r = ge("ResponseLayoutEditorDraggableComposition"), {
+      dragstart: d,
       dragenter: h,
-      dragover: b,
-      dragend: B
-    } = s;
+      dragover: g,
+      dragend: T
+    } = r;
     function w() {
-      d.value = n == null ? void 0 : n[a.value], u.value ? (f.value = `displayWidthIn${a.value}`, r.value = `${o.value[f.value]}`) : (f.value = `columnIn${a.value}`, p.value = o.value[f.value]);
+      c.value = n == null ? void 0 : n[a.value], u.value ? (f.value = `displayWidthIn${a.value}`, s.value = `${o.value[f.value]}`) : (f.value = `columnIn${a.value}`, p.value = o.value[f.value]);
     }
     function S(m) {
       if (u.value === !0) {
-        const T = Number(m == null ? void 0 : m.text);
-        v.value = T;
-        const A = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-        o.value[`columnIn${a.value}`] = T * A, o.value[`displayWidthIn${a.value}`] = Number(T), t.emit("fieldChanged", o.value);
+        const B = Number(m == null ? void 0 : m.text);
+        v.value = B;
+        const O = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
+        o.value[`columnIn${a.value}`] = B * O, o.value[`displayWidthIn${a.value}`] = Number(B), t.emit("fieldChanged", o.value);
       }
     }
     function k(m) {
       p.value = m;
-      const T = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-      o.value[`columnIn${a.value}`] = p.value, o.value[`displayWidthIn${a.value}`] = p.value / T, t.emit("fieldChanged", o.value);
+      const B = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
+      o.value[`columnIn${a.value}`] = p.value, o.value[`displayWidthIn${a.value}`] = p.value / B, t.emit("fieldChanged", o.value);
     }
     function L() {
       return i(Nn, {
@@ -2050,12 +2079,12 @@ const Nn = /* @__PURE__ */ q({
     }
     function j() {
       const m = [];
-      d.value = n == null ? void 0 : n[a.value];
-      const T = o.value[`displayWidthIn${a.value}`];
-      return d.value.forEach((A) => {
+      c.value = n == null ? void 0 : n[a.value];
+      const B = o.value[`displayWidthIn${a.value}`];
+      return c.value.forEach((O) => {
         const H = {
-          text: A,
-          active: T.toString() === A
+          text: O,
+          active: B.toString() === O
         };
         m.push(H);
       }), m;
@@ -2091,8 +2120,8 @@ const Nn = /* @__PURE__ */ q({
       }, [W()])]) : i("div", {
         class: "f-column-width-editor-switch-customize",
         onDragenter: (m) => h(m, o.value),
-        onDragend: (m) => B(m, o.value),
-        onDragover: (m) => b(m)
+        onDragend: (m) => T(m, o.value),
+        onDragover: (m) => g(m)
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-rectangle"
       }, [L(), i("div", {
@@ -2100,10 +2129,10 @@ const Nn = /* @__PURE__ */ q({
       }, [p.value, G("列")]), i("span", {
         class: "f-layout-editor-drag-handler f-icon f-icon-drag-vertical",
         draggable: "true",
-        onDragstart: (m) => c(m, o.value)
+        onDragstart: (m) => d(m, o.value)
       }, null)])]);
     }
-    function g() {
+    function b() {
       var m;
       return i("div", {
         class: "f-layout-editor-column-width-editor-component"
@@ -2111,21 +2140,21 @@ const Nn = /* @__PURE__ */ q({
         class: "f-layout-editor-column-width-editor-label"
       }, [(m = o == null ? void 0 : o.value) == null ? void 0 : m.label]), E()]);
     }
-    return O(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, T, A], [H, X, D]) => {
-      A !== D && (a.value = A, d.value = n[a.value], w()), T !== X && (u.value = T), u.value === !1 && w(), m !== H && (o.value = m);
+    return A(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, B, O], [H, X, D]) => {
+      O !== D && (a.value = O, c.value = n[a.value], w()), B !== X && (u.value = B), u.value === !1 && w(), m !== H && (o.value = m);
     }), J(() => {
       w();
     }), () => i("div", {
       class: "f-layout-editor-column-width-editor"
-    }, [y(), g()]);
+    }, [y(), b()]);
   }
 }), Pn = /* @__PURE__ */ q({
   name: "FFieldList",
   props: qt,
   emits: ["update:currentArea", "twoDimensionalArrayChanged", "originalDataChanged"],
   setup(e, t) {
-    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.originalData), u = l(e.originalDataCopy), d = l(e.defaultStates), f = l(""), v = l([]), r = l(e.currentArea), p = l(0), s = l(), c = l(0), h = l("1"), b = l([]);
-    function B() {
+    const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.originalData), u = l(e.originalDataCopy), c = l(e.defaultStates), f = l(""), v = l([]), s = l(e.currentArea), p = l(0), r = l(), d = l(0), h = l("1"), g = l([]);
+    function T() {
       var F;
       let D = w();
       for (let z = 0; z < D.length; z++) {
@@ -2144,31 +2173,31 @@ const Nn = /* @__PURE__ */ q({
       }), D;
     }
     function S() {
-      h.value = d.value.defaultGroupNumber.toString(), f.value = `区域${h.value}`, r.value = [v.value[Number(h.value) - 1]], t.emit("update:currentArea", r.value);
+      h.value = c.value.defaultGroupNumber.toString(), f.value = `区域${h.value}`, s.value = [v.value[Number(h.value) - 1]], t.emit("update:currentArea", s.value);
     }
     function k() {
       let D = [];
-      s.value = [];
+      r.value = [];
       let F = 1;
       o.value.forEach((z) => {
-        z.group === F || (F += 1, s.value.push(D), D = []), D.push(z);
-      }), s.value.push(D);
+        z.group === F || (F += 1, r.value.push(D), D = []), D.push(z);
+      }), r.value.push(D);
     }
     function L() {
-      s.value[r.value[0].id - 1] = U(b.value);
+      r.value[s.value[0].id - 1] = U(g.value);
       let D = [];
-      c.value = 0, s.value.forEach((F) => {
-        let z = W(F, c.value);
-        D.push(z), c.value = z[z.length - 1].componentRow;
+      d.value = 0, r.value.forEach((F) => {
+        let z = W(F, d.value);
+        D.push(z), d.value = z[z.length - 1].componentRow;
       }), y(D);
     }
     function j() {
       k();
       let D = [];
-      return c.value = 0, s.value.forEach((F) => {
-        let z = W(F, c.value);
-        D.push(z), c.value = z[z.length - 1].componentRow;
-      }), t.emit("twoDimensionalArrayChanged", s.value), y(D), o.value;
+      return d.value = 0, r.value.forEach((F) => {
+        let z = W(F, d.value);
+        D.push(z), d.value = z[z.length - 1].componentRow;
+      }), t.emit("twoDimensionalArrayChanged", r.value), y(D), o.value;
     }
     function W(D, F) {
       let C = 12;
@@ -2182,7 +2211,7 @@ const Nn = /* @__PURE__ */ q({
       let F = [];
       for (let z of D)
         F = F.concat(z);
-      o.value = U(F), c.value = 0;
+      o.value = U(F), d.value = 0;
     }
     function E() {
       return i("div", {
@@ -2203,10 +2232,10 @@ const Nn = /* @__PURE__ */ q({
         onChange: H
       }, null)])]);
     }
-    function g() {
+    function b() {
       return i("div", {
         class: "f-layout-editor-field-list-content f-utils-overflow-xhya"
-      }, [b.value.map((D) => i(Hn, {
+      }, [g.value.map((D) => i(Hn, {
         key: D.label,
         currentScreenResolution: n.value,
         field: D,
@@ -2217,55 +2246,55 @@ const Nn = /* @__PURE__ */ q({
       }, null))]);
     }
     function m(D) {
-      b.value.forEach((F) => {
+      g.value.forEach((F) => {
         F.label == D.label && Object.assign(F, D);
-      }), L(), A(), T();
+      }), L(), O(), B();
     }
-    function T() {
-      b.value = [], o.value.forEach((D) => {
-        D.group === Number(r.value[0].id) && b.value.push(D);
+    function B() {
+      g.value = [], o.value.forEach((D) => {
+        D.group === Number(s.value[0].id) && g.value.push(D);
       });
     }
-    function A() {
+    function O() {
       o.value = U(j()), t.emit("originalDataChanged", o.value);
     }
     function H(D) {
       for (let F = 0; F < D.length; F++)
-        r.value = [{
+        s.value = [{
           id: D[F].id,
           label: D[F].label
         }];
-      t.emit("update:currentArea", r.value), T(), L();
+      t.emit("update:currentArea", s.value), B(), L();
     }
-    const X = Ut(b, () => {
-      L(), A(), T();
+    const X = Ut(g, () => {
+      L(), O(), B();
     });
-    return Je("ResponseLayoutEditorDraggableComposition", X), O(() => e.currentArea, (D, F) => {
-      D !== F && (r.value = e.currentArea, T());
-    }), O(r, (D, F) => {
-      D !== F && T();
-    }), O(() => e.currentGroup, (D, F) => {
+    return Je("ResponseLayoutEditorDraggableComposition", X), A(() => e.currentArea, (D, F) => {
+      D !== F && (s.value = e.currentArea, B());
+    }), A(s, (D, F) => {
+      D !== F && B();
+    }), A(() => e.currentGroup, (D, F) => {
       D !== F && (f.value = e.currentGroup);
-    }), O(() => e.currentScreenResolution, (D, F) => {
-      D !== F && (n.value = e.currentScreenResolution, A(), k(), r.value[0] && (b.value = U(s.value[Number(r.value[0].id) - 1])));
-    }), O(() => e.switchInStandardMode, (D, F) => {
+    }), A(() => e.currentScreenResolution, (D, F) => {
+      D !== F && (n.value = e.currentScreenResolution, O(), k(), s.value[0] && (g.value = U(r.value[Number(s.value[0].id) - 1])));
+    }), A(() => e.switchInStandardMode, (D, F) => {
       D !== F && (a.value = e.switchInStandardMode, o.value = U(u.value));
-    }), O(d, (D, F) => {
-      D !== F && A();
+    }), A(c, (D, F) => {
+      D !== F && O();
     }), fe(() => {
-      B(), j(), T();
+      T(), j(), B();
     }), () => i("div", {
       class: "f-layout-editor-field-list f-utils-fill-flex-column"
     }, [a.value ? (
       /* 标准模式 */
       i("div", {
         class: "f-layout-editor-field-list-standard f-utils-fill-flex-column"
-      }, [E(), g()])
+      }, [E(), b()])
     ) : (
       /* 自定义模式 */
       i("div", {
         class: "f-layout-editor-field-list-customize f-utils-fill-flex-column"
-      }, [E(), g()])
+      }, [E(), b()])
     )]);
   }
 }), ie = /* @__PURE__ */ q({
@@ -2273,22 +2302,22 @@ const Nn = /* @__PURE__ */ q({
   props: at,
   emits: ["close", "submit"],
   setup(e, t) {
-    const n = l(e.initialState), a = l(), o = l(), u = l(""), d = l(""), f = l(!1), v = l([{
+    const n = l(e.initialState), a = l(), o = l(), u = l(""), c = l(""), f = l(!1), v = l([{
       id: "1",
       label: "区域1"
-    }]), r = l([]), p = l(), s = l(e.width), c = l(e.height);
-    O(() => e.initialState, (m) => {
+    }]), s = l([]), p = l(), r = l(e.width), d = l(e.height);
+    A(() => e.initialState, (m) => {
       n.value = m;
-    }), O([() => e.currentArea, () => e.switchInStandardMode], ([m, T], [A, H]) => {
-      m !== A && (v.value = m), T !== H && (f.value = T);
+    }), A([() => e.currentArea, () => e.switchInStandardMode], ([m, B], [O, H]) => {
+      m !== O && (v.value = m), B !== H && (f.value = B);
     });
     function h(m) {
       u.value = m;
     }
-    function b(m) {
-      d.value = m;
+    function g(m) {
+      c.value = m;
     }
-    function B(m) {
+    function T(m) {
       f.value = m;
     }
     function w(m) {
@@ -2298,7 +2327,7 @@ const Nn = /* @__PURE__ */ q({
       a.value = U(m);
     }
     function k(m) {
-      r.value = m;
+      s.value = m;
     }
     function L() {
       t.emit("close");
@@ -2311,8 +2340,8 @@ const Nn = /* @__PURE__ */ q({
         class: "f-utils-fill-flex-column",
         defaultStates: o.value,
         originalDataCopy: p.value,
-        currentScreenResolution: d.value,
-        "onUpdate:currentScreenResolution": (m) => d.value = m,
+        currentScreenResolution: c.value,
+        "onUpdate:currentScreenResolution": (m) => c.value = m,
         originalData: a.value,
         "onUpdate:originalData": (m) => a.value = m,
         switchInStandardMode: f.value,
@@ -2329,26 +2358,26 @@ const Nn = /* @__PURE__ */ q({
         class: "f-utils-fill-flex-column",
         currentArea: v.value,
         "onUpdate:currentArea": (m) => v.value = m,
-        currentScreenResolution: d.value,
-        "onUpdate:currentScreenResolution": (m) => d.value = m,
+        currentScreenResolution: c.value,
+        "onUpdate:currentScreenResolution": (m) => c.value = m,
         switchInStandardMode: f.value,
-        twoDimensionalArray: r.value,
-        "onUpdate:twoDimensionalArray": (m) => r.value = m
+        twoDimensionalArray: s.value,
+        "onUpdate:twoDimensionalArray": (m) => s.value = m
       }, null);
     }
-    const E = R(() => f.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), g = R(() => f.value ? "f-layout-editor-right-standard f-utils-fill-flex-column" : "f-layout-editor-right-customize f-utils-fill-flex-column");
+    const E = R(() => f.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), b = R(() => f.value ? "f-layout-editor-right-standard f-utils-fill-flex-column" : "f-layout-editor-right-customize f-utils-fill-flex-column");
     return fe(() => {
-      a.value = U(n.value.importData), p.value = U(n.value.importData), o.value = n.value.defaultState, u.value = "中等屏幕", d.value = "MD";
+      a.value = U(n.value.importData), p.value = U(n.value.importData), o.value = n.value.defaultState, u.value = "中等屏幕", c.value = "MD";
     }), (m) => i("div", {
       class: "f-layout-editor f-utils-flex-column",
-      style: "height:" + c.value + "px;width:" + s.value + "px;"
+      style: "height:" + d.value + "px;width:" + r.value + "px;"
     }, [i("div", {
       class: "f-layout-editor-top"
     }, [i(zt, {
       defaultStates: o.value,
       onScreenNameChanged: h,
-      onCurrentScreenResolutionChanged: b,
-      onSwitchInStandardModeChanged: B
+      onCurrentScreenResolutionChanged: g,
+      onSwitchInStandardModeChanged: T
     }, null)]), i("div", {
       class: "f-layout-editor-content f-utils-fill"
     }, [i("div", {
@@ -2358,7 +2387,7 @@ const Nn = /* @__PURE__ */ q({
     }, [W()])]), i("div", {
       class: "f-layout-editor-right f-utils-fill-flex-column"
     }, [i("div", {
-      class: g.value
+      class: b.value
     }, [y()])])]), i("div", {
       class: "f-layout-editor-bottom"
     }, [i("div", {
@@ -2516,7 +2545,7 @@ const Yn = "https://json-schema.org/draft/2020-12/schema", Jn = "https://farris-
   maxHeight: { type: Number },
   minWidth: { type: Number },
   maxWidth: { type: Number },
-  containment: { type: HTMLElement, default: null },
+  containment: { type: Object, default: null },
   reiszeable: { type: Boolean, default: !1 },
   draggable: { type: Boolean, default: !1 },
   dragHandle: { type: Object, default: null },
@@ -2611,7 +2640,7 @@ class _ {
   }
 }
 function sa(e, t) {
-  const n = l(), a = l(), o = l(), u = l(), d = l(), f = l(), v = l(), r = l(), p = l(), s = l(), c = l(), h = l(), b = l(e.draggable), B = l(!1);
+  const n = l(), a = l(), o = l(), u = l(), c = l(), f = l(), v = l(), s = l(), p = l(), r = l(), d = l(), h = l(), g = l(e.draggable), T = l(!1);
   function w() {
     const C = a.value || document.body, I = window.getComputedStyle(C);
     if (!I || !n.value)
@@ -2619,13 +2648,13 @@ function sa(e, t) {
     const x = P.getTransformInfo(n.value), $ = {};
     v.value && ($.deltaL = n.value.offsetLeft - v.value.x, $.deltaT = n.value.offsetTop - v.value.y);
     const N = I.getPropertyValue("position");
-    $.width = C.clientWidth, $.height = C.clientHeight, $.pr = parseInt(I.getPropertyValue("padding-right"), 10), $.pb = parseInt(I.getPropertyValue("padding-bottom"), 10), $.position = I.getPropertyValue("position"), N === "static" && (C.style.position = "relative"), $.translateX = x.x, $.translateY = x.y, s.value = $;
+    $.width = C.clientWidth, $.height = C.clientHeight, $.pr = parseInt(I.getPropertyValue("padding-right"), 10), $.pb = parseInt(I.getPropertyValue("padding-bottom"), 10), $.position = I.getPropertyValue("position"), N === "static" && (C.style.position = "relative"), $.translateX = x.x, $.translateY = x.y, r.value = $;
   }
   function S(C) {
     if (n.value) {
-      u.value = _.getCurrent(n.value), d.value = P.getCurrent(n.value), f.value = u.value ? _.copy(u.value) : null, v.value = d.value ? P.copy(d.value) : null, w();
+      u.value = _.getCurrent(n.value), c.value = P.getCurrent(n.value), f.value = u.value ? _.copy(u.value) : null, v.value = c.value ? P.copy(c.value) : null, w();
       const I = C.target.getAttribute("type") || "";
-      r.value = {
+      s.value = {
         n: !!I.match(/n/),
         s: !!I.match(/s/),
         w: !!I.match(/w/),
@@ -2637,28 +2666,28 @@ function sa(e, t) {
     var C, I, x, $;
     if (n.value) {
       const N = n.value;
-      r.value && ((r.value.n || r.value.s) && ((C = f.value) != null && C.height) && (N.style.height = f.value.height + "px"), (r.value.w || r.value.e) && ((I = f.value) != null && I.width) && (N.style.width = f.value.width + "px"), v.value && ((x = v.value) != null && x.x && (N.style.left = v.value.x + "px"), ($ = v.value) != null && $.y && (N.style.top = v.value.y + "px")));
+      s.value && ((s.value.n || s.value.s) && ((C = f.value) != null && C.height) && (N.style.height = f.value.height + "px"), (s.value.w || s.value.e) && ((I = f.value) != null && I.width) && (N.style.width = f.value.width + "px"), v.value && ((x = v.value) != null && x.x && (N.style.left = v.value.x + "px"), ($ = v.value) != null && $.y && (N.style.top = v.value.y + "px")));
     }
   }
   function L() {
     const C = e.minHeight ? e.minHeight : 1, I = e.minWidth ? e.minWidth : 1;
-    f.value && v.value && r.value && u.value && (f.value.height < C && (f.value.height = C, r.value.n && d.value && (v.value.y = d.value.y + (u.value.height - C))), f.value.width < I && (f.value.width = I, r.value.w && d.value && (v.value.x = d.value.x + (u.value.width - I))), e.maxHeight && f.value.height > e.maxHeight && (f.value.height = e.maxHeight, d.value && r.value.n && (v.value.y = d.value.y + (u.value.height - e.maxHeight))), e.maxWidth && f.value.width > e.maxWidth && (f.value.width = e.maxWidth, r.value.w && d.value && (v.value.x = d.value.x + (u.value.width - e.maxWidth))));
+    f.value && v.value && s.value && u.value && (f.value.height < C && (f.value.height = C, s.value.n && c.value && (v.value.y = c.value.y + (u.value.height - C))), f.value.width < I && (f.value.width = I, s.value.w && c.value && (v.value.x = c.value.x + (u.value.width - I))), e.maxHeight && f.value.height > e.maxHeight && (f.value.height = e.maxHeight, c.value && s.value.n && (v.value.y = c.value.y + (u.value.height - e.maxHeight))), e.maxWidth && f.value.width > e.maxWidth && (f.value.width = e.maxWidth, s.value.w && c.value && (v.value.x = c.value.x + (u.value.width - e.maxWidth))));
   }
   function j() {
     if (a.value) {
-      const C = s.value;
-      if (v.value && f.value && r.value && u.value) {
+      const C = r.value;
+      if (v.value && f.value && s.value && u.value) {
         const I = C.width - C.pr - C.deltaL - C.translateX - v.value.x, x = C.height - C.pb - C.deltaT - C.translateY - v.value.y;
-        r.value.n && v.value.y + C.translateY < 0 && d.value && (v.value.y = -C.translateY, f.value.height = u.value.height + d.value.y + C.translateY), r.value.w && v.value.x + C.translateX < 0 && d.value && (v.value.x = -C.translateX, f.value.width = u.value.width + d.value.x + C.translateX), f.value.width > I && (f.value.width = I), f.value.height > x && (f.value.height = x);
+        s.value.n && v.value.y + C.translateY < 0 && c.value && (v.value.y = -C.translateY, f.value.height = u.value.height + c.value.y + C.translateY), s.value.w && v.value.x + C.translateX < 0 && c.value && (v.value.x = -C.translateX, f.value.width = u.value.width + c.value.x + C.translateX), f.value.width > I && (f.value.width = I), f.value.height > x && (f.value.height = x);
       }
     }
   }
   function W(C) {
-    if (!o.value || !u.value || !d.value || !r.value)
+    if (!o.value || !u.value || !c.value || !s.value)
       return;
     C.subtract(o.value);
     const I = C.x, x = C.y;
-    r.value.n ? (v.value.y = d.value.y + x, f.value.height = u.value.height - x) : r.value.s && (f.value.height = u.value.height + x), r.value.e ? f.value.width = u.value.width + I : r.value.w && (f.value.width = u.value.width - I, v.value.x = d.value.x + I), j(), L(), k();
+    s.value.n ? (v.value.y = c.value.y + x, f.value.height = u.value.height - x) : s.value.s && (f.value.height = u.value.height + x), s.value.e ? f.value.width = u.value.width + I : s.value.w && (f.value.width = u.value.width - I, v.value.x = c.value.x + I), j(), L(), k();
   }
   function y(C) {
     if (!p.value)
@@ -2687,63 +2716,63 @@ function sa(e, t) {
     }
     return null;
   }
-  function g(C) {
+  function b(C) {
     if (n.value) {
       const I = E();
-      c.value = I;
+      d.value = I;
     }
-    o.value = void 0, u.value = null, d.value = null, f.value = null, v.value = null, r.value = null, p.value = null, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", g);
+    o.value = void 0, u.value = null, c.value = null, f.value = null, v.value = null, s.value = null, p.value = null, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", b);
   }
   function m() {
-    document.addEventListener("mousemove", y), document.addEventListener("mouseup", g);
+    document.addEventListener("mousemove", y), document.addEventListener("mouseup", b);
   }
-  function T(C) {
-    C instanceof MouseEvent && C.button === 2 || b.value && (C.stopPropagation(), C.preventDefault(), o.value = P.fromEvent(C), p.value = C.target, S(C), m());
+  function B(C) {
+    C instanceof MouseEvent && C.button === 2 || g.value && (C.stopPropagation(), C.preventDefault(), o.value = P.fromEvent(C), p.value = C.target, S(C), m());
   }
-  function A(C) {
+  function O(C) {
     return n.value = C, i(ue, null, [i("div", {
       class: "ng-resizable-handle ng-resizable-n",
       type: "n",
-      onMousedown: (I) => T(I)
+      onMousedown: (I) => B(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-e",
       type: "e",
-      onMousedown: (I) => T(I)
+      onMousedown: (I) => B(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-s",
       type: "s",
-      onMousedown: (I) => T(I)
+      onMousedown: (I) => B(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-w",
       type: "w",
-      onMousedown: (I) => T(I)
+      onMousedown: (I) => B(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-ne",
       type: "ne",
-      onMousedown: (I) => T(I)
+      onMousedown: (I) => B(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-se ng-resizable-diagonal",
       type: "se",
-      onMousedown: (I) => T(I)
+      onMousedown: (I) => B(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-sw",
       type: "sw",
-      onMousedown: (I) => T(I)
+      onMousedown: (I) => B(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-nw",
       type: "nw",
-      onMousedown: (I) => T(I)
+      onMousedown: (I) => B(I)
     }, null)]);
   }
   function H(C = !0) {
     const I = a.value || document.body, x = _.getCurrent(I), $ = n.value;
-    C && (h.value = E(), h.value.transform = $.style.transform), x && $ && (f.value = x, $.style.height = f.value.height - 14 + "px", $.style.width = f.value.width - 14 + "px", $.style.left = "7px", $.style.top = "7px", $.style.transform = "", c.value = {
+    C && (h.value = E(), h.value.transform = $.style.transform), x && $ && (f.value = x, $.style.height = f.value.height - 14 + "px", $.style.width = f.value.width - 14 + "px", $.style.left = "7px", $.style.top = "7px", $.style.transform = "", d.value = {
       size: f.value,
       position: {
         x: 0,
         y: 0
       }
-    }, b.value = !1, B.value = !0);
+    }, g.value = !1, T.value = !0);
   }
   function X() {
     var C, I;
@@ -2757,10 +2786,10 @@ function sa(e, t) {
       };
       (C = f.value) == null || C.set(x), (I = v.value) == null || I.set($);
       const N = n.value;
-      N.style.height = x.height + "px", N.style.width = x.width + "px", N.style.left = `${$.x}px`, N.style.top = `${$.y}px`, N.style.transform = "", c.value = {
+      N.style.height = x.height + "px", N.style.width = x.width + "px", N.style.left = `${$.x}px`, N.style.top = `${$.y}px`, N.style.transform = "", d.value = {
         size: x,
         position: $
-      }, b.value = e.draggable, B.value = !1;
+      }, g.value = e.draggable, T.value = !1;
     }
   }
   function D() {
@@ -2777,7 +2806,7 @@ function sa(e, t) {
   }
   function F() {
     const C = () => {
-      B.value ? H(!1) : D();
+      T.value ? H(!1) : D();
     };
     return window.addEventListener("resize", C), () => {
       window.removeEventListener("resize", C);
@@ -2785,55 +2814,55 @@ function sa(e, t) {
   }
   const z = F();
   return {
-    renderResizeBar: A,
+    renderResizeBar: O,
     boundingElement: a,
-    resizedEventParam: c,
+    resizedEventParam: d,
     maximize: H,
     restore: X,
-    allowDrag: b,
-    isMaximized: B,
+    allowDrag: g,
+    isMaximized: T,
     unWindowResizeHandle: z
   };
 }
 function ra(e, t) {
-  const n = l(), a = l(e.draggable), o = l(e.lockAxis), u = l(), d = l(), f = l(!1), v = l(new P(0, 0)), r = l(new P(0, 0)), p = l(new P(0, 0)), s = l(new P(0, 0));
-  function c(y, E) {
+  const n = l(), a = l(e.draggable), o = l(e.lockAxis), u = l(), c = l(), f = l(!1), v = l(new P(0, 0)), s = l(new P(0, 0)), p = l(new P(0, 0)), r = l(new P(0, 0));
+  function d(y, E) {
     if (E.tagName === "BUTTON")
       return !1;
     if (E === y)
       return !0;
-    for (const g in E.children)
-      if (E.children.hasOwnProperty(g) && c(y, E.children[g]))
+    for (const b in E.children)
+      if (E.children.hasOwnProperty(b) && d(y, E.children[b]))
         return !0;
     return !1;
   }
   function h() {
-    var m, T;
-    let y = p.value.x + r.value.x, E = p.value.y + r.value.y;
-    o.value === "x" ? (y = ((m = v.value) == null ? void 0 : m.x) || 0, p.value.x = 0) : o.value === "y" && (E = ((T = v.value) == null ? void 0 : T.y) || 0, p.value.y = 0);
-    const g = `translate3d(${Math.round(y)}px, ${Math.round(E)}px, 0px)`;
-    n.value && (n.value.style.transform = g), s.value.x = y, s.value.y = E;
-  }
-  function b() {
-    if (!d.value || !n.value)
+    var m, B;
+    let y = p.value.x + s.value.x, E = p.value.y + s.value.y;
+    o.value === "x" ? (y = ((m = v.value) == null ? void 0 : m.x) || 0, p.value.x = 0) : o.value === "y" && (E = ((B = v.value) == null ? void 0 : B.y) || 0, p.value.y = 0);
+    const b = `translate3d(${Math.round(y)}px, ${Math.round(E)}px, 0px)`;
+    n.value && (n.value.style.transform = b), r.value.x = y, r.value.y = E;
+  }
+  function g() {
+    if (!c.value || !n.value)
       return null;
-    const y = d.value.getBoundingClientRect(), E = n.value.getBoundingClientRect(), g = {
+    const y = c.value.getBoundingClientRect(), E = n.value.getBoundingClientRect(), b = {
       top: y.top < E.top,
       right: y.right > E.right,
       bottom: y.bottom > E.bottom,
       left: y.left < E.left
     };
-    return g.top || (p.value.y -= E.top - y.top), g.bottom || (p.value.y -= E.bottom - y.bottom), g.right || (p.value.x -= E.right - y.right), g.left || (p.value.x -= E.left - y.left), h(), g;
+    return b.top || (p.value.y -= E.top - y.top), b.bottom || (p.value.y -= E.bottom - y.bottom), b.right || (p.value.x -= E.right - y.right), b.left || (p.value.x -= E.left - y.left), h(), b;
   }
-  function B(y) {
-    y && (v.value && y.subtract(v.value), p.value.set(y), h(), b());
+  function T(y) {
+    y && (v.value && y.subtract(v.value), p.value.set(y), h(), g());
   }
   function w(y) {
-    f.value && a.value && (y.stopPropagation(), y.preventDefault(), B(P.fromEvent(y, u.value)));
+    f.value && a.value && (y.stopPropagation(), y.preventDefault(), T(P.fromEvent(y, u.value)));
   }
   function S() {
     var y;
-    f.value && (f.value = !1, r.value.add(p.value), p.value.reset(), (y = n.value) == null || y.classList.remove("ng-dragging"), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", S));
+    f.value && (f.value = !1, s.value.add(p.value), p.value.reset(), (y = n.value) == null || y.classList.remove("ng-dragging"), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", S));
   }
   function k() {
     !f.value && u.value && (f.value = !0, u.value.classList.add("ng-dragging"), document.addEventListener("mousemove", w), document.addEventListener("mouseup", S));
@@ -2841,18 +2870,18 @@ function ra(e, t) {
   function L() {
     if (n.value) {
       const y = P.getTransformInfo(n.value);
-      r.value.set(y);
+      s.value.set(y);
       return;
     }
-    r.value.reset();
+    s.value.reset();
   }
   function j(y) {
     if (y instanceof MouseEvent && y.button === 2)
       return;
     const E = y.target || y.srcElement;
-    u.value !== void 0 && E && !c(E, u.value) || a.value !== !1 && (y.stopPropagation(), y.preventDefault(), v.value = P.fromEvent(y, n.value), L(), k());
+    u.value !== void 0 && E && !d(E, u.value) || a.value !== !1 && (y.stopPropagation(), y.preventDefault(), v.value = P.fromEvent(y, n.value), L(), k());
   }
-  function W(y, E, g) {
+  function W(y, E, b) {
     if (y && a.value && E) {
       if (e.dragHandle) {
         if (e.dragHandle instanceof HTMLElement)
@@ -2863,7 +2892,7 @@ function ra(e, t) {
         }
       } else
         u.value = y;
-      n.value = E, d.value = g, u.value.classList.add("ng-draggable"), u.value.addEventListener("mousedown", j);
+      n.value = E, c.value = b, u.value.classList.add("ng-draggable"), u.value.addEventListener("mousedown", j);
     }
   }
   return {
@@ -2883,7 +2912,7 @@ const Be = /* @__PURE__ */ q({
   props: ua,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc"],
   setup(e, t) {
-    const n = l(e.width || 300), a = l(e.height || 200), o = l(e.modelValue), u = l(""), d = l(e.class), f = l(e.fitContent), v = l(e.showHeader), r = l(""), p = l(e.showCloseButton), s = l(e.showMaxButton), c = l(!1), h = l(""), b = l(""), B = l(""), w = l(e.showButtons), S = l(e.title), k = l(e.reiszeable), L = l(e.containment || null), j = l();
+    const n = l(e.width || 300), a = l(e.height || 200), o = l(e.modelValue), u = l(""), c = l(e.class), f = l(e.fitContent), v = l(e.showHeader), s = l(""), p = l(e.showCloseButton), r = l(e.showMaxButton), d = l(!1), h = l(""), g = l(""), T = l(""), w = l(e.showButtons), S = l(e.title), k = l(e.reiszeable), L = l(e.containment || null), j = l();
     function W(M, V) {
       o.value = !1, t.emit("update:modelValue", !1), V != null && t.emit(V ? "accept" : "cancel"), t.emit("closed", M);
     }
@@ -2901,7 +2930,7 @@ const Be = /* @__PURE__ */ q({
       handle: (M) => {
         W(M, !0);
       }
-    }], E = l(e.buttons && e.buttons.length ? e.buttons : y), g = R(() => !!r.value), m = R(() => !!w.value && !!E.value), T = l(), A = l(), H = l(!1), {
+    }], E = l(e.buttons && e.buttons.length ? e.buttons : y), b = R(() => !!s.value), m = R(() => !!w.value && !!E.value), B = l(), O = l(), H = l(!1), {
       renderResizeBar: X,
       maximize: D,
       restore: F,
@@ -2912,15 +2941,15 @@ const Be = /* @__PURE__ */ q({
     } = sa(e), {
       registerDraggle: $
     } = ra(e);
-    O(() => e.title, (M, V) => {
+    A(() => e.title, (M, V) => {
       M !== V && (S.value = M);
-    }), O(() => e.modelValue, (M, V) => {
+    }), A(() => e.modelValue, (M, V) => {
       M !== V && (o.value = M);
-    }), O(() => e.showHeader, (M, V) => {
+    }), A(() => e.showHeader, (M, V) => {
       M !== V && (v.value = M);
-    }), O(() => e.showButtons, (M, V) => {
+    }), A(() => e.showButtons, (M, V) => {
       M !== V && (w.value = M);
-    }), O(() => C.value, (M, V) => {
+    }), A(() => C.value, (M, V) => {
       const ne = M || {}, ae = V || {};
       JSON.stringify(ne) !== JSON.stringify(ae) && t.emit("resize", {
         newSize: M,
@@ -2942,7 +2971,7 @@ const Be = /* @__PURE__ */ q({
       var ne;
       const M = {
         "modal-dialog": !0
-      }, V = (ne = d.value) == null ? void 0 : ne.split(" ");
+      }, V = (ne = c.value) == null ? void 0 : ne.split(" ");
       return V == null || V.reduce((ae, qe) => (ae[qe] = !0, ae), M), M;
     }), ke = R(() => ({
       position: "absolute",
@@ -2958,11 +2987,11 @@ const Be = /* @__PURE__ */ q({
         display: v.value ? "" : "none"
       };
       return M["pointer-events"] = I.value ? "auto" : "none", M;
-    }), Ae = R(() => ({
+    }), Oe = R(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: H.value
-    })), Oe = R(() => ({
+    })), Ae = R(() => ({
       "modal-body": !0,
       "f-utils-flex-column": h.value === "iframe"
     }));
@@ -2971,7 +3000,7 @@ const Be = /* @__PURE__ */ q({
     }
     const Ve = R(() => {
       const M = {
-        textAlgin: B.value
+        textAlgin: T.value
       }, V = je();
       return Object.assign(M, V);
     });
@@ -2989,25 +3018,25 @@ const Be = /* @__PURE__ */ q({
       M.width && (n.value = M.width), M.height && (a.value = M.height), M.buttons && (E.value = M.buttons), M.title && (S.value = M.title);
     }
     J(() => {
-      A.value && !L.value && (L.value = A.value.parentElement, z.value = L.value, $(T.value, A.value, z.value)), te.value && document.body.classList.add("modal-open"), ca(e, t);
+      O.value && !L.value && (L.value = O.value.parentElement, z.value = L.value, $(B.value, O.value, z.value)), te.value && document.body.classList.add("modal-open"), ca(e, t);
     }), be(() => {
       N(), x && x();
     }), t.expose({
-      modalElementRef: A,
+      modalElementRef: O,
       updateModalOptions: He,
       close: W
     });
     function Pe() {
-      return i("ul", null, [c.value && i("li", {
+      return i("ul", null, [d.value && i("li", {
         class: "f-btn-icon f-bare"
       }, [i("span", {
         class: "f-icon modal_minimize"
-      }, null)]), s.value && i("li", {
+      }, null)]), r.value && i("li", {
         onClick: ze,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [i("span", {
-        class: Ae.value
+        class: Oe.value
       }, null)]), p.value && i("li", {
         class: "f-btn-icon f-bare",
         onClick: (M) => W(M, !1),
@@ -3044,31 +3073,31 @@ const Be = /* @__PURE__ */ q({
           id: u.value,
           class: Fe.value,
           style: ke.value,
-          ref: A
+          ref: O
         }, [i("div", {
           class: $e.value
         }, [i("div", {
-          ref: T,
+          ref: B,
           class: "modal-header",
           style: We.value
         }, [i("div", {
           class: "modal-title"
-        }, [g.value && i("span", {
-          class: r.value,
+        }, [b.value && i("span", {
+          class: s.value,
           style: "margin-right: 8px"
         }, null), i("span", {
           class: "modal-title-label"
         }, [S.value])]), i("div", {
           class: "actions"
         }, [Pe()])]), i("div", {
-          class: Oe.value
+          class: Ae.value
         }, [(V = (M = t.slots).default) == null ? void 0 : V.call(M), h.value === "iframe" && i("iframe", {
           title: u.value,
           class: "f-utils-fill",
           width: "100%",
           frameborder: "0",
-          src: b.value
-        }, null)]), m.value && Ge()]), !f.value && k.value && A.value && X(A.value)])])];
+          src: g.value
+        }, null)]), m.value && Ge()]), !f.value && k.value && O.value && X(O.value)])])];
       }
     });
   }
@@ -3087,34 +3116,34 @@ function da(e) {
       be(() => {
         document.body.removeChild(t);
       });
-      const u = l(), d = l(e.class || ""), f = l(!!e.showButtons), v = l(!!e.showHeader), r = l(e.showCloseButton == null ? !0 : e.showCloseButton), p = l(!0), s = l(e.title || ""), c = e.acceptCallback || (() => {
+      const u = l(), c = l(e.class || ""), f = l(!!e.showButtons), v = l(!!e.showHeader), s = l(e.showCloseButton == null ? !0 : e.showCloseButton), p = l(!0), r = l(e.title || ""), d = e.acceptCallback || (() => {
       }), h = e.rejectCallback || (() => {
-      }), b = e.closedCallback || ((k) => {
-      }), B = e.resizeHandle || ((k) => {
+      }), g = e.closedCallback || ((k) => {
+      }), T = e.resizeHandle || ((k) => {
       }), w = Le(e), S = (k) => {
-        p.value = !1, n.unmount(), b(k);
+        p.value = !1, n.unmount(), g(k);
       };
       return J(() => {
       }), o.expose({
         modalRef: u
       }), () => i(Be, {
         ref: u,
-        class: d.value,
+        class: c.value,
         modelValue: p.value,
         "onUpdate:modelValue": (k) => p.value = k,
-        title: s.value,
+        title: r.value,
         width: e.width,
         height: e.height,
         buttons: e.buttons,
         "show-header": v.value,
         "show-buttons": f.value,
-        "show-close-button": r.value,
+        "show-close-button": s.value,
         "show-max-button": !1,
-        onAccept: c,
+        onAccept: d,
         onCancel: h,
         fitContent: e.fitContent == null ? !0 : e.fitContent,
         onClosed: S,
-        onResize: B
+        onResize: T
       }, {
         default: () => [w && w(n)]
       });
@@ -3151,19 +3180,19 @@ class me {
       showButtons: !0,
       showHeader: !0
     }, t)), o = l(!0), u = a.value.acceptCallback || (() => {
-    }), d = a.value.rejectCallback || (() => {
+    }), c = a.value.rejectCallback || (() => {
     }), f = a.value.closedCallback || ((S, k) => {
     }), v = a.value.resizeHandle || ((S) => {
     });
-    let r;
-    const p = Le(a.value), s = (S) => {
+    let s;
+    const p = Le(a.value), r = (S) => {
       var L;
       o.value = !1;
       const k = (L = S == null ? void 0 : S.target) == null ? void 0 : L.classList.contains("modal_close");
       f(S, this.isUseEscCloseModal.value ? "esc" : k ? "icon" : "button");
-    }, c = (S) => {
-      s(S), r && ce(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], se(null, n), r = null, this.modalRef.value = null, this.modalRefs) {
+    }, d = (S) => {
+      r(S), s && ce(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], se(null, n), s = null, this.modalRef.value = null, this.modalRefs) {
           const k = Object.keys(this.modalRefs);
           k.length > 0 ? this.activeModalIndex.value = Math.max(...k) : this.activeModalIndex.value = 0;
         }
@@ -3172,21 +3201,21 @@ class me {
     }, h = (S) => {
       var k;
       this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((k = this.activeModalInstance.value) == null || k.close(S == null ? void 0 : S.event));
-    }, b = () => i(Be, we({
+    }, g = () => i(Be, we({
       ref: this.modalRef,
       modelValue: o.value,
       "onUpdate:modelValue": (S) => o.value = S
     }, a.value, {
       onAccept: u,
-      onCancel: d,
-      onClosed: c,
+      onCancel: c,
+      onClosed: d,
       onResize: v,
       onEsc: h
     }), {
       default: () => [p && p()]
     });
-    return r = ((S) => {
-      const k = Ke(b, S);
+    return s = ((S) => {
+      const k = Ke(g, S);
       return k.appContext = this.appContext, se(k, n), k;
     })({
       ...a.value
@@ -3196,11 +3225,11 @@ class me {
         a.value = {
           ...a.value,
           ...S
-        }, r && se(et(r, {
+        }, s && se(et(s, {
           ...a
         }), n);
       },
-      destroy: c,
+      destroy: d,
       modalRef: this.activeModalInstance
     };
   }
@@ -3209,62 +3238,62 @@ function fa(e, t, n) {
   var W;
   function a() {
   }
-  const o = "", u = "", d = l();
+  const o = "", u = "", c = l();
   function f() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function v() {
     return !1;
   }
-  function r() {
+  function s() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function p() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function s(y) {
+  function r(y) {
     if (!y || !y.value)
       return null;
     if (y.value.schema && y.value.schema.type === "component")
       return y.value;
-    const E = l(y == null ? void 0 : y.value.parent), g = s(E);
-    return g || null;
+    const E = l(y == null ? void 0 : y.value.parent), b = r(E);
+    return b || null;
   }
-  function c(y = t) {
-    const { componentInstance: E, designerItemElementRef: g } = y;
-    return !E || !E.value ? null : E.value.canMove ? g : c(y.parent);
+  function d(y = t) {
+    const { componentInstance: E, designerItemElementRef: b } = y;
+    return !E || !E.value ? null : E.value.canMove ? b : d(y.parent);
   }
   function h(y) {
     return !!n;
   }
-  function b() {
+  function g() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function B() {
+  function T() {
   }
   function w(y, E) {
   }
   function S(y) {
     const { componentType: E } = y;
-    let g = de(E, y);
+    let b = de(E, y);
     const m = E.toLowerCase().replace("-", "_");
-    return g && !g.id && g.type === E && (g.id = `${m}_${Math.random().toString().slice(2, 6)}`), g;
+    return b && !b.id && b.type === E && (b.id = `${m}_${Math.random().toString().slice(2, 6)}`), b;
   }
   function k(y, E) {
-    const g = String(y.getAttribute("data-controltype")), m = y.getAttribute("data-feature"), T = m ? JSON.parse(m) : {};
-    T.parentComponentInstance = d.value;
-    let A = de(g, T);
-    const H = g.toLowerCase().replace("-", "_");
-    return A && !A.id && A.type === g && (A.id = `${H}_${Math.random().toString().slice(2, 6)}`), A;
+    const b = String(y.getAttribute("data-controltype")), m = y.getAttribute("data-feature"), B = m ? JSON.parse(m) : {};
+    B.parentComponentInstance = c.value;
+    let O = de(b, B);
+    const H = b.toLowerCase().replace("-", "_");
+    return O && !O.id && O.type === b && (O.id = `${H}_${Math.random().toString().slice(2, 6)}`), O;
   }
   function L(y) {
   }
   function j(...y) {
   }
-  return d.value = {
+  return c.value = {
     canMove: f(),
     canSelectParent: v(),
-    canDelete: r(),
+    canDelete: s(),
     canNested: !p(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
@@ -3273,11 +3302,11 @@ function fa(e, t, n) {
     styles: o,
     designerClass: u,
     canAccepts: h,
-    getBelongedComponentInstance: s,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: b,
+    getBelongedComponentInstance: r,
+    getDraggableDesignItemElement: d,
+    getDraggingDisplayText: g,
     getPropConfig: j,
-    getDragScopeElement: B,
+    getDragScopeElement: T,
     onAcceptMovedChildElement: w,
     onAcceptNewChildElement: k,
     onChildElementMovedOut: L,
@@ -3285,19 +3314,19 @@ function fa(e, t, n) {
     updateDragAndDropRules: a,
     triggerBelongedComponentToMoveWhenMoved: l(!1),
     triggerBelongedComponentToDeleteWhenDeleted: l(!1)
-  }, d;
+  }, c;
 }
 const pa = /* @__PURE__ */ q({
   name: "FResponseLayoutEditorSettingDesign",
   props: ve,
   emits: [],
   setup(e, t) {
-    const n = l(e.initialState), a = l(e.width), o = l(e.height), u = l(), d = ge("design-item-context"), f = fa(u, d);
+    const n = l(e.initialState), a = l(e.width), o = l(e.height), u = l(), c = ge("design-item-context"), f = fa(u, c);
     J(() => {
       u.value.componentInstance = f;
     }), t.expose(f.value);
     function v() {
-      const r = me.show({
+      const s = me.show({
         // title: '响应式列宽编辑器',
         render: () => i(ie, {
           initialState: n,
@@ -3311,14 +3340,14 @@ const pa = /* @__PURE__ */ q({
           text: "确定",
           iconClass: "f-icon f-icon-check",
           handle: () => {
-            r.destroy();
+            s.destroy();
           }
         }, {
           class: "btn btn-light",
           text: "取消",
           iconClass: "f-icon f-icon-close",
           handle: () => {
-            r.destroy();
+            s.destroy();
           }
         }]
       });
@@ -3384,36 +3413,36 @@ function ga() {
   return { onCopy: e };
 }
 function ba(e, t, n, a) {
-  const o = l(14), u = l(140), d = l(""), f = l(a.value.length), v = R(() => a.value), r = R(() => ({
+  const o = l(14), u = l(140), c = l(""), f = l(a.value.length), v = R(() => a.value), s = R(() => ({
     "font-size": `${o.value}px`,
     height: "100%"
   }));
-  function p(s) {
-    if (s.currentTarget) {
-      const c = s.currentTarget.value || "";
-      f.value = c.length;
+  function p(r) {
+    if (r.currentTarget) {
+      const d = r.currentTarget.value || "";
+      f.value = d.length;
     }
   }
   return () => i(ue, null, [i("textarea", {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
-    style: r.value,
+    style: s.value,
     rows: "4",
     maxlength: u.value,
-    onInput: (s) => p(s)
+    onInput: (r) => p(r)
   }, [v.value]), i("span", {
     class: "textarea-wordcount",
-    title: d.value,
+    title: c.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
   }, [f.value + " / " + u.value])]);
 }
 function wa(e, t, n, a) {
   const o = ba(e, t, n, a), u = /* @__PURE__ */ new Map([["text-area", o]]);
-  function d(f) {
+  function c(f) {
     return u.get(f) || null;
   }
-  return { getEditorRender: d };
+  return { getEditorRender: c };
 }
 function Sa() {
   const e = l(!1), t = l("复制成功");
@@ -3446,7 +3475,7 @@ function Ca(e, t) {
   return () => n && n();
 }
 function Ma(e) {
-  const t = l(3), n = l(480), a = R(() => !!e.value && !!e.value.date), o = R(() => `发生时间 : ${e.value && e.value.date || ""}`), u = R(() => !!e.value && !!e.value.detail), d = R(() => {
+  const t = l(3), n = l(480), a = R(() => !!e.value && !!e.value.date), o = R(() => `发生时间 : ${e.value && e.value.date || ""}`), u = R(() => !!e.value && !!e.value.detail), c = R(() => {
     const w = `${n.value}px`;
     return {
       overflow: "hidden",
@@ -3456,20 +3485,20 @@ function Ma(e) {
       "-webkit-line-clamp": t.value,
       "max-height": w
     };
-  }), f = R(() => e.value && e.value.detail || ""), v = R(() => !0), r = l(!1), p = l("展开"), s = l("收起"), c = R(() => {
+  }), f = R(() => e.value && e.value.detail || ""), v = R(() => !0), s = l(!1), p = l("展开"), r = l("收起"), d = R(() => {
     const w = {
       display: "block",
       color: "#2A87FF"
     };
-    return w["text-align"] = r.value ? "" : "right", w;
+    return w["text-align"] = s.value ? "" : "right", w;
   });
   function h(w, S) {
-    r.value = !r.value, t.value = r.value ? 20 : 3;
+    s.value = !s.value, t.value = s.value ? 20 : 3;
   }
-  function b(w) {
+  function g(w) {
     return h();
   }
-  function B(w) {
+  function T(w) {
     return h();
   }
   return () => i("div", {
@@ -3477,16 +3506,16 @@ function Ma(e) {
   }, [a.value && i("div", null, [o.value]), u.value && i("div", {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
-    style: d.value
+    style: c.value
   }, [G("详细信息 : "), i("span", {
     innerHTML: f.value
   }, null)]), v.value && i("span", {
-    style: c.value
-  }, [r.value && i("span", {
-    onClick: b,
+    style: d.value
+  }, [s.value && i("span", {
+    onClick: g,
     style: "cursor: pointer;"
-  }, [s.value]), !r.value && i("span", {
-    onClick: B,
+  }, [r.value]), !s.value && i("span", {
+    onClick: T,
     style: "cursor: pointer;"
   }, [p.value])])]);
 }
@@ -3498,15 +3527,15 @@ function Ia(e) {
 }
 function xa(e, t, n, a) {
   const o = l(e.exceptionInfo), u = R(() => {
-    const c = {
+    const d = {
       "f-icon": !0
     }, h = `f-icon-${t.value}`;
-    return c[h] = !0, c;
-  }), d = R(() => n.value || o.value && o.value.message), f = R(() => a.value), v = R(() => !!a.value), r = R(() => !!o.value);
+    return d[h] = !0, d;
+  }), c = R(() => n.value || o.value && o.value.message), f = R(() => a.value), v = R(() => !!a.value), s = R(() => !!o.value);
   function p() {
-    return r.value ? Ma(o) : v.value ? Ia(f) : () => null;
+    return s.value ? Ma(o) : v.value ? Ia(f) : () => null;
   }
-  const s = p();
+  const r = p();
   return () => i(ue, null, [i("div", {
     class: "float-left modal-tips-iconwrap"
   }, [i("span", {
@@ -3515,21 +3544,21 @@ function xa(e, t, n, a) {
     class: "modal-tips-content"
   }, [i("p", {
     class: "toast-msg-title",
-    innerHTML: d.value
-  }, null), s()])]);
+    innerHTML: c.value
+  }, null), r()])]);
 }
 function Ea(e, t, n) {
   const {
     onCopy: a
   } = t, {
     toShowFeedback: o
-  } = n, u = l("复制成功"), d = l("复制详细信息"), f = l(e.exceptionInfo || {
+  } = n, u = l("复制成功"), c = l("复制详细信息"), f = l(e.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
   }), v = R(() => f.value && f.value.detail || "");
-  function r(p) {
-    a(v.value).catch((s) => {
+  function s(p) {
+    a(v.value).catch((r) => {
       u.value = "复制失败";
     }).finally(() => {
       o.value = !0, setTimeout(() => {
@@ -3540,12 +3569,12 @@ function Ea(e, t, n) {
   return () => i("span", {
     style: "width: 100%;color: #2A87FF;padding-left: 37px;"
   }, [i("span", {
-    onClick: r,
+    onClick: s,
     style: "cursor: pointer;"
-  }, [d.value])]);
+  }, [c.value])]);
 }
 function Da(e, t, n, a) {
-  const o = l(e.type), u = l([]), d = l(e.exceptionInfo), f = l(e.okButtonText), v = l(e.cancelButtonText), r = l(!0), p = l(!0), s = R(() => !!(u.value && u.value.length)), c = R(() => d.value && d.value.date && d.value.message && d.value.detail), h = R(() => !(u.value && u.value.length) && (f.value || v.value)), b = R(() => p.value && f.value), B = R(() => r.value && v.value), w = Ea(e, n, a);
+  const o = l(e.type), u = l([]), c = l(e.exceptionInfo), f = l(e.okButtonText), v = l(e.cancelButtonText), s = l(!0), p = l(!0), r = R(() => !!(u.value && u.value.length)), d = R(() => c.value && c.value.date && c.value.message && c.value.detail), h = R(() => !(u.value && u.value.length) && (f.value || v.value)), g = R(() => p.value && f.value), T = R(() => s.value && v.value), w = Ea(e, n, a);
   function S(L) {
     o.value === "question" && t.emit("reject"), t.emit("close");
   }
@@ -3554,15 +3583,15 @@ function Da(e, t, n, a) {
   }
   return () => i("div", {
     class: "modal-footer"
-  }, [c.value && w(), h.value && B.value && i("button", {
+  }, [d.value && w(), h.value && T.value && i("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
     onClick: S
-  }, [v.value]), h.value && b.value && i("button", {
+  }, [v.value]), h.value && g.value && i("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: k
-  }, [f.value]), s.value && u.value.length && u.value.map((L) => i("button", {
+  }, [f.value]), r.value && u.value.length && u.value.map((L) => i("button", {
     type: "button",
     onClick: L.handle,
     class: L.class
@@ -3582,17 +3611,17 @@ const oe = /* @__PURE__ */ q({
         "flex-row": !0
       }, S = `messager-type-${n.value}`;
       return w[S] = !0, w;
-    }), d = R(() => {
+    }), c = R(() => {
       const w = {};
       return n.value === "prompt" ? w.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (w.padding = "0.5rem 1.5rem 1rem 1.5rem"), w;
-    }), f = ga(), v = wa(e, n, a, o), r = Sa(), {
+    }), f = ga(), v = wa(e, n, a, o), s = Sa(), {
       feedbackStyle: p,
-      feedbackMessage: s
-    } = r;
-    function c() {
+      feedbackMessage: r
+    } = s;
+    function d() {
       return i("div", {
         style: p.value
-      }, [s.value]);
+      }, [r.value]);
     }
     function h() {
       switch (n.value) {
@@ -3602,13 +3631,13 @@ const oe = /* @__PURE__ */ q({
           return xa(e, n, a, o);
       }
     }
-    const b = h(), B = Da(e, t, f, r);
+    const g = h(), T = Da(e, t, f, s);
     return () => i("div", {
       class: "farris-messager"
     }, [i("section", {
       class: u.value,
-      style: d.value
-    }, [b()]), B(), c()]);
+      style: c.value
+    }, [g()]), T(), d()]);
   }
 });
 class Y {
@@ -3616,16 +3645,16 @@ class Y {
     let n = new me();
     const a = Z({
       ...t
-    }), o = !1, u = a.type === "error" || a.type === "prompt", d = a.type === "error" ? "错误提示" : a.type === "prompt" && a.title || "", f = a.acceptCallback || (() => {
+    }), o = !1, u = a.type === "error" || a.type === "prompt", c = a.type === "error" ? "错误提示" : a.type === "prompt" && a.title || "", f = a.acceptCallback || (() => {
     }), v = a.rejectCallback || (() => {
     });
-    let r = null;
+    let s = null;
     const p = () => {
-      r && (r == null || r.destroy(), n = null);
+      s && (s == null || s.destroy(), n = null);
     };
-    r = n == null ? void 0 : n.open({
+    s = n == null ? void 0 : n.open({
       class: "modal-message modal-message-type-info",
-      title: d,
+      title: c,
       showButtons: o,
       showHeader: u,
       width: a.width || 400,
@@ -3714,13 +3743,13 @@ const re = /* @__PURE__ */ q({
   emits: ["change"],
   setup(e, t) {
     const n = l(e.modelValue), a = l(e.width), o = l(e.height);
-    O(() => e.modelValue, (v) => {
+    A(() => e.modelValue, (v) => {
       n.value = v;
     });
-    function u(v, r) {
-      t.emit("change", r), v && v.unmount();
+    function u(v, s) {
+      t.emit("change", s), v && v.unmount();
     }
-    function d(v) {
+    function c(v) {
       v && v.unmount();
     }
     function f() {
@@ -3734,8 +3763,8 @@ const re = /* @__PURE__ */ q({
           initialState: n,
           width: a.value,
           height: o.value,
-          onClose: () => d(v),
-          onSubmit: (r) => u(v, r)
+          onClose: () => c(v),
+          onSubmit: (s) => u(v, s)
         }, null),
         width: 900,
         height: 500,