@farris/ui-vue 1.2.9 → 1.3.1

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

@@ -1,69 +1,69 @@
-var De = Object.defineProperty;
-var je = (e, t, n) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var A = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as F, computed as E, defineComponent as U, watch as V, createVNode as c, createTextVNode as de, onMounted as H, nextTick as ie, reactive as Ae, withDirectives as $e, resolveDirective as Ve, Fragment as Z, mergeProps as Ge, inject as Re, onBeforeMount as We } from "vue";
-import { cloneDeep as qe } from "lodash-es";
+var Ae = Object.defineProperty;
+var Re = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var $ = (e, t, n) => Re(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as h, computed as S, defineComponent as H, watch as R, createVNode as l, createTextVNode as de, onMounted as W, nextTick as le, reactive as De, withDirectives as $e, resolveDirective as Ge, Fragment as J, mergeProps as qe, inject as Ue, onBeforeMount as We } from "vue";
+import { isPlainObject as se, cloneDeep as pe } from "lodash-es";
 import "bignumber.js";
-import He, { useNumber as Ue, useFormat as _e, useSpinner as ze, useTextBox as Xe } from "../number-spinner/index.esm.js";
-import Qe from "../accordion/index.esm.js";
-import Ze from "../avatar/index.esm.js";
-import Je from "../button-edit/index.esm.js";
-import Ye from "../button-group/index.esm.js";
-import Ke from "../calendar/index.esm.js";
-import et from "../capsule/index.esm.js";
-import tt from "../checkbox/index.esm.js";
-import nt from "../combo-list/index.esm.js";
-import ot from "../combo-tree/index.esm.js";
-import rt from "../component/index.esm.js";
-import at from "../color-picker/index.esm.js";
+import He, { useNumber as _e, useFormat as ze, useSpinner as Qe, useTextBox as Ze } from "../number-spinner/index.esm.js";
+import Je from "../accordion/index.esm.js";
+import Xe from "../avatar/index.esm.js";
+import Ye from "../button-edit/index.esm.js";
+import Ke from "../button-group/index.esm.js";
+import et from "../calendar/index.esm.js";
+import tt from "../capsule/index.esm.js";
+import nt from "../checkbox/index.esm.js";
+import ot from "../combo-list/index.esm.js";
+import rt from "../combo-tree/index.esm.js";
+import at from "../component/index.esm.js";
+import it from "../color-picker/index.esm.js";
 import lt from "../content-container/index.esm.js";
-import it from "../date-picker/index.esm.js";
-import st from "../data-grid/index.esm.js";
-import ut from "../dropdown/index.esm.js";
-import ct from "../dynamic-form/index.esm.js";
-import dt from "../events-editor/index.esm.js";
-import pt from "../filter-bar/index.esm.js";
-import ft from "../field-selector/index.esm.js";
-import mt from "../image-cropper/index.esm.js";
+import st from "../date-picker/index.esm.js";
+import ut from "../data-grid/index.esm.js";
+import ct from "../dropdown/index.esm.js";
+import dt from "../dynamic-form/index.esm.js";
+import pt from "../events-editor/index.esm.js";
+import ft from "../filter-bar/index.esm.js";
+import mt from "../field-selector/index.esm.js";
+import gt from "../image-cropper/index.esm.js";
 import vt from "../input-group/index.esm.js";
-import gt from "../layout/index.esm.js";
-import yt from "../list-nav/index.esm.js";
-import bt from "../list-view/index.esm.js";
-import ht from "../lookup/index.esm.js";
-import Ct from "../mapping-editor/index.esm.js";
-import Ft from "../nav/index.esm.js";
-import St from "../number-range/index.esm.js";
+import yt from "../layout/index.esm.js";
+import bt from "../list-nav/index.esm.js";
+import ht from "../list-view/index.esm.js";
+import Ct from "../lookup/index.esm.js";
+import Ft from "../mapping-editor/index.esm.js";
+import wt from "../nav/index.esm.js";
+import xt from "../number-range/index.esm.js";
 import Tt from "../order/index.esm.js";
-import wt from "../page-header/index.esm.js";
+import Bt from "../page-header/index.esm.js";
 import Pt from "../page-footer/index.esm.js";
-import Bt from "../pagination/index.esm.js";
-import xt from "../progress/index.esm.js";
-import It from "../query-solution/index.esm.js";
-import Et from "../radio-group/index.esm.js";
-import kt from "../rate/index.esm.js";
-import Ot from "../response-toolbar/index.esm.js";
-import Mt from "../response-layout/index.esm.js";
+import St from "../pagination/index.esm.js";
+import Et from "../progress/index.esm.js";
+import kt from "../query-solution/index.esm.js";
+import It from "../radio-group/index.esm.js";
+import Ot from "../rate/index.esm.js";
+import Mt from "../response-toolbar/index.esm.js";
+import Vt from "../response-layout/index.esm.js";
 import Nt from "../response-layout-editor/index.esm.js";
-import Lt from "../search-box/index.esm.js";
-import Dt from "../section/index.esm.js";
-import jt from "../smoke-detector/index.esm.js";
-import At from "../splitter/index.esm.js";
-import $t from "../step/index.esm.js";
-import Vt from "../switch/index.esm.js";
+import jt from "../search-box/index.esm.js";
+import Lt from "../section/index.esm.js";
+import At from "../smoke-detector/index.esm.js";
+import Rt from "../splitter/index.esm.js";
+import Dt from "../step/index.esm.js";
+import $t from "../switch/index.esm.js";
 import Gt from "../tabs/index.esm.js";
-import Rt from "../tags/index.esm.js";
-import Wt from "../text/index.esm.js";
-import qt from "../time-picker/index.esm.js";
+import qt from "../tags/index.esm.js";
+import Ut from "../text/index.esm.js";
+import Wt from "../time-picker/index.esm.js";
 import Ht from "../transfer/index.esm.js";
