@farris/ui-vue 1.2.4 → 1.2.6

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

@@ -1,10 +1,10 @@
-var qe = Object.defineProperty;
-var Ue = (e, t, n) => t in e ? qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Q = (e, t, n) => Ue(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as q, ref as l, watch as j, computed as R, onMounted as J, createVNode as i, nextTick as ce, toRefs as Xe, onBeforeMount as fe, createTextVNode as G, Fragment as ie, withModifiers as ae, inject as ge, provide as Ye, onUnmounted as be, Teleport as Je, shallowRef as Qe, createApp as Ze, render as se, h as _e, cloneVNode as Ke, mergeProps as we, reactive as Z } from "vue";
+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 { cloneDeep as U } from "lodash-es";
-import et from "@farris/ui-vue/components/list-view";
-import tt from "@farris/ui-vue/components/button-edit";
+import tt from "@farris/ui-vue/components/list-view";
+import nt from "@farris/ui-vue/components/button-edit";
 const Se = {
   /** 当前控件组别及样式 */
   defaultState: {
@@ -345,14 +345,14 @@ const Se = {
       group: 4
     }
   ]
-}, nt = {
+}, at = {
   /** 接受传入的原始数据的defaultState */
   initialState: { type: Object, default: Se },
   /** 页面高度 */
   height: { type: Number, default: 700 },
   /** 页面宽度 */
   width: { type: Number, default: 750 }
-}, at = {
+}, lt = {
   /** 记录默认模式及分组状态 */
   defaultStates: { type: Object, default: { mode: "" } },
   /** 当前开关模式 */
@@ -364,7 +364,7 @@ const Se = {
   /** 用户设置的屏幕分辨率缩写变化-例:中等屏幕 */
   onScreenNameChanged: { type: Function, default: () => {
   } }
-}, lt = "https://json-schema.org/draft/2020-12/schema", ot = "https://farris-design.gitee.io/capsule.schema.json", it = "capsule", ut = "A Farris Component", st = "object", rt = {
+}, ot = "https://json-schema.org/draft/2020-12/schema", it = "https://farris-design.gitee.io/capsule.schema.json", ut = "capsule", st = "A Farris Component", rt = "object", ct = {
   id: {
     description: "The unique identifier for a capsule",
     type: "string"
@@ -426,17 +426,17 @@ const Se = {
     type: "boolean",
     default: !0
   }
-}, ct = [
+}, dt = [
   "id",
   "type"
-], dt = {
-  $schema: lt,
-  $id: ot,
-  title: it,
-  description: ut,
-  type: st,
-  properties: rt,
-  required: ct
+], ft = {
+  $schema: ot,
+  $id: it,
+  title: ut,
+  description: st,
+  type: rt,
+  properties: ct,
+  required: dt
 }, Ce = {}, Me = {};
 function pe(e) {
   const { properties: t, title: n } = e, a = Object.keys(t).reduce((o, u) => (o[u] = t[u].type === "object" && t[u].properties ? pe(t[u]) : U(t[u].default), o), {});
@@ -451,11 +451,11 @@ function de(e, t = {}) {
   }
   return null;
 }
-function ft(e, t) {
+function pt(e, t) {
   const n = pe(t);
   return Object.keys(e).reduce((a, o) => (a[o] = e[o], a), n), n;
 }
-function pt(e, t) {
+function vt(e, t) {
   return Object.keys(e).filter((a) => e[a] != null).reduce((a, o) => {
     if (t.has(o)) {
       const u = t.get(o);
@@ -470,11 +470,11 @@ function pt(e, t) {
     return a;
   }, {});
 }
-function vt(e, t, n = /* @__PURE__ */ new Map()) {
-  const a = ft(e, t);
-  return pt(a, n);
+function mt(e, t, n = /* @__PURE__ */ new Map()) {
+  const a = pt(e, t);
+  return vt(a, n);
 }
-function mt(e = {}) {
+function ht(e = {}) {
   function t(r, p, s, c) {
     if (typeof s == "number")
       return c[r].length === s;
@@ -528,24 +528,24 @@ function mt(e = {}) {
   }
   return { parseValueSchema: v };
 }
-const ht = {}, yt = {};
-mt();
+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, ht[t.title] = o, yt[t.title] = u, (d = {}) => {
-    const f = vt(d, t, n), v = Object.keys(e).reduce((r, p) => (r[p] = e[p].default, r), {});
+  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), {});
     return Object.assign(v, f);
   };
 }
 function ee(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const gt = /* @__PURE__ */ new Map([
+const bt = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function bt(e, t, n) {
+function wt(e, t, n) {
   return t;
 }
-const wt = "capsule", St = "A Farris Component", Ct = "object", Mt = {
+const St = "capsule", Ct = "A Farris Component", Mt = "object", It = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -567,11 +567,11 @@ const wt = "capsule", St = "A Farris Component", Ct = "object", Mt = {
       }
     }
   }
-}, It = {
-  title: wt,
-  description: St,
-  type: Ct,
-  categories: Mt
+}, xt = {
+  title: St,
+  description: Ct,
+  type: Mt,
+  categories: It
 }, Ie = {
   items: {
     Type: Array,
@@ -585,7 +585,7 @@ const wt = "capsule", St = "A Farris Component", Ct = "object", Mt = {
    */
   modelValue: { type: String, default: "" },
   type: { type: String, default: "primary" }
-}, xt = {
+}, Et = {
   name: { type: String, default: "" },
   value: { type: String, default: "" },
   isActive: { type: Boolean, default: !1 },
@@ -594,14 +594,14 @@ const wt = "capsule", St = "A Farris Component", Ct = "object", Mt = {
   show: { type: Boolean, default: !0 },
   disabled: { type: Boolean, default: !1 }
 };
-K(Ie, dt, gt, bt, It);
-const Et = /* @__PURE__ */ q({
+K(Ie, ft, bt, wt, xt);
+const Dt = /* @__PURE__ */ q({
   name: "FCapsuleItem",
-  props: xt,
+  props: Et,
   emits: ["mounted", "active"],
   setup(e, t) {
     const n = l(), a = l(e.isActive);
-    j(() => e.isActive, (d) => {
+    O(() => e.isActive, (d) => {
       a.value = d;
     });
     const o = R(() => ({
@@ -613,7 +613,7 @@ const Et = /* @__PURE__ */ q({
       t.emit("mounted", n, e.value);
     });
     function u(d) {
-      t.emit("active", d, {
+      e.disabled || t.emit("active", d, {
         name: e.name,
         value: e.value
       });
@@ -626,7 +626,7 @@ const Et = /* @__PURE__ */ q({
       class: e.icon
     }, null), e.name]);
   }
-}), Dt = /* @__PURE__ */ q({
+}), Tt = /* @__PURE__ */ q({
   name: "FCapsule",
   props: Ie,
   emits: ["change", "update:modelValue"],
@@ -648,30 +648,30 @@ const Et = /* @__PURE__ */ q({
     function S(g) {
       var m;
       if (w.has(g.value)) {
-        const E = (m = w.get(g.value)) == null ? void 0 : m.value;
-        if (E) {
-          const A = E.getBoundingClientRect(), H = a.value.getBoundingClientRect();
+        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;
         }
       }
     }
     function k(g, m) {
-      const E = g.value;
-      u.value = E, t.emit("update:modelValue", E), S(g), m && t.emit("change", E);
+      const T = g.value;
+      u.value = T, t.emit("update:modelValue", T), S(g), m && t.emit("change", T);
     }
     function L(g) {
-      const m = n.value.findIndex((E) => E.value === g);
+      const m = n.value.findIndex((T) => T.value === g);
       m > -1 && k(n.value[m], !1);
     }
-    j(() => e.modelValue, (g) => {
+    O(() => e.modelValue, (g) => {
       u.value = g, L(u.value);
-    }), j(() => e.items, async (g) => {
-      const m = g.filter((E) => E.show);
-      y(m), n.value = m, await ce(), L(u.value), h.value = Array.from(w.values()).reduce((E, A) => (E += A.value.clientWidth, E), 0);
+    }), 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);
     }), 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);
     });
-    function O(g, m) {
+    function j(g, m) {
       k(m, !0);
     }
     function W(g, m) {
@@ -682,8 +682,8 @@ const Et = /* @__PURE__ */ q({
         g.find((A) => A.value === m) || w.delete(m);
       });
     }
-    function T(g, m) {
-      return i(Et, {
+    function E(g, m) {
+      return i(Dt, {
         name: g.name,
         value: g.value,
         isActive: g.value === u.value,
@@ -691,7 +691,7 @@ const Et = /* @__PURE__ */ q({
         disabled: g.disabled,
         key: g.value,
         onMounted: W,
-        onActive: O
+        onActive: j
       }, null);
     }
     return () => i("span", {
@@ -700,7 +700,7 @@ const Et = /* @__PURE__ */ q({
       style: r.value
     }, [i("span", {
       class: "f-capsule-pane"
-    }, [n.value.map((g, m) => T(g, m))]), i("small", {
+    }, [n.value.map((g, m) => E(g, m))]), i("small", {
       class: p.value,
       style: b.value
     }, null), i("div", {
@@ -708,9 +708,9 @@ const Et = /* @__PURE__ */ q({
       style: B.value
     }, null)]);
   }
-}), Tt = /* @__PURE__ */ new Map([
+}), Bt = /* @__PURE__ */ new Map([
   ["appearance", ee]
-]), Bt = "https://json-schema.org/draft/2020-12/schema", Lt = "https://farris-design.gitee.io/switch.schema.json", Rt = "switch", Ft = "A Farris Component", kt = "object", $t = {
+]), Lt = "https://json-schema.org/draft/2020-12/schema", Rt = "https://farris-design.gitee.io/switch.schema.json", Ft = "switch", kt = "A Farris Component", $t = "object", Wt = {
   id: {
     description: "The unique identifier for a switch",
     type: "string"
@@ -782,19 +782,19 @@ const Et = /* @__PURE__ */ q({
     type: "enum",
     default: "medium"
   }
-}, Wt = [
+}, At = [
   "id",
   "type"
-], At = {
-  $schema: Bt,
-  $id: Lt,
-  title: Rt,
-  description: Ft,
-  type: kt,
-  properties: $t,
-  required: Wt
+], Ot = {
+  $schema: Lt,
+  $id: Rt,
+  title: Ft,
+  description: kt,
+  type: $t,
+  properties: Wt,
+  required: At
 };
-function Ot(e, t, n) {
+function jt(e, t, n) {
   return t;
 }
 const xe = {
@@ -814,8 +814,8 @@ const xe = {
   onModelValueChanged: { type: Function, default: () => {
   } }
 };
-K(xe, At, Tt, Ot);
-const jt = /* @__PURE__ */ q({
+K(xe, Ot, Bt, jt);
+const Vt = /* @__PURE__ */ q({
   name: "FSwitch",
   props: xe,
   emits: ["update:modelValue", "modelValueChanged"],
@@ -829,7 +829,7 @@ const jt = /* @__PURE__ */ q({
       offBackground: f,
       onColor: v,
       offColor: r
-    } = Xe(e), p = l(e.modelValue), s = R(() => ({
+    } = Ye(e), p = l(e.modelValue), s = R(() => ({
       switch: !0,
       "f-cmp-switch": !0,
       checked: p.value,
@@ -851,8 +851,10 @@ const jt = /* @__PURE__ */ q({
     function B() {
       n.value || (p.value = !p.value, t.emit("update:modelValue", p.value));
     }
-    return j(p, (w, S) => {
+    return O(p, (w, S) => {
       w !== S && t.emit("modelValueChanged", w);
+    }), O(() => e.modelValue, (w, S) => {
+      w !== S && (p.value = w);
     }), () => i("span", {
       tabindex: "0",
       role: "button",
@@ -869,9 +871,9 @@ const jt = /* @__PURE__ */ q({
       style: h.value
     }, [t.slots.default && t.slots.default()])]);
   }
-}), Vt = /* @__PURE__ */ q({
+}), zt = /* @__PURE__ */ q({
   name: "FScreenResolutionSelector",
-  props: at,
+  props: lt,
   emits: ["screenNameChanged", "currentScreenResolutionChanged", "switchInStandardModeChanged"],
   setup(e, t) {
     const n = l([{
@@ -903,12 +905,12 @@ const jt = /* @__PURE__ */ q({
     function v() {
       t.emit("switchInStandardModeChanged", d.value);
     }
-    j(d, () => {
+    O(d, () => {
     }), fe(() => {
       a.value.mode === "standard" ? (d.value = !0, v()) : d.value = !1;
     });
     function r() {
-      return i(Dt, {
+      return i(Tt, {
         class: "f-layout-editor-screen-resolution-selector-frame",
         items: n.value,
         modelValue: o.value,
@@ -924,7 +926,7 @@ const jt = /* @__PURE__ */ q({
       class: "f-layout-editor-screen-resolution-selector-form"
     }, [G("表单布局配置")])]), r(), i("div", {
       class: "f-layout-editor-screen-resolution-selector-switch"
-    }, [i(jt, {
+    }, [i(Vt, {
       class: "f-layout-editor-show-switch",
       modelValue: d.value,
       "onUpdate:modelValue": (p) => d.value = p,
@@ -935,7 +937,7 @@ const jt = /* @__PURE__ */ q({
       class: "f-layout-editor-show-switch-label"
     }, [G("自定义模式")])])]);
   }
-}), zt = {
+}), Nt = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 模式开关 */
@@ -944,7 +946,7 @@ const jt = /* @__PURE__ */ q({
   currentArea: { type: Object, default: [] },
   /** 接受组件列表区传入的二维数组 */
   twoDimensionalArray: { type: Array, default: [] }
-}, Nt = {
+}, Ht = {
   /** 单个组件的预览状态 */
   item: { type: Object, default: {} },
   /** 默认屏幕分辨率对应的英文缩写 */
@@ -953,11 +955,11 @@ const jt = /* @__PURE__ */ q({
   switchInStandardMode: { type: Boolean, default: !1 }
 }, Pt = /* @__PURE__ */ q({
   name: "FColumnWidthView",
-  props: Nt,
+  props: Ht,
   emits: [],
   setup(e, t) {
     const n = l(e.item), a = l(e.currentScreenResolution), o = R(() => `col-${n.value[`columnIn${a.value}`]}`);
-    return j([() => e.item, () => e.currentScreenResolution], ([u, d], [f, v]) => {
+    return O([() => e.item, () => e.currentScreenResolution], ([u, d], [f, v]) => {
       u !== f && (n.value = u), d !== v && (a.value = d);
     }), () => i("div", {
       class: o.value
@@ -968,15 +970,15 @@ const jt = /* @__PURE__ */ q({
       class: "f-layout-editor-column-width-view-label"
     }, [n.value.label])])]);
   }
-}), Ht = /* @__PURE__ */ q({
+}), Gt = /* @__PURE__ */ q({
   name: "FPreview",
-  props: zt,
+  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([]);
-    j([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([s, c, h], [b, B, w]) => {
+    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);
-    }), j(() => e.twoDimensionalArray, () => {
+    }), O(() => e.twoDimensionalArray, () => {
       u.value = e.twoDimensionalArray, f();
     }), J(() => {
       f();
@@ -1033,7 +1035,7 @@ const jt = /* @__PURE__ */ q({
       }, null))]));
     })])])]);
   }
-}), Gt = {
+}), qt = {
   /** 用户切换屏幕分辨率-缩写-例:MD； */
   currentScreenResolution: { type: String, default: "" },
   /** 检测用户是否切换模式 */
@@ -1051,7 +1053,7 @@ const jt = /* @__PURE__ */ q({
   onOriginalDataChanged: { type: Function, default: () => {
   } }
 };
-function qt(e, t) {
+function Ut(e, t) {
   const n = l(-1), a = l(!1);
   function o(s) {
     if (s.target.offsetParent) {
@@ -1094,9 +1096,9 @@ function qt(e, t) {
     isDragging: a
   };
 }
-const Ut = /* @__PURE__ */ new Map([
+const Xt = /* @__PURE__ */ new Map([
   ["appearance", ee]
-]), Xt = "https://json-schema.org/draft/2020-12/schema", Yt = "https://farris-design.gitee.io/combo-list.schema.json", Jt = "combo-list", Qt = "A Farris Input Component", Zt = "object", _t = {
+]), Yt = "https://json-schema.org/draft/2020-12/schema", Jt = "https://farris-design.gitee.io/combo-list.schema.json", Qt = "combo-list", Zt = "A Farris Input Component", _t = "object", Kt = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -1151,7 +1153,7 @@ const Ut = /* @__PURE__ */ new Map([
   valueField: {
     description: "",
     type: "string",
-    default: "id"
+    default: "value"
   },
   titleField: {
     description: "",
@@ -1207,19 +1209,19 @@ const Ut = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, Kt = [
+}, en = [
   "id",
   "type"
-], en = {
-  $schema: Xt,
-  $id: Yt,
-  title: Jt,
-  description: Qt,
-  type: Zt,
-  properties: _t,
-  required: Kt
+], tn = {
+  $schema: Yt,
+  $id: Jt,
+  title: Qt,
+  description: Zt,
+  type: _t,
+  properties: Kt,
+  required: en
 };
-function tn(e, t, n) {
+function nn(e, t, n) {
   return t;
 }
 const Ee = {
@@ -1383,8 +1385,8 @@ const Ee = {
    */
   beforeOpen: { type: Function, default: null }
 };
-K(Ee, en, Ut, tn);
-const nn = {
+K(Ee, tn, Xt, nn);
+const an = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -1399,13 +1401,13 @@ const nn = {
   /** 值变化事件 */
   onSelectionChange: { type: Function, default: () => {
   } }
-}, an = /* @__PURE__ */ q({
+}, ln = /* @__PURE__ */ q({
   name: "FComboListContainer",
-  props: nn,
+  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));
-    j(e.dataSource, () => {
+    O(e.dataSource, () => {
       n.value = e.dataSource;
     });
     const v = R(() => e.enableSearch ? "SearchBar" : "ContentHeader"), r = R(() => {
@@ -1415,12 +1417,12 @@ const nn = {
     function p(s) {
       a.value = s.map((c) => Object.assign({}, c)), f.value = s.map((c) => c[e.idField]), t.emit("selectionChange", a.value);
     }
-    return j([() => e.selectedValues], ([s]) => {
+    return O([() => e.selectedValues], ([s]) => {
       f.value = s.split(o.value);
     }), () => i("div", {
       class: "f-combo-list-container pl-3",
       style: r.value
-    }, [i(et, {
+    }, [i(tt, {
       size: "small",
       itemClass: "f-combo-list-item",
       header: v.value,
@@ -1436,7 +1438,7 @@ const nn = {
     }, null)]);
   }
 });
-function ln(e) {
+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);
@@ -1463,9 +1465,9 @@ function ln(e) {
     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 };
     let w = !1;
     fetch(s, B).then((S) => {
-      var L, O;
+      var L, j;
       if (S.status === 200)
-        return w = !!((O = (L = S.headers) == null ? void 0 : L.get("content-type")) != null && O.includes("application/json")), w ? S.text() : S.json();
+        return w = !!((j = (L = S.headers) == null ? void 0 : L.get("content-type")) != null && j.includes("application/json")), w ? S.text() : S.json();
       throw new Error(S.statusText);
     }).then((S) => {
       a.value = w ? JSON.parse(S) : S;
@@ -1473,18 +1475,18 @@ function ln(e) {
       console.error(S);
     });
   }
-  return e.remote && p(), j(() => e.data, () => {
+  return e.remote && p(), O(() => e.data, () => {
     a.value = e.data;
-  }), j([a], ([s]) => {
+  }), O([a], ([s]) => {
     if (e.modelValue) {
       const c = s.find((h) => h[e.valueField] === e.modelValue);
       c && (t.value = c[e.textField]);
     }
-  }), j(() => e.modelValue, (s) => {
+  }), 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 };
 }
-const on = /* @__PURE__ */ q({
+const un = /* @__PURE__ */ q({
   name: "FComboList",
   props: Ee,
   emits: ["clear", "update:modelValue", "change", "input"],
@@ -1495,7 +1497,7 @@ const on = /* @__PURE__ */ q({
       editable: r,
       modelValue: p,
       getSelectedItemsByDisplayText: s
-    } = ln(e), c = R(() => e.multiSelect), h = R(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
+    } = 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();
     }
@@ -1515,14 +1517,14 @@ const on = /* @__PURE__ */ q({
     function L() {
       return v.value;
     }
-    function O(W) {
+    function j(W) {
       t.emit("input", W);
     }
     return t.expose({
       getDisplayText: L
-    }), j([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([W, y, T, g, m]) => {
-      a.value = W, r.value = y, o.value = T, u.value = g, d.value = m;
-    }), () => i(tt, {
+    }), 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;
+    }), () => i(nt, {
       ref: n,
       id: e.id,
       disable: a.value,
@@ -1544,10 +1546,10 @@ const on = /* @__PURE__ */ q({
       onClear: S,
       onClick: w,
       onChange: k,
-      onInput: O,
+      onInput: j,
       beforeOpen: e.beforeOpen
     }, {
-      default: () => [i(an, {
+      default: () => [i(ln, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
@@ -1562,7 +1564,7 @@ const on = /* @__PURE__ */ q({
       }, null)]
     });
   }
-}), un = {
+}), sn = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 传入的单个控件的响应式列宽值 */
@@ -1572,13 +1574,13 @@ const on = /* @__PURE__ */ q({
   /** 列数值变化事件 */
   fieldChanged: { type: Function, default: () => {
   } }
-}, sn = /* @__PURE__ */ new Map([
+}, rn = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function rn(e, t, n) {
+function cn(e, t, n) {
   return t;
 }
-const cn = "https://json-schema.org/draft/2020-12/schema", dn = "https://farris-design.gitee.io/radio-button.schema.json", fn = "radio-button", pn = "A Farris Component", vn = "object", mn = {
+const dn = "https://json-schema.org/draft/2020-12/schema", fn = "https://farris-design.gitee.io/radio-button.schema.json", pn = "radio-button", vn = "A Farris Component", mn = "object", hn = {
   id: {
     description: "The unique identifier for radio-button",
     type: "string"
@@ -1640,18 +1642,18 @@ const cn = "https://json-schema.org/draft/2020-12/schema", dn = "https://farris-
     type: "boolean",
     default: !0
   }
-}, hn = [
+}, yn = [
   "id",
   "type"
-], yn = {
-  $schema: cn,
-  $id: dn,
-  title: fn,
-  description: pn,
-  type: vn,
-  properties: mn,
-  required: hn
-}, gn = "radio-button", bn = "A Farris Component", wn = "object", Sn = {
+], gn = {
+  $schema: dn,
+  $id: fn,
+  title: pn,
+  description: vn,
+  type: mn,
+  properties: hn,
+  required: yn
+}, bn = "radio-button", wn = "A Farris Component", Sn = "object", Cn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1673,11 +1675,11 @@ const cn = "https://json-schema.org/draft/2020-12/schema", dn = "https://farris-
       }
     }
   }
-}, Cn = {
-  title: gn,
-  description: bn,
-  type: wn,
-  categories: Sn
+}, Mn = {
+  title: bn,
+  description: wn,
+  type: Sn,
+  categories: Cn
 }, De = {
   /**
    * 单选组枚举数组
@@ -1693,8 +1695,8 @@ const cn = "https://json-schema.org/draft/2020-12/schema", dn = "https://farris-
   onSelectedValueChanged: { type: Function, default: () => {
   } }
 };
-K(De, yn, sn, rn, Cn);
-const Mn = /* @__PURE__ */ q({
+K(De, gn, rn, cn, Mn);
+const In = /* @__PURE__ */ q({
   name: "FRadioButton",
   props: De,
   emits: ["selectedValueChanged"],
@@ -1712,26 +1714,26 @@ const Mn = /* @__PURE__ */ q({
     function o(u) {
       return `${u.text}${e.suffixValue}`;
     }
-    return j(() => e.enumData, (u, d) => {
+    return O(() => e.enumData, (u, d) => {
       u !== d && (n.value = e.enumData);
     }), () => i("div", {
       class: "f-radio-button"
     }, [i("div", {
       class: ["farris-input-wrap"]
-    }, [n.value.map((u, d) => i(ie, null, [i("label", {
+    }, [n.value.map((u, d) => i(ue, null, [i("label", {
       class: u.active ? "btn btn-secondary active" : "btn btn-secondary",
       onClick: (f) => a(f, u)
     }, [i("span", {
       class: "f-radio-button-text"
     }, [o(u)])])]))])]);
   }
-}), In = /* @__PURE__ */ new Map([
+}), xn = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function xn(e, t, n) {
+function En(e, t, n) {
   return t;
 }
-const En = "https://json-schema.org/draft/2020-12/schema", Dn = "https://farris-design.gitee.io/rate.schema.json", Tn = "rate", Bn = "A Farris Component", Ln = "object", Rn = {
+const Dn = "https://json-schema.org/draft/2020-12/schema", Tn = "https://farris-design.gitee.io/rate.schema.json", Bn = "rate", Ln = "A Farris Component", Rn = "object", Fn = {
   id: {
     description: "The unique identifier for rate",
     type: "string"
@@ -1793,18 +1795,18 @@ const En = "https://json-schema.org/draft/2020-12/schema", Dn = "https://farris-
     type: "boolean",
     default: !0
   }
-}, Fn = [
+}, kn = [
   "id",
   "type"
-], kn = {
-  $schema: En,
-  $id: Dn,
-  title: Tn,
-  description: Bn,
-  type: Ln,
-  properties: Rn,
-  required: Fn
-}, $n = "rate", Wn = "A Farris Component", An = "object", On = {
+], $n = {
+  $schema: Dn,
+  $id: Tn,
+  title: Bn,
+  description: Ln,
+  type: Rn,
+  properties: Fn,
+  required: kn
+}, Wn = "rate", An = "A Farris Component", On = "object", jn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1826,12 +1828,12 @@ const En = "https://json-schema.org/draft/2020-12/schema", Dn = "https://farris-
       }
     }
   }
-}, jn = {
-  title: $n,
-  description: Wn,
-  type: An,
-  categories: On
-}, Vn = ["很不满意", "不满意", "一般", "满意", "非常满意"], Te = {
+}, Vn = {
+  title: Wn,
+  description: An,
+  type: On,
+  categories: jn
+}, zn = ["很不满意", "不满意", "一般", "满意", "非常满意"], Te = {
   /** 星星大小 */
   size: { type: String, default: "large" },
   /** 启用半颗星模式 */
@@ -1853,7 +1855,7 @@ const En = "https://json-schema.org/draft/2020-12/schema", Dn = "https://farris-
   /** 禁用单个星星的文字提示 */
   toolTipDisabled: { type: Boolean, default: !0 },
   /** 默认的满意度文案 */
-  toolTipContents: { type: Array, default: Vn },
+  toolTipContents: { type: Array, default: zn },
   /** 启用评分 */
   enableScore: { type: Boolean, default: !0 },
   /** 启用满意度 */
@@ -1864,8 +1866,8 @@ const En = "https://json-schema.org/draft/2020-12/schema", Dn = "https://farris-
   value: { type: Number, default: 0 },
   modelValue: { type: Number, default: 0 }
 };
-K(Te, kn, In, xn, jn);
-const zn = /* @__PURE__ */ q({
+K(Te, $n, xn, En, Vn);
+const Nn = /* @__PURE__ */ q({
   name: "FRate",
   props: Te,
   emits: ["selectedValue", "update:modelValue"],
@@ -1873,21 +1875,21 @@ const zn = /* @__PURE__ */ q({
     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 w = l(0), S = l(0), k = l(0), L = l(e.modelValue);
-    let O = 1, W, y, T;
+    let j = 1, W, y, E;
     const g = 4;
     J(() => {
     });
     function m() {
       const x = p.value;
-      T = [];
+      E = [];
       for (let $ = 1; $ <= x; $++)
-        T.push({
+        E.push({
           id: $
         });
     }
-    function E() {
+    function T() {
       let x;
-      a.value ? x = Math.ceil(L.value / O) : x = L.value, S.value = (B * L.value + Math.floor(L.value) * g) / O, W = c.value[x - 1];
+      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];
     }
     function A() {
       switch (n.value) {
@@ -1904,7 +1906,7 @@ const zn = /* @__PURE__ */ q({
           B = 24;
           break;
       }
-      m(), p.value && (O = d.value / p.value), L.value && E();
+      m(), p.value && (j = d.value / p.value), L.value && T();
     }
     A();
     function H(x) {
@@ -1917,7 +1919,7 @@ const zn = /* @__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 = O * $ - O / 2) : (w.value = B * $ + g * ($ - 1), k.value = O * $);
+        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 * $);
       }
       if (N === !0) {
         if (X())
@@ -1928,8 +1930,8 @@ const zn = /* @__PURE__ */ q({
     function F(x, $) {
       var N;
       if (H(x.target) && x.target) {
-        const ue = parseInt((N = x.target) == null ? void 0 : N.id);
-        D(x, ue, $);
+        const te = parseInt((N = x.target) == null ? void 0 : N.id);
+        D(x, te, $);
       }
     }
     const z = R(() => k.value ? k.value + "分" : L.value + "分"), C = R(() => ({
@@ -1938,18 +1940,18 @@ const zn = /* @__PURE__ */ q({
     function I() {
       w.value = 0;
     }
-    return j(() => e.modelValue, (x) => {
-      L.value = x, E();
+    return O(() => e.modelValue, (x) => {
+      L.value = x, T();
     }), () => i("div", {
       class: "farris-star-rating",
-      onMouseover: ae((x) => F(x, !1), ["prevent"]),
-      onMousemove: ae((x) => F(x, !1), ["prevent"]),
-      onMouseleave: ae((x) => I(), ["prevent"]),
-      onClick: ae((x) => F(x, !0), ["prevent"])
+      onMouseover: le((x) => F(x, !1), ["prevent"]),
+      onMousemove: le((x) => F(x, !1), ["prevent"]),
+      onMouseleave: le((x) => I(), ["prevent"]),
+      onClick: le((x) => F(x, !0), ["prevent"])
     }, [i("div", {
       class: "star-light-area",
       style: C.value
-    }, [T.map((x) => i("span", {
+    }, [E.map((x) => i("span", {
       class: ["f-icon default-light-color ", r.value, {
         "f-star-sm": n.value === "small"
       }, {
@@ -1973,7 +1975,7 @@ const zn = /* @__PURE__ */ q({
       }, {
         large: n.value === "large"
       }]
-    }, [T.map((x) => i("span", {
+    }, [E.map((x) => i("span", {
       class: ["f-icon default-dark-color", r.value, {
         "f-star-sm": n.value === "small"
       }, {
@@ -1999,9 +2001,9 @@ const zn = /* @__PURE__ */ q({
       }]
     }, [h.value && i("span", null, [G(" "), z.value, G(" ")]), b.value && (y || W) && i("span", null, [G(" "), W || y])])]);
   }
-}), Nn = /* @__PURE__ */ q({
+}), Hn = /* @__PURE__ */ q({
   name: "FColumnWidthEditor",
-  props: un,
+  props: sn,
   emits: ["fieldChanged"],
   setup(e, t) {
     const n = {
@@ -2020,19 +2022,19 @@ const zn = /* @__PURE__ */ q({
     }
     function S(m) {
       if (u.value === !0) {
-        const E = Number(m == null ? void 0 : m.text);
-        v.value = E;
+        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}`] = E * A, o.value[`displayWidthIn${a.value}`] = Number(E), t.emit("fieldChanged", o.value);
+        o.value[`columnIn${a.value}`] = T * A, o.value[`displayWidthIn${a.value}`] = Number(T), t.emit("fieldChanged", o.value);
       }
     }
     function k(m) {
       p.value = m;
-      const E = o.value[`columnIn${a.value}`] / o.value[`displayWidthIn${a.value}`];
-      o.value[`columnIn${a.value}`] = p.value, o.value[`displayWidthIn${a.value}`] = p.value / E, t.emit("fieldChanged", o.value);
+      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);
     }
     function L() {
-      return i(zn, {
+      return i(Nn, {
         enableHalf: !0,
         size: "extraLarge",
         pointSystem: 12,
@@ -2046,21 +2048,21 @@ const zn = /* @__PURE__ */ q({
         onSelectedValue: () => k(p.value)
       }, null);
     }
-    function O() {
+    function j() {
       const m = [];
       d.value = n == null ? void 0 : n[a.value];
-      const E = o.value[`displayWidthIn${a.value}`];
+      const T = o.value[`displayWidthIn${a.value}`];
       return d.value.forEach((A) => {
         const H = {
           text: A,
-          active: E.toString() === A
+          active: T.toString() === A
         };
         m.push(H);
       }), m;
     }
     function W() {
-      const m = O();
-      return i(Mn, {
+      const m = j();
+      return i(In, {
         enumData: m,
         suffixValue: "列",
         onSelectedValueChanged: S
@@ -2081,7 +2083,7 @@ const zn = /* @__PURE__ */ q({
           class: "f-layout-editor-column-width-editor-row-right"
         }, null)]);
     }
-    function T() {
+    function E() {
       return u.value ? i("div", {
         class: "f-column-width-editor-switch-standard"
       }, [i("div", {
@@ -2107,10 +2109,10 @@ const zn = /* @__PURE__ */ q({
         class: "f-layout-editor-column-width-editor-component"
       }, [i("div", {
         class: "f-layout-editor-column-width-editor-label"
-      }, [(m = o == null ? void 0 : o.value) == null ? void 0 : m.label]), T()]);
+      }, [(m = o == null ? void 0 : o.value) == null ? void 0 : m.label]), E()]);
     }
-    return j(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, E, A], [H, X, D]) => {
-      A !== D && (a.value = A, d.value = n[a.value], w()), E !== X && (u.value = E), u.value === !1 && w(), m !== H && (o.value = m);
+    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);
     }), J(() => {
       w();
     }), () => i("div", {
@@ -2119,7 +2121,7 @@ const zn = /* @__PURE__ */ q({
   }
 }), Pn = /* @__PURE__ */ q({
   name: "FFieldList",
-  props: Gt,
+  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([]);
@@ -2160,7 +2162,7 @@ const zn = /* @__PURE__ */ q({
         D.push(z), c.value = z[z.length - 1].componentRow;
       }), y(D);
     }
-    function O() {
+    function j() {
       k();
       let D = [];
       return c.value = 0, s.value.forEach((F) => {
@@ -2182,14 +2184,14 @@ const zn = /* @__PURE__ */ q({
         F = F.concat(z);
       o.value = U(F), c.value = 0;
     }
-    function T() {
+    function E() {
       return i("div", {
         class: "f-layout-editor-field-list-top"
       }, [i("div", {
         class: "f-layout-editor-field-list-header"
       }, [G("组件列表")]), i("div", {
         class: "f-layout-editor-choose-group"
-      }, [i(on, {
+      }, [i(un, {
         modelValue: h.value,
         "onUpdate:modelValue": (D) => h.value = D,
         placeholder: "当前可编辑组",
@@ -2204,7 +2206,7 @@ const zn = /* @__PURE__ */ q({
     function g() {
       return i("div", {
         class: "f-layout-editor-field-list-content f-utils-overflow-xhya"
-      }, [b.value.map((D) => i(Nn, {
+      }, [b.value.map((D) => i(Hn, {
         key: D.label,
         currentScreenResolution: n.value,
         field: D,
@@ -2217,15 +2219,15 @@ const zn = /* @__PURE__ */ q({
     function m(D) {
       b.value.forEach((F) => {
         F.label == D.label && Object.assign(F, D);
-      }), L(), A(), E();
+      }), L(), A(), T();
     }
-    function E() {
+    function T() {
       b.value = [], o.value.forEach((D) => {
         D.group === Number(r.value[0].id) && b.value.push(D);
       });
     }
     function A() {
-      o.value = U(O()), t.emit("originalDataChanged", o.value);
+      o.value = U(j()), t.emit("originalDataChanged", o.value);
     }
     function H(D) {
       for (let F = 0; F < D.length; F++)
@@ -2233,52 +2235,52 @@ const zn = /* @__PURE__ */ q({
           id: D[F].id,
           label: D[F].label
         }];
-      t.emit("update:currentArea", r.value), E(), L();
+      t.emit("update:currentArea", r.value), T(), L();
     }
-    const X = qt(b, () => {
-      L(), A(), E();
+    const X = Ut(b, () => {
+      L(), A(), T();
     });
-    return Ye("ResponseLayoutEditorDraggableComposition", X), j(() => e.currentArea, (D, F) => {
-      D !== F && (r.value = e.currentArea, E());
-    }), j(r, (D, F) => {
-      D !== F && E();
-    }), j(() => e.currentGroup, (D, F) => {
+    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) => {
       D !== F && (f.value = e.currentGroup);
-    }), j(() => e.currentScreenResolution, (D, F) => {
+    }), 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])));
-    }), j(() => e.switchInStandardMode, (D, F) => {
+    }), O(() => e.switchInStandardMode, (D, F) => {
       D !== F && (a.value = e.switchInStandardMode, o.value = U(u.value));
-    }), j(d, (D, F) => {
+    }), O(d, (D, F) => {
       D !== F && A();
     }), fe(() => {
-      B(), O(), E();
+      B(), j(), T();
     }), () => i("div", {
       class: "f-layout-editor-field-list f-utils-fill-flex-column"
     }, [a.value ? (
       /* 标准模式 */
       i("div", {
         class: "f-layout-editor-field-list-standard f-utils-fill-flex-column"
-      }, [T(), g()])
+      }, [E(), g()])
     ) : (
       /* 自定义模式 */
       i("div", {
         class: "f-layout-editor-field-list-customize f-utils-fill-flex-column"
-      }, [T(), g()])
+      }, [E(), g()])
     )]);
   }
-}), oe = /* @__PURE__ */ q({
+}), ie = /* @__PURE__ */ q({
   name: "FResponseLayoutEditor",
-  props: nt,
+  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([{
       id: "1",
       label: "区域1"
     }]), r = l([]), p = l(), s = l(e.width), c = l(e.height);
-    j(() => e.initialState, (m) => {
+    O(() => e.initialState, (m) => {
       n.value = m;
-    }), j([() => e.currentArea, () => e.switchInStandardMode], ([m, E], [A, H]) => {
-      m !== A && (v.value = m), E !== H && (f.value = E);
+    }), O([() => e.currentArea, () => e.switchInStandardMode], ([m, T], [A, H]) => {
+      m !== A && (v.value = m), T !== H && (f.value = T);
     });
     function h(m) {
       u.value = m;
@@ -2301,7 +2303,7 @@ const zn = /* @__PURE__ */ q({
     function L() {
       t.emit("close");
     }
-    function O() {
+    function j() {
       t.emit("submit", a.value);
     }
     function W() {
@@ -2323,7 +2325,7 @@ const zn = /* @__PURE__ */ q({
       }, null);
     }
     function y() {
-      return i(Ht, {
+      return i(Gt, {
         class: "f-utils-fill-flex-column",
         currentArea: v.value,
         "onUpdate:currentArea": (m) => v.value = m,
@@ -2334,7 +2336,7 @@ const zn = /* @__PURE__ */ q({
         "onUpdate:twoDimensionalArray": (m) => r.value = m
       }, null);
     }
-    const T = 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"), g = 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";
     }), (m) => i("div", {
@@ -2342,7 +2344,7 @@ const zn = /* @__PURE__ */ q({
       style: "height:" + c.value + "px;width:" + s.value + "px;"
     }, [i("div", {
       class: "f-layout-editor-top"
-    }, [i(Vt, {
+    }, [i(zt, {
       defaultStates: o.value,
       onScreenNameChanged: h,
       onCurrentScreenResolutionChanged: b,
@@ -2352,7 +2354,7 @@ const zn = /* @__PURE__ */ q({
     }, [i("div", {
       class: "f-layout-editor-left f-utils-fill-flex-column"
     }, [i("div", {
-      class: T.value
+      class: E.value
     }, [W()])]), i("div", {
       class: "f-layout-editor-right f-utils-fill-flex-column"
     }, [i("div", {
@@ -2368,30 +2370,30 @@ const zn = /* @__PURE__ */ q({
       class: "f-layout-editor-text-cancel"
     }, [G("取消")])]), i("div", {
       class: "f-layout-editor-sure-btn",
-      onClick: O
+      onClick: j
     }, [i("span", {
       class: "f-layout-editor-text-sure"
     }, [G("确认")])])])])]);
   }
-}), Hn = /* @__PURE__ */ new Map([
+}), Gn = /* @__PURE__ */ new Map([
   ["appearance", ee]
 ]);
-function Gn(e, t, n, a) {
+function qn(e, t, n, a) {
   const o = e.getSchemaByType("section");
   return o.id = `${a}-section`, o.appearance = { class: "f-section-form f-section-in-main" }, o.mainTitle = "标题", o.contents = [t], o;
 }
-function qn(e, t, n, a) {
+function Un(e, t, n, a) {
   const o = e.getSchemaByType("component");
   return o.id = `${a}-component`, o.componentType = "form-col-1", o.appearance = {
     class: "f-struct-form f-struct-wrapper"
   }, o.contents = [t], o;
 }
-function Un(e, t, n) {
+function Xn(e, t, n) {
   t.appearance = { class: "f-form-layout farris-form farris-form-controls-inline" };
-  const a = Gn(e, t, n, t.id);
-  return qn(e, a, n, t.id);
+  const a = qn(e, t, n, t.id);
+  return Un(e, a, n, t.id);
 }
-const Xn = "https://json-schema.org/draft/2020-12/schema", Yn = "https://farris-design.gitee.io/response-layout-editor-setting.schema.json", Jn = "response-layout-editor-setting", Qn = "A Farris Data Collection Component", Zn = "object", _n = {
+const Yn = "https://json-schema.org/draft/2020-12/schema", Jn = "https://farris-design.gitee.io/response-layout-editor-setting.schema.json", Qn = "response-layout-editor-setting", Zn = "A Farris Data Collection Component", _n = "object", Kn = {
   id: {
     description: "The unique identifier for response layout editor",
     type: "string"
@@ -2419,18 +2421,18 @@ const Xn = "https://json-schema.org/draft/2020-12/schema", Yn = "https://farris-
     type: "array",
     default: []
   }
-}, Kn = [
+}, ea = [
   "id",
   "type"
-], ea = {
-  $schema: Xn,
-  $id: Yn,
-  title: Jn,
-  description: Qn,
-  type: Zn,
-  properties: _n,
-  required: Kn
-}, ta = "response-form", na = "A Farris Component", aa = "object", la = {
+], ta = {
+  $schema: Yn,
+  $id: Jn,
+  title: Qn,
+  description: Zn,
+  type: _n,
+  properties: Kn,
+  required: ea
+}, na = "response-form", aa = "A Farris Component", la = "object", oa = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -2452,11 +2454,11 @@ const Xn = "https://json-schema.org/draft/2020-12/schema", Yn = "https://farris-
       }
     }
   }
-}, oa = {
-  title: ta,
-  description: na,
-  type: aa,
-  categories: la
+}, ia = {
+  title: na,
+  description: aa,
+  type: la,
+  categories: oa
 }, ve = {
   /** 接受传入的原始数据的defaultState */
   initialState: { type: Object, default: Se },
@@ -2465,7 +2467,7 @@ const Xn = "https://json-schema.org/draft/2020-12/schema", Yn = "https://farris-
   /** 页面宽度 */
   width: { type: Number, default: 750 },
   modelValue: { type: Object }
-}, ye = K(ve, ea, Hn, Un, oa), ia = {
+}, ye = K(ve, ta, Gn, Xn, ia), ua = {
   /**
    * 自定义类
    */
@@ -2517,7 +2519,7 @@ const Xn = "https://json-schema.org/draft/2020-12/schema", Yn = "https://farris-
   containment: { type: HTMLElement, default: null },
   reiszeable: { type: Boolean, default: !1 },
   draggable: { type: Boolean, default: !1 },
-  dragHandle: { type: HTMLElement, default: null },
+  dragHandle: { type: Object, default: null },
   closedCallback: { type: Function, default: null },
   resizeHandle: { type: Function, default: null },
   render: { type: Function, default: null },
@@ -2608,7 +2610,7 @@ class _ {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function ua(e, t) {
+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);
   function w() {
     const C = a.value || document.body, I = window.getComputedStyle(C);
@@ -2642,7 +2644,7 @@ function ua(e, t) {
     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))));
   }
-  function O() {
+  function j() {
     if (a.value) {
       const C = s.value;
       if (v.value && f.value && r.value && u.value) {
@@ -2656,7 +2658,7 @@ function ua(e, t) {
       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), O(), L(), k();
+    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();
   }
   function y(C) {
     if (!p.value)
@@ -2664,7 +2666,7 @@ function ua(e, t) {
     const I = P.fromEvent(C);
     I && W(I);
   }
-  function T() {
+  function E() {
     if (n.value) {
       const {
         width: C,
@@ -2687,7 +2689,7 @@ function ua(e, t) {
   }
   function g(C) {
     if (n.value) {
-      const I = T();
+      const I = E();
       c.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);
@@ -2695,47 +2697,47 @@ function ua(e, t) {
   function m() {
     document.addEventListener("mousemove", y), document.addEventListener("mouseup", g);
   }
-  function E(C) {
+  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 A(C) {
-    return n.value = C, i(ie, null, [i("div", {
+    return n.value = C, i(ue, null, [i("div", {
       class: "ng-resizable-handle ng-resizable-n",
       type: "n",
-      onMousedown: (I) => E(I)
+      onMousedown: (I) => T(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-e",
       type: "e",
-      onMousedown: (I) => E(I)
+      onMousedown: (I) => T(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-s",
       type: "s",
-      onMousedown: (I) => E(I)
+      onMousedown: (I) => T(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-w",
       type: "w",
-      onMousedown: (I) => E(I)
+      onMousedown: (I) => T(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-ne",
       type: "ne",
-      onMousedown: (I) => E(I)
+      onMousedown: (I) => T(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-se ng-resizable-diagonal",
       type: "se",
-      onMousedown: (I) => E(I)
+      onMousedown: (I) => T(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-sw",
       type: "sw",
-      onMousedown: (I) => E(I)
+      onMousedown: (I) => T(I)
     }, null), i("div", {
       class: "ng-resizable-handle ng-resizable-nw",
       type: "nw",
-      onMousedown: (I) => E(I)
+      onMousedown: (I) => T(I)
     }, null)]);
   }
   function H(C = !0) {
     const I = a.value || document.body, x = _.getCurrent(I), $ = n.value;
-    C && (h.value = T(), 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 = "", c.value = {
       size: f.value,
       position: {
         x: 0,
@@ -2793,35 +2795,35 @@ function ua(e, t) {
     unWindowResizeHandle: z
   };
 }
-function sa(e, t) {
+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, T) {
-    if (T.tagName === "BUTTON")
+  function c(y, E) {
+    if (E.tagName === "BUTTON")
       return !1;
-    if (T === y)
+    if (E === y)
       return !0;
-    for (const g in T.children)
-      if (T.children.hasOwnProperty(g) && c(y, T.children[g]))
+    for (const g in E.children)
+      if (E.children.hasOwnProperty(g) && c(y, E.children[g]))
         return !0;
     return !1;
   }
   function h() {
-    var m, E;
-    let y = p.value.x + r.value.x, T = 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" && (T = ((E = v.value) == null ? void 0 : E.y) || 0, p.value.y = 0);
-    const g = `translate3d(${Math.round(y)}px, ${Math.round(T)}px, 0px)`;
-    n.value && (n.value.style.transform = g), s.value.x = y, s.value.y = T;
+    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)
       return null;
-    const y = d.value.getBoundingClientRect(), T = n.value.getBoundingClientRect(), g = {
-      top: y.top < T.top,
-      right: y.right > T.right,
-      bottom: y.bottom > T.bottom,
-      left: y.left < T.left
+    const y = d.value.getBoundingClientRect(), E = n.value.getBoundingClientRect(), g = {
+      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 -= T.top - y.top), g.bottom || (p.value.y -= T.bottom - y.bottom), g.right || (p.value.x -= T.right - y.right), g.left || (p.value.x -= T.left - y.left), h(), g;
+    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;
   }
   function B(y) {
     y && (v.value && y.subtract(v.value), p.value.set(y), h(), b());
@@ -2844,21 +2846,32 @@ function sa(e, t) {
     }
     r.value.reset();
   }
-  function O(y) {
+  function j(y) {
     if (y instanceof MouseEvent && y.button === 2)
       return;
-    const T = y.target || y.srcElement;
-    u.value !== void 0 && T && !c(T, u.value) || a.value !== !1 && (y.stopPropagation(), y.preventDefault(), v.value = P.fromEvent(y, n.value), L(), k());
-  }
-  function W(y, T, g) {
-    y && a.value && T && (u.value = y, n.value = T, d.value = g, y.classList.add("ng-draggable"), y.addEventListener("mousedown", O));
+    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());
+  }
+  function W(y, E, g) {
+    if (y && a.value && E) {
+      if (e.dragHandle) {
+        if (e.dragHandle instanceof HTMLElement)
+          u.value = e.dragHandle;
+        else if (typeof e.dragHandle == "string") {
+          const m = E.querySelector(e.dragHandle);
+          m && (u.value = m);
+        }
+      } else
+        u.value = y;
+      n.value = E, d.value = g, u.value.classList.add("ng-draggable"), u.value.addEventListener("mousedown", j);
+    }
   }
   return {
     registerDraggle: W,
     resetTranslate: L
   };
 }
-function ra(e, t) {
+function ca(e, t) {
   const n = l(e.enableEsc);
   function a(o) {
     o.key === "Escape" && e.enableEsc && t.emit("esc", { event: o, type: "esc" });
@@ -2867,123 +2880,122 @@ function ra(e, t) {
 }
 const Be = /* @__PURE__ */ q({
   name: "FModal",
-  props: ia,
+  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);
-    function O(M, V) {
+    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();
+    function W(M, V) {
       o.value = !1, t.emit("update:modelValue", !1), V != null && t.emit(V ? "accept" : "cancel"), t.emit("closed", M);
     }
-    const W = [{
+    const y = [{
       name: "cancel",
       text: "取消",
       class: "btn btn-light",
       handle: (M) => {
-        O(M, !1);
+        W(M, !1);
       }
     }, {
       name: "accept",
       text: "确定",
       class: "btn btn-primary",
       handle: (M) => {
-        O(M, !0);
+        W(M, !0);
       }
-    }], y = l(e.buttons && e.buttons.length ? e.buttons : W), T = R(() => !!r.value), g = R(() => !!w.value && !!y.value), m = l(), E = l(), A = l(!1), {
-      renderResizeBar: H,
-      maximize: X,
-      restore: D,
-      boundingElement: F,
-      resizedEventParam: z,
-      allowDrag: C,
-      unWindowResizeHandle: I
-    } = ua(e), {
-      registerDraggle: x
-    } = sa(e);
-    j(() => e.title, (M, V) => {
+    }], 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), {
+      renderResizeBar: X,
+      maximize: D,
+      restore: F,
+      boundingElement: z,
+      resizedEventParam: C,
+      allowDrag: I,
+      unWindowResizeHandle: x
+    } = sa(e), {
+      registerDraggle: $
+    } = ra(e);
+    O(() => e.title, (M, V) => {
       M !== V && (S.value = M);
-    }), j(() => e.modelValue, (M, V) => {
+    }), O(() => e.modelValue, (M, V) => {
       M !== V && (o.value = M);
-    }), j(() => e.showHeader, (M, V) => {
+    }), O(() => e.showHeader, (M, V) => {
       M !== V && (v.value = M);
-    }), j(() => e.showButtons, (M, V) => {
+    }), O(() => e.showButtons, (M, V) => {
       M !== V && (w.value = M);
-    }), j(() => z.value, (M, V) => {
-      const te = M || {}, ne = V || {};
-      JSON.stringify(te) !== JSON.stringify(ne) && t.emit("resize", {
+    }), O(() => C.value, (M, V) => {
+      const ne = M || {}, ae = V || {};
+      JSON.stringify(ne) !== JSON.stringify(ae) && t.emit("resize", {
         newSize: M,
         oldSize: V
       });
     });
-    function $() {
+    function N() {
       const M = document.querySelectorAll(".farris-modal").length;
-      (!M || M - 1 <= 0) && document.body.classList.remove("modal-open");
+      (!M || M - 1 <= 0) && document.body.classList.remove("modal-open"), j.value && j.value.classList.remove("show");
     }
-    const N = R(() => (o.value ? document.body.classList.add("modal-open") : $(), o.value)), ue = R(() => {
+    const te = R(() => (o.value ? document.body.classList.add("modal-open") : N(), o.value)), Re = R(() => {
       const M = {
         modal: !0,
         "farris-modal": !0,
-        fade: !0,
-        show: N.value
+        fade: !0
       };
-      return M["f-modal-fitContent"] = !!f.value, M;
-    }), Re = R(() => {
-      var te;
+      return M["f-modal-fitContent"] = !!f.value, M.show = !!te.value, M;
+    }), Fe = R(() => {
+      var ne;
       const M = {
         "modal-dialog": !0
-      }, V = (te = d.value) == null ? void 0 : te.split(" ");
-      return V == null || V.reduce((ne, Ge) => (ne[Ge] = !0, ne), M), M;
-    }), Fe = R(() => ({
+      }, V = (ne = d.value) == null ? void 0 : ne.split(" ");
+      return V == null || V.reduce((ae, qe) => (ae[qe] = !0, ae), M), M;
+    }), ke = R(() => ({
       position: "absolute",
       top: `${(window.innerHeight - a.value) / 2}px`,
       left: `${(window.innerWidth - n.value) / 2}px`,
       width: `${n.value}px`,
       height: f.value ? "auto" : `${a.value}px`
-    })), ke = R(() => ({
+    })), $e = R(() => ({
       "modal-content": !0,
       "modal-content-has-header": v.value
-    })), $e = R(() => {
+    })), We = R(() => {
       const M = {
         display: v.value ? "" : "none"
       };
-      return M["pointer-events"] = C.value ? "auto" : "none", M;
-    }), We = R(() => ({
+      return M["pointer-events"] = I.value ? "auto" : "none", M;
+    }), Ae = R(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: A.value
-    })), Ae = R(() => ({
+      modalrevert: H.value
+    })), Oe = R(() => ({
       "modal-body": !0,
       "f-utils-flex-column": h.value === "iframe"
     }));
-    function Oe() {
+    function je() {
       return {};
     }
-    const je = R(() => {
+    const Ve = R(() => {
       const M = {
         textAlgin: B.value
-      }, V = Oe();
+      }, V = je();
       return Object.assign(M, V);
     });
-    function Ve(M) {
-      if (M.stopPropagation(), A.value) {
-        A.value = !1, D();
+    function ze(M) {
+      if (M.stopPropagation(), H.value) {
+        H.value = !1, F();
         return;
       }
-      X(), A.value = !0;
+      D(), H.value = !0;
     }
-    async function ze(M, V) {
+    async function Ne(M, V) {
       M.handle && await M.handle(V, M) && t.emit("closed", V);
     }
-    function Ne(M) {
-      M.width && (n.value = M.width), M.height && (a.value = M.height), M.buttons && (y.value = M.buttons), M.title && (S.value = M.title);
+    function He(M) {
+      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(() => {
-      E.value && !L.value && (L.value = E.value.parentElement, F.value = L.value, x(m.value, E.value, F.value)), N.value && document.body.classList.add("modal-open"), ra(e, t);
+      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);
     }), be(() => {
-      $(), I && I();
+      N(), x && x();
     }), t.expose({
-      modalElementRef: E,
-      updateModalOptions: Ne,
-      close: O
+      modalElementRef: A,
+      updateModalOptions: He,
+      close: W
     });
     function Pe() {
       return i("ul", null, [c.value && i("li", {
@@ -2991,56 +3003,57 @@ const Be = /* @__PURE__ */ q({
       }, [i("span", {
         class: "f-icon modal_minimize"
       }, null)]), s.value && i("li", {
-        onClick: Ve,
+        onClick: ze,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [i("span", {
-        class: We.value
+        class: Ae.value
       }, null)]), p.value && i("li", {
         class: "f-btn-icon f-bare",
-        onClick: (M) => O(M, !1),
+        onClick: (M) => W(M, !1),
         style: "pointer-events: auto;"
       }, [i("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function He() {
+    function Ge() {
       return i("div", {
         class: "modal-footer",
-        style: je.value
-      }, [y.value && y.value.map((M) => i("button", {
+        style: Ve.value
+      }, [E.value && E.value.map((M) => i("button", {
         name: M.name,
         type: "button",
         class: M.class + (M.iconClass ? " btn-icontext" : ""),
         onClick: (V) => {
-          ze(M, V);
+          Ne(M, V);
         }
       }, [!!M.iconClass && i("i", {
         class: M.iconClass
       }, null), M.text]))]);
     }
-    return () => i(Je, {
+    return () => i(Qe, {
       to: "body"
     }, {
       default: () => {
         var M, V;
-        return [N.value && i("div", {
-          class: ue.value,
-          style: "display: block"
+        return [te.value && i("div", {
+          class: Re.value,
+          style: "display: block",
+          ref: j
         }, [i("div", {
           id: u.value,
-          class: Re.value,
-          style: Fe.value,
-          ref: E
+          class: Fe.value,
+          style: ke.value,
+          ref: A
         }, [i("div", {
-          class: ke.value
+          class: $e.value
         }, [i("div", {
-          ref: m,
+          ref: T,
           class: "modal-header",
-          style: $e.value
+          style: We.value
         }, [i("div", {
           class: "modal-title"
-        }, [T.value && i("span", {
+        }, [g.value && i("span", {
           class: r.value,
           style: "margin-right: 8px"
         }, null), i("span", {
@@ -3048,14 +3061,14 @@ const Be = /* @__PURE__ */ q({
         }, [S.value])]), i("div", {
           class: "actions"
         }, [Pe()])]), i("div", {
-          class: Ae.value
+          class: Oe.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)]), g.value && He()]), !f.value && k.value && E.value && H(E.value)])])];
+        }, null)]), m.value && Ge()]), !f.value && k.value && A.value && X(A.value)])])];
       }
     });
   }
@@ -3066,10 +3079,10 @@ function Le(e) {
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function ca(e) {
+function da(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  const n = Ze({
+  const n = _e({
     setup(a, o) {
       be(() => {
         document.body.removeChild(t);
@@ -3128,12 +3141,12 @@ class me {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return ca(n);
+    return da(n);
   }
   open(t) {
     const n = document.createDocumentFragment();
     t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
-    const a = Qe(Object.assign({
+    const a = Ze(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
@@ -3173,7 +3186,7 @@ class me {
       default: () => [p && p()]
     });
     return r = ((S) => {
-      const k = _e(b, S);
+      const k = Ke(b, S);
       return k.appContext = this.appContext, se(k, n), k;
     })({
       ...a.value
@@ -3183,7 +3196,7 @@ class me {
         a.value = {
           ...a.value,
           ...S
-        }, r && se(Ke(r, {
+        }, r && se(et(r, {
           ...a
         }), n);
       },
@@ -3192,7 +3205,7 @@ class me {
     };
   }
 }
-function da(e, t, n) {
+function fa(e, t, n) {
   var W;
   function a() {
   }
@@ -3214,12 +3227,12 @@ function da(e, t, n) {
       return null;
     if (y.value.schema && y.value.schema.type === "component")
       return y.value;
-    const T = l(y == null ? void 0 : y.value.parent), g = s(T);
+    const E = l(y == null ? void 0 : y.value.parent), g = s(E);
     return g || null;
   }
   function c(y = t) {
-    const { componentInstance: T, designerItemElementRef: g } = y;
-    return !T || !T.value ? null : T.value.canMove ? g : c(y.parent);
+    const { componentInstance: E, designerItemElementRef: g } = y;
+    return !E || !E.value ? null : E.value.canMove ? g : c(y.parent);
   }
   function h(y) {
     return !!n;
@@ -3229,24 +3242,24 @@ function da(e, t, n) {
   }
   function B() {
   }
-  function w(y, T) {
+  function w(y, E) {
   }
   function S(y) {
-    const { componentType: T } = y;
-    let g = de(T, y);
-    const m = T.toLowerCase().replace("-", "_");
-    return g && !g.id && g.type === T && (g.id = `${m}_${Math.random().toString().slice(2, 6)}`), g;
-  }
-  function k(y, T) {
-    const g = String(y.getAttribute("data-controltype")), m = y.getAttribute("data-feature"), E = m ? JSON.parse(m) : {};
-    E.parentComponentInstance = d.value;
-    let A = de(g, E);
+    const { componentType: E } = y;
+    let g = 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;
+  }
+  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;
   }
   function L(y) {
   }
-  function O(...y) {
+  function j(...y) {
   }
   return d.value = {
     canMove: f(),
@@ -3263,7 +3276,7 @@ function da(e, t, n) {
     getBelongedComponentInstance: s,
     getDraggableDesignItemElement: c,
     getDraggingDisplayText: b,
-    getPropConfig: O,
+    getPropConfig: j,
     getDragScopeElement: B,
     onAcceptMovedChildElement: w,
     onAcceptNewChildElement: k,
@@ -3274,19 +3287,19 @@ function da(e, t, n) {
     triggerBelongedComponentToDeleteWhenDeleted: l(!1)
   }, d;
 }
-const fa = /* @__PURE__ */ q({
+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 = da(u, d);
+    const n = l(e.initialState), a = l(e.width), o = l(e.height), u = l(), d = ge("design-item-context"), f = fa(u, d);
     J(() => {
       u.value.componentInstance = f;
     }), t.expose(f.value);
     function v() {
       const r = me.show({
         // title: '响应式列宽编辑器',
-        render: () => i(oe, {
+        render: () => i(ie, {
           initialState: n,
           width: a,
           height: o
@@ -3322,7 +3335,7 @@ const fa = /* @__PURE__ */ q({
       class: "f-column-width-setting-button-center"
     }, [G("高级设置")])])]);
   }
-}), pa = {
+}), va = {
   width: { Type: Number, default: 400 },
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
@@ -3335,12 +3348,12 @@ const fa = /* @__PURE__ */ q({
 function he() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function va(e) {
+async function ma(e) {
   if (!navigator.clipboard)
     throw he();
   return navigator.clipboard.writeText(e);
 }
-async function ma(e) {
+async function ha(e) {
   const t = document.createElement("span");
   t.textContent = e, t.style.whiteSpace = "pre", t.style.webkitUserSelect = "auto", t.style.userSelect = "all", document.body.appendChild(t);
   const n = window.getSelection(), a = window.document.createRange();
@@ -3353,24 +3366,24 @@ async function ma(e) {
   }
   if (!o) throw he();
 }
-async function ha(e) {
+async function ya(e) {
   try {
-    await va(e);
+    await ma(e);
   } catch (t) {
     try {
-      await ma(e);
+      await ha(e);
     } catch (n) {
       throw n || t || he();
     }
   }
 }
-function ya() {
+function ga() {
   async function e(t) {
-    await ha(t);
+    await ya(t);
   }
   return { onCopy: e };
 }
-function ga(e, t, n, a) {
+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(() => ({
     "font-size": `${o.value}px`,
     height: "100%"
@@ -3381,7 +3394,7 @@ function ga(e, t, n, a) {
       f.value = c.length;
     }
   }
-  return () => i(ie, null, [i("textarea", {
+  return () => i(ue, null, [i("textarea", {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
@@ -3395,14 +3408,14 @@ function ga(e, t, n, a) {
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
   }, [f.value + " / " + u.value])]);
 }
-function ba(e, t, n, a) {
-  const o = ga(e, t, n, a), u = /* @__PURE__ */ new Map([["text-area", o]]);
+function wa(e, t, n, a) {
+  const o = ba(e, t, n, a), u = /* @__PURE__ */ new Map([["text-area", o]]);
   function d(f) {
     return u.get(f) || null;
   }
   return { getEditorRender: d };
 }
-function wa() {
+function Sa() {
   const e = l(!1), t = l("复制成功");
   return {
     feedbackStyle: R(() => {
@@ -3428,11 +3441,11 @@ function wa() {
     toShowFeedback: e
   };
 }
-function Sa(e, t) {
+function Ca(e, t) {
   const n = t.getEditorRender(e.promptEditorType);
   return () => n && n();
 }
-function Ca(e) {
+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 w = `${n.value}px`;
     return {
@@ -3477,13 +3490,13 @@ function Ca(e) {
     style: "cursor: pointer;"
   }, [p.value])])]);
 }
-function Ma(e) {
+function Ia(e) {
   return () => i("p", {
     class: "toast-msg-detail",
     innerHTML: e.value
   }, null);
 }
-function Ia(e, t, n, a) {
+function xa(e, t, n, a) {
   const o = l(e.exceptionInfo), u = R(() => {
     const c = {
       "f-icon": !0
@@ -3491,10 +3504,10 @@ function Ia(e, t, n, a) {
     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);
   function p() {
-    return r.value ? Ca(o) : v.value ? Ma(f) : () => null;
+    return r.value ? Ma(o) : v.value ? Ia(f) : () => null;
   }
   const s = p();
-  return () => i(ie, null, [i("div", {
+  return () => i(ue, null, [i("div", {
     class: "float-left modal-tips-iconwrap"
   }, [i("span", {
     class: u.value
@@ -3505,7 +3518,7 @@ function Ia(e, t, n, a) {
     innerHTML: d.value
   }, null), s()])]);
 }
-function xa(e, t, n) {
+function Ea(e, t, n) {
   const {
     onCopy: a
   } = t, {
@@ -3531,8 +3544,8 @@ function xa(e, t, n) {
     style: "cursor: pointer;"
   }, [d.value])]);
 }
-function Ea(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 = xa(e, n, a);
+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);
   function S(L) {
     o.value === "question" && t.emit("reject"), t.emit("close");
   }
@@ -3557,9 +3570,9 @@ function Ea(e, t, n, a) {
     class: L.iconClass
   }, null), L.text]))]);
 }
-const le = /* @__PURE__ */ q({
+const oe = /* @__PURE__ */ q({
   name: "FMessageBox",
-  props: pa,
+  props: va,
   emits: ["accept", "reject", "close"],
   setup(e, t) {
     const n = l(e.type), a = l(e.title), o = l(e.detail), u = R(() => {
@@ -3572,7 +3585,7 @@ const le = /* @__PURE__ */ q({
     }), d = 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 = ya(), v = ba(e, n, a, o), r = wa(), {
+    }), f = ga(), v = wa(e, n, a, o), r = Sa(), {
       feedbackStyle: p,
       feedbackMessage: s
     } = r;
@@ -3584,12 +3597,12 @@ const le = /* @__PURE__ */ q({
     function h() {
       switch (n.value) {
         case "prompt":
-          return Sa(e, v);
+          return Ca(e, v);
         default:
-          return Ia(e, n, a, o);
+          return xa(e, n, a, o);
       }
     }
-    const b = h(), B = Ea(e, t, f, r);
+    const b = h(), B = Da(e, t, f, r);
     return () => i("div", {
       class: "farris-messager"
     }, [i("section", {
@@ -3618,7 +3631,7 @@ class Y {
       width: a.width || 400,
       fitContent: !0,
       showMaxButton: !1,
-      render: () => i(le, we(a, {
+      render: () => i(oe, we(a, {
         onAccept: f,
         onReject: v,
         onClose: p
@@ -3692,8 +3705,8 @@ class Y {
     Y.show(u);
   }
 }
-le.install = (e) => {
-  e.component(le.name, le), e.provide("FMessageBoxService", Y);
+oe.install = (e) => {
+  e.component(oe.name, oe), e.provide("FMessageBoxService", Y);
 };
 const re = /* @__PURE__ */ q({
   name: "FResponseLayoutEditorSetting",
@@ -3701,7 +3714,7 @@ const re = /* @__PURE__ */ q({
   emits: ["change"],
   setup(e, t) {
     const n = l(e.modelValue), a = l(e.width), o = l(e.height);
-    j(() => e.modelValue, (v) => {
+    O(() => e.modelValue, (v) => {
       n.value = v;
     });
     function u(v, r) {
@@ -3717,7 +3730,7 @@ const re = /* @__PURE__ */ q({
         return;
       }
       me.show({
-        render: (v) => i(oe, {
+        render: (v) => i(ie, {
           initialState: n,
           width: a.value,
           height: o.value,
@@ -3742,19 +3755,19 @@ const re = /* @__PURE__ */ q({
       class: "f-column-width-setting-button-center"
     }, [G("高级设置")])])]);
   }
-}), Fa = {
+}), ka = {
   install(e) {
-    e.component(oe.name, oe), e.component(re.name, re);
+    e.component(ie.name, ie), e.component(re.name, re);
   },
   register(e, t, n, a) {
     e["response-layout-editor-setting"] = re, t["response-layout-editor-setting"] = ye;
   },
   registerDesigner(e, t, n) {
-    e["response-layout-editor-setting"] = fa, t["response-layout-editor-setting"] = ye;
+    e["response-layout-editor-setting"] = pa, t["response-layout-editor-setting"] = ye;
   }
 };
 export {
-  oe as ResponseLayoutEditor,
-  Fa as default,
-  nt as responseLayoutEditorProps
+  ie as ResponseLayoutEditor,
+  ka as default,
+  at as responseLayoutEditorProps
 };