@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

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

@@ -1,89 +1,89 @@
-var je = Object.defineProperty;
-var Ge = (e, n, t) => n in e ? je(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var V = (e, n, t) => Ge(e, typeof n != "symbol" ? n + "" : n, t);
-import { ref as I, computed as H, defineComponent as re, watch as Z, createVNode as w, createTextVNode as Se, mergeProps as We, reactive as ze, withDirectives as Ee, resolveDirective as _e, Fragment as Pe, inject as ve, onMounted as he, onBeforeMount as He, vModelText as Xe, nextTick as xe } from "vue";
-import { isPlainObject as ye, cloneDeep as me, debounce as Je } from "lodash-es";
-import Qe from "../accordion/index.esm.js";
-import Ye from "../avatar/index.esm.js";
-import Ze from "../../designer/button-edit/index.esm.js";
-import Ke from "../button-group/index.esm.js";
-import et from "../calendar/index.esm.js";
-import tt from "../../designer/capsule/index.esm.js";
+var Ge = Object.defineProperty;
+var We = (e, n, t) => n in e ? Ge(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var V = (e, n, t) => We(e, typeof n != "symbol" ? n + "" : n, t);
+import { ref as I, computed as X, defineComponent as re, watch as Z, createVNode as w, createTextVNode as Ee, mergeProps as ze, reactive as _e, withDirectives as Pe, resolveDirective as Xe, Fragment as xe, inject as ve, onMounted as he, onBeforeMount as He, vModelText as Je, nextTick as Te } from "vue";
+import { isPlainObject as ye, cloneDeep as fe, debounce as Qe } from "lodash-es";
+import Ye from "../accordion/index.esm.js";
+import Ze from "../avatar/index.esm.js";
+import Ke from "../../designer/button-edit/index.esm.js";
+import et from "../button-group/index.esm.js";
+import tt from "../calendar/index.esm.js";
+import nt from "../../designer/capsule/index.esm.js";
 import be from "../../designer/checkbox/index.esm.js";
 import Ce from "../../designer/checkbox-group/index.esm.js";
-import nt from "../combo-list/index.esm.js";
-import rt from "../combo-tree/index.esm.js";
-import it from "../component/index.esm.js";
-import ot from "../color-picker/index.esm.js";
-import st from "../content-container/index.esm.js";
-import at from "../../designer/date-picker/index.esm.js";
-import lt from "../../designer/data-grid/index.esm.js";
-import dt from "../dropdown/index.esm.js";
-import ct from "../../designer/dynamic-form/index.esm.js";
-import ut from "../events-editor/index.esm.js";
-import pt from "../filter-bar/index.esm.js";
+import rt from "../combo-list/index.esm.js";
+import it from "../combo-tree/index.esm.js";
+import ot from "../component/index.esm.js";
+import st from "../color-picker/index.esm.js";
+import at from "../content-container/index.esm.js";
+import lt from "../../designer/date-picker/index.esm.js";
+import dt from "../../designer/data-grid/index.esm.js";
+import ct from "../dropdown/index.esm.js";
+import ut from "../../designer/dynamic-form/index.esm.js";
+import pt from "../events-editor/index.esm.js";
+import mt from "../filter-bar/index.esm.js";
 import ft from "../field-selector/index.esm.js";
-import mt from "../binding-selector/index.esm.js";
-import gt from "../image-cropper/index.esm.js";
-import vt from "../../designer/input-group/index.esm.js";
-import ht from "../layout/index.esm.js";
-import yt from "../list-nav/index.esm.js";
-import bt from "../../designer/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 St from "../number-range/index.esm.js";
-import Et from "../../designer/number-spinner/index.esm.js";
-import Pt from "../order/index.esm.js";
-import xt from "../page-header/index.esm.js";
-import Tt from "../page-footer/index.esm.js";
-import It from "../pagination/index.esm.js";
-import kt from "../progress/index.esm.js";
-import Vt from "../query-solution/index.esm.js";
-import Mt from "../../designer/radio-group/index.esm.js";
+import gt from "../binding-selector/index.esm.js";
+import vt from "../image-cropper/index.esm.js";
+import ht from "../../designer/input-group/index.esm.js";
+import yt from "../layout/index.esm.js";
+import bt from "../list-nav/index.esm.js";
+import Ct from "../../designer/list-view/index.esm.js";
+import Ft from "../lookup/index.esm.js";
+import wt from "../mapping-editor/index.esm.js";
+import St from "../nav/index.esm.js";
+import Et from "../number-range/index.esm.js";
+import Pt from "../../designer/number-spinner/index.esm.js";
+import xt from "../order/index.esm.js";
+import Tt from "../page-header/index.esm.js";
+import It from "../page-footer/index.esm.js";
+import kt from "../pagination/index.esm.js";
+import Vt from "../progress/index.esm.js";
+import Mt from "../query-solution/index.esm.js";
+import Lt from "../../designer/radio-group/index.esm.js";
 import Bt from "../../designer/rate/index.esm.js";
 import Nt from "../../designer/response-toolbar/index.esm.js";
-import Lt from "../response-layout/index.esm.js";
-import Ot from "../../designer/response-layout-editor/index.esm.js";
-import $t from "../search-box/index.esm.js";
-import Rt from "../../designer/section/index.esm.js";
-import Ut from "../smoke-detector/index.esm.js";
-import At from "../splitter/index.esm.js";
-import qt from "../step/index.esm.js";
+import Ot from "../response-layout/index.esm.js";
+import $t from "../../designer/response-layout-editor/index.esm.js";
+import Rt from "../search-box/index.esm.js";
+import Ut from "../../designer/section/index.esm.js";
+import At from "../smoke-detector/index.esm.js";
+import qt from "../splitter/index.esm.js";
+import jt from "../step/index.esm.js";
 import Dt from "../../designer/switch/index.esm.js";
-import jt from "../../designer/tabs/index.esm.js";
-import Gt from "../../designer/tags/index.esm.js";
-import Wt from "../text/index.esm.js";
-import zt from "../../designer/time-picker/index.esm.js";
-import _t from "../transfer/index.esm.js";
+import Gt from "../../designer/tabs/index.esm.js";
+import Wt from "../../designer/tags/index.esm.js";
+import zt from "../text/index.esm.js";
+import _t from "../../designer/time-picker/index.esm.js";
+import Xt from "../transfer/index.esm.js";
 import Ht from "../tree-view/index.esm.js";
-import Xt from "../uploader/index.esm.js";
-import Jt from "../verify-detail/index.esm.js";
-import Qt from "../video/index.esm.js";
-import Yt from "../../designer/textarea/index.esm.js";
-import Zt from "../schema-selector/index.esm.js";
-import Kt from "../../designer/tree-grid/index.esm.js";
-import en from "../event-parameter/index.esm.js";
-import tn from "../filter-condition-editor/index.esm.js";
-import nn from "../fieldset/index.esm.js";
-import rn from "../sort-condition-editor/index.esm.js";
-import on from "../menu-lookup/index.esm.js";
-import sn from "../../designer/drawer/index.esm.js";
-import an from "../json-editor/index.esm.js";
-import ln from "../property-editor/index.esm.js";
-import dn from "../expression-editor/index.esm.js";
-import cn from "../code-editor/index.esm.js";
-import un from "../html-template/index.esm.js";
-import pn from "../collection-property-editor/index.esm.js";
+import Jt from "../uploader/index.esm.js";
+import Qt from "../verify-detail/index.esm.js";
+import Yt from "../video/index.esm.js";
+import Zt from "../../designer/textarea/index.esm.js";
+import Kt from "../schema-selector/index.esm.js";
+import en from "../../designer/tree-grid/index.esm.js";
+import tn from "../event-parameter/index.esm.js";
+import nn from "../filter-condition-editor/index.esm.js";
+import rn from "../fieldset/index.esm.js";
+import on from "../sort-condition-editor/index.esm.js";
+import sn from "../menu-lookup/index.esm.js";
+import an from "../../designer/drawer/index.esm.js";
+import ln from "../json-editor/index.esm.js";
+import dn from "../property-editor/index.esm.js";
+import cn from "../expression-editor/index.esm.js";
+import un from "../code-editor/index.esm.js";
+import pn from "../html-template/index.esm.js";
+import mn from "../collection-property-editor/index.esm.js";
 import fn from "../../designer/modal/index.esm.js";
-import mn from "../external-container/index.esm.js";
-import gn from "../language-textbox/index.esm.js";
-import vn from "../image/index.esm.js";
-import hn from "../comment/index.esm.js";
-import { schemaResolverMap as yn, propertyEffectMap as bn, propertyConfigSchemaMap as Cn, schemaMap as Fn, createPropsResolver as wn } from "../dynamic-resolver/index.esm.js";
-import { useThirdComponent as Sn, isMobilePhone as En, FormSchemaEntityField$Type as Fe, FormSchemaEntityFieldType$Type as Pn } from "../common/index.esm.js";
-import { DgControl as v, canvasChanged as ce, refreshCanvas as xn } from "../designer-canvas/index.esm.js";
-const Tn = {
+import gn from "../external-container/index.esm.js";
+import vn from "../language-textbox/index.esm.js";
+import hn from "../image/index.esm.js";
+import yn from "../comment/index.esm.js";
+import { schemaResolverMap as bn, propertyEffectMap as Cn, propertyConfigSchemaMap as Fn, schemaMap as wn, createPropsResolver as Sn } from "../dynamic-resolver/index.esm.js";
+import { useThirdComponent as En, isMobilePhone as Pn, FormSchemaEntityField$Type as Fe, FormSchemaEntityFieldType$Type as xn } from "../common/index.esm.js";
+import { DgControl as v, canvasChanged as ce, refreshCanvas as Tn } from "../designer-canvas/index.esm.js";
+const In = {
   width: { type: String, default: "300px" },
   height: { type: Number, default: 10 },
   isWidePanel: { type: Boolean, default: !1 },
@@ -112,68 +112,68 @@ const Tn = {
   /** 属性变更后事件 */
   propertyChanged: { type: Function }
 };
-function In(e = {}) {
-  function n(p, m, s, c) {
+function kn(e = {}) {
+  function n(m, p, s, c) {
     if (typeof s == "number")
-      return c[p].length === s;
+      return c[m].length === s;
     if (typeof s == "object") {
       const f = Object.keys(s)[0], l = s[f];
       if (f === "not")
-        return Number(c[p].length) !== Number(l);
+        return Number(c[m].length) !== Number(l);
       if (f === "moreThan")
-        return Number(c[p].length) >= Number(l);
+        return Number(c[m].length) >= Number(l);
       if (f === "lessThan")
-        return Number(c[p].length) <= Number(l);
+        return Number(c[m].length) <= Number(l);
     }
     return !1;
   }
-  function t(p, m, s, c) {
-    return c[p] && c[p].propertyValue && String(c[p].propertyValue.value) === String(s);
+  function t(m, p, s, c) {
+    return c[m] && c[m].propertyValue && String(c[m].propertyValue.value) === String(s);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", n],
     ["getProperty", t]
   ]);
-  Object.keys(e).reduce((p, m) => (p.set(m, e[m]), p), r);
-  function i(p, m) {
-    const s = p;
-    return typeof m == "number" ? [{ target: s, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: s, operator: "getProperty", param: p, value: !!m }] : typeof m == "object" ? Object.keys(m).map((c) => {
+  Object.keys(e).reduce((m, p) => (m.set(p, e[p]), m), r);
+  function i(m, p) {
+    const s = m;
+    return typeof p == "number" ? [{ target: s, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: s, operator: "getProperty", param: m, value: !!p }] : typeof p == "object" ? Object.keys(p).map((c) => {
       if (c === "length")
-        return { target: s, operator: "length", param: null, value: m[c] };
-      const f = c, l = m[c];
+        return { target: s, operator: "length", param: null, value: p[c] };
+      const f = c, l = p[c];
       return { target: s, operator: "getProperty", param: f, value: l };
     }) : [];
   }
-  function o(p) {
-    return Object.keys(p).reduce((s, c) => {
-      const f = i(c, p[c]);
+  function o(m) {
+    return Object.keys(m).reduce((s, c) => {
+      const f = i(c, m[c]);
       return s.push(...f), s;
     }, []);
   }
-  function a(p, m) {
-    if (r.has(p.operator)) {
-      const s = r.get(p.operator);
-      return s && s(p.target, p.param, p.value, m) || !1;
+  function a(m, p) {
+    if (r.has(m.operator)) {
+      const s = r.get(m.operator);
+      return s && s(m.target, m.param, m.value, p) || !1;
     }
     return !1;
   }
-  function g(p, m) {
-    return o(p).reduce((f, l) => f && a(l, m), !0);
+  function g(m, p) {
+    return o(m).reduce((f, l) => f && a(l, p), !0);
   }
-  function d(p, m) {
-    const s = Object.keys(p), c = s.includes("allOf"), f = s.includes("anyOf"), l = c || f, E = (l ? p[l ? c ? "allOf" : "anyOf" : "allOf"] : [p]).map((U) => g(U, m));
+  function d(m, p) {
+    const s = Object.keys(m), c = s.includes("allOf"), f = s.includes("anyOf"), l = c || f, E = (l ? m[l ? c ? "allOf" : "anyOf" : "allOf"] : [m]).map((U) => g(U, p));
     return c ? !E.includes(!1) : E.includes(!0);
   }
   return { parseValueSchema: d };
 }
-const kn = {
+const Vn = {
   convertTo: (e, n, t, r) => {
     e.appearance || (e.appearance = {}), e.appearance[n] = t;
   },
   convertFrom: (e, n, t) => e.appearance ? e.appearance[n] : e[n]
-}, Vn = {
-  convertFrom: (e, n, t) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, Mn = {
+  convertFrom: (e, n, t) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
+}, Ln = {
   convertTo: (e, n, t, r) => {
     e.editor && (e.editor[n] = t);
   },
@@ -232,19 +232,24 @@ const kn = {
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
   "rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
-  calendar: { type: "calendar", name: "日历", icon: "date-picker" }
+  calendar: { type: "calendar", name: "日历", icon: "date-picker" },
+  wizard: { type: "wizard", name: "向导", icon: "wizard" },
+  "wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" },
+  "dynamic-form": { type: "dynamic-form", name: "动态表单" }
 }, Nn = {
   convertFrom: (e, n, t) => {
     var i;
     const r = e.editor && e.editor[n] ? e.editor[n] : e[n];
     return ((i = Bn[r]) == null ? void 0 : i.name) || r;
   }
-}, Ln = {
+}, On = {
   convertTo: (e, n, t, r) => {
     e[n] = e[n];
   },
   convertFrom: (e, n, t) => e.editor ? t.getRealEditorType(e.editor.type) : ""
-}, On = {
+}, $n = {
   convertTo: (e, n, t, r) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[n] = t : e.formatter = {
       [n]: t
@@ -272,10 +277,12 @@ const kn = {
         return e.formatter.customFormat;
       if (n === "type")
         return e.formatter.type || "none";
+      if (n === "customFormat")
+        return e.formmater.customFormat;
     }
     return "none";
   }
-}, $n = {
+}, Rn = {
   convertTo: (e, n, t, r) => {
     e.command ? e.command[n] = t : e.command = {
       [n]: t
@@ -293,29 +300,17 @@ const kn = {
     ]), n === "enableType" && t === "custom" && (e.command.enable = !0, e.command.commands = [
       {
         value: "add",
-        text: {
-          en: "add",
-          "zh-CHS": "增加",
-          "zh-CHT": "增加"
-        },
+        text: "增加",
         type: "link"
       },
       {
         value: "edit",
-        text: {
-          en: "edit",
-          "zh-CHS": "编辑",
-          "zh-CHT": "編輯"
-        },
+        text: "编辑",
         type: "danger"
       },
       {
         value: "remove",
-        text: {
-          en: "remove",
-          "zh-CHS": "删除",
-          "zh-CHT": "刪除"
-        },
+        text: "删除",
         type: "remove"
       }
     ]), n === "enableType" && t === "unable" && (e.command.enable = !1);
@@ -333,10 +328,12 @@ const kn = {
         return e.command.formatter;
       if (n === "count")
         return e.command.count;
+      if (n === "columnWidth")
+        return e.command.columnWidth || 150;
     }
     return "";
   }
-}, Rn = {
+}, Un = {
   convertTo: (e, n, t, r) => {
     e.column ? e.column[n] = t : e.column = {
       [n]: t
@@ -351,7 +348,7 @@ const kn = {
     }
     return "";
   }
-}, Un = {
+}, An = {
   convertTo: (e, n, t, r) => {
     e.summary ? e.summary[n] = t : e.summary = {
       [n]: t
@@ -360,8 +357,11 @@ const kn = {
       groupFields: []
     });
   },
-  convertFrom: (e, n, t) => e.summary && n === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, An = {
+  convertFrom: (e, n, t) => {
+    var r;
+    return n === "customSummaryStyle" ? e.summary.customSummaryStyle : n === "position" ? ((r = e.summary) == null ? void 0 : r[n]) || "bottom" : e.summary && n === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : "";
+  }
+}, qn = {
   convertTo: (e, n, t, r) => {
     e.group ? e.group[n] = t : e.group = {
       [n]: t
@@ -379,7 +379,7 @@ const kn = {
         return e.group.showSummary;
     }
   }
-}, qn = {
+}, jn = {
   convertFrom: (e, n) => e.binding ? e.binding.path : "",
   convertTo: (e, n, t) => {
     if (t && t.length > 0) {
@@ -389,15 +389,15 @@ const kn = {
   }
 }, Dn = {
   convertTo: (e, n, t, r) => {
-    e.pagination || (e.pagination = {}), e.pagination[n] = t;
+    e.pagination || (e.pagination = {}), n === "sizeLimits" ? e.pagination.sizeLimits = t.split(",") : e.pagination[n] = t;
   },
-  convertFrom: (e, n, t) => e.pagination ? e.pagination[n] : e[n]
-}, jn = {
+  convertFrom: (e, n, t) => e.pagination ? n === "sizeLimits" ? e.pagination.sizeLimits.join(",") : e.pagination[n] : e[n]
+}, Gn = {
   convertTo: (e, n, t, r) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[n] = t;
   },
   convertFrom: (e, n, t) => e.rowNumber ? e.rowNumber[n] : e[n]
-}, Gn = {
+}, Wn = {
   convertTo: (e, n, t, r) => {
     e.selection || (e.selection = {}), e.selection[n] = t;
   },
@@ -405,14 +405,14 @@ const kn = {
     var r, i;
     return n === "showCheckbox" ? (r = e.selection) != null && r.multiSelect ? !0 : (i = e.selection) == null ? void 0 : i.showCheckbox : e.selection ? e.selection[n] : e[n];
   }
-}, Wn = {
-  convertFrom: (e, n, t) => e[n] && e[n].length ? `共 ${e[n].length} 项` : ""
 }, zn = {
+  convertFrom: (e, n, t) => e[n] && e[n].length ? `共 ${e[n].length} 项` : ""
+}, _n = {
   convertFrom: (e, n) => e[n] || "",
   convertTo: (e, n, t) => {
     e[n] = t;
   }
-}, _n = {
+}, Xn = {
   convertTo: (e, n, t, r) => {
     e.size || (e.size = {}), e.size[n] = t;
   },
@@ -422,7 +422,7 @@ const kn = {
     var r, i;
     return (r = e.formatter) != null && r.data && n === "formatterEnumData" && !e.formatterEnumData ? (i = e.formatter) == null ? void 0 : i.data : e.formatterEnumData;
   }
-}, Xn = {
+}, Jn = {
   convertTo: (e, n, t, r) => {
     e.sort || (e.sort = {}), e.sort[n] = t;
   },
@@ -433,7 +433,7 @@ const kn = {
     if (n === "multiSort")
       return !!((i = e.sort) != null && i.multiSort);
   }
-}, Jn = {
+}, Qn = {
   convertTo: (e, n, t, r) => {
     e.filter || (e.filter = {}), e.filter[n] = t;
   },
@@ -442,7 +442,7 @@ const kn = {
     if (n === "mode")
       return ((r = e.filter) == null ? void 0 : r.mode) || "client";
   }
-}, Qn = {
+}, Yn = {
   convertTo: (e, n, t, r) => {
     e.rowOption ? e.rowOption[n] = t : e.rowOption = {
       [n]: t
@@ -454,10 +454,12 @@ const kn = {
         return e.rowOption.customRowStyle;
       if (n === "customCellStyle")
         return e.rowOption.customCellStyle;
+      if (n === "height")
+        return e.rowOption.height;
     }
     return "";
   }
-}, Yn = {
+}, Zn = {
   convertTo: (e, n, t, r) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e[n] = t, n === "columnTemplateType" && t === "hyperlink" && (e.onClickLinkCommand ? e.columnTemplate = `
     <span class="f-pretend-link f-cursor-pointer"
@@ -470,30 +472,30 @@ const kn = {
   },
   convertFrom: (e, n, t) => n === "columnTemplate" ? e.columnTemplate : n === "columnTemplateType" ? e.columnTemplateType ? e.columnTemplateType || "default" : e.columnTemplate && !e.onClickLinkCommand ? "custom" : e.columnTemplate && e.onClickLinkCommand ? "hyperlink" : "default" : ""
 };
-function Zn(e, n, t) {
+function Kn(e, n, t) {
   const r = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", kn],
-    ["/converter/buttons.converter", Vn],
-    ["/converter/property-editor.converter", Mn],
-    ["/converter/items-count.converter", Wn],
+    ["/converter/appearance.converter", Vn],
+    ["/converter/buttons.converter", Mn],
+    ["/converter/property-editor.converter", Ln],
+    ["/converter/items-count.converter", zn],
     ["/converter/type.converter", Nn],
-    ["/converter/change-editor.converter", Ln],
-    ["/converter/change-formatter.converter", On],
-    ["/converter/column-command.converter", $n],
-    ["/converter/column-option.converter", Rn],
-    ["/converter/summary.converter", Un],
-    ["/converter/group.converter", An],
-    ["/converter/form-group-label.converter", zn],
-    ["/converter/field-selector.converter", qn],
+    ["/converter/change-editor.converter", On],
+    ["/converter/change-formatter.converter", $n],
+    ["/converter/column-command.converter", Rn],
+    ["/converter/column-option.converter", Un],
+    ["/converter/summary.converter", An],
+    ["/converter/group.converter", qn],
+    ["/converter/form-group-label.converter", _n],
+    ["/converter/field-selector.converter", jn],
     ["/converter/pagination.converter", Dn],
-    ["/converter/row-number.converter", jn],
-    ["/converter/grid-selection.converter", Gn],
-    ["/converter/size.converter", _n],
+    ["/converter/row-number.converter", Gn],
+    ["/converter/grid-selection.converter", Wn],
+    ["/converter/size.converter", Xn],
     ["/converter/change-formatter-enum.converter", Hn],
-    ["/converter/grid-sort.converter", Xn],
-    ["/converter/grid-filter.converter", Jn],
-    ["/converter/row-option.converter", Qn],
-    ["/converter/change-formatter-type.converter", Yn]
+    ["/converter/grid-sort.converter", Jn],
+    ["/converter/grid-filter.converter", Qn],
+    ["/converter/row-option.converter", Yn],
+    ["/converter/change-formatter-type.converter", Zn]
   ]), i = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
@@ -518,7 +520,7 @@ function Zn(e, n, t) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), o = In();
+  ]), o = kn();
   function a(l, u) {
     return () => o.parseValueSchema(l, u);
   }
@@ -528,66 +530,66 @@ function Zn(e, n, t) {
   function d(l, u, h) {
     return l.includes("readonly") && u.readonly !== void 0 ? typeof u.readonly == "boolean" ? () => !!u.readonly : a(u.readonly, h) : () => !1;
   }
-  function p(l, u) {
+  function m(l, u) {
     const h = l.$converter || u;
     return typeof h == "string" && h && r.has(h) ? r.get(h) || null : h || null;
   }
-  function m(l, u, h, E, k, U = "", A = "") {
-    return Object.keys(l).map((N) => {
-      const M = I(1), D = N, L = l[N], T = Object.keys(L), J = L.title, _ = L.type, B = i.get(_) || { type: "input-group", enableClear: !1 }, q = L.editor ? Object.assign({}, B, L.editor) : Object.assign({}, B), O = g(T, L, u), G = d(T, L, u);
+  function p(l, u, h, E, k, U = "", A = "") {
+    return Object.keys(l).map((B) => {
+      const M = I(1), j = B, N = l[B], T = Object.keys(N), J = N.title, _ = N.type, L = i.get(_) || { type: "input-group", enableClear: !1 }, q = N.editor ? Object.assign({}, L, N.editor) : Object.assign({}, L), O = g(T, N, u), G = d(T, N, u);
       q.readonly = q.readonly === void 0 ? G() : q.readonly;
-      const W = L.type === "cascade" ? m(L.properties, u, h, E, k, U, A) : [], Q = !0;
-      let z = p(L, A);
-      const ie = H({
+      const W = N.type === "cascade" ? p(N.properties, u, h, E, k, U, A) : [], Q = !0;
+      let z = m(N, A);
+      const ie = X({
         get() {
           if (M.value) {
-            if (["class", "style"].find((ae) => ae === D) && !z && (z = r.get("/converter/appearance.converter") || null), z && z.convertFrom)
-              return z.convertFrom(h, N, k, U);
-            const X = h[N];
-            return Object.prototype.hasOwnProperty.call(L, "defaultValue") && (X === void 0 || typeof X == "string" && X === "") ? L.type === "boolean" ? L.defaultValue : L.defaultValue || "" : X;
+            if (["class", "style"].find((ae) => ae === j) && !z && (z = r.get("/converter/appearance.converter") || null), z && z.convertFrom)
+              return z.convertFrom(h, B, k, U);
+            const H = h[B];
+            return Object.prototype.hasOwnProperty.call(N, "defaultValue") && (H === void 0 || typeof H == "string" && H === "") ? N.type === "boolean" ? N.defaultValue : N.defaultValue || "" : H;
           }
           return null;
         },
-        set(X) {
-          M.value += 1, z && z.convertTo ? (z.convertTo(E, N, X, k, U), z.convertTo(h, N, X, k, U)) : (E[N] = X, h[N] = X);
+        set(H) {
+          M.value += 1, z && z.convertTo ? (z.convertTo(E, B, H, k, U), z.convertTo(h, B, H, k, U)) : (E[B] = H, h[B] = H);
         }
-      }), { refreshPanelAfterChanged: oe, description: K, isExpand: te, parentPropertyID: ee } = L, se = { propertyID: D, propertyName: J, propertyType: _, propertyValue: ie, editor: q, visible: O, readonly: G, cascadeConfig: W, hideCascadeTitle: Q, refreshPanelAfterChanged: oe, description: K, isExpand: te, parentPropertyID: ee };
-      return u[D] = se, se;
+      }), { refreshPanelAfterChanged: oe, description: K, isExpand: te, parentPropertyID: ee } = N, se = { propertyID: j, propertyName: J, propertyType: _, propertyValue: ie, editor: q, visible: O, readonly: G, cascadeConfig: W, hideCascadeTitle: Q, refreshPanelAfterChanged: oe, description: K, isExpand: te, parentPropertyID: ee };
+      return u[j] = se, se;
     });
   }
   function s(l, u, h = {}) {
     const E = {}, k = e[l];
     return k && k.categories ? Object.keys(k.categories).map((A) => {
-      const R = k.categories[A], N = R == null ? void 0 : R.title, M = m(R.properties || {}, E, {}, h, u);
-      return { categoryId: A, categoryName: N, properties: M };
+      const R = k.categories[A], B = R == null ? void 0 : R.title, M = p(R.properties || {}, E, {}, h, u);
+      return { categoryId: A, categoryName: B, properties: M };
     }) : [];
   }
   function c(l, u, h, E, k = "") {
-    const U = u.$ref.schema, A = u.$ref.converter, R = h[U], N = R.type, M = t(R), D = {}, L = e[N];
-    if (L && L.categories) {
-      const T = L.categories[l], J = T == null ? void 0 : T.title;
+    const U = u.$ref.schema, A = u.$ref.converter, R = h[U], B = R.type, M = t(R), j = {}, N = e[B];
+    if (N && N.categories) {
+      const T = N.categories[l], J = T == null ? void 0 : T.title;
       A && Object.keys(T.properties).forEach((q) => {
         T.properties[q].$converter = A;
       });
-      const _ = (T == null ? void 0 : T.properties) || {}, B = m(_, D, M, R, E, k);
-      return { categoryId: l, categoryName: J, properties: B };
+      const _ = (T == null ? void 0 : T.properties) || {}, L = p(_, j, M, R, E, k);
+      return { categoryId: l, categoryName: J, properties: L };
     }
     return { categoryId: l, categoryName: "", properties: [] };
   }
   function f(l, u, h, E, k) {
     const U = l.type, A = t(l), R = {};
-    let N = k || e[U];
-    if (!(N && Object.keys(N).length > 0) && h && h.getPropConfig && (N = h.getPropConfig(E)), N && N.categories) {
-      const D = [];
-      return Object.keys(N.categories).map((L) => {
-        const T = N.categories[L];
+    let B = k || e[U];
+    if (!(B && Object.keys(B).length > 0) && h && h.getPropConfig && (B = h.getPropConfig(E)), B && B.categories) {
+      const j = [];
+      return Object.keys(B.categories).map((N) => {
+        const T = B.categories[N];
         if (T.$ref) {
-          D.push(c(L, T, l, u, E));
+          j.push(c(N, T, l, u, E));
           return;
         }
-        const J = T == null ? void 0 : T.title, _ = T == null ? void 0 : T.tabId, B = T == null ? void 0 : T.tabName, q = T == null ? void 0 : T.hide, O = T == null ? void 0 : T.hideTitle, G = m(T.properties || {}, R, A, l, u, E, T.$converter), { setPropertyRelates: W } = T, Q = T == null ? void 0 : T.parentPropertyID;
-        D.push({ categoryId: L, categoryName: J, tabId: _, tabName: B, hide: q, properties: G, hideTitle: O, setPropertyRelates: W, parentPropertyID: Q });
-      }), D;
+        const J = T == null ? void 0 : T.title, _ = T == null ? void 0 : T.tabId, L = T == null ? void 0 : T.tabName, q = T == null ? void 0 : T.hide, O = T == null ? void 0 : T.hideTitle, G = p(T.properties || {}, R, A, l, u, E, T.$converter), { setPropertyRelates: W } = T, Q = T == null ? void 0 : T.parentPropertyID;
+        j.push({ categoryId: N, categoryName: J, tabId: _, tabName: L, hide: q, properties: G, hideTitle: O, setPropertyRelates: W, parentPropertyID: Q });
+      }), j;
     }
     return [];
   }
@@ -597,10 +599,10 @@ function Zn(e, n, t) {
     propertyConverterMap: r
   };
 }
-function Kn(e, n) {
+function er(e, n) {
   let t;
   function r(s) {
-    const { properties: c, title: f, ignore: l } = s, u = l && Array.isArray(l), h = Object.keys(c).reduce((E, k) => ((!u || !l.find((U) => U === k)) && (E[k] = c[k].type === "object" && c[k].properties ? r(c[k]) : me(c[k].default)), E), {});
+    const { properties: c, title: f, ignore: l } = s, u = l && Array.isArray(l), h = Object.keys(c).reduce((E, k) => ((!u || !l.find((U) => U === k)) && (E[k] = c[k].type === "object" && c[k].properties ? r(c[k]) : fe(c[k].default)), E), {});
     if (f && (!u || !l.find((E) => E === "id"))) {
       const E = f.toLowerCase().replace(/-/g, "_");
       h.id = `${E}_${Math.random().toString().slice(2, 6)}`;
@@ -610,7 +612,7 @@ function Kn(e, n) {
   function i(s) {
     const { properties: c, title: f, required: l } = s;
     if (l && Array.isArray(l)) {
-      const u = l.reduce((h, E) => (h[E] = c[E].type === "object" && c[E].properties ? r(c[E]) : me(c[E].default), h), {});
+      const u = l.reduce((h, E) => (h[E] = c[E].type === "object" && c[E].properties ? r(c[E]) : fe(c[E].default), h), {});
       if (f && l.find((h) => h === "id")) {
         const h = f.toLowerCase().replace(/-/g, "_");
         u.id = `${h}_${Math.random().toString().slice(2, 6)}`;
@@ -653,7 +655,7 @@ function Kn(e, n) {
     const l = a(s, c);
     return g(l, f);
   }
-  function p(s) {
+  function m(s) {
     var f;
     const c = s.type;
     if (c) {
@@ -669,12 +671,12 @@ function Kn(e, n) {
     }
     return s;
   }
-  function m(s) {
+  function p(s) {
     t = s;
   }
-  return { getSchemaByType: o, resolveSchemaWithDefaultValue: p, resolveSchemaToProps: d, mappingSchemaToProps: g, setDesignerContext: m };
+  return { getSchemaByType: o, resolveSchemaWithDefaultValue: m, resolveSchemaToProps: d, mappingSchemaToProps: g, setDesignerContext: p };
 }
-const er = {}, tr = {}, { resolveSchemaWithDefaultValue: nr } = Kn(er, tr), rr = {}, ir = {}, { getPropertyConfigBySchema: fe } = Zn(rr, ir, nr), or = {
+const tr = {}, nr = {}, { resolveSchemaWithDefaultValue: rr } = er(tr, nr), ir = {}, or = {}, { getPropertyConfigBySchema: me } = Kn(ir, or, rr), sr = {
   /** 某一分类下的属性配置 */
   // as PropType<ElementPropertyConfig>
   category: { type: Object, default: {} },
@@ -683,10 +685,10 @@ const er = {}, tr = {}, { resolveSchemaWithDefaultValue: nr } = Kn(er, tr), rr =
   propertyData: { type: Object, default: {} },
   valueChanged: { type: Function },
   triggerRefreshPanel: { type: Function }
-}, sr = {
+}, ar = {
   elementConfig: { type: Object, default: {} },
   category: { type: Object, default: {} }
-}, ar = {
+}, lr = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" },
@@ -694,7 +696,7 @@ const er = {}, tr = {}, { resolveSchemaWithDefaultValue: nr } = Kn(er, tr), rr =
   editor: { type: Object, default: {} },
   label: { type: String, default: "" },
   /** value is uncertain because type is uncertain, default value should not be set */
-  modelValue: { type: [String, Boolean, Array, Number] },
+  modelValue: { type: [String, Boolean, Array, Number], default: null },
   // readonly: { type: Boolean, default: false },
   visible: { type: Boolean, default: !0 },
   required: { type: Boolean, default: !1 },
@@ -707,7 +709,7 @@ const er = {}, tr = {}, { resolveSchemaWithDefaultValue: nr } = Kn(er, tr), rr =
   componentId: { type: String, default: "" },
   errors: { type: Object, default: null },
   fill: { type: Boolean, default: !1 }
-}, lr = {
+}, dr = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
@@ -718,26 +720,26 @@ const er = {}, tr = {}, { resolveSchemaWithDefaultValue: nr } = Kn(er, tr), rr =
    * 实际支持 'visible'可见 | 'reserve-space' 占位不显示
    */
   showType: { type: String, default: "visible" }
-}, dr = /* @__PURE__ */ re({
+}, cr = /* @__PURE__ */ re({
   name: "FDynamicFormLabel",
-  props: lr,
+  props: dr,
   emits: [],
   setup(e, n) {
     I(e.title || e.text);
     const t = I(e.required), r = I(e.text), i = I(e.valid), o = I(e.inValidTip);
     Z(() => e.text, () => {
       r.value = e.text;
-    }), Z(() => e.required, (m, s) => {
-      m !== s && (t.value = m);
-    }), Z([() => e.valid, () => e.inValidTip], ([m, s]) => {
-      i.value = m, o.value = s;
+    }), Z(() => e.required, (p, s) => {
+      p !== s && (t.value = p);
+    }), Z([() => e.valid, () => e.inValidTip], ([p, s]) => {
+      i.value = p, o.value = s;
     });
-    const a = H(() => i.value ? r.value : o.value), g = H(() => i.value ? "" : "color:red"), d = H(() => ({
+    const a = X(() => i.value ? r.value : o.value), g = X(() => i.value ? "" : "color:red"), d = X(() => ({
       "col-form-label": !0,
       // 指定必填，当显示模式是隐藏或者没有指定标签名时，宽度不限定
       "f-width-auto": t.value && (e.showType === "none" || !r.value)
-    })), p = H(() => e.showType === "force-none" ? !1 : e.showType === "reserve-space" || t.value || !!r.value && e.showType !== "none");
-    return () => p.value && w("label", {
+    })), m = X(() => e.showType === "force-none" ? !1 : e.showType === "reserve-space" || t.value || !!r.value && e.showType !== "none");
+    return () => m.value && w("label", {
       class: d.value,
       title: a.value,
       style: g.value
@@ -749,26 +751,26 @@ const er = {}, tr = {}, { resolveSchemaWithDefaultValue: nr } = Kn(er, tr), rr =
       class: "farris-label-text"
     }, [t.value && w("span", {
       class: "farris-label-info text-danger"
-    }, [Se("*")]), e.showType === "visible" && r.value])]);
+    }, [Ee("*")]), e.showType === "visible" && r.value])]);
   }
-}), { globalStorageKey: cr } = Sn(), y = {}, b = {}, C = {}, F = {};
-async function ur() {
+}), { globalStorageKey: ur } = En(), y = {}, b = {}, C = {}, F = {};
+async function pr() {
   {
     const e = {
-      schemaMap: Fn,
-      propertyConfigSchemaMap: Cn,
-      propertyEffectMap: bn,
-      schemaResolverMap: yn
+      schemaMap: wn,
+      propertyConfigSchemaMap: Fn,
+      propertyEffectMap: Cn,
+      schemaResolverMap: bn
     };
-    Ye.register(y, b, C, F), Qe.register(y, b, C, F), Ze.register(y, b, C, F), Ke.register(y, b, C, F), et.register(y, b, C, F, e), tt.register(y, b, C, F), be.register(y, b, C, F, e), Ce.register(y, b, C, F, e), be.register(y, b, C, F, e), Ce.register(y, b, C, F, e), nt.register(y, b, C, F, e), rt.register(y, b, C, F), it.register(y, b, C, F), st.register(y, b, C, F, e), ot.register(y, b, C, F), at.register(y, b, C, F, e), lt.register(y, b, C, F, e), dt.register(y, b, C, F), ct.register(y, b, C, F, e), ut.register(y, b, C, F), dn.register(y, b, C, F), pt.register(y, b, C, F), ft.register(y, b, C, F), tn.register(y, b, C, F), gt.register(y, b, C, F), vt.register(y, b, C, F, e), ht.register(y, b, C, F, e), bt.register(y, b, C, F, e), yt.register(y, b, C, F), Ct.register(y, b, C, F, e), Ft.register(y, b, C, F), wt.register(y, b, C, F), St.register(y, b, C, F), Et.register(y, b, C, F, e), Pt.register(y, b, C, F), xt.register(y, b, C, F, e), Tt.register(y, b, C, F), It.register(y, b, C, F), kt.register(y, b, C, F), Vt.register(y, b, C, F, e), Mt.register(y, b, C, F, e), Bt.register(y, b, C, F), Lt.register(y, b, C, F, e), Ot.register(y, b, C, F), Nt.register(y, b, C, F), Zt.register(y, b, C), $t.register(y, b, C, F), Rt.register(y, b, C, F, e), Ut.register(y, b, C, F), At.register(y, b, C, F), qt.register(y, b, C, F), Dt.register(y, b, C, F, e), rn.register(y, b, C, F), jt.register(y, b, C, F, e), Gt.register(y, b, C, F), Wt.register(y, b, C, F), zt.register(y, b, C, F, e), _t.register(y, b, C, F), Ht.register(y, b, C, F), Jt.register(y, b, C, F), Xt.register(y, b, C, F), Qt.register(y, b, C, F), Yt.register(y, b, C, F, e), Kt.register(y, b, C, F), mt.register(y, b, C, F), en.register(y, b, C, F), nn.register(y, b, C, F, e), on.register(y, b, C, F), sn.register(y, b, C, F), an.register(y, b, C, F), ln.register(y, b, C, F), cn.register(y, b, C, F), un.register(y, b, C, F, e), pn.register(y, b, C, F), fn.register(y, b, C, F), mn.register(y, b, C, F), gn.register(y, b, C, F, e), vn.register(y, b, C, F, e), hn.register(y, b, C, F);
-    const n = window[cr];
+    Ze.register(y, b, C, F), Ye.register(y, b, C, F), Ke.register(y, b, C, F), et.register(y, b, C, F), tt.register(y, b, C, F, e), nt.register(y, b, C, F), be.register(y, b, C, F, e), Ce.register(y, b, C, F, e), be.register(y, b, C, F, e), Ce.register(y, b, C, F, e), rt.register(y, b, C, F, e), it.register(y, b, C, F), ot.register(y, b, C, F), at.register(y, b, C, F, e), st.register(y, b, C, F), lt.register(y, b, C, F, e), dt.register(y, b, C, F, e), ct.register(y, b, C, F), ut.register(y, b, C, F, e), pt.register(y, b, C, F), cn.register(y, b, C, F), mt.register(y, b, C, F), ft.register(y, b, C, F), nn.register(y, b, C, F), vt.register(y, b, C, F), ht.register(y, b, C, F, e), yt.register(y, b, C, F, e), Ct.register(y, b, C, F, e), bt.register(y, b, C, F), Ft.register(y, b, C, F, e), wt.register(y, b, C, F), St.register(y, b, C, F), Et.register(y, b, C, F), Pt.register(y, b, C, F, e), xt.register(y, b, C, F), Tt.register(y, b, C, F, e), It.register(y, b, C, F), kt.register(y, b, C, F), Vt.register(y, b, C, F), Mt.register(y, b, C, F, e), Lt.register(y, b, C, F, e), Bt.register(y, b, C, F), Ot.register(y, b, C, F, e), $t.register(y, b, C, F), Nt.register(y, b, C, F), Kt.register(y, b, C), Rt.register(y, b, C, F), Ut.register(y, b, C, F, e), At.register(y, b, C, F), qt.register(y, b, C, F), jt.register(y, b, C, F), Dt.register(y, b, C, F, e), on.register(y, b, C, F), Gt.register(y, b, C, F, e), Wt.register(y, b, C, F), zt.register(y, b, C, F), _t.register(y, b, C, F, e), Xt.register(y, b, C, F), Ht.register(y, b, C, F), Qt.register(y, b, C, F), Jt.register(y, b, C, F), Yt.register(y, b, C, F), Zt.register(y, b, C, F, e), en.register(y, b, C, F), gt.register(y, b, C, F), tn.register(y, b, C, F), rn.register(y, b, C, F, e), sn.register(y, b, C, F), an.register(y, b, C, F), ln.register(y, b, C, F), dn.register(y, b, C, F), un.register(y, b, C, F), pn.register(y, b, C, F, e), mn.register(y, b, C, F), fn.register(y, b, C, F), gn.register(y, b, C, F), vn.register(y, b, C, F, e), hn.register(y, b, C, F, e), yn.register(y, b, C, F);
+    const n = window[ur];
     if (n)
       for (const t in n)
-        n[t].createPropsResolver = wn, n[t].register(y, b, C);
+        n[t].createPropsResolver = Sn, n[t].register(y, b, C);
   }
 }
-function pr() {
-  ur();
+function mr() {
+  pr();
   function e(a) {
     const g = y[a];
     if (!g)
@@ -886,7 +888,7 @@ const fr = {
     type: Object,
     default: null
   }
-}, mr = /* @__PURE__ */ re({
+}, gr = /* @__PURE__ */ re({
   name: "FValidationMessage",
   props: fr,
   emits: [],
@@ -895,7 +897,7 @@ const fr = {
     Z(() => e.errors, (o) => {
       t.value = o;
     });
-    const r = I(!0), i = H(() => {
+    const r = I(!0), i = X(() => {
       if (t.value) {
         const o = Object.keys(t.value).map((a) => {
           var g;
@@ -914,37 +916,37 @@ const fr = {
       class: "f-feedback-message"
     }, [i.value])]);
   }
-}), gr = /* @__PURE__ */ re({
+}), vr = /* @__PURE__ */ re({
   name: "FDynamicFormGroup",
-  props: ar,
+  props: lr,
   emits: ["change", "update:modelValue"],
   setup(e, n) {
     var _;
-    const t = I(e.id), r = I(e.customClass), i = I(e.editor), o = I(e.label), a = I(e.modelValue), g = I(e.readonly), d = I(((_ = e.editor) == null ? void 0 : _.required) || e.required), p = I(e.showLabel), m = I(e.visible);
+    const t = I(e.id), r = I(e.customClass), i = I(e.editor), o = I(e.label), a = I(e.modelValue), g = I(e.readonly), d = I(((_ = e.editor) == null ? void 0 : _.required) || e.required), m = I(e.showLabel), p = I(e.visible);
     I(e.type);
-    const s = I(), c = I(e.errors), f = En(), l = I(e.editor.type || "input-group"), u = H(() => p.value ? e.showLabelType : "none"), {
+    const s = I(), c = I(e.errors), f = Pn(), l = I(e.editor.type || "input-group"), u = X(() => m.value ? e.showLabelType : "none"), {
       resolveEditorProps: h,
       resolveEditorType: E,
       getChangeFunctionName: k,
       getClearFunctionName: U
-    } = pr(), A = H(() => {
-      const B = {
+    } = mr(), A = X(() => {
+      const L = {
         "form-group": !0,
         "farris-form-group": !0,
         "common-group": !0,
         "q-state-readonly": g.value,
         "form-group--in-mobile": f
       };
-      return B["form-group--has-" + l.value] = !0, B;
-    }), R = H(() => {
+      return L["form-group--has-" + l.value] = !0, L;
+    }), R = X(() => {
       if (e.fill)
         return {
           maxWidth: "none"
         };
     });
-    function N(B, q, O) {
-      a.value = q !== void 0 ? q : B, n.emit("update:modelValue", a.value), n.emit("change", a.value, {
-        newValue: B,
+    function B(L, q, O) {
+      a.value = q !== void 0 ? q : L, n.emit("update:modelValue", a.value), n.emit("change", a.value, {
+        newValue: L,
         newModelValue: q,
         parameters: O
       });
@@ -952,19 +954,19 @@ const fr = {
     function M() {
       n.emit("update:modelValue", "");
     }
-    function D(B) {
+    function j(L) {
       return (...q) => {
-        M(), typeof B == "function" && B(...q);
+        M(), typeof L == "function" && L(...q);
       };
     }
-    function L(B) {
+    function N(L) {
       return (q, O, G) => {
-        N(q, O, G), typeof B == "function" && B(q, O, G);
+        B(q, O, G), typeof L == "function" && L(q, O, G);
       };
     }
-    const T = H(() => {
-      const B = i.value.type || "input-group", q = E(B), O = h(B, i.value), G = k(B), W = U(i.value.type);
-      return W && (O[W] = D(O[W])), G && (O[G] = L(O[G])), (O.id == null || O.id === "") && (O.id = t.value), B === "number-range" && i.value.onBeginValueChange && typeof i.value.onBeginValueChange == "function" ? (i.value.onBeginValueChange && typeof i.value.onBeginValueChange == "function" && (O.onBeginValueChange = i.value.onBeginValueChange), i.value.onEndValueChange && typeof i.value.onEndValueChange == "function" && (O.onEndValueChange = i.value.onEndValueChange)) : B === "lookup" && i.value["onUpdate:idValue"] && typeof i.value["onUpdate:idValue"] == "function" ? (O["onUpdate:idValue"] = i.value["onUpdate:idValue"], O.id = t.value) : B === "collection-property-editor" && i.value.onSelectionChange && typeof i.value.onSelectionChange == "function" ? O.onSelectionChange = i.value.onSelectionChange : B === "property-editor" && (O.onBeforeOpenVariables = i.value.onBeforeOpenVariables), () => w(q, We({
+    const T = X(() => {
+      const L = i.value.type || "input-group", q = E(L), O = h(L, i.value), G = k(L), W = U(i.value.type);
+      return W && (O[W] = j(O[W])), G && (O[G] = N(O[G])), (O.id == null || O.id === "") && (O.id = t.value), L === "number-range" && i.value.onBeginValueChange && typeof i.value.onBeginValueChange == "function" ? (i.value.onBeginValueChange && typeof i.value.onBeginValueChange == "function" && (O.onBeginValueChange = i.value.onBeginValueChange), i.value.onEndValueChange && typeof i.value.onEndValueChange == "function" && (O.onEndValueChange = i.value.onEndValueChange)) : L === "lookup" && i.value["onUpdate:idValue"] && typeof i.value["onUpdate:idValue"] == "function" ? (O["onUpdate:idValue"] = i.value["onUpdate:idValue"], O.id = t.value) : L === "collection-property-editor" && i.value.onSelectionChange && typeof i.value.onSelectionChange == "function" ? O.onSelectionChange = i.value.onSelectionChange : L === "property-editor" && (O.onBeforeOpenVariables = i.value.onBeforeOpenVariables), () => w(q, ze({
         ref: s
       }, O, {
         modelValue: a.value,
@@ -972,17 +974,17 @@ const fr = {
       }), n.slots);
     });
     function J() {
-      return w(mr, {
+      return w(gr, {
         id: `${t.value}-validation-message`,
         errors: c.value
       }, null);
     }
-    return Z([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([B, q, O, G, W, Q, z, ie, oe, K]) => {
+    return Z([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([L, q, O, G, W, Q, z, ie, oe, K]) => {
       var te;
-      t.value = B, r.value = q, i.value = O, o.value = G, a.value = W, g.value = Q, d.value = ((te = i.value) == null ? void 0 : te.required) || z, p.value = ie, m.value = oe, c.value = K;
+      t.value = L, r.value = q, i.value = O, o.value = G, a.value = W, g.value = Q, d.value = ((te = i.value) == null ? void 0 : te.required) || z, m.value = ie, p.value = oe, c.value = K;
     }), n.expose({
       editorRef: s
-    }), () => m.value && w("div", {
+    }), () => p.value && w("div", {
       id: `${t.value}-form-group`,
       class: r.value,
       style: e.customStyle
@@ -991,7 +993,7 @@ const fr = {
       style: R.value
     }, [w("div", {
       class: A.value
-    }, [w(dr, {
+    }, [w(cr, {
       id: `${t.value}-lable`,
       showType: u.value,
       required: d.value,
@@ -1001,15 +1003,15 @@ const fr = {
       class: "farris-input-wrap"
     }, [T.value(), J()])])])]);
   }
-}), vr = /* @__PURE__ */ re({
+}), hr = /* @__PURE__ */ re({
   name: "FPropertyPanelItem",
-  props: sr,
+  props: ar,
   emits: ["propertyChange", "triggerRefreshPanel"],
   setup(e, n) {
     var s;
     const t = I((s = e.category) == null ? void 0 : s.categoryId), r = I(e.elementConfig.propertyID), i = I(e.elementConfig.propertyName);
     I(e.elementConfig.editor);
-    const o = I(e.elementConfig.propertyValue), a = H(() => {
+    const o = I(e.elementConfig.propertyValue), a = X(() => {
       const c = e.elementConfig.visible;
       return {
         "farris-group-wrap": !0,
@@ -1039,7 +1041,7 @@ const fr = {
       };
       n.emit("propertyChange", u, l), e.elementConfig.refreshPanelAfterChanged && n.emit("triggerRefreshPanel");
     }
-    const d = e.elementConfig.description ? `<div style="color: gray; "> 描述 ：${e.elementConfig.description}</div>` : "", p = ze({
+    const d = e.elementConfig.description ? `<div style="color: gray; "> 描述 ：${e.elementConfig.description}</div>` : "", m = _e({
       content: `
             <div>
                 <div style="color: black; ">${e.elementConfig.propertyName}</div>
@@ -1047,15 +1049,15 @@ const fr = {
                 ${d}
             </div>`,
       placement: "left"
-    }), m = I("");
-    return m.value = `${t.value}-${r.value}`, () => w("div", {
+    }), p = I("");
+    return p.value = `${t.value}-${r.value}`, () => w("div", {
       class: a.value
-    }, [e.elementConfig.propertyName && Ee(w("label", {
-      class: `col-form-label ${m.value}`
+    }, [e.elementConfig.propertyName && Pe(w("label", {
+      class: `col-form-label ${p.value}`
     }, [w("span", {
       class: "farris-label-text"
-    }, [i.value])]), [[_e("tooltip"), p]]), w(gr, {
-      id: m.value,
+    }, [i.value])]), [[Xe("tooltip"), m]]), w(vr, {
+      id: p.value,
       showLabel: !1,
       editor: e.elementConfig.editor,
       modelValue: o.value,
@@ -1063,9 +1065,9 @@ const fr = {
       editorParams: e.elementConfig.editorParams
     }, null)]);
   }
-}), hr = /* @__PURE__ */ re({
+}), yr = /* @__PURE__ */ re({
   name: "FPropertyPanelItemList",
-  props: or,
+  props: sr,
   emits: ["valueChanged", "submitModal", "triggerRefreshPanel"],
   setup(e, n) {
     const t = I(e.category);
@@ -1120,18 +1122,18 @@ const fr = {
         changeObject: f
       });
     }
-    function p() {
+    function m() {
       n.emit("triggerRefreshPanel");
     }
-    function m(f) {
+    function p(f) {
       return w("div", {
         class: "px-2 mb-2"
-      }, [w(vr, {
+      }, [w(hr, {
         key: g(f),
         elementConfig: f,
         category: t.value,
         onPropertyChange: d,
-        onTriggerRefreshPanel: p
+        onTriggerRefreshPanel: m
       }, null)]);
     }
     function s(f) {
@@ -1153,31 +1155,31 @@ const fr = {
         class: ["card-body", {
           hidden: !f.isExpand
         }]
-      }, [(l = f.cascadeConfig) == null ? void 0 : l.map((u) => m(u))])])]);
+      }, [(l = f.cascadeConfig) == null ? void 0 : l.map((u) => p(u))])])]);
     }
     Z(() => e.category, () => {
       t.value = e.category;
     });
     function c(f) {
-      return f.propertyType === "cascade" ? s : m;
+      return f.propertyType === "cascade" ? s : p;
     }
-    return () => w(Pe, null, [t.value.properties.map((f) => c(f)(f))]);
+    return () => w(xe, null, [t.value.properties.map((f) => c(f)(f))]);
   }
 }), we = /* @__PURE__ */ re({
   name: "FPropertyPanel",
-  props: Tn,
+  props: In,
   emits: ["propertyChanged"],
   setup(e, n) {
-    const t = I(e.width), r = I(e.isWidePanel), i = I(e.enableSearch), o = I(e.mode), a = I(e.isPersitOpenState), g = I(e.isShowPanel), d = I(), p = I(), m = I(e.showCloseBtn), s = I(e.selectedTabId), c = I(!0), f = I(e.isWhiteTheme);
+    const t = I(e.width), r = I(e.isWidePanel), i = I(e.enableSearch), o = I(e.mode), a = I(e.isPersitOpenState), g = I(e.isShowPanel), d = I(), m = I(), p = I(e.showCloseBtn), s = I(e.selectedTabId), c = I(!0), f = I(e.isWhiteTheme);
     let l = [], u = [];
     const h = I(""), E = I(), k = I(), U = ve("SchemaService");
-    let A = [], R = null, N = "";
-    const M = I(), D = I(0), L = H(() => l.map((x) => !x.hide).length === 1), T = ve("designerContext");
+    let A = [], R = null, B = "";
+    const M = I(), j = I(0), N = X(() => l.map((x) => !x.hide).length === 1), T = ve("designerContext");
     function J() {
       u = [], M.value && M.value.categoryList && Array.isArray(M.value.categoryList) && M.value.categoryList.length > 0 && M.value.categoryList.forEach((P) => {
         if (P.properties && Array.isArray(P.properties) && P.properties.length > 0) {
-          const S = P.properties.map(($) => ($.category = P, $.propertyType === "cascade" && $.cascadeConfig && $.cascadeConfig.map((j) => {
-            j.category = P, j.cascadeParent = $, u = u.concat(j);
+          const S = P.properties.map(($) => ($.category = P, $.propertyType === "cascade" && $.cascadeConfig && $.cascadeConfig.map((D) => {
+            D.category = P, D.cascadeParent = $, u = u.concat(D);
           }), $));
           u = u.concat(S);
         }
@@ -1189,11 +1191,11 @@ const fr = {
         P += S.offsetTop, S = S.offsetParent;
       return P;
     }
-    function B(x, P) {
+    function L(x, P) {
       x && P && Object.keys(P).length > 0 && Object.keys(P).forEach((S) => {
-        var j;
+        var D;
         const $ = P[S];
-        (j = x.style) == null || j.setProperty(S, $);
+        (D = x.style) == null || D.setProperty(S, $);
       });
     }
     function q() {
@@ -1223,22 +1225,22 @@ const fr = {
       else if (J(), u && u.length > 0) {
         const S = q();
         S && S.length > 0 && setTimeout(() => {
-          let $ = null, j = -1, le = !1;
-          S.forEach((Y, qe) => {
+          let $ = null, D = -1, le = !1;
+          S.forEach((Y, je) => {
             const De = Y.propertyType === "cascade" ? `.${Y.category.categoryId}-${Y.propertyID} .farris-label-text` : `.property-item .${Y.category.categoryId}-${Y.propertyID}.col-form-label`, de = document.querySelector(De);
-            de && (Y.category.status !== "open" && (Y.category.status = "open", le = j < 0), Y.cascadeParent && (Y.cascadeParent.isExpand = !0), j < 0 && ($ = de, j = qe), B(de, {
+            de && (Y.category.status !== "open" && (Y.category.status = "open", le = D < 0), Y.cascadeParent && (Y.cascadeParent.isExpand = !0), D < 0 && ($ = de, D = je), L(de, {
               color: "#5B89FE"
             }), A.push(de));
-          }), j > -1 && (le ? xe(() => {
-            O(j, P, $);
-          }) : O(j, P, $));
+          }), D > -1 && (le ? Te(() => {
+            O(D, P, $);
+          }) : O(D, P, $));
         }, 50);
       }
     }
     function W(x) {
       G();
     }
-    const Q = Je(W, 200);
+    const Q = Qe(W, 200);
     function z(x) {
       const {
         value: P
@@ -1269,7 +1271,7 @@ const fr = {
       }
       if ((x = d == null ? void 0 : d.value) == null || x.forEach((S) => {
         if (S.tabId) {
-          const $ = l.find((j) => j.tabId === S.tabId);
+          const $ = l.find((D) => D.tabId === S.tabId);
           $ ? ($.categoryList.push(S), $.hide && ($.hide = S.hide || S.properties.length === 0)) : l.push({
             tabId: S.tabId,
             tabName: S.tabName,
@@ -1277,7 +1279,7 @@ const fr = {
             hide: S.hide || S.properties.length === 0
           });
         } else {
-          const $ = l.find((j) => j.tabId === "default");
+          const $ = l.find((D) => D.tabId === "default");
           $ ? $.categoryList.push(S) : l.push({
             tabId: "default",
             tabName: "属性",
@@ -1292,23 +1294,23 @@ const fr = {
       s.value = (P = M.value) == null ? void 0 : P.tabId;
     }
     Z(() => [e.schema, e.isShowPanel], () => {
-      p.value = e.schema, !e.schema || !e.schema.type ? d.value = [] : (d.value = fe(p.value, U, R, N), T.filterPropertyEntity && (d.value = T.filterPropertyEntity(d.value, p.value))), ee(), K(h.value), D.value++;
+      m.value = e.schema, !e.schema || !e.schema.type ? d.value = [] : (d.value = me(m.value, U, R, B), T.filterPropertyEntity && (d.value = T.filterPropertyEntity(d.value, m.value))), ee(), K(h.value), j.value++;
     }), he(() => {
       ee();
     });
     function se(x, P, S = !0) {
-      (!p.value || P) && (p.value = P || e.schema), d.value = fe(p.value, U, R, N, x), T.filterPropertyEntity && (d.value = T.filterPropertyEntity(d.value, p.value)), ee(), i.value && K(h.value), S && D.value++;
+      (!m.value || P) && (m.value = P || e.schema), d.value = me(m.value, U, R, B, x), T.filterPropertyEntity && (d.value = T.filterPropertyEntity(d.value, m.value)), ee(), i.value && K(h.value), S && j.value++;
     }
-    function X(x, P) {
-      R = x, N = P;
+    function H(x, P) {
+      R = x, B = P;
     }
     function ae() {
       o.value = o.value === "panel" ? "sidebar" : "panel", o.value === "panel" ? (setTimeout(() => {
         W();
       }, 100), t.value = "300px") : t.value = "41px";
     }
-    function Ie() {
-      if (m.value)
+    function ke() {
+      if (p.value)
         return w("div", {
           class: "title-actions"
         }, [w("div", {
@@ -1326,23 +1328,23 @@ const fr = {
         }, null)])])])])]);
     }
     function ge() {
-      d.value = fe(p.value, U, R, N), T.filterPropertyEntity && (d.value = T.filterPropertyEntity(d.value, p.value)), ee();
+      d.value = me(m.value, U, R, B), T.filterPropertyEntity && (d.value = T.filterPropertyEntity(d.value, m.value)), ee();
     }
-    function ke() {
+    function Ve() {
       var x;
       if (i.value && ((x = M.value) == null ? void 0 : x.tabId) !== "commands")
         return w("div", {
           class: "search"
         }, [w("div", {
           class: "input-group f-state-editable border-left-0 border-right-0"
-        }, [Ee(w("input", {
+        }, [Pe(w("input", {
           class: "form-control f-utils-fill text-left pt-3 pb-3 textbox",
           type: "text",
           placeholder: "输入属性名称或编号快速定位",
           autocomplete: "off",
           onKeyup: (P) => z(P),
           "onUpdate:modelValue": (P) => h.value = P
-        }, null), [[Xe, h.value]]), w("div", {
+        }, null), [[Je, h.value]]), w("div", {
           class: "input-group-append",
           style: "margin-left: 0px; background:none;"
         }, [w("span", {
@@ -1360,10 +1362,10 @@ const fr = {
           class: "f-icon f-icon-search"
         }, null)])])])]);
     }
-    function Ve(x) {
+    function Me(x) {
       return `${e.propertyName}_${x.categoryId}`;
     }
-    function Me(x) {
+    function Le(x) {
       n.emit("propertyChanged", {
         ...x,
         designerItem: R
@@ -1380,7 +1382,7 @@ const fr = {
             "wide-panel": r.value
           }]
         }, [(P = (x = M.value) == null ? void 0 : x.categoryList) == null ? void 0 : P.map((S) => !S.hide && w("li", {
-          key: Ve(S),
+          key: Me(S),
           "data-category-id": S == null ? void 0 : S.categoryId
         }, [!S.hideTitle && w("span", {
           class: "group-label",
@@ -1393,12 +1395,12 @@ const fr = {
           }]
         }, null), S.categoryName]), w("div", {
           hidden: S.status === "closed"
-        }, [w(hr, {
-          key: `${S == null ? void 0 : S.categoryId}-${D.value}`,
+        }, [w(yr, {
+          key: `${S == null ? void 0 : S.categoryId}-${j.value}`,
           category: S,
-          propertyData: p.value,
+          propertyData: m.value,
           onTriggerRefreshPanel: ge,
-          onValueChanged: Me
+          onValueChanged: Le
         }, null)])]))])]);
     }
     function Ne() {
@@ -1408,15 +1410,15 @@ const fr = {
           onClick: ae
         }, [w("i", {
           class: "f-icon f-icon-engineering w-100 icon"
-        }, null), w("span", null, [Se("属性")])]);
+        }, null), w("span", null, [Ee("属性")])]);
     }
-    function Le() {
+    function Oe() {
       return {
         display: c.value ? "block" : "none",
         width: t.value
       };
     }
-    function Oe() {
+    function $e() {
       return w("div", {
         class: "switcher"
       }, [w("i", {
@@ -1427,17 +1429,17 @@ const fr = {
         onClick: ae
       }, null)]);
     }
-    function $e(x) {
+    function Re(x) {
       M.value && M.value.tabId === x.tabId || (M.value = x, s.value = M.value.tabId, h.value = "");
     }
-    function Re() {
+    function Ue() {
       return l.map((x) => w("div", {
         class: ["title-label", {
           active: M.value && M.value.tabId === x.tabId
         }, {
           "d-none": x.hide
         }],
-        onClick: () => $e(x)
+        onClick: () => Re(x)
       }, [w("span", null, [x.tabName])]));
     }
     he(() => {
@@ -1445,54 +1447,54 @@ const fr = {
     }), He(() => {
       a.value && (c.value = g.value), ee(), W(h.value);
     });
-    function Ue() {
-      D.value++;
-    }
     function Ae() {
+      j.value++;
+    }
+    function qe() {
       ge();
     }
     return n.expose({
       updatePropertyConfig: se,
-      updateDesignerItem: X,
-      reloadPropertyPanel: Ue,
-      refreshPanel: Ae
-    }), () => w(Pe, null, [w("div", {
+      updateDesignerItem: H,
+      reloadPropertyPanel: Ae,
+      refreshPanel: qe
+    }), () => w(xe, null, [w("div", {
       ref: E,
       class: ["property-panel", {
         "white-theme": f.value
       }],
-      style: Le()
+      style: Oe()
     }, [w("div", {
       class: "propertyPanel panel flex-column",
       hidden: o.value !== "panel"
     }, [w("div", {
       class: ["title d-flex", {
-        "p-right": m.value
+        "p-right": p.value
       }, {
-        only: L.value
+        only: N.value
       }]
-    }, [Re(), Ie()]), ke(), Be()]), Oe(), Ne()])]);
+    }, [Ue(), ke()]), Ve(), Be()]), $e(), Ne()])]);
   }
 });
-function yr(e) {
+function br(e) {
   const { formSchemaUtils: n, formStateMachineUtils: t } = e;
-  function r(d, p = "") {
+  function r(d, m = "") {
     return {
-      path: p + d.code,
+      path: m + d.code,
       field: d.id,
       fullPath: d.code
     };
   }
-  function i(d, p = "") {
-    const m = n.getViewModelById(d);
-    return m ? m.states.map((s) => r(s, p)) : [];
+  function i(d, m = "") {
+    const p = n.getViewModelById(d);
+    return p ? p.states.map((s) => r(s, m)) : [];
   }
   function o(d) {
-    const p = n.getRootViewModelId(), m = i(d);
-    if (d === p)
-      return m;
-    const s = i(p, "root-component.");
-    return [...m, ...s];
+    const m = n.getRootViewModelId(), p = i(d);
+    if (d === m)
+      return p;
+    const s = i(m, "root-component.");
+    return [...p, ...s];
   }
   function a(d) {
     return d.binding && d.binding.path || d.id || "";
@@ -1502,7 +1504,7 @@ function yr(e) {
   }
   return { getVariables: o, getControlName: a, getStateMachines: g };
 }
-class Te {
+class Ie {
   constructor(n) {
     V(this, "sessionVariables", [
       {
@@ -1558,10 +1560,10 @@ class Te {
       convertTo: (r, i, o, a, g) => {
         var d;
         if (i === "dataPicking" && (o != null && o.target)) {
-          const p = `${o.target}_dataPicking`;
+          const m = `${o.target}_dataPicking`;
           ((d = o.rules) == null ? void 0 : d.some(
-            (s) => s.id === p && s.value
-          )) ? r.dictPickingExpressionId = p : delete r.dictPickingExpressionId;
+            (s) => s.id === m && s.value
+          )) ? r.dictPickingExpressionId = m : delete r.dictPickingExpressionId;
         }
         a.updateExpression(o);
       }
@@ -1621,10 +1623,10 @@ class Te {
   buildChildEntityTreeData(n = null, t) {
     const r = [];
     return n == null || n.forEach((i) => {
-      var d, p;
+      var d, m;
       const o = this.createTreeNode(i, t);
       o.type = "entity";
-      const a = this.buildEntityFieldsTreeData((d = i.type) == null ? void 0 : d.fields, [...t, i.label]), g = this.buildChildEntityTreeData((p = i.type) == null ? void 0 : p.entities, [...t, i.label]);
+      const a = this.buildEntityFieldsTreeData((d = i.type) == null ? void 0 : d.fields, [...t, i.label]), g = this.buildChildEntityTreeData((m = i.type) == null ? void 0 : m.entities, [...t, i.label]);
       g != null && g.length && (a == null || a.push(...g)), r.push({
         data: o,
         children: a || [],
@@ -1687,19 +1689,19 @@ class Te {
   }
   updateExpression(n, t, r, i) {
     const o = t === "Field" ? n.binding.field : n.id, a = this.buildRule(o, r, i, n.type === "form-group" ? n.id : "");
-    let d = this.getExpressionData().find((m) => m.targetType === t && m.target === o);
-    const p = (m) => m.value.trim() === "";
+    let d = this.getExpressionData().find((p) => p.targetType === t && p.target === o);
+    const m = (p) => p.value.trim() === "";
     if (d) {
-      const m = d.rules.find((s) => s.id === a.id);
-      if (m)
-        p(a) ? d.rules = d.rules.filter((s) => s.id !== a.id) : (Object.assign(m, a), i === "validate" && n.type === "form-group" && (m.elementId = n.id));
+      const p = d.rules.find((s) => s.id === a.id);
+      if (p)
+        m(a) ? d.rules = d.rules.filter((s) => s.id !== a.id) : (Object.assign(p, a), i === "validate" && n.type === "form-group" && (p.elementId = n.id));
       else {
-        if (p(a))
+        if (m(a))
           return null;
         d.rules = d.rules || [], d.rules.push(a);
       }
     } else {
-      if (p(a))
+      if (m(a))
         return null;
       d = {
         target: `${o}`,
@@ -1711,10 +1713,10 @@ class Te {
   }
   getExpressionEditorOptions(n, t, r, i) {
     return r.reduce((o, a) => {
-      var d, p;
+      var d, m;
       const g = t === "Field" ? (d = n == null ? void 0 : n.binding) == null ? void 0 : d.field : n.id;
       return o[a] = {
-        hide: t === "Field" ? !!((p = n == null ? void 0 : n.binding) != null && p.field) : !1,
+        hide: t === "Field" ? !!((m = n == null ? void 0 : n.binding) != null && m.field) : !1,
         description: "",
         title: this.expressionNames[a],
         type: "string",
@@ -1727,10 +1729,10 @@ class Te {
           showMessage: a === "validate" || a === "dataPicking" || a === "required",
           showMessageType: a === "dataPicking",
           beforeOpen: () => this.onBeforeOpenExpression(n, a, t),
-          onSubmitModal: (m) => {
-            const s = this.updateExpression(n, t, m, a);
+          onSubmitModal: (p) => {
+            const s = this.updateExpression(n, t, p, a);
             if (i) {
-              const c = this.buildRule(g, m, a);
+              const c = this.buildRule(g, p, a);
               i(c);
             }
             return s;
@@ -1769,7 +1771,7 @@ class Te {
     };
   }
 }
-class br {
+class Cr {
   constructor(n, t) {
     V(this, "componentId");
     V(this, "viewModelId");
@@ -1886,7 +1888,7 @@ class br {
    * @returns 
    */
   getPropertyEditorParams(n, t = [], r = "visible", i = {}, o = {}, a = "") {
-    const { getVariables: g, getControlName: d, getStateMachines: p } = yr(this.designerHostService), m = this.getRealTargetType(n), s = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], c = {
+    const { getVariables: g, getControlName: d, getStateMachines: m } = br(this.designerHostService), p = this.getRealTargetType(n), s = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], c = {
       type: "property-editor",
       propertyTypes: s
     };
@@ -1899,10 +1901,10 @@ class br {
           }, i);
           break;
         case "Expression":
-          c.expressionConfig = this.getExpressionOptions(n, m, a || r);
+          c.expressionConfig = this.getExpressionOptions(n, p, a || r);
           break;
         case "StateMachine":
-          c.stateMachines = p();
+          c.stateMachines = m();
           break;
         case "Variable":
           Object.assign(c, {
@@ -1948,7 +1950,7 @@ class br {
     return {
       ...o,
       properties: { ...a },
-      setPropertyRelates(d, p) {
+      setPropertyRelates(d, m) {
         if (d) {
           switch (d.propertyID) {
             case "disabled":
@@ -1957,7 +1959,7 @@ class br {
               g.afterMutilEditorChanged(n, d);
               break;
           }
-          i && i(d, p);
+          i && i(d, m);
         }
       }
     };
@@ -1980,8 +1982,8 @@ class br {
     const r = t && t.parent && t.parent.schema;
     if (!r)
       return;
-    const i = r.contents.findIndex((a) => a.id === n), o = me(r.contents[i]);
-    r.contents.splice(i, 1), r.contents.splice(i, 0, o), xn();
+    const i = r.contents.findIndex((a) => a.id === n), o = fe(r.contents[i]);
+    r.contents.splice(i, 1), r.contents.splice(i, 0, o), Tn();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -2011,16 +2013,16 @@ class br {
     const t = n.propertyValue;
     if (!((t && t.type) === "Expression" && t.expressionInfo))
       return;
-    const { expressionId: o, expressionInfo: a } = t, { targetId: g, targetType: d, expressionType: p, value: m, message: s } = a, c = this.formSchemaUtils.getModule();
+    const { expressionId: o, expressionInfo: a } = t, { targetId: g, targetType: d, expressionType: m, value: p, message: s } = a, c = this.formSchemaUtils.getModule();
     c.expressions = c.expressions || [];
     const { expressions: f } = c;
     let l = f.find((h) => h.target === g);
     l || (l = { target: g, rules: [], targetType: d }, f.push(l));
-    const u = l.rules.find((h) => h.type === p);
+    const u = l.rules.find((h) => h.type === m);
     if (u)
-      u.value = m, u.message = s;
+      u.value = p, u.message = s;
     else {
-      const h = { id: o, type: p, value: m, message: s };
+      const h = { id: o, type: m, value: p, message: s };
       l.rules.push(h);
     }
     delete t.expressionInfo;
@@ -2035,11 +2037,11 @@ class br {
     const r = n.propertyValue;
     if (r && r.type === "Expression")
       return;
-    const o = n.propertyID, a = this.formSchemaUtils.getExpressions(), g = t.binding ? t.binding.field : t.id, d = a.find((p) => p.target === g);
-    !d || !d.rules || (d.rules = d.rules.filter((p) => p.type !== o));
+    const o = n.propertyID, a = this.formSchemaUtils.getExpressions(), g = t.binding ? t.binding.field : t.id, d = a.find((m) => m.target === g);
+    !d || !d.rules || (d.rules = d.rules.filter((m) => m.type !== o));
   }
   getExpressionOptions(n, t, r) {
-    return new Te(this.formSchemaUtils).getExpressionOptions(n, t, r);
+    return new Ie(this.formSchemaUtils).getExpressionOptions(n, t, r);
   }
   getRealTargetType(n) {
     return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(n.type) > -1 ? "Button" : n.binding && n.binding.field ? "Field" : "Container";
@@ -2151,8 +2153,8 @@ V(ne, "fieldControlTypeMapping", {
   ]
 });
 let pe = ne;
-var Cr = /* @__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))(Cr || {}), ue = /* @__PURE__ */ ((e) => (e.Form = "Form", e.Variable = "Variable", e))(ue || {});
-class Fr {
+var Fr = /* @__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))(Fr || {}), ue = /* @__PURE__ */ ((e) => (e.Form = "Form", e.Variable = "Variable", e))(ue || {});
+class Se {
   constructor() {
     /** 控件标题 */
     V(this, "label", "");
@@ -2186,8 +2188,8 @@ function wr(e) {
   let n, t;
   const r = /* @__PURE__ */ new Map();
   let i = [];
-  function o(m, s) {
-    const f = m.split(" ").filter((k) => k.startsWith("col-"));
+  function o(p, s) {
+    const f = ((p == null ? void 0 : p.split(" ")) || []).filter((k) => k.startsWith("col-"));
     if (f.length === 0) {
       s.isSupportedClass = !1;
       return;
@@ -2195,31 +2197,38 @@ function wr(e) {
     let l = f.find((k) => /^col-([1-9]|10|11|12)$/.test(k)), u = f.find((k) => /^col-md-([1-9]|10|11|12)$/.test(k)), h = f.find((k) => /^col-xl-([1-9]|10|11|12)$/.test(k)), E = f.find((k) => /^col-el-([1-9]|10|11|12)$/.test(k));
     l = l || "col-12", s.columnInSM = parseInt(l.replace("col-", ""), 10), s.displayWidthInSM = s.columnInSM / 12, s.displayWidthInSM !== 1 && (s.isSupportedClass = !1), u = u || "col-md-" + s.columnInSM, s.columnInMD = parseInt(u.replace("col-md-", ""), 10), s.displayWidthInMD = s.columnInMD / 6, [1, 2].includes(s.displayWidthInMD) || (s.isSupportedClass = !1), h = h || "col-xl-" + s.columnInMD, s.columnInLG = parseInt(h.replace("col-xl-", ""), 10), s.displayWidthInLG = s.columnInLG / 3, [1, 2, 3, 4].includes(s.displayWidthInLG) || (s.isSupportedClass = !1), E = E || "col-el-" + s.columnInLG, s.columnInEL = parseInt(E.replace("col-el-", ""), 10), s.displayWidthInEL = s.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(s.displayWidthInEL) || (s.isSupportedClass = !1);
   }
-  function a(m, s, c, f = !1) {
+  function a(p, s, c, f = !1) {
     let l = !1;
-    m.contents.forEach((u) => {
+    if (!p.contents || p.contents.length === 0) {
+      const u = new Se();
+      o(p.layout, u), s.push(u);
+      return;
+    }
+    p.contents.forEach((u) => {
       if (u.type === "fieldset") {
         c += 1, a(u, s, c, !0), l = !0;
         return;
       }
+      if (u.type === "dynamic-form")
+        return;
       l && (c += 1, l = !1);
-      const h = u.appearance && u.appearance.class, E = new Fr();
-      h ? o(h, E) : E.isSupportedClass = !1, E.label = u.label || u.id, E.id = u.id, E.group = c, f && (E.fieldSetId = m.id), t === u.id && (n = c), r.set(u.id, u), s.push(E);
+      const h = u.appearance && u.appearance.class, E = new Se();
+      h ? o(h, E) : E.isSupportedClass = !1, E.label = u.label || u.id, E.id = u.id, E.group = c, f && (E.fieldSetId = p.id), t === u.id && (n = c), r.set(u.id, u), s.push(E);
     });
   }
-  function g(m) {
-    const s = e.getComponentById(m);
+  function g(p) {
+    const s = e.getComponentById(p);
     if (!s || !s.componentType || !s.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
     const c = e.selectNode(s, (f) => f.type === v["response-form"].type);
     return !c || !c.contents || c.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: c };
   }
-  function d(m, s) {
-    s = s || m.id;
+  function d(p, s) {
+    s = s || p.id;
     const { result: c, message: f, formNode: l } = g(s);
     if (!c)
       return { result: c, message: f };
-    t = m.id, i = [], r.clear();
+    t = p.id, i = [], r.clear();
     const u = l.contents[0].type === v.fieldset.type ? 0 : 1;
     a(l, i, u);
     const h = i.find((k) => !k.isSupportedClass);
@@ -2231,18 +2240,18 @@ function wr(e) {
       importData: i
     };
   }
-  function p(m, s) {
+  function m(p, s) {
     s = s;
     const { result: c, formNode: f } = g(s);
     if (!c)
       return "";
     const l = [];
-    return m.forEach((u) => {
+    return p.forEach((u) => {
       var k;
       const h = r.get(u.id), E = h.appearance && h.appearance.class;
       if (E) {
-        const A = E.split(" ").filter((T) => !T.startsWith("col-")), R = "col-" + u.columnInSM, N = "col-md-" + u.columnInMD, M = "col-xl-" + u.columnInLG, D = "col-el-" + u.columnInEL, L = [R, N, M, D].concat(A);
-        h.appearance.class = L.join(" ");
+        const A = E.split(" ").filter((T) => !T.startsWith("col-")), R = "col-" + u.columnInSM, B = "col-md-" + u.columnInMD, M = "col-xl-" + u.columnInLG, j = "col-el-" + u.columnInEL, N = [R, B, M, j].concat(A);
+        h.appearance.class = N.join(" ");
       }
       if (u.fieldSetId) {
         const U = f.contents.find((R) => R.id === u.fieldSetId), A = l.find((R) => R.id === u.fieldSetId);
@@ -2254,11 +2263,11 @@ function wr(e) {
   return {
     checkCanFindFormNode: g,
     checkCanOpenLayoutEditor: d,
-    changeFormControlsByResponseLayoutConfig: p,
+    changeFormControlsByResponseLayoutConfig: m,
     getResonseFormLayoutConfig: a
   };
 }
-class Zi extends br {
+class Zi extends Cr {
   constructor(t, r) {
     super(t, r);
     V(this, "responseLayoutEditorFunction");
@@ -2282,7 +2291,7 @@ class Zi extends br {
     return this.propertyConfig.categories = {}, this.getCommonPropertyConfig(t, r, "Grid"), this.getGridFieldEdtiorProperties ? this.propertyConfig.categories.editor = this.getGridFieldEdtiorProperties(t) : this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig.categories.expressons = this.getExpressionConfig(t, "Field"), this.propertyConfig.categories;
   }
   getBasicProperties(t, r, i = "Card") {
-    var p;
+    var m;
     const o = this;
     this.setDesignViewModelField(t);
     const { canChangeControlType: a, editorTypeList: g } = this.getAvailableEditorType(t), d = {
@@ -2323,7 +2332,7 @@ class Zi extends br {
           editor: {
             data: [{ id: "visible", name: "显示" }, { id: "reserve-space", name: "占位" }, { id: "none", name: "不显示" }]
           },
-          defaultValue: ((p = t.editor) == null ? void 0 : p.type) === "image" ? "none" : "visible"
+          defaultValue: ((m = t.editor) == null ? void 0 : m.type) === "image" ? "none" : "visible"
         },
         binding: {
           description: "绑定的表单字段",
@@ -2344,19 +2353,19 @@ class Zi extends br {
           readonly: this.formSchemaUtils.designerMode === "PC_RTC" && !t.isRtcControl
         }
       },
-      setPropertyRelates(m, s, c) {
-        if (m)
-          switch (m && m.propertyID) {
+      setPropertyRelates(p, s, c) {
+        if (p)
+          switch (p && p.propertyID) {
             case "type": {
-              o.changeControlType(t, m, r);
+              o.changeControlType(t, p, r);
               break;
             }
             case "label": {
-              m.needRefreshControlTree = !0;
+              p.needRefreshControlTree = !0;
               break;
             }
             case "binding": {
-              o.changeBindingField(t, m, c);
+              o.changeBindingField(t, p, c);
               break;
             }
           }
@@ -2466,28 +2475,28 @@ class Zi extends br {
     const o = r.propertyValue, a = i && i.parent && i.parent.schema;
     if (!a)
       return;
-    const g = a.contents.findIndex((m) => m.id === t.id);
+    const g = a.contents.findIndex((p) => p.id === t.id);
     if (g === -1)
       return;
     const d = a.contents[g];
-    let p;
+    let m;
     if (this.designViewModelField) {
       const c = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((l) => l.id === this.designViewModelField.id).fieldSchema || {};
-      c.editor || (c.editor = {}), c.editor.$type = o, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, c, !1), p = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, o);
+      c.editor || (c.editor = {}), c.editor.$type = o, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, c, !1), m = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, o);
     }
-    p || (p = this.controlCreatorUtils.createFormGroupWithoutField(o)), Object.assign(p, {
+    m || (m = this.controlCreatorUtils.createFormGroupWithoutField(o)), Object.assign(m, {
       id: d.id,
       appearance: d.appearance,
       size: d.size,
       label: d.label,
       binding: d.binding
-    }), Object.prototype.hasOwnProperty.call(d, "visible") && Object.assign(p, { visible: d.visible }), d.editor && ["readonly", "required", "placeholder"].map((m) => {
-      Object.prototype.hasOwnProperty.call(d.editor, m) && (p.editor[m] = d.editor[m]);
-    }), i != null && i.updateContextSchema ? i.updateContextSchema(p) : (i.schema = Object.assign(d, p), Object.assign(t, p)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (m) => m.classList.remove("dgComponentSelected")
+    }), Object.prototype.hasOwnProperty.call(d, "visible") && Object.assign(m, { visible: d.visible }), d.editor && ["readonly", "required", "placeholder"].map((p) => {
+      Object.prototype.hasOwnProperty.call(d.editor, p) && (m.editor[p] = d.editor[p]);
+    }), i != null && i.updateContextSchema ? i.updateContextSchema(m) : (i.schema = Object.assign(d, m), Object.assign(t, m)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (p) => p.classList.remove("dgComponentSelected")
     ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
-      (m) => m.classList.remove("dgComponentFocused")
-    ), ce.value++, xe(() => {
+      (p) => p.classList.remove("dgComponentFocused")
+    ), ce.value++, Te(() => {
       this.getFormDesignerInstance().reloadPropertyPanel();
     });
   }
@@ -2499,7 +2508,7 @@ class Zi extends br {
       type: "input-group",
       $converter: "/converter/property-editor.converter",
       parentPropertyID: "editor"
-    }, r), g = (c = t.binding) != null && c.field ? [] : ["Const", "Variable", "StateMachine"], d = this.getPropertyEditorParams(t, g, "readonly"), p = this.getPropertyEditorParams(t, g, "required"), m = {
+    }, r), g = (c = t.binding) != null && c.field ? [] : ["Const", "Variable", "StateMachine"], d = this.getPropertyEditorParams(t, g, "readonly"), m = this.getPropertyEditorParams(t, g, "required"), p = {
       readonly: {
         description: "",
         title: "只读",
@@ -2509,7 +2518,7 @@ class Zi extends br {
         description: "",
         title: "必填",
         type: "boolean",
-        editor: p,
+        editor: m,
         visible: !!((f = t.binding) != null && f.field)
       },
       placeholder: {
@@ -2519,11 +2528,11 @@ class Zi extends br {
       }
     };
     for (const l in i)
-      m[l] = Object.assign(m[l] || {}, i[l]);
+      p[l] = Object.assign(p[l] || {}, i[l]);
     const s = this;
     return {
       ...a,
-      properties: { ...m },
+      properties: { ...p },
       setPropertyRelates(l, u) {
         if (l) {
           switch (l.propertyID) {
@@ -2545,16 +2554,16 @@ class Zi extends br {
   */
   updateUnifiedLayoutAfterControlChanged(t, r, i) {
     const o = t.split(" ");
-    let a = o.find((s) => /^col-([1-9]|10|11|12)$/.test(s)), g = o.find((s) => /^col-md-([1-9]|10|11|12)$/.test(s)), d = o.find((s) => /^col-xl-([1-9]|10|11|12)$/.test(s)), p = o.find((s) => /^col-el-([1-9]|10|11|12)$/.test(s));
-    a = a || "col-12", g = g || "col-md-" + a.replace("col-", ""), d = d || "col-xl-" + g.replace("col-md-", ""), p = p || "col-el-" + d.replace("col-xl-", "");
-    const m = {
+    let a = o.find((s) => /^col-([1-9]|10|11|12)$/.test(s)), g = o.find((s) => /^col-md-([1-9]|10|11|12)$/.test(s)), d = o.find((s) => /^col-xl-([1-9]|10|11|12)$/.test(s)), m = o.find((s) => /^col-el-([1-9]|10|11|12)$/.test(s));
+    a = a || "col-12", g = g || "col-md-" + a.replace("col-", ""), d = d || "col-xl-" + g.replace("col-md-", ""), m = m || "col-el-" + d.replace("col-xl-", "");
+    const p = {
       id: r,
       columnInSM: parseInt(a.replace("col-", ""), 10),
       columnInMD: parseInt(g.replace("col-md-", ""), 10),
       columnInLG: parseInt(d.replace("col-xl-", ""), 10),
-      columnInEL: parseInt(p.replace("col-el-", ""), 10)
+      columnInEL: parseInt(m.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, m);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, p);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
@@ -2570,9 +2579,9 @@ class Zi extends br {
       const l = o.find((u) => u.id === r.id);
       Object.assign(l || {}, r);
     }
-    const a = o.map((l) => l.columnInSM), g = o.map((l) => l.columnInMD), d = o.map((l) => l.columnInLG), p = o.map((l) => l.columnInEL), m = this.checkIsUniqueColumn(a) ? a[0] : null, s = this.checkIsUniqueColumn(g) ? g[0] : null, c = this.checkIsUniqueColumn(d) ? d[0] : null, f = this.checkIsUniqueColumn(p) ? p[0] : null;
+    const a = o.map((l) => l.columnInSM), g = o.map((l) => l.columnInMD), d = o.map((l) => l.columnInLG), m = o.map((l) => l.columnInEL), p = this.checkIsUniqueColumn(a) ? a[0] : null, s = this.checkIsUniqueColumn(g) ? g[0] : null, c = this.checkIsUniqueColumn(d) ? d[0] : null, f = this.checkIsUniqueColumn(m) ? m[0] : null;
     Object.assign(i.unifiedLayout, {
-      uniqueColClassInSM: m,
+      uniqueColClassInSM: p,
       uniqueColClassInMD: s,
       uniqueColClassInLG: c,
       uniqueColClassInEL: f
@@ -2616,7 +2625,7 @@ class Zi extends br {
   * @param propertyData 下拉框控件属性值
   */
   checkEnumDataReadonly(t) {
-    return !t.binding || t.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === Pn.EnumType);
+    return !t.binding || t.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === xn.EnumType);
   }
   /**
   * 将字段值变化前事件、变化后事件追加到交互面板
@@ -2672,7 +2681,7 @@ class Zi extends br {
     };
   }
   getExpressionConfig(t, r, i = ["compute", "dependency", "validate"], o) {
-    return new Te(this.formSchemaUtils).getExpressionConfig(
+    return new Ie(this.formSchemaUtils).getExpressionConfig(
       t,
       r,
       i,
@@ -2710,14 +2719,14 @@ const Ki = {
   }
 };
 export {
-  br as BaseControlProperty,
-  Te as ExpressionProperty,
+  Cr as BaseControlProperty,
+  Ie as ExpressionProperty,
   we as FPropertyPanel,
   ue as FormBindingType,
   Zi as InputBaseProperty,
-  Cr as PropertyType,
+  Fr as PropertyType,
   pe as SchemaDOMMapping,
   Ki as default,
-  sr as propertyPanelItemProps,
-  Tn as propertyPanelProps
+  ar as propertyPanelItemProps,
+  In as propertyPanelProps
 };