@farris/ui-vue 1.4.0 → 1.4.1

package/components/property-panel/index.esm.js

@@ -1,7 +1,7 @@
 var Me = Object.defineProperty;
 var je = (e, t, r) => t in e ? Me(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var B = (e, t, r) => je(e, typeof t != "symbol" ? t + "" : t, r);
-import { ref as k, computed as J, defineComponent as _, watch as q, createVNode as a, createTextVNode as de, mergeProps as $e, reactive as Re, withDirectives as Ue, resolveDirective as qe, Fragment as pe, inject as Ae, onMounted as ae, onBeforeMount as Ge } from "vue";
+import { ref as k, computed as G, defineComponent as H, watch as q, createVNode as a, createTextVNode as de, mergeProps as $e, reactive as Re, withDirectives as Ue, resolveDirective as qe, Fragment as pe, inject as Ae, onMounted as ae, onBeforeMount as Ge } from "vue";
 import { isPlainObject as le, cloneDeep as me } from "lodash-es";
 import We from "../accordion/index.esm.js";
 import Qe from "../avatar/index.esm.js";
@@ -38,8 +38,8 @@ import Ct from "../page-header/index.esm.js";
 import Pt from "../page-footer/index.esm.js";
 import kt from "../pagination/index.esm.js";
 import St from "../progress/index.esm.js";
-import xt from "../query-solution/index.esm.js";
-import Tt from "../radio-group/index.esm.js";
+import Tt from "../query-solution/index.esm.js";
+import xt from "../radio-group/index.esm.js";
 import wt from "../rate/index.esm.js";
 import Et from "../response-toolbar/index.esm.js";
 import Vt from "../response-layout/index.esm.js";
@@ -93,67 +93,67 @@ const Xt = {
   propertyChanged: { type: Function }
 };
 function Yt(e = {}) {
-  function t(p, F, i, b) {
+  function t(l, v, i, F) {
     if (typeof i == "number")
-      return b[p].length === i;
+      return F[l].length === i;
     if (typeof i == "object") {
       const m = Object.keys(i)[0], P = i[m];
       if (m === "not")
-        return Number(b[p].length) !== Number(P);
+        return Number(F[l].length) !== Number(P);
       if (m === "moreThan")
-        return Number(b[p].length) >= Number(P);
+        return Number(F[l].length) >= Number(P);
       if (m === "lessThan")
-        return Number(b[p].length) <= Number(P);
+        return Number(F[l].length) <= Number(P);
     }
     return !1;
   }
-  function r(p, F, i, b) {
-    return b[p] && b[p].propertyValue && String(b[p].propertyValue.value) === String(i);
+  function r(l, v, i, F) {
+    return F[l] && F[l].propertyValue && String(F[l].propertyValue.value) === String(i);
   }
   const n = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", r]
   ]);
-  Object.keys(e).reduce((p, F) => (p.set(F, e[F]), p), n);
-  function o(p, F) {
-    const i = p;
-    return typeof F == "number" ? [{ target: i, operator: "length", param: null, value: Number(F) }] : typeof F == "boolean" ? [{ target: i, operator: "getProperty", param: p, value: !!F }] : typeof F == "object" ? Object.keys(F).map((b) => {
-      if (b === "length")
-        return { target: i, operator: "length", param: null, value: F[b] };
-      const m = b, P = F[b];
+  Object.keys(e).reduce((l, v) => (l.set(v, e[v]), l), n);
+  function o(l, v) {
+    const i = l;
+    return typeof v == "number" ? [{ target: i, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: i, operator: "getProperty", param: l, value: !!v }] : typeof v == "object" ? Object.keys(v).map((F) => {
+      if (F === "length")
+        return { target: i, operator: "length", param: null, value: v[F] };
+      const m = F, P = v[F];
       return { target: i, operator: "getProperty", param: m, value: P };
     }) : [];
   }
-  function g(p) {
-    return Object.keys(p).reduce((i, b) => {
-      const m = o(b, p[b]);
+  function f(l) {
+    return Object.keys(l).reduce((i, F) => {
+      const m = o(F, l[F]);
       return i.push(...m), i;
     }, []);
   }
-  function h(p, F) {
-    if (n.has(p.operator)) {
-      const i = n.get(p.operator);
-      return i && i(p.target, p.param, p.value, F) || !1;
+  function h(l, v) {
+    if (n.has(l.operator)) {
+      const i = n.get(l.operator);
+      return i && i(l.target, l.param, l.value, v) || !1;
     }
     return !1;
   }
-  function x(p, F) {
-    return g(p).reduce((m, P) => m && h(P, F), !0);
+  function S(l, v) {
+    return f(l).reduce((m, P) => m && h(P, v), !0);
   }
-  function C(p, F) {
-    const i = Object.keys(p), b = i.includes("allOf"), m = i.includes("anyOf"), P = b || m, L = (P ? p[P ? b ? "allOf" : "anyOf" : "allOf"] : [p]).map(($) => x($, F));
-    return b ? !L.includes(!1) : L.includes(!0);
+  function C(l, v) {
+    const i = Object.keys(l), F = i.includes("allOf"), m = i.includes("anyOf"), P = F || m, L = (P ? l[P ? F ? "allOf" : "anyOf" : "allOf"] : [l]).map(($) => S($, v));
+    return F ? !L.includes(!1) : L.includes(!0);
   }
   return { parseValueSchema: C };
 }
 const ee = {}, Zt = {};
 function fe(e) {
-  const { properties: t, title: r, ignore: n } = e, o = n && Array.isArray(n), g = Object.keys(t).reduce((h, x) => ((!o || !n.find((C) => C === x)) && (h[x] = t[x].type === "object" && t[x].properties ? fe(t[x]) : me(t[x].default)), h), {});
+  const { properties: t, title: r, ignore: n } = e, o = n && Array.isArray(n), f = Object.keys(t).reduce((h, S) => ((!o || !n.find((C) => C === S)) && (h[S] = t[S].type === "object" && t[S].properties ? fe(t[S]) : me(t[S].default)), h), {});
   if (r && (!o || !n.find((h) => h === "id"))) {
     const h = r.toLowerCase().replace(/-/g, "_");
-    g.id = `${h}_${Math.random().toString().slice(2, 6)}`;
+    f.id = `${h}_${Math.random().toString().slice(2, 6)}`;
   }
-  return g;
+  return f;
 }
 function te(e, t) {
   const r = fe(t);
@@ -162,11 +162,11 @@ function te(e, t) {
 function Kt(e, t) {
   return Object.keys(e).filter((n) => e[n] != null).reduce((n, o) => {
     if (t.has(o)) {
-      const g = t.get(o);
-      if (typeof g == "string")
-        n[g] = e[o];
+      const f = t.get(o);
+      if (typeof f == "string")
+        n[f] = e[o];
       else {
-        const h = g(o, e[o], e);
+        const h = f(o, e[o], e);
         Object.assign(n, h);
       }
     } else
@@ -185,10 +185,10 @@ function ge(e) {
     const n = ee[t];
     if (!n)
       return e;
-    const o = te(e, n), g = ((r = e.editor) == null ? void 0 : r.type) || "";
-    if (g) {
-      const h = ee[g], x = te(e.editor, h);
-      o.editor = x;
+    const o = te(e, n), f = ((r = e.editor) == null ? void 0 : r.type) || "";
+    if (f) {
+      const h = ee[f], S = te(e.editor, h);
+      o.editor = S;
     }
     return o;
   }
@@ -206,7 +206,7 @@ const tr = {
     e.editor && (e.editor[t] = r);
   },
   convertFrom: (e, t, r) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
-}, d = {
+}, p = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -250,7 +250,7 @@ const tr = {
   convertFrom: (e, t, r) => {
     var o;
     const n = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((o = d[n]) == null ? void 0 : o.name) || n;
+    return ((o = p[n]) == null ? void 0 : o.name) || n;
   }
 }, ir = {
   convertTo: (e, t, r, n) => {
@@ -344,55 +344,55 @@ function hr(e, t) {
   const r = e.$converter || t;
   return typeof r == "string" && r && re.has(r) ? re.get(r) || null : r || null;
 }
-function oe(e, t, r, n, o, g = "", h = "") {
+function oe(e, t, r, n, o, f = "", h = "") {
   return Object.keys(e).map((C) => {
-    const p = k(1), F = C, i = e[C], b = Object.keys(i), m = i.title, P = i.type, V = fr.get(P) || { type: "input-group", enableClear: !1 }, E = i.editor ? Object.assign({}, V, i.editor) : Object.assign({}, V), L = vr(b, i, t), j = yr(b, i, t);
+    const l = k(1), v = C, i = e[C], F = Object.keys(i), m = i.title, P = i.type, V = fr.get(P) || { type: "input-group", enableClear: !1 }, E = i.editor ? Object.assign({}, V, i.editor) : Object.assign({}, V), L = vr(F, i, t), j = yr(F, i, t);
     E.readonly = E.readonly === void 0 ? j() : E.readonly;
-    const $ = i.type === "cascade" ? oe(i.properties, t, r, n, o, g, h) : [], D = !0;
+    const $ = i.type === "cascade" ? oe(i.properties, t, r, n, o, f, h) : [], D = !0;
     let w = hr(i, h);
-    const I = J({
+    const I = G({
       get() {
-        if (p.value) {
-          if (["class", "style"].find((G) => G === F) && !w && (w = re.get("/converter/appearance.converter") || null), w && w.convertFrom)
-            return w.convertFrom(r, C, o, g);
+        if (l.value) {
+          if (["class", "style"].find((W) => W === v) && !w && (w = re.get("/converter/appearance.converter") || null), w && w.convertFrom)
+            return w.convertFrom(r, C, o, f);
           const O = r[C];
           return typeof O == "string" && O === "" ? i.defaultValue || "" : O;
         }
         return null;
       },
       set(O) {
-        p.value += 1, w && w.convertTo ? (w.convertTo(n, C, O, o, g), w.convertTo(r, C, O, o, g)) : (n[C] = O, r[C] = O);
+        l.value += 1, w && w.convertTo ? (w.convertTo(n, C, O, o, f), w.convertTo(r, C, O, o, f)) : (n[C] = O, r[C] = O);
       }
-    }), { refreshPanelAfterChanged: T, description: M, isExpand: U } = i, R = { propertyID: F, propertyName: m, propertyType: P, propertyValue: I, editor: E, visible: L, readonly: j, cascadeConfig: $, hideCascadeTitle: D, refreshPanelAfterChanged: T, description: M, isExpand: U };
-    return t[F] = R, R;
+    }), { refreshPanelAfterChanged: x, description: M, isExpand: U } = i, R = { propertyID: v, propertyName: m, propertyType: P, propertyValue: I, editor: E, visible: L, readonly: j, cascadeConfig: $, hideCascadeTitle: D, refreshPanelAfterChanged: x, description: M, isExpand: U };
+    return t[v] = R, R;
   });
 }
 function br(e, t, r, n, o = "") {
-  const g = t.$ref.schema, h = t.$ref.converter, x = r[g], C = x.type, p = ge(x), F = {}, i = ne[C];
+  const f = t.$ref.schema, h = t.$ref.converter, S = r[f], C = S.type, l = ge(S), v = {}, i = ne[C];
   if (i && i.categories) {
-    const b = i.categories[e], m = b == null ? void 0 : b.title;
-    h && Object.keys(b.properties).forEach((E) => {
-      b.properties[E].$converter = h;
+    const F = i.categories[e], m = F == null ? void 0 : F.title;
+    h && Object.keys(F.properties).forEach((E) => {
+      F.properties[E].$converter = h;
     });
-    const P = (b == null ? void 0 : b.properties) || {}, V = oe(P, F, p, x, n, o);
+    const P = (F == null ? void 0 : F.properties) || {}, V = oe(P, v, l, S, n, o);
     return { categoryId: e, categoryName: m, properties: V };
   }
   return { categoryId: e, categoryName: "", properties: [] };
 }
 function K(e, t, r, n, o) {
-  const g = e.type, h = ge(e), x = {};
-  let C = o || ne[g];
+  const f = e.type, h = ge(e), S = {};
+  let C = o || ne[f];
   if (C && Object.keys(C).length === 0 && r && r.getPropConfig && (C = r.getPropConfig(n)), C && C.categories) {
-    const p = [];
-    return Object.keys(C.categories).map((F) => {
-      const i = C.categories[F];
+    const l = [];
+    return Object.keys(C.categories).map((v) => {
+      const i = C.categories[v];
       if (i.$ref) {
-        p.push(br(F, i, e, t, n));
+        l.push(br(v, i, e, t, n));
         return;
       }
-      const b = i == null ? void 0 : i.title, m = i == null ? void 0 : i.tabId, P = i == null ? void 0 : i.tabName, V = i == null ? void 0 : i.hide, E = i == null ? void 0 : i.hideTitle, L = oe(i.properties || {}, x, h, e, t, n, i.$converter), { setPropertyRelates: j } = i;
-      p.push({ categoryId: F, categoryName: b, tabId: m, tabName: P, hide: V, properties: L, hideTitle: E, setPropertyRelates: j });
-    }), p;
+      const F = i == null ? void 0 : i.title, m = i == null ? void 0 : i.tabId, P = i == null ? void 0 : i.tabName, V = i == null ? void 0 : i.hide, E = i == null ? void 0 : i.hideTitle, L = oe(i.properties || {}, S, h, e, t, n, i.$converter), { setPropertyRelates: j } = i;
+      l.push({ categoryId: v, categoryName: F, tabId: m, tabName: P, hide: V, properties: L, hideTitle: E, setPropertyRelates: j });
+    }), l;
   }
   return [];
 }
@@ -409,10 +409,10 @@ const Fr = {
   elementConfig: { type: Object, default: {} },
   category: { type: Object, default: {} }
 };
-function Pr(e, t, r = /* @__PURE__ */ new Map(), n = (h, x, C, p) => x, o = {}, g = (h) => h) {
-  return ee[t.title] = t, Zt[t.title] = n, ne[t.title] = o, mr[t.title] = g, (h = {}) => {
-    const x = er(h, t, r), C = Object.keys(e).reduce((p, F) => (p[F] = e[F].default, p), {});
-    return Object.assign(C, x);
+function Pr(e, t, r = /* @__PURE__ */ new Map(), n = (h, S, C, l) => S, o = {}, f = (h) => h) {
+  return ee[t.title] = t, Zt[t.title] = n, ne[t.title] = o, mr[t.title] = f, (h = {}) => {
+    const S = er(h, t, r), C = Object.keys(e).reduce((l, v) => (l[v] = e[v].default, l), {});
+    return Object.assign(C, S);
   };
 }
 function kr(e, t) {
@@ -420,7 +420,7 @@ function kr(e, t) {
 }
 const Sr = /* @__PURE__ */ new Map([
   ["appearance", kr]
-]), xr = "https://json-schema.org/draft/2020-12/schema", Tr = "https://farris-design.gitee.io/form-group.schema.json", wr = "form-group", Er = "A Farris Input Component", Vr = "object", Br = {
+]), Tr = "https://json-schema.org/draft/2020-12/schema", xr = "https://farris-design.gitee.io/form-group.schema.json", wr = "form-group", Er = "A Farris Input Component", Vr = "object", Br = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -472,8 +472,8 @@ const Sr = /* @__PURE__ */ new Map([
   "type",
   "editor"
 ], Nr = {
-  $schema: xr,
-  $id: Tr,
+  $schema: Tr,
+  $id: xr,
   title: wr,
   description: Er,
   type: Vr,
@@ -492,7 +492,8 @@ const Sr = /* @__PURE__ */ new Map([
   visible: { type: Boolean, default: !0 },
   required: { type: Boolean, default: !1 },
   showLabel: { type: Boolean, default: !0 },
-  type: { type: String, default: "input-group" }
+  type: { type: String, default: "input-group" },
+  componentId: { type: String, default: "" }
 };
 Pr(
   ye,
@@ -504,42 +505,53 @@ const Or = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
-  title: { type: String }
-}, Lr = /* @__PURE__ */ _({
+  title: { type: String },
+  valid: { type: Boolean, default: !0 },
+  inValidTip: { type: String, default: "" }
+}, Lr = /* @__PURE__ */ H({
   name: "FDynamicFormLabel",
   props: Or,
   emits: [],
   setup(e, t) {
-    const r = k(e.title || e.text), n = k(e.required), o = k(e.text);
-    return q(() => e.text, () => {
+    const r = k(e.title || e.text), n = k(e.required), o = k(e.text), f = k(e.valid), h = k(e.inValidTip);
+    q(() => e.text, () => {
       o.value = e.text;
-    }), q(() => e.required, (g, h) => {
-      g !== h && (n.value = g);
-    }), () => o.value && a("label", {
+    }), q(() => e.required, (l, v) => {
+      l !== v && (n.value = l);
+    }), q([() => e.valid, () => e.inValidTip], ([l, v]) => {
+      f.value = l, h.value = v;
+    });
+    const S = G(() => f.value ? r.value : h.value), C = G(() => f.value ? "" : "color:red");
+    return () => o.value && a("label", {
       class: "col-form-label",
-      title: r.value
-    }, [n.value && a("span", {
+      title: S.value,
+      style: C.value
+    }, [!f.value && a("span", {
+      class: "f-icon f-icon-warning mr-1",
+      style: "color: red; min-width: 16px;",
+      title: h.value
+    }, null), n.value && a("span", {
       class: "farris-label-info text-danger"
     }, [de("*")]), a("span", {
       class: "farris-label-text"
     }, [o.value])]);
   }
-}), l = {}, s = {}, c = {}, u = {};
+}), s = {}, c = {}, u = {}, d = {};
 let se = !1;
 function Dr() {
-  se || (se = !0, Qe.register(l, s, c, u), We.register(l, s, c, u), ze.register(l, s, c, u), _e.register(l, s, c, u), He.register(l, s, c, u), Je.register(l, s, c, u), Xe.register(l, s, c, u), Ye.register(l, s, c, u), Ze.register(l, s, c, u), Ke.register(l, s, c, u), tt.register(l, s, c, u), et.register(l, s, c, u), rt.register(l, s, c, u), nt.register(l, s, c, u), ot.register(l, s, c, u), it.register(l, s, c, u), at.register(l, s, c, u), lt.register(l, s, c, u), st.register(l, s, c, u), ut.register(l, s, c, u), dt.register(l, s, c, u), pt.register(l, s, c, u), ft.register(l, s, c, u), mt.register(l, s, c, u), gt.register(l, s, c, u), vt.register(l, s, c, u), yt.register(l, s, c, u), ht.register(l, s, c, u), bt.register(l, s, c, u), Ft.register(l, s, c, u), Ct.register(l, s, c, u), Pt.register(l, s, c, u), kt.register(l, s, c, u), St.register(l, s, c, u), xt.register(l, s, c, u), Tt.register(l, s, c, u), wt.register(l, s, c, u), Vt.register(l, s, c, u), Bt.register(l, s, c, u), Et.register(l, s, c, u), _t.register(l, s, c), It.register(l, s, c, u), Nt.register(l, s, c, u), Ot.register(l, s, c, u), Lt.register(l, s, c, u), Dt.register(l, s, c, u), Mt.register(l, s, c, u), jt.register(l, s, c, u), $t.register(l, s, c, u), Rt.register(l, s, c, u), Ut.register(l, s, c, u), qt.register(l, s, c, u), At.register(l, s, c, u), Wt.register(l, s, c, u), Gt.register(l, s, c, u), Qt.register(l, s, c, u), zt.register(l, s, c, u), Ht.register(l, s, c, u), ct.register(l, s, c, u), Jt.register(l, s, c, u));
+  se || (se = !0, Qe.register(s, c, u, d), We.register(s, c, u, d), ze.register(s, c, u, d), _e.register(s, c, u, d), He.register(s, c, u, d), Je.register(s, c, u, d), Xe.register(s, c, u, d), Ye.register(s, c, u, d), Ze.register(s, c, u, d), Ke.register(s, c, u, d), tt.register(s, c, u, d), et.register(s, c, u, d), rt.register(s, c, u, d), nt.register(s, c, u, d), ot.register(s, c, u, d), it.register(s, c, u, d), at.register(s, c, u, d), lt.register(s, c, u, d), st.register(s, c, u, d), ut.register(s, c, u, d), dt.register(s, c, u, d), pt.register(s, c, u, d), ft.register(s, c, u, d), mt.register(s, c, u, d), gt.register(s, c, u, d), vt.register(s, c, u, d), yt.register(s, c, u, d), ht.register(s, c, u, d), bt.register(s, c, u, d), Ft.register(s, c, u, d), Ct.register(s, c, u, d), Pt.register(s, c, u, d), kt.register(s, c, u, d), St.register(s, c, u, d), Tt.register(s, c, u, d), xt.register(s, c, u, d), wt.register(s, c, u, d), Vt.register(s, c, u, d), Bt.register(s, c, u, d), Et.register(s, c, u, d), _t.register(s, c, u), It.register(s, c, u, d), Nt.register(s, c, u, d), Ot.register(s, c, u, d), Lt.register(s, c, u, d), Dt.register(s, c, u, d), Mt.register(s, c, u, d), jt.register(s, c, u, d), $t.register(s, c, u, d), Rt.register(s, c, u, d), Ut.register(s, c, u, d), qt.register(s, c, u, d), At.register(s, c, u, d), Wt.register(s, c, u, d), Gt.register(s, c, u, d), Qt.register(s, c, u, d), zt.register(s, c, u, d), Ht.register(s, c, u, d), ct.register(s, c, u, d), Jt.register(s, c, u, d));
 }
 function Mr() {
   Dr();
   function e(o) {
-    const g = l[o];
-    if (!g)
+    const f = s[o];
+    if (!f)
       throw new Error(`Could not find the editor of type '${o}'`);
-    return g;
+    return f;
   }
-  function t(o, g) {
-    const h = s[o];
-    return h ? h(g) : {};
+  function t(o, f) {
+    const h = c[o];
+    return h ? h(f) : {};
   }
   function r(o) {
     switch (o) {
@@ -616,24 +628,24 @@ function Mr() {
   }
   return { resolveEditorProps: t, resolveEditorType: e, getChangeFunctionName: r, getClearFunctionName: n };
 }
-const jr = /* @__PURE__ */ _({
+const jr = /* @__PURE__ */ H({
   name: "FDynamicFormGroup",
   props: ye,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
     var D;
-    const r = k(e.id), n = k(e.customClass), o = k(e.editor), g = k(e.label), h = k(e.modelValue), x = k(e.readonly), C = k(((D = e.editor) == null ? void 0 : D.required) || e.required), p = k(e.showLabel), F = k(e.visible);
+    const r = k(e.id), n = k(e.customClass), o = k(e.editor), f = k(e.label), h = k(e.modelValue), S = k(e.readonly), C = k(((D = e.editor) == null ? void 0 : D.required) || e.required), l = k(e.showLabel), v = k(e.visible);
     k(e.type);
     const i = k(), {
-      resolveEditorProps: b,
+      resolveEditorProps: F,
       resolveEditorType: m,
       getChangeFunctionName: P,
       getClearFunctionName: V
-    } = Mr(), E = J(() => ({
+    } = Mr(), E = G(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
-      "q-state-readonly": x.value
+      "q-state-readonly": S.value
     }));
     function L(w, I) {
       h.value = I !== void 0 ? I : w, t.emit("update:modelValue", h.value), t.emit("change", h.value);
@@ -641,21 +653,21 @@ const jr = /* @__PURE__ */ _({
     function j() {
       t.emit("update:modelValue", "");
     }
-    const $ = J(() => {
-      const w = o.value.type || "input-group", I = m(w), T = b(w, o.value), M = P(w), U = V(o.value.type);
-      return U && (T[U] = j), T[M] = L, (T.id == null || T.id === "") && (T.id = r.value), w === "number-range" && o.value.onBeginValueChange && typeof o.value.onBeginValueChange == "function" ? (o.value.onBeginValueChange && typeof o.value.onBeginValueChange == "function" && (T.onBeginValueChange = o.value.onBeginValueChange), o.value.onEndValueChange && typeof o.value.onEndValueChange == "function" && (T.onEndValueChange = o.value.onEndValueChange)) : w === "lookup" && o.value["onUpdate:idValue"] && typeof o.value["onUpdate:idValue"] == "function" && (T["onUpdate:idValue"] = o.value["onUpdate:idValue"]), () => a(I, $e({
+    const $ = G(() => {
+      const w = o.value.type || "input-group", I = m(w), x = F(w, o.value), M = P(w), U = V(o.value.type);
+      return U && (x[U] = j), x[M] = L, (x.id == null || x.id === "") && (x.id = r.value), w === "number-range" && o.value.onBeginValueChange && typeof o.value.onBeginValueChange == "function" ? (o.value.onBeginValueChange && typeof o.value.onBeginValueChange == "function" && (x.onBeginValueChange = o.value.onBeginValueChange), o.value.onEndValueChange && typeof o.value.onEndValueChange == "function" && (x.onEndValueChange = o.value.onEndValueChange)) : w === "lookup" && o.value["onUpdate:idValue"] && typeof o.value["onUpdate:idValue"] == "function" && (x["onUpdate:idValue"] = o.value["onUpdate:idValue"]), () => a(I, $e({
         ref: i
-      }, T, {
+      }, x, {
         modelValue: h.value,
         "onUpdate:modelValue": (R) => h.value = R
       }), t.slots);
     });
-    return q([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([w, I, T, M, U, R, O, G, X]) => {
-      var W;
-      r.value = w, n.value = I, o.value = T, g.value = M, h.value = U, x.value = R, C.value = ((W = o.value) == null ? void 0 : W.required) || O, p.value = G, F.value = X;
+    return q([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([w, I, x, M, U, R, O, W, X]) => {
+      var Q;
+      r.value = w, n.value = I, o.value = x, f.value = M, h.value = U, S.value = R, C.value = ((Q = o.value) == null ? void 0 : Q.required) || O, l.value = W, v.value = X;
     }), t.expose({
       editorRef: i
-    }), () => F.value && a("div", {
+    }), () => v.value && a("div", {
       id: `${r.value}-input-group`,
       class: n.value,
       style: e.customStyle
@@ -663,24 +675,24 @@ const jr = /* @__PURE__ */ _({
       class: "farris-group-wrap"
     }, [a("div", {
       class: E.value
-    }, [p.value && a(Lr, {
+    }, [l.value && a(Lr, {
       id: `${r.value}-lable`,
       required: C.value,
-      text: g.value,
-      title: g.value
+      text: f.value,
+      title: f.value
     }, null), a("div", {
       class: "farris-input-wrap"
     }, [$.value()])])])]);
   }
-}), $r = /* @__PURE__ */ _({
+}), $r = /* @__PURE__ */ H({
   name: "FPropertyPanelItem",
   props: Cr,
   emits: ["propertyChange", "triggerRefreshPanel"],
   setup(e, t) {
-    var F;
-    const r = k((F = e.category) == null ? void 0 : F.categoryId), n = k(e.elementConfig.propertyID), o = k(e.elementConfig.propertyName);
+    var v;
+    const r = k((v = e.category) == null ? void 0 : v.categoryId), n = k(e.elementConfig.propertyID), o = k(e.elementConfig.propertyName);
     k(e.elementConfig.editor);
-    const g = k(e.elementConfig.propertyValue), h = J(() => {
+    const f = k(e.elementConfig.propertyValue), h = G(() => {
       const i = e.elementConfig.visible;
       return {
         "farris-group-wrap": !0,
@@ -692,22 +704,22 @@ const jr = /* @__PURE__ */ _({
       var i;
       return (i = e.elementConfig) == null ? void 0 : i.propertyValue;
     }, (i) => {
-      g.value = i;
+      f.value = i;
     }), q(() => {
       var i;
       return (i = e.elementConfig) == null ? void 0 : i.propertyName;
     }, (i) => {
       o.value = i;
     });
-    function x(i) {
+    function S(i) {
       e.elementConfig.propertyValue = i;
-      const b = {
+      const F = {
         propertyID: e.elementConfig.propertyID,
         propertyValue: i
       };
-      t.emit("propertyChange", b), e.elementConfig.refreshPanelAfterChanged && t.emit("triggerRefreshPanel");
+      t.emit("propertyChange", F), e.elementConfig.refreshPanelAfterChanged && t.emit("triggerRefreshPanel");
     }
-    const C = e.elementConfig.description ? `<div style="color: gray; "> 描述 ：${e.elementConfig.description}</div>` : "", p = Re({
+    const C = e.elementConfig.description ? `<div style="color: gray; "> 描述 ：${e.elementConfig.description}</div>` : "", l = Re({
       content: `
             <div>
                 <div style="color: black; ">${e.elementConfig.propertyName}</div>
@@ -722,16 +734,16 @@ const jr = /* @__PURE__ */ _({
       class: `col-form-label ${r.value}-${n.value}`
     }, [a("span", {
       class: "farris-label-text"
-    }, [o.value])]), [[qe("tooltip"), p]]), a(jr, {
+    }, [o.value])]), [[qe("tooltip"), l]]), a(jr, {
       id: n.value,
       showLabel: !1,
       editor: e.elementConfig.editor,
-      modelValue: g.value,
-      onChange: x,
+      modelValue: f.value,
+      onChange: S,
       editorParams: e.elementConfig.editorParams
     }, null)]);
   }
-}), Rr = /* @__PURE__ */ _({
+}), Rr = /* @__PURE__ */ H({
   name: "FPropertyPanelItemList",
   props: Fr,
   emits: ["valueChanged", "submitModal", "triggerRefreshPanel"],
@@ -752,7 +764,7 @@ const jr = /* @__PURE__ */ _({
     function o(m, P) {
       P.isExpand = !P.isExpand;
     }
-    function g(m) {
+    function f(m) {
       return a("div", {
         class: "landscape"
       }, [a("button", {
@@ -780,7 +792,7 @@ const jr = /* @__PURE__ */ _({
         class: "farris-label-text"
       }, [m.propertyName])])])]);
     }
-    function x(m) {
+    function S(m) {
       return `${e.categoryKey}_${m.propertyID}`;
     }
     function C(m) {
@@ -788,18 +800,18 @@ const jr = /* @__PURE__ */ _({
         changeObject: m
       });
     }
-    function p() {
+    function l() {
       t.emit("triggerRefreshPanel");
     }
-    function F(m) {
+    function v(m) {
       return a("div", {
         class: "px-2 mb-2"
       }, [a($r, {
-        key: x(m),
+        key: S(m),
         elementConfig: m,
         category: r.value,
         onPropertyChange: C,
-        onTriggerRefreshPanel: p
+        onTriggerRefreshPanel: l
       }, null)]);
     }
     function i(m) {
@@ -817,164 +829,164 @@ const jr = /* @__PURE__ */ _({
         class: "panel-item-title"
       }, [a("div", {
         class: "form-group farris-form-group line-item"
-      }, [h(m), n(m), g(m)])])]), a("div", {
+      }, [h(m), n(m), f(m)])])]), a("div", {
         class: ["card-body", {
           hidden: !m.isExpand
         }]
-      }, [(P = m.cascadeConfig) == null ? void 0 : P.map((V) => F(V))])])]);
+      }, [(P = m.cascadeConfig) == null ? void 0 : P.map((V) => v(V))])])]);
     }
     q(() => e.category, () => {
       r.value = e.category;
     });
-    function b(m) {
-      return m.propertyType === "cascade" ? i : F;
+    function F(m) {
+      return m.propertyType === "cascade" ? i : v;
     }
-    return () => a(pe, null, [r.value.properties.map((m) => b(m)(m))]);
+    return () => a(pe, null, [r.value.properties.map((m) => F(m)(m))]);
   }
-}), ce = /* @__PURE__ */ _({
+}), ce = /* @__PURE__ */ H({
   name: "FPropertyPanel",
   props: Xt,
   emits: ["propertyChanged"],
   setup(e, t) {
-    const r = k(e.width), n = k(e.isWidePanel), o = k(e.enableSearch), g = k(e.mode), h = k(e.isPersitOpenState), x = k(e.isShowPanel), C = k(), p = k(), F = k(e.showCloseBtn), i = k(e.selectedTabId), b = k(!0), m = k(e.isWhiteTheme);
+    const r = k(e.width), n = k(e.isWidePanel), o = k(e.enableSearch), f = k(e.mode), h = k(e.isPersitOpenState), S = k(e.isShowPanel), C = k(), l = k(), v = k(e.showCloseBtn), i = k(e.selectedTabId), F = k(!0), m = k(e.isWhiteTheme);
     let P = [], V = [];
     const E = k(""), L = k(), j = k(), $ = Ae("SchemaService");
     let D = [], w = null, I = "";
-    const T = k(), M = k(0);
+    const x = k(), M = k(0);
     function U() {
-      V = [], T.value && T.value.categoryList && Array.isArray(T.value.categoryList) && T.value.categoryList.length > 0 && T.value.categoryList.forEach((y) => {
-        if (y.properties && Array.isArray(y.properties) && y.properties.length > 0) {
-          const f = y.properties.map((S) => (S.category = y, S.propertyType === "cascade" && S.cascadeConfig && S.cascadeConfig.map((N) => {
-            N.category = y, N.cascadeParent = S, V = V.concat(N);
-          }), S));
-          V = V.concat(f);
+      V = [], x.value && x.value.categoryList && Array.isArray(x.value.categoryList) && x.value.categoryList.length > 0 && x.value.categoryList.forEach((b) => {
+        if (b.properties && Array.isArray(b.properties) && b.properties.length > 0) {
+          const g = b.properties.map((T) => (T.category = b, T.propertyType === "cascade" && T.cascadeConfig && T.cascadeConfig.map((N) => {
+            N.category = b, N.cascadeParent = T, V = V.concat(N);
+          }), T));
+          V = V.concat(g);
         }
       });
     }
-    function R(v) {
-      let y = v.offsetTop, f = v.offsetParent;
-      for (; f !== null; )
-        y += f.offsetTop, f = f.offsetParent;
-      return y;
+    function R(y) {
+      let b = y.offsetTop, g = y.offsetParent;
+      for (; g !== null; )
+        b += g.offsetTop, g = g.offsetParent;
+      return b;
     }
-    function O(v, y) {
-      v && y && Object.keys(y).length > 0 && Object.keys(y).forEach((f) => {
+    function O(y, b) {
+      y && b && Object.keys(b).length > 0 && Object.keys(b).forEach((g) => {
         var N;
-        const S = y[f];
-        (N = v.style) == null || N.setProperty(f, S);
+        const T = b[g];
+        (N = y.style) == null || N.setProperty(g, T);
       });
     }
-    function G() {
-      return V.filter((y) => {
-        const f = y.propertyID.toLowerCase(), S = y.propertyName.toLowerCase();
-        return y.visible ? !!(f && f.includes(E.value) || S && S.includes(E.value)) : !1;
+    function W() {
+      return V.filter((b) => {
+        const g = b.propertyID.toLowerCase(), T = b.propertyName.toLowerCase();
+        return b.visible ? !!(g && g.includes(E.value) || T && T.includes(E.value)) : !1;
       });
     }
-    function X(v, y, f) {
-      if (v === 0) {
-        const S = R(y), Z = R(f) - S - 5;
-        y == null || y.scroll({
+    function X(y, b, g) {
+      if (y === 0) {
+        const T = R(b), Z = R(g) - T - 5;
+        b == null || b.scroll({
           top: Z,
           behavior: "smooth"
         });
       }
     }
-    function W(v) {
-      D && D.length > 0 && (D.forEach((f) => {
-        f.style.cssText = "";
-      }), D = []), E.value = (v || "").toLowerCase();
-      const y = document.querySelector(".panel-body");
+    function Q(y) {
+      D && D.length > 0 && (D.forEach((g) => {
+        g.style.cssText = "";
+      }), D = []), E.value = (y || "").toLowerCase();
+      const b = document.querySelector(".panel-body");
       if (!E.value)
-        L.value && y && (y.scrollTop = 0);
+        L.value && b && (b.scrollTop = 0);
       else if (U(), V && V.length > 0) {
-        const f = G();
-        f && f.length > 0 && setTimeout(() => {
-          f.forEach((S, N) => {
-            S.category.status = "open", S.cascadeParent && (S.cascadeParent.isExpand = !0);
-            const Z = S.propertyType === "cascade" ? `.${S.category.categoryId}-${S.propertyID} .farris-label-text` : `.property-item .${S.category.categoryId}-${S.propertyID}.col-form-label`, H = document.querySelector(Z);
-            H && (X(N, y, H), O(H, {
+        const g = W();
+        g && g.length > 0 && setTimeout(() => {
+          g.forEach((T, N) => {
+            T.category.status = "open", T.cascadeParent && (T.cascadeParent.isExpand = !0);
+            const Z = T.propertyType === "cascade" ? `.${T.category.categoryId}-${T.propertyID} .farris-label-text` : `.property-item .${T.category.categoryId}-${T.propertyID}.col-form-label`, J = document.querySelector(Z);
+            J && (X(N, b, J), O(J, {
               color: "#5B89FE"
-            }), D.push(H));
+            }), D.push(J));
           });
         }, 50);
       }
     }
-    function Q(v) {
-      W(v);
+    function z(y) {
+      Q(y);
     }
-    function he(v) {
+    function he(y) {
       const {
-        value: y
-      } = v.target;
-      v.key === "Enter" && Q(y);
+        value: b
+      } = y.target;
+      y.key === "Enter" && z(b);
     }
-    function be(v) {
+    function be(y) {
       const {
-        value: y
-      } = v.target;
-      Q(y);
+        value: b
+      } = y.target;
+      z(b);
     }
     function Fe() {
-      h.value || (b.value = !1), t.emit("closePropertyPanel");
+      h.value || (F.value = !1), t.emit("closePropertyPanel");
     }
-    function Y(v) {
-      E.value = "", W();
+    function Y(y) {
+      E.value = "", Q();
     }
-    function Ce(v) {
-      !v.status || v.status === "open" ? v.status = "closed" : v.status = "open";
+    function Ce(y) {
+      !y.status || y.status === "open" ? y.status = "closed" : y.status = "open";
     }
-    function z() {
-      var v, y;
+    function _() {
+      var y, b;
       if (P = [], !C.value || C.value.length === 0) {
         P = [{
           tabId: "default",
           tabName: "属性",
           categoryList: []
-        }], T.value = null;
+        }], x.value = null;
         return;
       }
-      if ((v = C == null ? void 0 : C.value) == null || v.forEach((f) => {
-        if (f.tabId) {
-          const S = P.find((N) => N.tabId === f.tabId);
-          S ? (S.categoryList.push(f), S.hide && (S.hide = f.hide || f.properties.length === 0)) : P.push({
-            tabId: f.tabId,
-            tabName: f.tabName,
-            categoryList: [f],
-            hide: f.hide || f.properties.length === 0
+      if ((y = C == null ? void 0 : C.value) == null || y.forEach((g) => {
+        if (g.tabId) {
+          const T = P.find((N) => N.tabId === g.tabId);
+          T ? (T.categoryList.push(g), T.hide && (T.hide = g.hide || g.properties.length === 0)) : P.push({
+            tabId: g.tabId,
+            tabName: g.tabName,
+            categoryList: [g],
+            hide: g.hide || g.properties.length === 0
           });
         } else {
-          const S = P.find((N) => N.tabId === "default");
-          S ? S.categoryList.push(f) : P.push({
+          const T = P.find((N) => N.tabId === "default");
+          T ? T.categoryList.push(g) : P.push({
             tabId: "default",
             tabName: "属性",
-            categoryList: [f]
+            categoryList: [g]
           });
         }
       }), i.value) {
-        const f = P == null ? void 0 : P.find((S) => S.tabId === i.value && !S.hide);
-        T.value = f || P[0];
+        const g = P == null ? void 0 : P.find((T) => T.tabId === i.value && !T.hide);
+        x.value = g || P[0];
       } else
-        T.value = P[0];
-      i.value = (y = T.value) == null ? void 0 : y.tabId;
+        x.value = P[0];
+      i.value = (b = x.value) == null ? void 0 : b.tabId;
     }
     q(() => [e.schema, e.isShowPanel], () => {
-      p.value = e.schema, !e.schema || !e.schema.type ? C.value = [] : C.value = K(p.value, $, w, I), z(), Y(E.value), M.value++;
+      l.value = e.schema, !e.schema || !e.schema.type ? C.value = [] : C.value = K(l.value, $, w, I), _(), Y(E.value), M.value++;
     }), ae(() => {
-      z();
+      _();
     });
-    function Pe(v, y) {
-      (!p.value || y) && (p.value = y || e.schema), C.value = K(p.value, $, w, I, v), z(), Y(E.value), M.value++;
+    function Pe(y, b) {
+      (!l.value || b) && (l.value = b || e.schema), C.value = K(l.value, $, w, I, y), _(), Y(E.value), M.value++;
     }
-    function ke(v, y) {
-      w = v, I = y;
+    function ke(y, b) {
+      w = y, I = b;
     }
     function ie() {
-      g.value = g.value === "panel" ? "sidebar" : "panel", g.value === "panel" ? (setTimeout(() => {
-        Q();
+      f.value = f.value === "panel" ? "sidebar" : "panel", f.value === "panel" ? (setTimeout(() => {
+        z();
       }, 100), r.value = "300px") : r.value = "41px";
     }
     function Se() {
-      if (F.value)
+      if (v.value)
         return a("div", {
           class: "title-actions"
         }, [a("div", {
@@ -991,12 +1003,12 @@ const jr = /* @__PURE__ */ _({
           class: "f-icon f-icon-close"
         }, null)])])])])]);
     }
-    function xe() {
-      C.value = K(p.value, $, w, I), z();
-    }
     function Te() {
-      var v;
-      if (o.value && ((v = T.value) == null ? void 0 : v.tabId) !== "commands")
+      C.value = K(l.value, $, w, I), _();
+    }
+    function xe() {
+      var y;
+      if (o.value && ((y = x.value) == null ? void 0 : y.tabId) !== "commands")
         return a("div", {
           class: "search"
         }, [a("div", {
@@ -1006,7 +1018,7 @@ const jr = /* @__PURE__ */ _({
           type: "text",
           placeholder: "输入属性名称或编号快速定位",
           autocomplete: "off",
-          onKeyup: (y) => he(y),
+          onKeyup: (b) => he(b),
           value: E.value
         }, null), a("div", {
           class: "input-group-append",
@@ -1016,28 +1028,28 @@ const jr = /* @__PURE__ */ _({
           style: [{
             display: E.value && E.value.length > 0 ? "" : "none"
           }],
-          onClick: (y) => Y()
+          onClick: (b) => Y()
         }, [a("i", {
           class: "f-icon modal_close"
         }, null)]), a("span", {
           class: "input-group-text input-group-clear",
-          onClick: (y) => be(y)
+          onClick: (b) => be(b)
         }, [a("i", {
           class: "f-icon f-icon-search"
         }, null)])])])]);
     }
-    function we(v) {
-      return `${e.propertyName}_${v.categoryId}`;
+    function we(y) {
+      return `${e.propertyName}_${y.categoryId}`;
     }
-    function Ee(v) {
+    function Ee(y) {
       t.emit("propertyChanged", {
-        ...v,
+        ...y,
         designerItem: w
       });
     }
     function Ve() {
-      var v, y;
-      if (T.value)
+      var y, b;
+      if (x.value)
         return a("div", {
           class: "panel-body",
           ref: j
@@ -1045,30 +1057,30 @@ const jr = /* @__PURE__ */ _({
           class: ["property-grid", {
             "wide-panel": n.value
           }]
-        }, [(y = (v = T.value) == null ? void 0 : v.categoryList) == null ? void 0 : y.map((f) => a("li", {
-          key: we(f),
-          "data-category-id": f == null ? void 0 : f.categoryId
-        }, [!f.hide && !f.hideTitle && a("span", {
+        }, [(b = (y = x.value) == null ? void 0 : y.categoryList) == null ? void 0 : b.map((g) => a("li", {
+          key: we(g),
+          "data-category-id": g == null ? void 0 : g.categoryId
+        }, [!g.hide && !g.hideTitle && a("span", {
           class: "group-label",
-          onClick: () => Ce(f)
+          onClick: () => Ce(g)
         }, [a("span", {
           class: ["f-icon  mr-2", {
-            "f-legend-show": f.status === "closed"
+            "f-legend-show": g.status === "closed"
           }, {
-            "f-legend-collapse": f.status === "open" || f.status === void 0
+            "f-legend-collapse": g.status === "open" || g.status === void 0
           }]
-        }, null), f.categoryName]), a("div", {
-          hidden: f.status === "closed"
+        }, null), g.categoryName]), a("div", {
+          hidden: g.status === "closed"
         }, [a(Rr, {
-          key: `${f == null ? void 0 : f.categoryId}-${M.value}`,
-          category: f,
-          propertyData: p.value,
-          onTriggerRefreshPanel: xe,
+          key: `${g == null ? void 0 : g.categoryId}-${M.value}`,
+          category: g,
+          propertyData: l.value,
+          onTriggerRefreshPanel: Te,
           onValueChanged: Ee
         }, null)])]))])]);
     }
     function Be() {
-      if (g.value === "sidebar")
+      if (f.value === "sidebar")
         return a("div", {
           class: "side-panel h-100",
           onClick: ie
@@ -1078,7 +1090,7 @@ const jr = /* @__PURE__ */ _({
     }
     function Ie() {
       return {
-        display: b.value ? "block" : "none",
+        display: F.value ? "block" : "none",
         width: r.value
       };
     }
@@ -1088,28 +1100,28 @@ const jr = /* @__PURE__ */ _({
       }, [a("i", {
         class: "f-icon f-icon-exhale-discount",
         style: [{
-          transform: g.value === "sidebar" ? "none" : "rotate(180deg)"
+          transform: f.value === "sidebar" ? "none" : "rotate(180deg)"
         }],
         onClick: ie
       }, null)]);
     }
-    function Oe(v) {
-      T.value = v, i.value = T.value.tabId, E.value = "";
+    function Oe(y) {
+      x.value = y, i.value = x.value.tabId, E.value = "";
     }
     function Le() {
-      return P.map((v) => a("div", {
+      return P.map((y) => a("div", {
         class: ["title-label", {
-          active: T.value && T.value.tabId === v.tabId
+          active: x.value && x.value.tabId === y.tabId
         }, {
-          hidden: v.hide
+          hidden: y.hide
         }],
-        onClick: () => Oe(v)
-      }, [a("span", null, [v.tabName])]));
+        onClick: () => Oe(y)
+      }, [a("span", null, [y.tabName])]));
     }
     ae(() => {
-      Q(E.value);
+      z(E.value);
     }), Ge(() => {
-      h.value && (b.value = x.value), z(), Q(E.value);
+      h.value && (F.value = S.value), _(), z(E.value);
     });
     function De() {
       M.value++;
@@ -1126,14 +1138,14 @@ const jr = /* @__PURE__ */ _({
       style: Ie()
     }, [a("div", {
       class: "propertyPanel panel flex-column",
-      hidden: g.value !== "panel"
+      hidden: f.value !== "panel"
     }, [a("div", {
       class: ["title d-flex", {
-        "p-right": F.value
+        "p-right": v.value
       }, {
         only: P.length === 1
       }]
-    }, [Le(), Se()]), Te(), Ve()]), Ne(), Be()])]);
+    }, [Le(), Se()]), xe(), Ve()]), Ne(), Be()])]);
   }
 });
 class Zn {
@@ -1166,7 +1178,7 @@ class Zn {
     if (r) {
       if (!this.designViewModelField) {
         const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((g) => g.id === r);
+        this.designViewModelField = o.fields.find((f) => f.id === r);
       }
       t.updateOn = (n = this.designViewModelField) == null ? void 0 : n.updateOn;
     }
@@ -1191,7 +1203,7 @@ class Zn {
             textField: "name",
             valueField: "value",
             editable: !1,
-            data: [{ value: t.type, name: d[t.type].name }]
+            data: [{ value: t.type, name: p[t.type].name }]
           }
         }
       }
@@ -1227,8 +1239,8 @@ class Zn {
     const n = r && r.parent && r.parent.schema;
     if (!n)
       return;
-    const o = n.contents.findIndex((h) => h.id === t), g = me(n.contents[o]);
-    n.contents.splice(o, 1), n.contents.splice(o, 0, g);
+    const o = n.contents.findIndex((h) => h.id === t), f = me(n.contents[o]);
+    n.contents.splice(o, 1), n.contents.splice(o, 0, f);
   }
 }
 const A = class A {
@@ -1261,15 +1273,15 @@ const A = class A {
       return [];
     const n = [];
     switch (n.push({ domField: "editor.required", schemaField: "require" }), n.push({ domField: "editor.readonly", schemaField: "readonly" }), r) {
-      case d["data-grid-column"].type:
-      case d["tree-grid-column"].type: {
+      case p["data-grid-column"].type:
+      case p["tree-grid-column"].type: {
         n.push({ domField: "title", schemaField: "name" });
         break;
       }
       default:
         n.push({ domField: "label", schemaField: "name" });
     }
-    return (r === d["input-group"].type || r === d.textarea.type || r === d["number-spinner"].type) && n.push({ domField: "editor.maxLength", schemaField: "type.length" }), r === d["number-spinner"].type && n.push({ domField: "editor.precision", schemaField: "type.precision" }), (r === d["combo-list"].type || r === d["radio-group"].type) && n.push({ domField: "editor.data", schemaField: "type.enumValues" }), r === d["date-picker"].type && (n.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), n.push({ domField: "editor.fieldType", schemaField: "type.name" })), r === d["number-spinner"].type && (n.push({ domField: "editor.max", schemaField: "editor.maxValue" }), n.push({ domField: "editor.min", schemaField: "editor.minValue" })), r === d.lookup.type && (n.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), n.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), n.push({ domField: "editor.textField", schemaField: "editor.textField" }), n.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), n.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), n.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), n.push({ domField: "path", schemaField: "bindingPath" }), n.push({ domField: "binding.path", schemaField: "bindingField" }), n.push({ domField: "binding.fullPath", schemaField: "path" }), (r === d["data-grid-column"].type || r === d["tree-grid-column"].type) && n.push({ domField: "field", schemaField: "bindingPath" }), n;
+    return (r === p["input-group"].type || r === p.textarea.type || r === p["number-spinner"].type) && n.push({ domField: "editor.maxLength", schemaField: "type.length" }), r === p["number-spinner"].type && n.push({ domField: "editor.precision", schemaField: "type.precision" }), (r === p["combo-list"].type || r === p["radio-group"].type) && n.push({ domField: "editor.data", schemaField: "type.enumValues" }), r === p["date-picker"].type && (n.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), n.push({ domField: "editor.fieldType", schemaField: "type.name" })), r === p["number-spinner"].type && (n.push({ domField: "editor.max", schemaField: "editor.maxValue" }), n.push({ domField: "editor.min", schemaField: "editor.minValue" })), r === p.lookup.type && (n.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), n.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), n.push({ domField: "editor.textField", schemaField: "editor.textField" }), n.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), n.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), n.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), n.push({ domField: "path", schemaField: "bindingPath" }), n.push({ domField: "binding.path", schemaField: "bindingField" }), n.push({ domField: "binding.fullPath", schemaField: "path" }), (r === p["data-grid-column"].type || r === p["tree-grid-column"].type) && n.push({ domField: "field", schemaField: "bindingPath" }), n;
   }
 };
 /**
@@ -1277,48 +1289,48 @@ const A = class A {
  */
 B(A, "fieldControlTypeMapping", {
   String: [
-    { key: d["input-group"].type, value: d["input-group"].name },
-    { key: d.lookup.type, value: d.lookup.name },
-    { key: d["date-picker"].type, value: d["date-picker"].name },
-    { key: d["check-group"].type, value: d["check-group"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name },
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d.textarea.type, value: d.textarea.name }
+    { key: p["input-group"].type, value: p["input-group"].name },
+    { key: p.lookup.type, value: p.lookup.name },
+    { key: p["date-picker"].type, value: p["date-picker"].name },
+    { key: p["check-group"].type, value: p["check-group"].name },
+    { key: p["radio-group"].type, value: p["radio-group"].name },
+    { key: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p.textarea.type, value: p.textarea.name }
   ],
   Text: [
-    { key: d.textarea.type, value: d.textarea.name },
-    { key: d.lookup.type, value: d.lookup.name }
+    { key: p.textarea.type, value: p.textarea.name },
+    { key: p.lookup.type, value: p.lookup.name }
   ],
   Decimal: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
   ],
   Integer: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
   ],
   Number: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
   ],
   BigNumber: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
   ],
   Date: [
-    { key: d["date-picker"].type, value: d["date-picker"].name }
+    { key: p["date-picker"].type, value: p["date-picker"].name }
   ],
   DateTime: [
-    { key: d["date-picker"].type, value: d["date-picker"].name }
+    { key: p["date-picker"].type, value: p["date-picker"].name }
   ],
   Boolean: [
-    { key: d.switch.type, value: d.switch.name },
-    { key: d["check-box"].type, value: d["check-box"].name }
+    { key: p.switch.type, value: p.switch.name },
+    { key: p["check-box"].type, value: p["check-box"].name }
   ],
   Enum: [
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name }
+    { key: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p["radio-group"].type, value: p["radio-group"].name }
   ],
   Object: [
-    { key: d.lookup.type, value: d.lookup.name },
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name }
+    { key: p.lookup.type, value: p.lookup.name },
+    { key: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p["radio-group"].type, value: p["radio-group"].name }
   ]
 });
 let ue = A;