-import Ut from "../tree-view/index.esm.js";
-import _t from "../uploader/index.esm.js";
-import zt from "../verify-detail/index.esm.js";
-import Xt from "../weather/index.esm.js";
-import Qt from "../video/index.esm.js";
-import Zt from "../textarea/index.esm.js";
-import Jt from "../schema-selector/index.esm.js";
-import Yt from "../tree-grid/index.esm.js";
-const Kt = {
+import _t from "../tree-view/index.esm.js";
+import zt from "../uploader/index.esm.js";
+import Qt from "../verify-detail/index.esm.js";
+import Zt from "../weather/index.esm.js";
+import Jt from "../video/index.esm.js";
+import Xt from "../textarea/index.esm.js";
+import Yt from "../schema-selector/index.esm.js";
+import Kt from "../tree-grid/index.esm.js";
+const en = {
   width: { type: String, default: "300px" },
   height: { type: Number, default: 10 },
   isWidePanel: { type: Boolean, default: !1 },
@@ -92,114 +92,114 @@ const Kt = {
   /** 属性变更后事件 */
   propertyChanged: { type: Function }
 };
-function en(e = {}) {
-  function t(o, p, a, s) {
+function tn(e = {}) {
+  function t(i, p, a, f) {
     if (typeof a == "number")
-      return s[o].length === a;
+      return f[i].length === a;
     if (typeof a == "object") {
-      const i = Object.keys(a)[0], d = a[i];
-      if (i === "not")
-        return Number(s[o].length) !== Number(d);
-      if (i === "moreThan")
-        return Number(s[o].length) >= Number(d);
-      if (i === "lessThan")
-        return Number(s[o].length) <= Number(d);
+      const s = Object.keys(a)[0], m = a[s];
+      if (s === "not")
+        return Number(f[i].length) !== Number(m);
+      if (s === "moreThan")
+        return Number(f[i].length) >= Number(m);
+      if (s === "lessThan")
+        return Number(f[i].length) <= Number(m);
     }
     return !1;
   }
-  function n(o, p, a, s) {
-    return s[o] && s[o].propertyValue && String(s[o].propertyValue.value) === String(a);
+  function n(i, p, a, f) {
+    return f[i] && f[i].propertyValue && String(f[i].propertyValue.value) === String(a);
   }
-  const r = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((o, p) => (o.set(p, e[p]), o), r);
-  function l(o, p) {
-    const a = o;
-    return typeof p == "number" ? [{ target: a, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: a, operator: "getProperty", param: o, value: !!p }] : typeof p == "object" ? Object.keys(p).map((s) => {
-      if (s === "length")
-        return { target: a, operator: "length", param: null, value: p[s] };
-      const i = s, d = p[s];
-      return { target: a, operator: "getProperty", param: i, value: d };
+  Object.keys(e).reduce((i, p) => (i.set(p, e[p]), i), o);
+  function r(i, p) {
+    const a = i;
+    return typeof p == "number" ? [{ target: a, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: a, operator: "getProperty", param: i, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
+      if (f === "length")
+        return { target: a, operator: "length", param: null, value: p[f] };
+      const s = f, m = p[f];
+      return { target: a, operator: "getProperty", param: s, value: m };
     }) : [];
   }
-  function m(o) {
-    return Object.keys(o).reduce((a, s) => {
-      const i = l(s, o[s]);
-      return a.push(...i), a;
+  function d(i) {
+    return Object.keys(i).reduce((a, f) => {
+      const s = r(f, i[f]);
+      return a.push(...s), a;
     }, []);
   }
-  function f(o, p) {
-    if (r.has(o.operator)) {
-      const a = r.get(o.operator);
-      return a && a(o.target, o.param, o.value, p) || !1;
+  function u(i, p) {
+    if (o.has(i.operator)) {
+      const a = o.get(i.operator);
+      return a && a(i.target, i.param, i.value, p) || !1;
     }
     return !1;
   }
-  function C(o, p) {
-    return m(o).reduce((i, d) => i && f(d, p), !0);
+  function C(i, p) {
+    return d(i).reduce((s, m) => s && u(m, p), !0);
   }
-  function u(o, p) {
-    const a = Object.keys(o), s = a.includes("allOf"), i = a.includes("anyOf"), d = s || i, N = (d ? o[d ? s ? "allOf" : "anyOf" : "allOf"] : [o]).map((L) => C(L, p));
-    return s ? !N.includes(!1) : N.includes(!0);
+  function c(i, p) {
+    const a = Object.keys(i), f = a.includes("allOf"), s = a.includes("anyOf"), m = f || s, V = (m ? i[m ? f ? "allOf" : "anyOf" : "allOf"] : [i]).map((L) => C(L, p));
+    return f ? !V.includes(!1) : V.includes(!0);
   }
-  return { parseValueSchema: u };
+  return { parseValueSchema: c };
 }
-const te = {}, tn = {};
-function pe(e) {
-  const { properties: t, title: n, ignore: r } = e, l = r && Array.isArray(r), m = Object.keys(t).reduce((f, C) => ((!l || !r.find((u) => u == C)) && (f[C] = t[C].type === "object" && t[C].properties ? pe(t[C]) : qe(t[C].default)), f), {});
-  return (!l || !r.find((f) => f == "id")) && (m.id = `${n}-${Date.now()}`), m;
+const te = {}, nn = {};
+function fe(e) {
+  const { properties: t, title: n, ignore: o } = e, r = o && Array.isArray(o), d = Object.keys(t).reduce((u, C) => ((!r || !o.find((c) => c == C)) && (u[C] = t[C].type === "object" && t[C].properties ? fe(t[C]) : pe(t[C].default)), u), {});
+  return n && (!r || !o.find((u) => u == "id")) && (d.id = `${n}-${Date.now()}`), d;
 }
 function ne(e, t) {
-  const n = pe(t);
-  return Object.keys(e).reduce((r, l) => (r[l] && typeof r[l] == "object" ? Object.assign(r[l], e[l]) : r[l] = e[l], r), n), n;
+  const n = fe(t);
+  return Object.keys(e).reduce((o, r) => (o[r] && se(o[r]) && se(e[r]) ? Object.assign(o[r], e[r]) : o[r] = e[r], o), n), n;
 }
-function nn(e, t) {
-  return Object.keys(e).filter((r) => e[r] != null).reduce((r, l) => {
-    if (t.has(l)) {
-      const m = t.get(l);
-      if (typeof m == "string")
-        r[m] = e[l];
+function on(e, t) {
+  return Object.keys(e).filter((o) => e[o] != null).reduce((o, r) => {
+    if (t.has(r)) {
+      const d = t.get(r);
+      if (typeof d == "string")
+        o[d] = e[r];
       else {
-        const f = m(l, e[l], e);
-        Object.assign(r, f);
+        const u = d(r, e[r], e);
+        Object.assign(o, u);
       }
     } else
-      r[l] = e[l];
-    return r;
+      o[r] = e[r];
+    return o;
   }, {});
 }
-function on(e, t, n = /* @__PURE__ */ new Map()) {
-  const r = ne(e, t);
-  return nn(r, n);
+function rn(e, t, n = /* @__PURE__ */ new Map()) {
+  const o = ne(e, t);
+  return on(o, n);
 }
-function fe(e) {
+function me(e) {
   var n;
   const t = e.type;
   if (t) {
-    const r = te[t], l = ne(e, r), m = ((n = e.editor) == null ? void 0 : n.type) || "";
-    if (m) {
-      const f = te[m], C = ne(e.editor, f);
-      l.editor = C;
+    const o = te[t], r = ne(e, o), d = ((n = e.editor) == null ? void 0 : n.type) || "";
+    if (d) {
+      const u = te[d], C = ne(e.editor, u);
+      r.editor = C;
     }
-    return l;
+    return r;
   }
   return e;
 }
-const rn = {
-  convertTo: (e, t, n, r) => {
+const an = {
+  convertTo: (e, t, n, o) => {
     e.appearance && (e.appearance[t] = n);
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, an = {
-  convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, ln = {
-  convertTo: (e, t, n, r) => {
+  convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
+}, sn = {
+  convertTo: (e, t, n, o) => {
     e.editor && (e.editor[t] = n);
   },
   convertFrom: (e, t, n) => e.editor && e.editor.hasOwnProperty(t) ? e.editor[t] : e[t]
-}, sn = {
+}, ge = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -236,15 +236,16 @@ const rn = {
   uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
-  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
 }, un = {
   convertFrom: (e, t, n) => {
-    var l;
-    const r = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((l = sn[r]) == null ? void 0 : l.name) || r;
+    var r;
+    const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
+    return ((r = ge[o]) == null ? void 0 : r.name) || o;
   }
 }, cn = {
-  convertTo: (e, t, n, r) => {
+  convertTo: (e, t, n, o) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
@@ -252,142 +253,39 @@ const rn = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
-      const r = n[0];
-      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = r.bindingField, e.binding.field = r.id, e.binding.fullPath = r.path, e.path = r.bindingPath;
+      const o = n[0];
+      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = o.bindingField, e.binding.field = o.id, e.binding.fullPath = o.path, e.path = o.bindingPath;
     }
   }
 }, pn = {
-  convertTo: (e, t, n, r) => {
+  convertTo: (e, t, n, o) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-};
-class fn {
-  constructor() {
-    /** 控件标题 */
-    A(this, "label", "");
-    /** 控件id */
-    A(this, "id", "");
-    /** 每个控件占用的栅格数 */
-    A(this, "columnInSM", 12);
-    A(this, "columnInMD", 6);
-    A(this, "columnInLG", 3);
-    A(this, "columnInEL", 2);
-    /** 每个控件占用的列数 */
-    A(this, "displayWidthInSM", 1);
-    A(this, "displayWidthInMD", 1);
-    A(this, "displayWidthInLG", 1);
-    A(this, "displayWidthInEL", 1);
-    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    A(this, "displayColumnCountAtBreakPoint", "md");
-    /** 控件所在行，传0即可-----编辑器内部使用 */
-    A(this, "tagRow", 0);
-    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    A(this, "showTopBorder", 0);
-    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    A(this, "group", 1);
-    /** 控件是否符合标准的class配置(设计器用的) */
-    A(this, "isSupportedClass", !0);
-    /** 控件所在分组id(设计器用的) */
-    A(this, "fieldSetId", "");
-  }
-}
-function mn() {
-  let e, t;
-  const n = /* @__PURE__ */ new Map();
-  let r = [];
-  function l(u, o) {
-    const a = u.split(" ").filter((T) => T.startsWith("col-"));
-    if (a.length === 0) {
-      o.isSupportedClass = !1;
-      return;
-    }
-    let s = a.find((T) => /^col-([1-9]|10|11|12)$/.test(T)), i = a.find((T) => /^col-md-([1-9]|10|11|12)$/.test(T)), d = a.find((T) => /^col-xl-([1-9]|10|11|12)$/.test(T)), v = a.find((T) => /^col-el-([1-9]|10|11|12)$/.test(T));
-    s = s || "col-12", o.columnInSM = parseInt(s.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), i = i || "col-md-" + o.columnInSM, o.columnInMD = parseInt(i.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), d = d || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(d.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), v = v || "col-el-" + o.columnInLG, o.columnInEL = parseInt(v.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
-  }
-  function m(u, o, p, a = !1) {
-    let s = !1;
-    u.contents.forEach((i) => {
-      if (i.type === "FieldSet") {
-        p += 1, m(i, o, p, !0), s = !0;
-        return;
-      }
-      s && (p += 1, s = !1);
-      const d = i.appearance && i.appearance.class, v = new fn();
-      d ? l(d, v) : v.isSupportedClass = !1, v.label = i.label || i.id, v.id = i.id, v.group = p, a && (v.fieldSetId = u.id), t === i.id && (e = p), n.set(i.id, i), o.push(v);
-    });
-  }
-  function f(u, o, p, a) {
-    a = a || u.id;
-    const s = p.closest(a, "content-container");
-    if (!s)
-      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    if (!s || !s.contents || s.contents.length === 0)
-      return { result: !1, message: "Form区域内没有控件，请先添加控件" };
-    t = u.id, r = [], n.clear();
-    const i = s.contents[0].type === "FieldSet" ? 0 : 1;
-    m(s, r, i);
-    const d = r.find((T) => !T.isSupportedClass);
-    return {
-      defaultState: {
-        defaultGroupNumber: e || 1,
-        model: d ? "customize" : "standard"
-      },
-      importData: r
-    };
-  }
-  function C(u, o, p, a, s) {
-    s = s || u.id;
-    const i = a.closest(s, "response-form");
-    if (!i)
-      return;
-    const d = [];
-    return p.forEach((v) => {
-      var j;
-      const T = n.get(v.id), N = T.appearance && T.appearance.class;
-      if (N) {
-        const I = N.split(" ").filter((R) => !R.startsWith("col-")), k = "col-" + v.columnInSM, O = "col-md-" + v.columnInMD, B = "col-xl-" + v.columnInLG, G = "col-el-" + v.columnInEL, D = [k, O, B, G].concat(I);
-        T.appearance.class = D.join(" ");
-      }
-      if (v.fieldSetId) {
-        const L = i.contents.find((k) => k.id === v.fieldSetId), I = d.find((k) => k.id === v.fieldSetId);
-        I ? (j = I.contents) == null || j.push(T) : (d.push(L), L.contents = [T]);
-      } else
-        d.push(T);
-    }), i.contents = d, i.id;
-  }
-  return {
-    convertFrom: f,
-    convertTo: C
-  };
-}
-const se = mn(), vn = {
-  convertTo: (e, t, n, r, l) => se.convertTo(e, t, n, r, l),
-  convertFrom: (e, t, n, r) => se.convertFrom(e, t, n, r)
-}, gn = {
+}, fn = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, yn = {
+}, mn = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
 }, re = {}, oe = /* @__PURE__ */ new Map([
-  ["/converter/appearance.converter", rn],
-  ["/converter/buttons.converter", an],
-  ["/converter/property-editor.converter", ln],
-  ["/converter/response-form-layout.converter", vn],
-  ["/converter/items-count.converter", gn],
+  ["/converter/appearance.converter", an],
+  ["/converter/buttons.converter", ln],
+  ["/converter/property-editor.converter", sn],
+  ["/converter/items-count.converter", fn],
   ["/converter/type.converter", un],
   ["/converter/change-editor.converter", cn],
-  ["/converter/form-group-label.converter", yn],
+  ["/converter/form-group-label.converter", mn],
   ["/converter/field-selector.converter", dn],
   ["/converter/pagination.converter", pn]
-]), bn = {}, hn = /* @__PURE__ */ new Map([
+]), gn = {}, vn = /* @__PURE__ */ new Map([
   ["string", { type: "input-group", enableClear: !1 }],
   ["boolean", {
     type: "combo-list",
     textField: "name",
     valueField: "value",
+    idField: "value",
     maxHeight: 64,
     data: [
       {
@@ -404,72 +302,74 @@ const se = mn(), vn = {
   ["array", { type: "button-edit" }],
   ["number", { type: "number-spinner" }],
   ["events-editor", { type: "events-editor", hide: !0 }]
-]), Cn = en();
-function me(e, t) {
-  return () => Cn.parseValueSchema(e, t);
+]), yn = tn();
+function ve(e, t) {
+  return () => yn.parseValueSchema(e, t);
 }
-function Fn(e, t, n) {
-  return e.includes("visible") && t.visible !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : t.visible === void 0 ? !0 : me(t.visible, n) : () => !0;
+function bn(e, t, n) {
+  return e.includes("visible") && t.visible !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : t.visible === void 0 ? !0 : ve(t.visible, n) : () => !0;
 }
-function Sn(e, t, n) {
-  return e.includes("readonly") && t.readonly !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : me(t.readonly, n) : () => !1;
+function hn(e, t, n) {
+  return e.includes("readonly") && t.readonly !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : ve(t.readonly, n) : () => !1;
 }
-function Tn(e, t) {
+function Cn(e, t) {
   const n = e.$converter || t;
   return typeof n == "string" && n && oe.has(n) ? oe.get(n) || null : n || null;
 }
-function ae(e, t, n, r, l, m = "", f = "") {
-  return Object.keys(e).map((u) => {
-    const o = F(1), p = u, a = e[u], s = Object.keys(a), i = a.title, d = a.type, v = hn.get(d) || { type: "input-group", enableClear: !1 }, T = a.editor ? Object.assign({}, v, a.editor) : v, N = Fn(s, a, t), j = Sn(s, a, t), L = a.type === "cascade" ? ae(a.properties, t, n, r, l, m, f) : [], I = !0;
-    let k = Tn(a, f);
-    const O = E({
+function ae(e, t, n, o, r, d = "", u = "") {
+  return Object.keys(e).map((c) => {
+    const i = h(1), p = c, a = e[c], f = Object.keys(a), s = a.title, m = a.type, T = vn.get(m) || { type: "input-group", enableClear: !1 }, E = a.editor ? Object.assign({}, T, a.editor) : Object.assign({}, T), V = bn(f, a, t), j = hn(f, a, t);
+    E.readonly = j();
+    const L = a.type === "cascade" ? ae(a.properties, t, n, o, r, d, u) : [], k = !0;
+    let I = Cn(a, u);
+    const O = S({
       get() {
-        if (o.value) {
-          if (["class", "style"].find((R) => R == p) && !k && (k = oe.get("/converter/appearance.converter") || null), k && k.convertFrom)
-            return k.convertFrom(n, u, l, m);
-          const D = n[u];
-          return typeof D == "string" && D == "" ? a.defaultValue || "" : D;
+        if (i.value) {
+          if (["class", "style"].find((q) => q == p) && !I && (I = oe.get("/converter/appearance.converter") || null), I && I.convertFrom)
+            return I.convertFrom(n, c, r, d);
+          const N = n[c];
+          return typeof N == "string" && N == "" ? a.defaultValue || "" : N;
         }
         return null;
       },
-      set(D) {
-        o.value += 1, k && k.convertTo ? (k.convertTo(r, u, D, l, m), k.convertTo(n, u, D, l, m)) : (r[u] = D, n[u] = D);
+      set(N) {
+        i.value += 1, I && I.convertTo ? (I.convertTo(o, c, N, r, d), I.convertTo(n, c, N, r, d)) : (o[c] = N, n[c] = N);
       }
-    }), B = a.refreshPanelAfterChanged, G = { propertyID: p, propertyName: i, propertyType: d, propertyValue: O, editor: T, visible: N, readonly: j, cascadeConfig: L, hideCascadeTitle: I, refreshPanelAfterChanged: B };
-    return t[p] = G, G;
+    }), B = a.refreshPanelAfterChanged, D = { propertyID: p, propertyName: s, propertyType: m, propertyValue: O, editor: E, visible: V, readonly: j, cascadeConfig: L, hideCascadeTitle: k, refreshPanelAfterChanged: B };
+    return t[p] = D, D;
   });
 }
-function wn(e, t, n, r, l = "") {
-  const m = t.$ref.schema, f = t.$ref.converter, C = n[m], u = C.type, o = fe(C), p = {}, a = re[u];
+function Fn(e, t, n, o, r = "") {
+  const d = t.$ref.schema, u = t.$ref.converter, C = n[d], c = C.type, i = me(C), p = {}, a = re[c];
   if (a && a.categories) {
-    const s = a.categories[e], i = s == null ? void 0 : s.title;
-    f && Object.keys(s.properties).forEach((T) => {
-      s.properties[T].$converter = f;
+    const f = a.categories[e], s = f == null ? void 0 : f.title;
+    u && Object.keys(f.properties).forEach((E) => {
+      f.properties[E].$converter = u;
     });
-    const d = (s == null ? void 0 : s.properties) || {}, v = ae(d, p, o, C, r, l);
-    return { categoryId: e, categoryName: i, properties: v };
+    const m = (f == null ? void 0 : f.properties) || {}, T = ae(m, p, i, C, o, r);
+    return { categoryId: e, categoryName: s, properties: T };
   }
   return { categoryId: e, categoryName: "", properties: [] };
 }
-function ee(e, t, n, r, l) {
-  let m = e.type;
-  const f = fe(e), C = {};
-  let u = l || re[m];
-  if (Object.keys(u).length === 0 && n && n.getPropConfig && (u = n.getPropConfig(r)), u && u.categories) {
-    const o = [];
-    return Object.keys(u.categories).map((p) => {
-      const a = u.categories[p];
+function ee(e, t, n, o, r) {
+  let d = e.type;
+  const u = me(e), C = {};
+  let c = r || re[d];
+  if (Object.keys(c).length === 0 && n && n.getPropConfig && (c = n.getPropConfig(o)), c && c.categories) {
+    const i = [];
+    return Object.keys(c.categories).map((p) => {
+      const a = c.categories[p];
       if (a.$ref) {
-        o.push(wn(p, a, e, t, r));
+        i.push(Fn(p, a, e, t, o));
         return;
       }
-      const s = a == null ? void 0 : a.title, i = a == null ? void 0 : a.tabId, d = a == null ? void 0 : a.tabName, v = a == null ? void 0 : a.hide, T = a == null ? void 0 : a.hideTitle, N = ae(a.properties || {}, C, f, e, t, r, a.$converter), j = a.setPropertyRelates;
-      o.push({ categoryId: p, categoryName: s, tabId: i, tabName: d, hide: v, properties: N, hideTitle: T, setPropertyRelates: j });
-    }), o;
+      const f = a == null ? void 0 : a.title, s = a == null ? void 0 : a.tabId, m = a == null ? void 0 : a.tabName, T = a == null ? void 0 : a.hide, E = a == null ? void 0 : a.hideTitle, V = ae(a.properties || {}, C, u, e, t, o, a.$converter), j = a.setPropertyRelates;
+      i.push({ categoryId: p, categoryName: f, tabId: s, tabName: m, hide: T, properties: V, hideTitle: E, setPropertyRelates: j });
+    }), i;
   }
   return [];
 }
-const Pn = {
+const wn = {
   /** 某一分类下的属性配置 */
   // as PropType<ElementPropertyConfig>
   category: { type: Object, default: {} },
@@ -478,22 +378,22 @@ const Pn = {
   propertyData: { type: Object, default: {} },
   valueChanged: { type: Function },
   triggerRefreshPanel: { type: Function }
-}, Bn = {
+}, xn = {
   elementConfig: { type: Object, default: {} },
   category: { type: Object, default: {} }
 };
-function ve(e, t, n = /* @__PURE__ */ new Map(), r = (f, C, u) => C, l = {}, m = (f) => f) {
-  return te[t.title] = t, tn[t.title] = r, re[t.title] = l, bn[t.title] = m, (f = {}) => {
-    const C = on(f, t, n), u = Object.keys(e).reduce((o, p) => (o[p] = e[p].default, o), {});
-    return Object.assign(u, C);
+function ye(e, t, n = /* @__PURE__ */ new Map(), o = (u, C, c) => C, r = {}, d = (u) => u) {
+  return te[t.title] = t, nn[t.title] = o, re[t.title] = r, gn[t.title] = d, (u = {}) => {
+    const C = rn(u, t, n), c = Object.keys(e).reduce((i, p) => (i[p] = e[p].default, i), {});
+    return Object.assign(c, C);
   };
 }
-function ge(e, t) {
+function be(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const xn = /* @__PURE__ */ new Map([
-  ["appearance", ge]
-]), In = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-design.gitee.io/form-group.schema.json", kn = "form-group", On = "A Farris Input Component", Mn = "object", Nn = {
+const Tn = /* @__PURE__ */ new Map([
+  ["appearance", be]
+]), Bn = "https://json-schema.org/draft/2020-12/schema", Pn = "https://farris-design.gitee.io/form-group.schema.json", Sn = "form-group", En = "A Farris Input Component", kn = "object", In = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -534,18 +434,18 @@ const xn = /* @__PURE__ */ new Map([
     description: "",
     type: "number"
   }
-}, Ln = [
+}, On = [
   "id",
   "type"
-], Dn = {
-  $schema: In,
-  $id: En,
-  title: kn,
-  description: On,
-  type: Mn,
-  properties: Nn,
-  required: Ln
-}, ye = {
+], Mn = {
+  $schema: Bn,
+  $id: Pn,
+  title: Sn,
+  description: En,
+  type: kn,
+  properties: In,
+  required: On
+}, he = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
@@ -559,43 +459,43 @@ const xn = /* @__PURE__ */ new Map([
   showLabel: { type: Boolean, default: !0 },
   type: { type: String, default: "input-group" }
 };
-ve(
-  ye,
-  Dn,
-  xn,
+ye(
+  he,
+  Mn,
+  Tn,
   void 0
 );
-const jn = {
+const Vn = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
   title: { type: String }
-}, An = /* @__PURE__ */ U({
+}, Nn = /* @__PURE__ */ H({
   name: "FDynamicFormLabel",
-  props: jn,
+  props: Vn,
   emits: [],
   setup(e, t) {
-    const n = F(e.title || e.text), r = F(e.required), l = F(e.text);
-    return V(() => e.text, () => {
-      l.value = e.text;
-    }), V(() => e.required, (m, f) => {
-      m !== f && (r.value = m);
-    }), () => c("label", {
+    const n = h(e.title || e.text), o = h(e.required), r = h(e.text);
+    return R(() => e.text, () => {
+      r.value = e.text;
+    }), R(() => e.required, (d, u) => {
+      d !== u && (o.value = d);
+    }), () => r.value && l("label", {
       class: "col-form-label",
       title: n.value
-    }, [r.value && c("span", {
+    }, [o.value && l("span", {
       class: "farris-label-info text-danger"
-    }, [de("*")]), c("span", {
+    }, [de("*")]), l("span", {
       class: "farris-label-text"
-    }, [l.value])]);
+    }, [r.value])]);
   }
-}), $n = /* @__PURE__ */ new Map([
-  ["appearance", ge]
+}), jn = /* @__PURE__ */ new Map([
+  ["appearance", be]
 ]);
-function Vn(e, t, n) {
+function Ln(e, t, n) {
   return t;
 }
-const Gn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-design.gitee.io/input-group.schema.json", Wn = "input-group", qn = "A Farris Input Component", Hn = "object", Un = {
+const An = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-design.gitee.io/input-group.schema.json", Dn = "input-group", $n = "A Farris Input Component", Gn = "object", qn = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -797,18 +697,19 @@ const Gn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-
     type: "string",
     default: ""
   }
-}, _n = [
+}, Un = [
   "id",
   "type"
-], zn = {
-  $schema: Gn,
+], Wn = {
+  $schema: An,
   $id: Rn,
-  title: Wn,
-  description: qn,
-  type: Hn,
-  properties: Un,
-  required: _n
-}, be = {
+  title: Dn,
+  description: $n,
+  type: Gn,
+  properties: qn,
+  required: Un
+}, Ce = {
+  id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
   /** 自定义CLASS */
@@ -875,421 +776,421 @@ const Gn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-
    */
   updateOn: { type: String, default: "blur" }
 };
-ve(be, zn, $n, Vn);
-function Xn(e, t, n, r) {
-  const l = F(e.disabled), m = F(!1), f = F("text"), C = F(e.showBorder), u = F(e.textAlign), o = F(e.updateOn), p = E(() => e.editable || !e.readonly), a = E(() => e.editable && !e.disabled && !e.readonly), s = E(() => !e.disabled && m.value), i = E(() => n.value === "" || n.value === null || n.value === void 0), d = E(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = E(() => e.readonly || !e.editable), T = E(() => e.enableTitle ? n.value : ""), N = E(() => ({
+ye(Ce, Wn, jn, Ln);
+function Hn(e, t, n, o) {
+  const r = h(e.disabled), d = h(!1), u = h("text"), C = h(e.showBorder), c = h(e.textAlign), i = h(e.updateOn), p = S(() => e.editable || !e.readonly), a = S(() => e.editable && !e.disabled && !e.readonly), f = S(() => !e.disabled && d.value), s = S(() => n.value === "" || n.value === null || n.value === void 0), m = S(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), T = S(() => e.readonly || !e.editable), E = S(() => e.enableTitle ? n.value : ""), V = S(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
-    "text-left": u.value === "left",
-    "text-center": u.value === "center",
-    "text-right": u.value === "right"
-  })), j = E(() => {
-    const x = {
+    "text-left": c.value === "left",
+    "text-center": c.value === "center",
+    "text-right": c.value === "right"
+  })), j = S(() => {
+    const P = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
-      "f-state-disable": l.value,
+      "f-state-disable": r.value,
       "f-state-editable": a.value,
-      "f-state-readonly": v.value,
-      "f-state-focus": s.value
+      "f-state-readonly": T.value,
+      "f-state-focus": f.value
     };
-    return (e.customClass || "").split(" ").reduce((q, J) => (q[J] = !0, q), x), x;
-  }), L = E(() => C.value ? "" : "border-width : 0 ");
-  function I(x, $ = !0) {
-    n.value = x, r.value !== x && (r.value = x), $ && t.emit("change", x), t.emit("update:modelValue", x), t.emit("update:value", x);
+    return (e.customClass || "").split(" ").reduce((U, X) => (U[X] = !0, U), P), P;
+  }), L = S(() => C.value ? "" : "border-width : 0 ");
+  function k(P, A = !0) {
+    n.value = P, o.value !== P && (o.value = P), A && t.emit("change", P), t.emit("update:modelValue", P), t.emit("update:value", P);
   }
-  V(
+  R(
     () => e.modelValue,
-    (x, $) => {
-      x !== $ && (n.value = x, r.value = x);
+    (P, A) => {
+      P !== A && (n.value = P, o.value = P);
     }
-  ), V(() => e.disabled, (x, $) => {
-    x !== $ && (l.value = x);
+  ), R(() => e.disabled, (P, A) => {
+    P !== A && (r.value = P);
   });
-  function k(x) {
-    return m.value = !1, t.emit("blur", x), x.stopPropagation(), !1;
+  function I(P) {
+    return d.value = !1, t.emit("blur", P), P.stopPropagation(), !1;
   }
-  function O(x) {
-    t.emit("click", x);
+  function O(P) {
+    t.emit("click", P);
   }
-  function B(x) {
-    e.disabled || (C.value && (m.value = !0), p.value && t.emit("focus", x));
+  function B(P) {
+    e.disabled || (C.value && (d.value = !0), p.value && t.emit("focus", P));
   }
-  function G(x) {
-    t.emit("input", x.target.value);
-    const $ = x.target.value;
-    r.value = $, o.value === "input" && (t.emit("update:modelValue", $), t.emit("update:value", $));
+  function D(P) {
+    t.emit("input", P.target.value);
+    const A = P.target.value;
+    o.value = A, i.value === "change" && (t.emit("update:modelValue", A), t.emit("update:value", A));
   }
-  function D(x) {
-    t.emit("keydown", x);
+  function N(P) {
+    t.emit("keydown", P);
   }
-  function R(x) {
-    t.emit("keyup", x);
+  function q(P) {
+    t.emit("keyup", P);
   }
-  function _(x) {
-    x.target.tagName !== "INPUT" && x.preventDefault(), x.stopPropagation();
+  function _(P) {
+    P.target.tagName !== "INPUT" && P.preventDefault(), P.stopPropagation();
   }
-  function z(x) {
-    if (o.value === "blur") {
-      const $ = x.target.value;
-      x.stopPropagation(), I($);
+  function z(P) {
+    if (i.value === "blur") {
+      const A = P.target.value;
+      P.stopPropagation(), k(A);
     }
   }
   return {
-    changeTextBoxValue: I,
-    disabled: l,
-    displayText: r,
+    changeTextBoxValue: k,
+    disabled: r,
+    displayText: o,
     editable: a,
-    hasFocused: s,
+    hasFocused: f,
     inputGroupClass: j,
-    inputType: f,
-    isEmpty: i,
+    inputType: u,
+    isEmpty: s,
     modelValue: n,
-    readonly: v,
-    onBlur: k,
+    readonly: T,
+    onBlur: I,
     onClick: O,
     onFocus: B,
-    onInput: G,
-    onKeydown: D,
-    onKeyup: R,
+    onInput: D,
+    onKeydown: N,
+    onKeyup: q,
     onMousedown: _,
     onTextBoxValueChange: z,
-    placeholder: d,
-    textBoxClass: N,
-    textBoxTitle: T,
+    placeholder: m,
+    textBoxClass: V,
+    textBoxTitle: E,
     inputGroupStyle: L
   };
 }
-function Qn(e, t, n) {
-  const r = F(!1), l = E(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: m, displayText: f, hasFocused: C, isEmpty: u } = n;
-  function o(v) {
-    r.value = v;
+function _n(e, t, n) {
+  const o = h(!1), r = S(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: d, displayText: u, hasFocused: C, isEmpty: c } = n;
+  function i(T) {
+    o.value = T;
   }
-  V(f, () => {
-    C != null && C.value ? o(!!(f != null && f.value)) : o(!1);
+  R(u, () => {
+    C != null && C.value ? i(!!(u != null && u.value)) : i(!1);
   });
-  const p = E(() => ({
+  const p = S(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), a = E(() => ({
+  })), a = S(() => ({
     width: "24px",
-    display: r.value ? "flex" : "none"
+    display: o.value ? "flex" : "none"
   }));
-  function s(v) {
-    v.stopPropagation(), l.value && (m("", !0), o(!r.value), t.emit("clear"));
+  function f(T) {
+    T.stopPropagation(), r.value && (d("", !0), i(!o.value), t.emit("clear"));
   }
-  function i(v) {
-    l.value && !u.value && o(!0);
+  function s(T) {
+    r.value && !c.value && i(!0);
   }
-  function d(v) {
-    l.value && o(!1);
+  function m(T) {
+    r.value && i(!1);
   }
-  return { clearButtonClass: p, clearButtonStyle: a, hasShownClearButton: r, onClearValue: s, onMouseEnter: i, onMouseLeave: d, shouldShowClearButton: l };
+  return { clearButtonClass: p, clearButtonStyle: a, hasShownClearButton: o, onClearValue: f, onMouseEnter: s, onMouseLeave: m, shouldShowClearButton: r };
 }
-const Zn = ["moz", "ms", "webkit"];
-function Jn() {
+const zn = ["moz", "ms", "webkit"];
+function Qn() {
   let e = 0;
   return (t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (n - e)), l = setTimeout(() => {
-      t(n + r);
-    }, r);
-    return e = n + r, l;
+    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - e)), r = setTimeout(() => {
+      t(n + o);
+    }, o);
+    return e = n + o, r;
   };
 }
-function Yn() {
+function Zn() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = Zn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : Jn();
+  const e = zn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : Qn();
 }
-Yn();
-function Kn(e, t) {
-  const n = F(e.groupText), r = E(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), l = E(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: E(() => ({
+Zn();
+function Jn(e, t) {
+  const n = h(e.groupText), o = S(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), r = S(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: S(() => ({
     "input-group-append": !0,
-    "append-force-show": r.value
-  })), appendedContent: n, shouldShowAppendedButton: l };
+    "append-force-show": o.value
+  })), appendedContent: n, shouldShowAppendedButton: r };
 }
-function eo(e, t, n, r) {
-  const { appendedContent: l } = r, m = F(e.enableViewPassword), f = E(() => e.type === "password"), C = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', u = '<span class="f-icon f-icon-eye"></span>', o = F(!1);
-  V(() => [e.readonly, e.disabled], ([s, i]) => {
-    f.value && (n.value = s || i ? "password" : n.value, l.value = s || i ? u : l.value);
+function Xn(e, t, n, o) {
+  const { appendedContent: r } = o, d = h(e.enableViewPassword), u = S(() => e.type === "password"), C = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', c = '<span class="f-icon f-icon-eye"></span>', i = h(!1);
+  R(() => [e.readonly, e.disabled], ([f, s]) => {
+    u.value && (n.value = f || s ? "password" : n.value, r.value = f || s ? c : r.value);
   });
   function p() {
-    return o.value = !o.value, n.value = o.value ? "text" : "password", l.value = o.value ? C : u, !1;
+    return i.value = !i.value, n.value = i.value ? "text" : "password", r.value = i.value ? C : c, !1;
   }
   function a() {
-    n.value = f.value ? "password" : "text", l.value = f.value ? m.value ? u : "" : l.value;
+    n.value = u.value ? "password" : "text", r.value = u.value ? d.value ? c : "" : r.value;
   }
-  return a(), { isPassword: f, onClickAppendedButton: p };
+  return a(), { isPassword: u, onClickAppendedButton: p };
 }
-function to(e, t, n) {
-  const r = F(), {
-    onBlurTextBox: l,
-    onFocusTextBox: m,
-    onInput: f,
+function Yn(e, t, n) {
+  const o = h(), {
+    onBlurTextBox: r,
+    onFocusTextBox: d,
+    onInput: u,
     onKeyDown: C,
-    textBoxValue: u
-  } = n, o = E(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), p = E(() => ({
+    textBoxValue: c
+  } = n, i = S(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), p = S(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), a = E(() => ({
+  })), a = S(() => ({
     "text-align": e.textAlign
   }));
-  function s(v) {
-    v.stopPropagation();
+  function f(T) {
+    T.stopPropagation();
   }
-  function i() {
+  function s() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function d(v) {
-    m(v), await ie, i();
+  async function m(T) {
+    d(T), await le, s();
   }
-  return H(async () => {
-    await ie, i();
-  }), () => c("input", {
-    ref: r,
+  return W(async () => {
+    await le, s();
+  }), () => l("input", {
+    ref: o,
     class: p.value,
     style: a.value,
     type: "text",
-    value: u.value,
+    value: c.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: o.value,
-    onBlur: l,
-    onChange: s,
-    onFocus: d,
-    onInput: f,
+    placeholder: i.value,
+    onBlur: r,
+    onChange: f,
+    onFocus: m,
+    onInput: u,
     onKeydown: C
   }, null);
 }
-function no(e, t, n) {
+function Kn(e, t, n) {
   const {
-    canDownward: r,
-    canUpward: l,
-    onClickDownButton: m,
-    onClickUpButton: f
-  } = n, C = E(() => ({
+    canDownward: o,
+    canUpward: r,
+    onClickDownButton: d,
+    onClickUpButton: u
+  } = n, C = S(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), u = E(() => ({
+  })), c = S(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), o = E(() => ({
-    cursor: l() ? "pointer" : "not-allowed",
-    "margin-left": 0
-  })), p = E(() => ({
+  })), i = S(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
+  })), p = S(() => ({
+    cursor: o() ? "pointer" : "not-allowed",
+    "margin-left": 0
   }));
-  return () => c("div", {
+  return () => l("div", {
     class: C.value
-  }, [c("button", {
+  }, [l("button", {
     title: "upButton",
-    class: u.value,
-    style: o.value,
-    onClick: f,
-    disabled: !l()
-  }, [c("span", {
+    class: c.value,
+    style: i.value,
+    onClick: u,
+    disabled: !r()
+  }, [l("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), c("button", {
+  }, null)]), l("button", {
     title: "downButton",
-    class: u.value,
+    class: c.value,
     style: p.value,
-    onClick: m,
-    disabled: !r()
-  }, [c("span", {
+    onClick: d,
+    disabled: !o()
+  }, [l("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function oo(e, t) {
-  const n = Ue(e, t), r = _e(e, t, n), l = ze(e, t, r, n), m = Xe(e, t, r, n, l), f = no(e, t, l), {
+function eo(e, t) {
+  const n = _e(e, t), o = ze(e, t, n), r = Qe(e, t, o, n), d = Ze(e, t, o, n, r), u = Kn(e, t, r), {
     displayValue: C,
-    modelValue: u,
-    getRealValue: o
-  } = n, p = to(e, t, m), {
+    modelValue: c,
+    getRealValue: i
+  } = n, p = Yn(e, t, d), {
     format: a
-  } = r, {
-    isFocus: s
-  } = m, i = E(() => !e.disabled && !e.readonly);
-  return H(() => {
-    const d = o(e.modelValue);
-    C.value = a(d);
-  }), V(() => [e.value], ([d]) => {
-    const v = o(d);
-    u.value = v, C.value = a(v);
-  }), V(() => [e.modelValue], ([d]) => {
-    d !== u.value && (u.value = d, !s.value && (C.value = a(o(d))));
-  }), V(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    C.value = a(u.value);
-  }), () => c("div", {
+  } = o, {
+    isFocus: f
+  } = d, s = S(() => !e.disabled && !e.readonly);
+  return W(() => {
+    const m = i(e.modelValue);
+    C.value = a(m);
+  }), R(() => [e.value], ([m]) => {
+    const T = i(m);
+    c.value = T, C.value = a(T);
+  }), R(() => [e.modelValue], ([m]) => {
+    m !== c.value && (c.value = m, !f.value && (C.value = a(i(m))));
+  }), R(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    C.value = a(c.value);
+  }), () => l("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [p(), i.value && f()]);
+  }, [p(), s.value && u()]);
 }
-function ro(e, t, n, r) {
-  const l = F(), m = F(e.autocomplete), f = F(e.enableTitle), {
+function to(e, t, n, o) {
+  const r = h(), d = h(e.autocomplete), u = h(e.enableTitle), {
     isPassword: C
-  } = n, u = F(e.minLength), o = F(e.maxLength), p = F(e.tabIndex), {
+  } = n, c = h(e.minLength), i = h(e.maxLength), p = h(e.tabIndex), {
     disabled: a,
-    displayText: s,
-    inputType: i,
-    onBlur: d,
-    onFocus: v,
-    onInput: T,
-    onClick: N,
+    displayText: f,
+    inputType: s,
+    onBlur: m,
+    onFocus: T,
+    onInput: E,
+    onClick: V,
     onKeydown: j,
     onKeyup: L,
-    onMousedown: I,
-    onTextBoxValueChange: k,
+    onMousedown: k,
+    onTextBoxValueChange: I,
     readonly: O,
     placeholder: B,
-    textBoxClass: G,
-    textBoxTitle: D
-  } = r;
-  return H(() => {
+    textBoxClass: D,
+    textBoxTitle: N
+  } = o;
+  return W(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => c("input", {
-    ref: l,
+  }), () => l("input", {
+    ref: r,
     name: "input-group-value",
-    autocomplete: m.value,
-    class: G.value,
+    autocomplete: d.value,
+    class: D.value,
     disabled: a == null ? void 0 : a.value,
-    maxlength: o.value,
-    minlength: u.value,
+    maxlength: i.value,
+    minlength: c.value,
     placeholder: B.value,
     readonly: O == null ? void 0 : O.value,
     tabindex: p.value,
-    title: f.value && !C.value ? D.value : "",
-    type: i.value,
-    value: s == null ? void 0 : s.value,
-    onBlur: d,
-    onClick: N,
-    onChange: k,
-    onFocus: v,
-    onInput: T,
+    title: u.value && !C.value ? N.value : "",
+    type: s.value,
+    value: f == null ? void 0 : f.value,
+    onBlur: m,
+    onClick: V,
+    onChange: I,
+    onFocus: T,
+    onInput: E,
     onKeydown: j,
     onKeyup: L,
-    onMousedown: I
+    onMousedown: k
   }, null);
 }
-function ao(e, t) {
-  const n = E(() => e.useExtendInfo && !!e.extendInfo), r = Ae({
+function no(e, t) {
+  const n = S(() => e.useExtendInfo && !!e.extendInfo), o = De({
     content: e.extendInfo
   });
-  function l() {
+  function r() {
     t.emit("updateExtendInfo");
   }
-  return () => n.value && $e(c("span", {
+  return () => n.value && $e(l("span", {
     class: "input-group-before-tips",
-    onMouseenter: l
-  }, [c("i", {
+    onMouseenter: r
+  }, [l("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), c("b", {
+  }, null), l("b", {
     class: "tips-arrow"
-  }, null)]), [[Ve("tooltip"), r]]);
+  }, null)]), [[Ge("tooltip"), o]]);
 }
-function lo(e, t, n, r, l) {
+function oo(e, t, n, o, r) {
   const {
-    appendedButtonClass: m,
-    appendedContent: f
-  } = n, C = E(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), u = E(() => f.value && !t.slots.groupTextTemplate), o = E(() => !!t.slots.groupTextTemplate), {
+    appendedButtonClass: d,
+    appendedContent: u
+  } = n, C = S(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), c = S(() => u.value && !t.slots.groupTextTemplate), i = S(() => !!t.slots.groupTextTemplate), {
     clearButtonClass: p,
     clearButtonStyle: a,
-    onClearValue: s,
-    shouldShowClearButton: i
-  } = r;
-  function d() {
-    return c("span", {
+    onClearValue: f,
+    shouldShowClearButton: s
+  } = o;
+  function m() {
+    return l("span", {
       id: "clearIcon",
       class: p.value,
       style: a.value,
-      onClick: (B) => s(B)
-    }, [c("i", {
+      onClick: (B) => f(B)
+    }, [l("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function v(B) {
+  function T(B) {
     t.emit("iconMouseEnter", B);
   }
-  function T(B) {
+  function E(B) {
     t.emit("iconMouseLeave", B);
   }
-  function N(B) {
+  function V(B) {
     C.value && t.emit("clickHandle", {
       originalEvent: B
     }), B.stopPropagation();
   }
-  const j = e.type === "password" ? l.onClickAppendedButton : N;
+  const j = e.type === "password" ? r.onClickAppendedButton : V;
   function L() {
-    return c("span", {
+    return l("span", {
       class: "input-group-text",
-      onMouseenter: (B) => v(B),
-      onMouseleave: (B) => T(B),
-      innerHTML: f.value,
+      onMouseenter: (B) => T(B),
+      onMouseleave: (B) => E(B),
+      innerHTML: u.value,
       onClick: (B) => j(B)
     }, null);
   }
-  function I() {
+  function k() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
-  function k() {
-    return u.value ? L : o.value ? I : "";
+  function I() {
+    return c.value ? L : i.value ? k : "";
   }
-  const O = k();
-  return () => c("div", {
-    class: m.value
-  }, [i.value && d(), O && O()]);
+  const O = I();
+  return () => l("div", {
+    class: d.value
+  }, [s.value && m(), O && O()]);
 }
-const io = /* @__PURE__ */ U({
+const ro = /* @__PURE__ */ H({
   name: "FInputGroup",
-  props: be,
+  props: Ce,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, t) {
-    const n = F(e.modelValue), r = F(e.modelValue), l = Xn(e, t, n, r), {
-      inputGroupClass: m,
-      inputType: f,
+    const n = h(e.modelValue), o = h(e.modelValue), r = Hn(e, t, n, o), {
+      inputGroupClass: d,
+      inputType: u,
       inputGroupStyle: C
-    } = l, u = Kn(e), {
-      shouldShowAppendedButton: o
-    } = u, p = Qn(e, t, l), {
+    } = r, c = Jn(e), {
+      shouldShowAppendedButton: i
+    } = c, p = _n(e, t, r), {
       onMouseEnter: a,
-      onMouseLeave: s
-    } = p, i = eo(e, t, f, u), d = oo(e, t), v = ro(e, t, i, l), T = lo(e, t, u, p, i), N = ao(e, t), j = E(() => e.type === "number");
-    V(() => [e.value], ([I]) => {
-      n.value = I, r.value = I;
-    }), V(() => [e.modelValue], ([I]) => {
-      n.value = I, r.value = I;
-    }), H(() => {
-      e.value && (n.value = e.value, r.value = e.value);
+      onMouseLeave: f
+    } = p, s = Xn(e, t, u, c), m = eo(e, t), T = to(e, t, s, r), E = oo(e, t, c, p, s), V = no(e, t), j = S(() => e.type === "number");
+    R(() => [e.value], ([k]) => {
+      n.value = k, o.value = k;
+    }), R(() => [e.modelValue], ([k]) => {
+      n.value = k, o.value = k;
+    }), W(() => {
+      e.value && (n.value = e.value, o.value = e.value);
     });
-    const L = () => c(Z, null, [c("div", {
-      id: "inputGroup",
-      class: m.value,
+    const L = () => l(J, null, [l("div", {
+      id: e.id,
+      class: d.value,
       style: C.value,
       onMouseenter: a,
-      onMouseleave: s
-    }, [j.value ? d() : c(Z, null, [N(), v(), o.value && T()])])]);
+      onMouseleave: f
+    }, [j.value ? m() : l(J, null, [V(), T(), i.value && E()])])]);
     return () => L();
   }
-}), g = {}, y = {}, b = {}, h = {};
+}), g = {}, v = {}, y = {}, b = {};
 let ue = !1;
-function so() {
-  ue || (ue = !0, Ze.register(g, y, b, h), Qe.register(g, y, b, h), Je.register(g, y, b, h), Ye.register(g, y, b, h), Ke.register(g, y, b, h), et.register(g, y, b, h), tt.register(g, y, b, h), nt.register(g, y, b, h), ot.register(g, y, b, h), rt.register(g, y, b, h), lt.register(g, y, b, h), at.register(g, y, b, h), it.register(g, y, b, h), st.register(g, y, b, h), ut.register(g, y, b, h), ct.register(g, y, b, h), dt.register(g, y, b, h), pt.register(g, y, b, h), ft.register(g, y, b, h), mt.register(g, y, b, h), vt.register(g, y, b, h), gt.register(g, y, b, h), bt.register(g, y, b, h), yt.register(g, y, b, h), ht.register(g, y, b, h), Ct.register(g, y, b, h), Ft.register(g, y, b, h), St.register(g, y, b, h), He.register(g, y, b, h), Tt.register(g, y, b, h), wt.register(g, y, b, h), Pt.register(g, y, b, h), Bt.register(g, y, b, h), xt.register(g, y, b, h), It.register(g, y, b, h), Et.register(g, y, b, h), kt.register(g, y, b, h), Mt.register(g, y, b, h), Nt.register(g, y, b, h), Ot.register(g, y, b, h), Jt.register(g, y, b), Lt.register(g, y, b, h), Dt.register(g, y, b, h), jt.register(g, y, b, h), At.register(g, y, b, h), $t.register(g, y, b, h), Vt.register(g, y, b, h), Gt.register(g, y, b, h), Rt.register(g, y, b, h), Wt.register(g, y, b, h), qt.register(g, y, b, h), Ht.register(g, y, b, h), Ut.register(g, y, b, h), zt.register(g, y, b, h), _t.register(g, y, b, h), Xt.register(g, y, b, h), Qt.register(g, y, b, h), Zt.register(g, y, b, h), Yt.register(g, y, b, h));
+function ao() {
+  ue || (ue = !0, Xe.register(g, v, y, b), Je.register(g, v, y, b), Ye.register(g, v, y, b), Ke.register(g, v, y, b), et.register(g, v, y, b), tt.register(g, v, y, b), nt.register(g, v, y, b), ot.register(g, v, y, b), rt.register(g, v, y, b), at.register(g, v, y, b), lt.register(g, v, y, b), it.register(g, v, y, b), st.register(g, v, y, b), ut.register(g, v, y, b), ct.register(g, v, y, b), dt.register(g, v, y, b), pt.register(g, v, y, b), ft.register(g, v, y, b), mt.register(g, v, y, b), gt.register(g, v, y, b), vt.register(g, v, y, b), yt.register(g, v, y, b), ht.register(g, v, y, b), bt.register(g, v, y, b), Ct.register(g, v, y, b), Ft.register(g, v, y, b), wt.register(g, v, y, b), xt.register(g, v, y, b), He.register(g, v, y, b), Tt.register(g, v, y, b), Bt.register(g, v, y, b), Pt.register(g, v, y, b), St.register(g, v, y, b), Et.register(g, v, y, b), kt.register(g, v, y, b), It.register(g, v, y, b), Ot.register(g, v, y, b), Vt.register(g, v, y, b), Nt.register(g, v, y, b), Mt.register(g, v, y, b), Yt.register(g, v, y), jt.register(g, v, y, b), Lt.register(g, v, y, b), At.register(g, v, y, b), Rt.register(g, v, y, b), Dt.register(g, v, y, b), $t.register(g, v, y, b), Gt.register(g, v, y, b), qt.register(g, v, y, b), Ut.register(g, v, y, b), Wt.register(g, v, y, b), Ht.register(g, v, y, b), _t.register(g, v, y, b), Qt.register(g, v, y, b), zt.register(g, v, y, b), Zt.register(g, v, y, b), Jt.register(g, v, y, b), Xt.register(g, v, y, b), Kt.register(g, v, y, b));
 }
-function uo() {
-  so();
-  function e(l, m) {
-    const f = y[l];
-    return f ? f(m) : {};
+function io() {
+  ao();
+  function e(r, d) {
+    const u = v[r];
+    return u ? u(d) : {};
   }
-  function t(l) {
-    return g[l] || io;
+  function t(r) {
+    return g[r] || ro;
   }
-  function n(l) {
-    switch (l) {
+  function n(r) {
+    switch (r) {
       case "check-box":
         return "onChangeValue";
       case "switch":
@@ -1320,7 +1221,7 @@ function uo() {
       case "input-group":
         return "onChange";
       case "lookup":
-        return "";
+        return "onUpdate:modelValue";
       case "number-range":
         return "onValueChange";
       case "number-spinner":
@@ -1335,6 +1236,8 @@ function uo() {
         return "onSavedCommandListChanged";
       case "grid-field-editor":
         return "onChange";
+      case "response-form-layout-setting":
+        return "onChange";
       case "field-selector":
         return "onFieldSelected";
       case "schema-selector":
@@ -1345,513 +1248,609 @@ function uo() {
         return "onValueChange";
     }
   }
-  function r(l) {
-    switch (l) {
+  function o(r) {
+    switch (r) {
       case "combo-list":
       case "input-group":
       case "textarea":
         return "onClear";
     }
   }
-  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: r };
+  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: o };
 }
-const co = /* @__PURE__ */ U({
+const lo = /* @__PURE__ */ H({
   name: "FDynamicFormGroup",
-  props: ye,
+  props: he,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = F(e.id), r = F(e.customClass), l = F(e.editor), m = F(e.label), f = F(e.modelValue), C = F(e.readonly), u = F(e.required), o = F(e.showLabel), p = F(e.visible);
-    F(e.type);
-    const a = F(), {
-      resolveEditorProps: s,
-      resolveEditorType: i,
-      getChangeFunctionName: d,
-      getClearFunctionName: v
-    } = uo(), T = E(() => ({
+    const n = h(e.id), o = h(e.customClass), r = h(e.editor), d = h(e.label), u = h(e.modelValue), C = h(e.readonly), c = h(e.required), i = h(e.showLabel), p = h(e.visible);
+    h(e.type);
+    const a = h(), {
+      resolveEditorProps: f,
+      resolveEditorType: s,
+      getChangeFunctionName: m,
+      getClearFunctionName: T
+    } = io(), E = S(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": C.value
     }));
-    function N(I, k) {
-      f.value = k !== void 0 ? k : I, t.emit("update:modelValue", f.value), t.emit("change", f.value);
+    function V(k, I) {
+      u.value = I !== void 0 ? I : k, t.emit("update:modelValue", u.value), t.emit("change", u.value);
     }
     function j() {
       t.emit("update:modelValue", "");
     }
-    const L = E(() => {
-      const I = l.value.type || "input-group", k = i(I), O = s(I, l.value), B = d(I), G = v(l.value.type);
-      return O[B] = N, O[G] = j, () => c(k, Ge({
+    const L = S(() => {
+      const k = r.value.type || "input-group", I = s(k), O = f(k, r.value), B = m(k), D = T(r.value.type);
+      return O[B] = V, O[D] = j, (O.id == null || O.id === "") && (O.id = n.value), () => l(I, qe({
         ref: a
       }, O, {
-        modelValue: f.value,
-        "onUpdate:modelValue": (D) => f.value = D
+        modelValue: u.value,
+        "onUpdate:modelValue": (N) => u.value = N
       }), null);
     });
-    return V([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([I, k, O, B, G, D, R, _, z]) => {
-      n.value = I, r.value = k, l.value = O, m.value = B, f.value = G, C.value = D, u.value = R, o.value = _, p.value = z;
+    return R([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([k, I, O, B, D, N, q, _, z]) => {
+      n.value = k, o.value = I, r.value = O, d.value = B, u.value = D, C.value = N, c.value = q, i.value = _, p.value = z;
     }), t.expose({
       editorRef: a
-    }), () => p.value && c("div", {
+    }), () => p.value && l("div", {
       id: `${n.value}-input-group`,
-      class: r.value
-    }, [c("div", {
+      class: o.value
+    }, [l("div", {
       class: "farris-group-wrap"
-    }, [c("div", {
-      class: T.value
-    }, [o.value && c(An, {
+    }, [l("div", {
+      class: E.value
+    }, [i.value && l(Nn, {
       id: `${n.value}-lable`,
-      required: u.value,
-      text: m.value,
-      title: m.value
-    }, null), c("div", {
+      required: c.value,
+      text: d.value,
+      title: d.value
+    }, null), l("div", {
       class: "farris-input-wrap"
     }, [L.value()])])])]);
   }
-}), po = /* @__PURE__ */ U({
+}), so = /* @__PURE__ */ H({
   name: "FPropertyPanelItem",
-  props: Bn,
+  props: xn,
   emits: ["propertyChange", "triggerRefreshPanel"],
   setup(e, t) {
-    var u;
-    const n = F((u = e.category) == null ? void 0 : u.categoryId), r = F(e.elementConfig.propertyID), l = F(e.elementConfig.propertyName);
-    F(e.elementConfig.editor);
-    const m = F(e.elementConfig.propertyValue), f = E(() => {
-      const o = e.elementConfig.visible;
+    var c;
+    const n = h((c = e.category) == null ? void 0 : c.categoryId), o = h(e.elementConfig.propertyID), r = h(e.elementConfig.propertyName);
+    h(e.elementConfig.editor);
+    const d = h(e.elementConfig.propertyValue), u = S(() => {
+      const i = e.elementConfig.visible;
       return {
         "farris-group-wrap": !0,
         "property-item": !0,
-        "d-none": !(typeof o == "boolean" ? o : o == null ? !0 : o())
+        "d-none": !(typeof i == "boolean" ? i : i == null ? !0 : i())
       };
     });
-    V(() => {
-      var o;
-      return (o = e.elementConfig) == null ? void 0 : o.propertyValue;
-    }, (o) => {
-      m.value = o;
+    R(() => {
+      var i;
+      return (i = e.elementConfig) == null ? void 0 : i.propertyValue;
+    }, (i) => {
+      d.value = i;
     });
-    function C(o) {
-      e.elementConfig.propertyValue = o;
+    function C(i) {
+      e.elementConfig.propertyValue = i;
       const p = {
         propertyID: e.elementConfig.propertyID,
-        propertyValue: o
+        propertyValue: i
       };
       t.emit("propertyChange", p), e.elementConfig.refreshPanelAfterChanged && t.emit("triggerRefreshPanel");
     }
-    return () => c("div", {
-      class: f.value
-    }, [c(co, {
-      id: r.value,
-      customClass: `${n.value}-${r.value}`,
-      label: l.value,
+    return () => l("div", {
+      class: u.value
+    }, [l(lo, {
+      id: o.value,
+      customClass: `${n.value}-${o.value}`,
+      label: r.value,
       editor: e.elementConfig.editor,
-      modelValue: m.value,
+      modelValue: d.value,
       onChange: C,
       editorParams: e.elementConfig.editorParams
     }, null)]);
   }
-}), fo = /* @__PURE__ */ U({
+}), uo = /* @__PURE__ */ H({
   name: "FPropertyPanelItemList",
-  props: Pn,
+  props: wn,
   emits: ["valueChanged", "submitModal", "triggerRefreshPanel"],
   setup(e, t) {
-    const n = F(e.category);
-    function r(i) {
-      if (!i.hideCascadeTitle)
-        return c("div", {
+    const n = h(e.category);
+    function o(s) {
+      if (!s.hideCascadeTitle)
+        return l("div", {
           class: "farris-input-wrap"
-        }, [c("input", {
+        }, [l("input", {
           title: "summary",
           type: "input",
           class: "form-control form-control-sm",
-          value: i.cascadeSummary,
+          value: s.cascadeSummary,
           readonly: !0
         }, null)]);
     }
-    function l(i, d) {
-      d.isExpand = !d.isExpand;
+    function r(s, m) {
+      m.isExpand = !m.isExpand;
     }
-    function m(i) {
-      return c("div", {
+    function d(s) {
+      return l("div", {
         class: "landscape"
-      }, [c("button", {
+      }, [l("button", {
         title: "expand-button",
         class: ["btn f-btn-collapse-expand f-btn-mx px-1", {
-          "f-state-expand": i.isExpand
+          "f-state-expand": s.isExpand
         }],
-        onClick: (d) => l(d, i)
-      }, [c("span", null, null)])]);
+        onClick: (m) => r(m, s)
+      }, [l("span", null, null)])]);
     }
-    function f(i) {
-      return c("div", {
+    function u(s) {
+      return l("div", {
         class: "f-section-formgroup-legend"
-      }, [c("div", {
+      }, [l("div", {
         class: "f-header px-0 my-0 col-form-label",
         style: "font-size: inherit;"
-      }, [c("div", {
+      }, [l("div", {
         class: "wrap"
-      }, [c("span", {
+      }, [l("span", {
         class: ["f-icon mr-1", {
-          "f-icon-arrow-60-right": !i.isExpand,
-          "f-icon-arrow-60-down": i.isExpand
+          "f-icon-arrow-60-right": !s.isExpand,
+          "f-icon-arrow-60-down": s.isExpand
         }]
-      }, null), c("span", {
+      }, null), l("span", {
         class: "farris-label-text"
-      }, [i.propertyName])])])]);
+      }, [s.propertyName])])])]);
     }
-    function C(i) {
-      return `${e.categoryKey}_${i.propertyID}`;
+    function C(s) {
+      return `${e.categoryKey}_${s.propertyID}`;
     }
-    function u(i) {
-      i.categoryId = n.value.categoryId, n.value.enableCascade && (i.propertyPath = n.value.parentPropertyID), n.value.setPropertyRelates && n.value.setPropertyRelates(i, e.propertyData), t.emit("valueChanged", {
-        changeObject: i
+    function c(s) {
+      s.categoryId = n.value.categoryId, n.value.enableCascade && (s.propertyPath = n.value.parentPropertyID), n.value.setPropertyRelates && n.value.setPropertyRelates(s, e.propertyData), t.emit("valueChanged", {
+        changeObject: s
       });
     }
-    function o() {
+    function i() {
       t.emit("triggerRefreshPanel");
     }
-    function p(i) {
-      return c("div", {
+    function p(s) {
+      return l("div", {
         class: "px-2 mb-2"
-      }, [c(po, {
-        key: C(i),
-        elementConfig: i,
+      }, [l(so, {
+        key: C(s),
+        elementConfig: s,
         category: n.value,
-        onPropertyChange: u,
-        onTriggerRefreshPanel: o
+        onPropertyChange: c,
+        onTriggerRefreshPanel: i
       }, null)]);
     }
-    function a(i) {
-      var d;
-      return c("div", {
+    function a(s) {
+      var m;
+      return l("div", {
         class: "propertyCascadeItem farris-panel px-2 mb-2"
-      }, [c("div", {
+      }, [l("div", {
         class: ["farris-panel-item card", {
-          hidden: !i.isExpand
+          hidden: !s.isExpand
         }]
-      }, [c("div", {
+      }, [l("div", {
         class: "card-header",
-        onClick: (v) => l(v, i)
-      }, [c("div", {
+        onClick: (T) => r(T, s)
+      }, [l("div", {
         class: "panel-item-title"
-      }, [c("div", {
+      }, [l("div", {
         class: "form-group farris-form-group line-item"
-      }, [f(i), r(i), m(i)])])]), c("div", {
+      }, [u(s), o(s), d(s)])])]), l("div", {
         class: ["card-body", {
-          hidden: !i.isExpand
+          hidden: !s.isExpand
         }]
-      }, [(d = i.cascadeConfig) == null ? void 0 : d.map((v) => p(v))])])]);
+      }, [(m = s.cascadeConfig) == null ? void 0 : m.map((T) => p(T))])])]);
     }
-    V(() => e.category, () => {
+    R(() => e.category, () => {
       n.value = e.category;
     });
-    function s(i) {
-      return i.propertyType === "cascade" ? a : p;
+    function f(s) {
+      return s.propertyType === "cascade" ? a : p;
     }
-    return () => c(Z, null, [n.value.properties.map((i) => s(i)(i))]);
+    return () => l(J, null, [n.value.properties.map((s) => f(s)(s))]);
   }
-}), ce = /* @__PURE__ */ U({
+}), ce = /* @__PURE__ */ H({
   name: "FPropertyPanel",
-  props: Kt,
+  props: en,
   emits: ["propertyChanged"],
   setup(e, t) {
-    const n = F(e.width), r = F(e.isWidePanel), l = F(e.enableSearch), m = F(e.mode), f = F(e.isPersitOpenState), C = F(e.isShowPanel), u = F(), o = F(), p = F(e.showCloseBtn), a = F(e.selectedTabId), s = F(!0), i = F(e.isWhiteTheme);
-    let d = [], v = [];
-    const T = F(""), N = F(), j = F(), L = Re("SchemaService");
-    let I = [], k = null, O = "";
-    const B = F(), G = F(0);
-    function D() {
-      v = [], B.value && B.value.categoryList && Array.isArray(B.value.categoryList) && B.value.categoryList.length > 0 && B.value.categoryList.forEach((w) => {
-        if (w.properties.forEach((S) => S.categoryId = w.categoryId), w.properties && Array.isArray(w.properties) && w.properties.length > 0) {
-          const S = w.properties.map((M) => (M.category = w, M));
-          v = v.concat(S);
+    const n = h(e.width), o = h(e.isWidePanel), r = h(e.enableSearch), d = h(e.mode), u = h(e.isPersitOpenState), C = h(e.isShowPanel), c = h(), i = h(), p = h(e.showCloseBtn), a = h(e.selectedTabId), f = h(!0), s = h(e.isWhiteTheme);
+    let m = [], T = [];
+    const E = h(""), V = h(), j = h(), L = Ue("SchemaService");
+    let k = [], I = null, O = "";
+    const B = h(), D = h(0);
+    function N() {
+      T = [], B.value && B.value.categoryList && Array.isArray(B.value.categoryList) && B.value.categoryList.length > 0 && B.value.categoryList.forEach((w) => {
+        if (w.properties.forEach((F) => F.categoryId = w.categoryId), w.properties && Array.isArray(w.properties) && w.properties.length > 0) {
+          const F = w.properties.map((M) => (M.category = w, M));
+          T = T.concat(F);
         }
       });
     }
-    function R(P) {
-      let w = P.offsetTop, S = P.offsetParent;
-      for (; S !== null; )
-        w += S.offsetTop, S = S.offsetParent;
+    function q(x) {
+      let w = x.offsetTop, F = x.offsetParent;
+      for (; F !== null; )
+        w += F.offsetTop, F = F.offsetParent;
       return w;
     }
-    function _(P, w) {
-      P && w && Object.keys(w).length > 0 && Object.keys(w).forEach((S) => {
-        var W;
-        const M = w[S];
-        (W = P.style) == null || W.setProperty(S, M);
+    function _(x, w) {
+      x && w && Object.keys(w).length > 0 && Object.keys(w).forEach((F) => {
+        var G;
+        const M = w[F];
+        (G = x.style) == null || G.setProperty(F, M);
       });
     }
     function z() {
-      return v.filter((w) => w.visible ? !!(w.propertyID && w.propertyID.startsWith(T.value) || w.propertyName && (w.propertyName.startsWith(T.value) || w.propertyName.includes(T.value))) : !1);
+      return T.filter((w) => w.visible ? !!(w.propertyID && w.propertyID.startsWith(E.value) || w.propertyName && (w.propertyName.startsWith(E.value) || w.propertyName.includes(E.value))) : !1);
     }
-    function x(P, w, S) {
-      if (P === 0) {
-        const M = R(w), K = R(S) - M - 5;
+    function P(x, w, F) {
+      if (x === 0) {
+        const M = q(w), K = q(F) - M - 5;
         w == null || w.scroll({
           top: K,
           behavior: "smooth"
         });
       }
     }
-    function $(P) {
-      I && I.length > 0 && (I.forEach((S) => {
-        S.style.cssText = "";
-      }), I = []), T.value = P || T.value;
+    function A(x) {
+      k && k.length > 0 && (k.forEach((F) => {
+        F.style.cssText = "";
+      }), k = []), E.value = x || E.value;
       const w = document.querySelector(".panel-body");
-      if (!T.value)
-        N.value && w && (w.scrollTop = 0);
-      else if (D(), v && v.length > 0) {
-        const S = z();
-        S && S.length > 0 && (S[0].category.status === "closed" && (S[0].category.status = "open"), setTimeout(() => {
-          S.forEach((M, W) => {
-            const K = M.propertyType === "cascade" ? `.${M.categoryId}-${M.propertyID} div.col-form-label` : `.property-item .${M.categoryId}-${M.propertyID} label.col-form-label`, Q = document.querySelector(K);
-            Q && (x(W, w, Q), _(Q, {
+      if (!E.value)
+        V.value && w && (w.scrollTop = 0);
+      else if (N(), T && T.length > 0) {
+        const F = z();
+        F && F.length > 0 && (F[0].category.status === "closed" && (F[0].category.status = "open"), setTimeout(() => {
+          F.forEach((M, G) => {
+            const K = M.propertyType === "cascade" ? `.${M.categoryId}-${M.propertyID} div.col-form-label` : `.property-item .${M.categoryId}-${M.propertyID} label.col-form-label`, Z = document.querySelector(K);
+            Z && (P(G, w, Z), _(Z, {
               color: "#5B89FE"
-            }), I.push(Q));
+            }), k.push(Z));
           });
         }, 50));
       }
     }
-    function q(P) {
-      $(P);
+    function U(x) {
+      A(x);
     }
-    function J(P) {
+    function X(x) {
       const {
         value: w
-      } = P.target;
-      P.key === "Enter" && q(w);
+      } = x.target;
+      x.key === "Enter" && U(w);
     }
-    function he(P) {
+    function Fe(x) {
       const {
         value: w
-      } = P.target;
-      q(w);
+      } = x.target;
+      U(w);
     }
-    function Ce() {
-      f.value || (s.value = !1), t.emit("closePropertyPanel");
+    function we() {
+      u.value || (f.value = !1), t.emit("closePropertyPanel");
     }
-    function Y(P) {
-      T.value = "", $();
+    function Y(x) {
+      E.value = "", A();
     }
-    function Fe(P) {
-      !P.status || P.status === "open" ? P.status = "closed" : P.status = "open";
+    function xe(x) {
+      !x.status || x.status === "open" ? x.status = "closed" : x.status = "open";
     }
-    function X() {
-      var P, w;
-      if (d = [], !u.value || u.value.length === 0) {
-        d = [{
+    function Q() {
+      var x, w;
+      if (m = [], !c.value || c.value.length === 0) {
+        m = [{
           tabId: "default",
           tabName: "属性",
           categoryList: []
         }], B.value = null;
         return;
       }
-      if ((P = u == null ? void 0 : u.value) == null || P.forEach((S) => {
-        if (S.tabId) {
-          const M = d.find((W) => W.tabId === S.tabId);
-          M ? (M.categoryList.push(S), M.hide && (M.hide = S.hide || S.properties.length === 0)) : d.push({
-            tabId: S.tabId,
-            tabName: S.tabName,
-            categoryList: [S],
-            hide: S.hide || S.properties.length === 0
+      if ((x = c == null ? void 0 : c.value) == null || x.forEach((F) => {
+        if (F.tabId) {
+          const M = m.find((G) => G.tabId === F.tabId);
+          M ? (M.categoryList.push(F), M.hide && (M.hide = F.hide || F.properties.length === 0)) : m.push({
+            tabId: F.tabId,
+            tabName: F.tabName,
+            categoryList: [F],
+            hide: F.hide || F.properties.length === 0
           });
         } else {
-          const M = d.find((W) => W.tabId === "default");
-          M ? M.categoryList.push(S) : d.push({
+          const M = m.find((G) => G.tabId === "default");
+          M ? M.categoryList.push(F) : m.push({
             tabId: "default",
             tabName: "属性",
-            categoryList: [S]
+            categoryList: [F]
           });
         }
       }), a.value) {
-        let S = d == null ? void 0 : d.find((M) => M.tabId === a.value && !M.hide);
-        B.value = S || d[0];
+        let F = m == null ? void 0 : m.find((M) => M.tabId === a.value && !M.hide);
+        B.value = F || m[0];
       } else
-        B.value = d[0];
+        B.value = m[0];
       a.value = (w = B.value) == null ? void 0 : w.tabId;
     }
-    V(() => [e.schema, e.isShowPanel], () => {
-      o.value = e.schema, !e.schema || !e.schema.type ? u.value = [] : u.value = ee(o.value, L, k, O), X(), Y(T.value), G.value++;
-    }), H(() => {
-      X();
+    R(() => [e.schema, e.isShowPanel], () => {
+      i.value = e.schema, !e.schema || !e.schema.type ? c.value = [] : c.value = ee(i.value, L, I, O), Q(), Y(E.value), D.value++;
+    }), W(() => {
+      Q();
     });
-    function Se(P, w) {
-      (!o.value || w) && (o.value = w || e.schema), u.value = ee(o.value, L, k, O, P), X(), Y(T.value);
+    function Te(x, w) {
+      (!i.value || w) && (i.value = w || e.schema), c.value = ee(i.value, L, I, O, x), Q(), Y(E.value);
     }
-    function Te(P, w) {
-      k = P, O = w;
+    function Be(x, w) {
+      I = x, O = w;
     }
-    function le() {
-      m.value = m.value === "panel" ? "sidebar" : "panel", m.value === "panel" ? (setTimeout(() => {
-        q();
+    function ie() {
+      d.value = d.value === "panel" ? "sidebar" : "panel", d.value === "panel" ? (setTimeout(() => {
+        U();
       }, 100), n.value = "300px") : n.value = "41px";
     }
-    function we() {
+    function Pe() {
       if (p.value)
-        return c("div", {
+        return l("div", {
           class: "title-actions"
-        }, [c("div", {
+        }, [l("div", {
           class: "monaco-toolbar"
-        }, [c("div", {
+        }, [l("div", {
           class: "monaco-action-bar animated"
-        }, [c("ul", {
+        }, [l("ul", {
           class: "actions-container",
           role: "toolbar"
-        }, [c("li", {
+        }, [l("li", {
           class: "action-item",
-          onClick: Ce
-        }, [c("span", {
+          onClick: we
+        }, [l("span", {
           class: "f-icon f-icon-close"
         }, null)])])])])]);
     }
-    function Pe() {
-      u.value = ee(o.value, L, k, O), X();
+    function Se() {
+      c.value = ee(i.value, L, I, O), Q();
     }
-    function Be() {
-      var P;
-      if (l.value && ((P = B.value) == null ? void 0 : P.tabId) !== "commands")
-        return c("div", {
+    function Ee() {
+      var x;
+      if (r.value && ((x = B.value) == null ? void 0 : x.tabId) !== "commands")
+        return l("div", {
           class: "search"
-        }, [c("div", {
+        }, [l("div", {
           class: "input-group f-state-editable border-left-0 border-right-0"
-        }, [c("input", {
+        }, [l("input", {
           class: "form-control f-utils-fill text-left pt-3 pb-3 textbox",
           type: "text",
           placeholder: "输入属性名称或编号快速定位",
           autocomplete: "off",
-          onKeyup: (w) => J(w),
-          value: T.value
-        }, null), c("div", {
+          onKeyup: (w) => X(w),
+          value: E.value
+        }, null), l("div", {
           class: "input-group-append",
           style: "margin-left: 0px;"
-        }, [c("span", {
+        }, [l("span", {
           class: "input-group-text input-group-clear",
           style: [{
-            display: T.value && T.value.length > 0 ? "" : "none"
+            display: E.value && E.value.length > 0 ? "" : "none"
           }],
           onClick: (w) => Y()
-        }, [c("i", {
+        }, [l("i", {
           class: "f-icon modal_close"
-        }, null)]), c("span", {
+        }, null)]), l("span", {
           class: "input-group-text input-group-clear",
-          onClick: (w) => he(w)
-        }, [c("i", {
+          onClick: (w) => Fe(w)
+        }, [l("i", {
           class: "f-icon f-icon-search"
         }, null)])])])]);
     }
-    function xe(P) {
-      return `${e.propertyName}_${P.categoryId}`;
+    function ke(x) {
+      return `${e.propertyName}_${x.categoryId}`;
     }
-    function Ie(P) {
-      t.emit("propertyChanged", P);
+    function Ie(x) {
+      t.emit("propertyChanged", x);
     }
-    function Ee() {
-      var P, w;
+    function Oe() {
+      var x, w;
       if (B.value)
-        return c("div", {
+        return l("div", {
           class: "panel-body",
           ref: j
-        }, [c("ul", {
+        }, [l("ul", {
           class: ["property-grid", {
-            "wide-panel": r.value
+            "wide-panel": o.value
           }]
-        }, [(w = (P = B.value) == null ? void 0 : P.categoryList) == null ? void 0 : w.map((S) => c("li", {
-          key: xe(S),
-          "data-category-id": S == null ? void 0 : S.categoryId
-        }, [!S.hide && !S.hideTitle && c("span", {
+        }, [(w = (x = B.value) == null ? void 0 : x.categoryList) == null ? void 0 : w.map((F) => l("li", {
+          key: ke(F),
+          "data-category-id": F == null ? void 0 : F.categoryId
+        }, [!F.hide && !F.hideTitle && l("span", {
           class: "group-label",
-          onClick: () => Fe(S)
-        }, [c("span", {
+          onClick: () => xe(F)
+        }, [l("span", {
           class: ["f-icon  mr-2", {
-            "f-legend-show": S.status === "closed"
+            "f-legend-show": F.status === "closed"
           }, {
-            "f-legend-collapse": S.status === "open" || S.status === void 0
+            "f-legend-collapse": F.status === "open" || F.status === void 0
           }]
-        }, null), S.categoryName]), c("div", {
-          hidden: S.status === "closed"
-        }, [c(fo, {
-          key: `${S == null ? void 0 : S.categoryId}-${G.value}`,
-          category: S,
-          propertyData: o.value,
-          onTriggerRefreshPanel: Pe,
+        }, null), F.categoryName]), l("div", {
+          hidden: F.status === "closed"
+        }, [l(uo, {
+          key: `${F == null ? void 0 : F.categoryId}-${D.value}`,
+          category: F,
+          propertyData: i.value,
+          onTriggerRefreshPanel: Se,
           onValueChanged: Ie
         }, null)])]))])]);
     }
-    function ke() {
-      if (m.value === "sidebar")
-        return c("div", {
+    function Me() {
+      if (d.value === "sidebar")
+        return l("div", {
           class: "side-panel h-100",
-          onClick: le
-        }, [c("i", {
+          onClick: ie
+        }, [l("i", {
           class: "f-icon f-icon-engineering w-100 icon"
-        }, null), c("span", null, [de("属性")])]);
+        }, null), l("span", null, [de("属性")])]);
     }
-    function Oe() {
+    function Ve() {
       return {
-        display: s.value ? "block" : "none",
+        display: f.value ? "block" : "none",
         width: n.value
       };
     }
-    function Me() {
-      return c("div", {
+    function Ne() {
+      return l("div", {
         class: "switcher"
-      }, [c("i", {
+      }, [l("i", {
         class: "f-icon f-icon-exhale-discount",
         style: [{
-          transform: m.value === "sidebar" ? "none" : "rotate(180deg)"
+          transform: d.value === "sidebar" ? "none" : "rotate(180deg)"
         }],
-        onClick: le
+        onClick: ie
       }, null)]);
     }
-    function Ne(P) {
-      B.value = P, a.value = B.value.tabId, T.value = "";
+    function je(x) {
+      B.value = x, a.value = B.value.tabId, E.value = "";
     }
     function Le() {
-      return d.map((P) => c("div", {
+      return m.map((x) => l("div", {
         class: ["title-label", {
-          active: B.value && B.value.tabId === P.tabId
+          active: B.value && B.value.tabId === x.tabId
         }, {
-          hidden: P.hide
+          hidden: x.hide
         }],
-        onClick: () => Ne(P)
-      }, [c("span", null, [P.tabName])]));
+        onClick: () => je(x)
+      }, [l("span", null, [x.tabName])]));
     }
-    return H(() => {
-      q(T.value);
+    return W(() => {
+      U(E.value);
     }), We(() => {
-      f.value && (s.value = C.value), X(), q(T.value);
-    }), V(B, () => {
+      u.value && (f.value = C.value), Q(), U(E.value);
+    }), R(B, () => {
     }), t.expose({
-      updatePropertyConfig: Se,
-      updateDesignerItem: Te
-    }), () => c(Z, null, [c("div", {
-      ref: N,
+      updatePropertyConfig: Te,
+      updateDesignerItem: Be
+    }), () => l(J, null, [l("div", {
+      ref: V,
       class: ["property-panel", {
-        "white-theme": i.value
+        "white-theme": s.value
       }],
-      style: Oe()
-    }, [c("div", {
+      style: Ve()
+    }, [l("div", {
       class: "propertyPanel panel flex-column",
-      hidden: m.value !== "panel"
-    }, [c("div", {
+      hidden: d.value !== "panel"
+    }, [l("div", {
       class: ["title d-flex", {
         "p-right": p.value
       }, {
-        only: d.length === 1
+        only: m.length === 1
       }]
-    }, [Le(), we()]), Be(), Ee()]), Me(), ke()])]);
+    }, [Le(), Pe()]), Ee(), Oe()]), Ne(), Me()])]);
   }
 });
-var mo = /* @__PURE__ */ ((e) => (e.string = "string", e.boolean = "boolean", e.number = "number", e.select = "select", e.boolOrExp = "boolOrExp", e.editableSelect = "editableSelect", e.multiSelect = "multiSelect", e.date = "date", e.datetime = "datetime", e.modal = "modal", e.cascade = "cascade", e.custom = "custom", e.unity = "unity", e.events = "events", e.switch = "switch", e.multiLanguage = "multiLanguage", e))(mo || {});
+class Fr {
+  constructor(t, n) {
+    $(this, "componentId");
+    $(this, "viewModelId");
+    $(this, "eventsEditorUtils");
+    $(this, "formSchemaUtils");
+    $(this, "formMetadataConverter");
+    $(this, "designViewModelUtils");
+    $(this, "designViewModelField");
+    $(this, "controlCreatorUtils");
+    $(this, "designerHostService");
+    $(this, "schemaService", null);
+    $(this, "metadataService", null);
+    $(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var o;
+    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+  }
+  getTableInfo() {
+    var t;
+    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(t) {
+    const n = t.binding && t.binding.type === "Form" && t.binding.field;
+    if (n) {
+      if (!this.designViewModelField) {
+        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = o.fields.find((r) => r.id === n);
+      }
+      t.updateOn = this.designViewModelField.updateOn;
+    }
+  }
+  changeFieldEditorType(t, n) {
+  }
+  getBasicPropConfig(t) {
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "select",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            data: [{ value: t.type, name: ge[t.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(t = null) {
+    return {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
+  }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(t, n) {
+    const o = n && n.parent && n.parent.schema;
+    if (!o)
+      return;
+    const r = o.contents.findIndex((u) => u.id === t), d = pe(o.contents[r]);
+    o.contents.splice(r, 1), o.contents.splice(r, 0, d);
+  }
+}
+var co = /* @__PURE__ */ ((e) => (e.string = "string", e.boolean = "boolean", e.number = "number", e.select = "select", e.boolOrExp = "boolOrExp", e.editableSelect = "editableSelect", e.multiSelect = "multiSelect", e.date = "date", e.datetime = "datetime", e.modal = "modal", e.cascade = "cascade", e.custom = "custom", e.unity = "unity", e.events = "events", e.switch = "switch", e.multiLanguage = "multiLanguage", e))(co || {});
 const wr = {
   install(e) {
     e.component(ce.name, ce);
   }
 };
 export {
+  Fr as BaseControlProperty,
   ce as FPropertyPanel,
-  mo as PropertyType,
+  co as PropertyType,
   wr as default,
-  Bn as propertyPanelItemProps,
-  Kt as propertyPanelProps
+  xn as propertyPanelItemProps,
+  en as propertyPanelProps
 };