@farris/ui-vue 1.2.6 → 1.2.7

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

@@ -1,24 +1,24 @@
 var Kt = Object.defineProperty;
 var Jt = (e, n, t) => n in e ? Kt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var L = (e, n, t) => Jt(e, typeof n != "symbol" ? n + "" : n, t);
-import { ref as y, defineComponent as q, watch as I, computed as V, createVNode as S, inject as Z, onMounted as H, nextTick as Ne, reactive as en, withDirectives as ve, resolveDirective as tn, Fragment as me, vModelText as Oe } from "vue";
+var j = (e, n, t) => Jt(e, typeof n != "symbol" ? n + "" : n, t);
+import { ref as y, defineComponent as q, watch as N, computed as V, createVNode as S, inject as Z, onMounted as G, nextTick as Ie, reactive as en, withDirectives as ve, resolveDirective as tn, Fragment as ye, vModelText as Oe } from "vue";
 import { cloneDeep as F } from "lodash-es";
 import nn from "@farris/ui-vue/components/list-view";
 import _e from "@farris/ui-vue/components/button-edit";
 import { useDesignerComponent as on } from "@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-component";
-import j from "bignumber.js";
+import L from "bignumber.js";
 import { useNumber as rn, useFormat as an, useSpinner as ln, useTextBox as un } from "@farris/ui-vue/components/number-spinner";
-const Ge = {}, He = {};
+const He = {}, Ge = {};
 function ge(e) {
   const { properties: n, title: t } = e, o = Object.keys(n).reduce((r, a) => (r[a] = n[a].type === "object" && n[a].properties ? ge(n[a]) : F(n[a].default), r), {});
   return o.id = `${t}-${Date.now()}`, o;
 }
-function ye(e, n = {}) {
-  const t = Ge[e];
+function me(e, n = {}) {
+  const t = He[e];
   if (t) {
     let o = ge(t);
-    const r = He[e];
-    return o = r ? r({ getSchemaByType: ye }, o, n) : o, o;
+    const r = Ge[e];
+    return o = r ? r({ getSchemaByType: me }, o, n) : o, o;
   }
   return null;
 }
@@ -46,58 +46,58 @@ function dn(e, n, t = /* @__PURE__ */ new Map()) {
   return cn(o, t);
 }
 function pn(e = {}) {
-  function n(i, c, s, f) {
-    if (typeof s == "number")
-      return f[i].length === s;
-    if (typeof s == "object") {
-      const p = Object.keys(s)[0], v = s[p];
-      if (p === "not")
+  function n(i, d, c, f) {
+    if (typeof c == "number")
+      return f[i].length === c;
+    if (typeof c == "object") {
+      const s = Object.keys(c)[0], v = c[s];
+      if (s === "not")
         return Number(f[i].length) !== Number(v);
-      if (p === "moreThan")
+      if (s === "moreThan")
         return Number(f[i].length) >= Number(v);
-      if (p === "lessThan")
+      if (s === "lessThan")
         return Number(f[i].length) <= Number(v);
     }
     return !1;
   }
-  function t(i, c, s, f) {
-    return f[i] && f[i].propertyValue && String(f[i].propertyValue.value) === String(s);
+  function t(i, d, c, f) {
+    return f[i] && f[i].propertyValue && String(f[i].propertyValue.value) === String(c);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", n],
     ["getProperty", t]
   ]);
-  Object.keys(e).reduce((i, c) => (i.set(c, e[c]), i), o);
-  function r(i, c) {
-    const s = i;
-    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: s, operator: "getProperty", param: i, value: !!c }] : typeof c == "object" ? Object.keys(c).map((f) => {
+  Object.keys(e).reduce((i, d) => (i.set(d, e[d]), i), o);
+  function r(i, d) {
+    const c = i;
+    return typeof d == "number" ? [{ target: c, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: c, operator: "getProperty", param: i, value: !!d }] : typeof d == "object" ? Object.keys(d).map((f) => {
       if (f === "length")
-        return { target: s, operator: "length", param: null, value: c[f] };
-      const p = f, v = c[f];
-      return { target: s, operator: "getProperty", param: p, value: v };
+        return { target: c, operator: "length", param: null, value: d[f] };
+      const s = f, v = d[f];
+      return { target: c, operator: "getProperty", param: s, value: v };
     }) : [];
   }
   function a(i) {
-    return Object.keys(i).reduce((s, f) => {
-      const p = r(f, i[f]);
-      return s.push(...p), s;
+    return Object.keys(i).reduce((c, f) => {
+      const s = r(f, i[f]);
+      return c.push(...s), c;
     }, []);
   }
-  function l(i, c) {
+  function l(i, d) {
     if (o.has(i.operator)) {
-      const s = o.get(i.operator);
-      return s && s(i.target, i.param, i.value, c) || !1;
+      const c = o.get(i.operator);
+      return c && c(i.target, i.param, i.value, d) || !1;
     }
     return !1;
   }
-  function u(i, c) {
-    return a(i).reduce((p, v) => p && l(v, c), !0);
+  function u(i, d) {
+    return a(i).reduce((s, v) => s && l(v, d), !0);
   }
-  function d(i, c) {
-    const s = Object.keys(i), f = s.includes("allOf"), p = s.includes("anyOf"), v = f || p, x = (v ? i[v ? f ? "allOf" : "anyOf" : "allOf"] : [i]).map((E) => u(E, c));
+  function p(i, d) {
+    const c = Object.keys(i), f = c.includes("allOf"), s = c.includes("anyOf"), v = f || s, x = (v ? i[v ? f ? "allOf" : "anyOf" : "allOf"] : [i]).map((E) => u(E, d));
     return f ? !x.includes(!1) : x.includes(!0);
   }
-  return { parseValueSchema: d };
+  return { parseValueSchema: p };
 }
 const g = {
   Button: { type: "Button", name: "按钮", icon: "Button" },
@@ -212,19 +212,19 @@ const g = {
   /** 审批类 end */
 }, fn = {}, vn = {};
 pn();
-function ue(e, n, t = /* @__PURE__ */ new Map(), o = (l, u, d) => u, r = {}, a = (l) => l) {
-  return Ge[n.title] = n, He[n.title] = o, fn[n.title] = r, vn[n.title] = a, (l = {}) => {
-    const u = dn(l, n, t), d = Object.keys(e).reduce((i, c) => (i[c] = e[c].default, i), {});
-    return Object.assign(d, u);
+function ue(e, n, t = /* @__PURE__ */ new Map(), o = (l, u, p) => u, r = {}, a = (l) => l) {
+  return He[n.title] = n, Ge[n.title] = o, fn[n.title] = r, vn[n.title] = a, (l = {}) => {
+    const u = dn(l, n, t), p = Object.keys(e).reduce((i, d) => (i[d] = e[d].default, i), {});
+    return Object.assign(p, u);
   };
 }
 function se(e, n) {
   return { customClass: n.class, customStyle: n.style };
 }
-const mn = /* @__PURE__ */ new Map([
+const yn = /* @__PURE__ */ new Map([
   ["appearance", se]
 ]);
-function yn(e, n, t) {
+function mn(e, n, t) {
   return n;
 }
 const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-design.gitee.io/property-editor.schema.json", gn = "property-editor", Sn = "A Farris Component", Cn = "object", wn = {
@@ -327,7 +327,7 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
   description: Bn,
   type: Fn,
   categories: Mn
-}, qe = {}, En = ue(qe, Vn, mn, yn, Pn), k = y({
+}, qe = {}, En = ue(qe, Vn, yn, mn, Pn), k = y({
   /** 常量值 */
   constValue: {
     /** 值类型：常量（const）, 变量（variable）, 状态机（state）, 自定义（custom） */
@@ -515,9 +515,9 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
   },
   /** 状态机是否有前缀viewModel.stateMachine &&  */
   hasPrefix: 2
-}, In = /* @__PURE__ */ new Map([
+}, Nn = /* @__PURE__ */ new Map([
   ["appearance", se]
-]), Nn = "https://json-schema.org/draft/2020-12/schema", On = "https://farris-design.gitee.io/combo-list.schema.json", Dn = "combo-list", Ln = "A Farris Input Component", jn = "object", $n = {
+]), In = "https://json-schema.org/draft/2020-12/schema", On = "https://farris-design.gitee.io/combo-list.schema.json", Dn = "combo-list", jn = "A Farris Input Component", Ln = "object", $n = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -632,11 +632,11 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
   "id",
   "type"
 ], Rn = {
-  $schema: Nn,
+  $schema: In,
   $id: On,
   title: Dn,
-  description: Ln,
-  type: jn,
+  description: jn,
+  type: Ln,
   properties: $n,
   required: Un
 };
@@ -802,8 +802,14 @@ const Se = {
   /**
    * 打开前
    */
-  beforeOpen: { type: Function, default: null }
-}, ze = ue(Se, Rn, In, _n), Gn = {
+  beforeOpen: { type: Function, default: null },
+  searchOption: {
+    type: Object,
+    default: !1
+  },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 }
+}, ze = ue(Se, Rn, Nn, _n), Hn = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -817,71 +823,93 @@ const Se = {
   valueField: { type: String, default: "id" },
   /** 值变化事件 */
   onSelectionChange: { type: Function, default: () => {
-  } }
-}, Hn = /* @__PURE__ */ q({
+  } },
+  searchOption: {
+    type: Object,
+    default: !1
+  },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 }
+}, Gn = /* @__PURE__ */ q({
   name: "FComboListContainer",
-  props: Gn,
+  props: Hn,
   emits: ["selectionChange"],
   setup(e, n) {
-    const t = y(e.dataSource), o = y([]), r = y(e.separator), a = y(e.width), l = y(e.maxHeight), u = y(String(e.selectedValues).split(r.value));
-    I(e.dataSource, () => {
-      t.value = e.dataSource;
+    const t = y(), o = y(e.dataSource), r = y([]), a = y(e.separator), l = y(e.width), u = y(e.maxHeight), p = y(String(e.selectedValues).split(a.value));
+    N(e.dataSource, () => {
+      o.value = e.dataSource;
     });
-    const d = V(() => e.enableSearch ? "SearchBar" : "ContentHeader"), i = V(() => {
+    const i = V(() => e.enableSearch ? "SearchBar" : "ContentHeader"), d = V(() => {
       const s = {};
-      return a.value !== void 0 && (s.width = `${a.value}px`), l.value !== void 0 && l.value > 0 && (s.maxHeight = `${l.value}px`), s;
+      return l.value !== void 0 && (s.width = `${l.value}px`), u.value !== void 0 && u.value > 0 && (s.maxHeight = `${u.value}px`), s;
     });
     function c(s) {
-      o.value = s.map((f) => Object.assign({}, f)), u.value = s.map((f) => f[e.idField]), n.emit("selectionChange", o.value);
+      r.value = s.map((v) => Object.assign({}, v)), p.value = s.map((v) => v[e.idField]), n.emit("selectionChange", r.value);
+    }
+    function f(s) {
+      if (e.enableHighlightSearch)
+        return;
+      let v = [];
+      typeof e.searchOption == "function" ? v = o.value.filter((h) => e.searchOption(s, h)) : v = o.value.filter((h) => h[e.valueField].indexOf(s) > -1 || h[e.textField].indexOf(s) > -1), t.value.updateDataSource(v);
     }
-    return I([() => e.selectedValues], ([s]) => {
-      u.value = s.split(r.value);
+    return N([() => e.selectedValues], ([s]) => {
+      p.value = s.split(a.value);
     }), () => S("div", {
       class: "f-combo-list-container pl-3",
-      style: i.value
+      style: d.value
     }, [S(nn, {
+      ref: t,
       size: "small",
       itemClass: "f-combo-list-item",
-      header: d.value,
+      header: i.value,
       headerClass: "f-combo-list-search-box",
-      data: t.value,
+      data: o.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      multiSelectMode: "OnCheckAndClick",
-      selectionValues: u.value,
-      onSelectionChange: c
+      selection: {
+        enableSelectRow: !0,
+        multiSelect: !0,
+        multiSelectMode: "OnCheckAndClick",
+        showCheckbox: !0,
+        showSelectAll: !1,
+        showSelection: !0
+      },
+      enableHighlightSearch: e.enableHighlightSearch,
+      selectionValues: p.value,
+      onSelectionChange: c,
+      onAfterSearch: f
     }, null)]);
   }
 });
 function qn(e) {
   const n = y(""), t = y(e.modelValue), o = y(e.data || []), r = y(e.editable);
-  function a(s) {
-    const f = String(s).split(e.separator).map((v) => [v, !0]), p = new Map(f);
-    return o.value.filter((v) => p.has(String(v[e.valueField])));
+  function a(c) {
+    const f = String(c).split(e.separator).map((v) => [v, !0]), s = new Map(f);
+    return o.value.filter((v) => s.has(String(v[e.valueField])));
   }
-  function l(s) {
-    const f = a(s).map((p) => p[e.textField]).join(e.separator);
-    n.value = r.value ? f || s : f;
+  function l(c) {
+    const f = a(c).map((s) => s[e.textField]).join(e.separator);
+    n.value = r.value ? f || c : f;
   }
-  function u(s) {
-    const f = s.split(e.separator).map((v) => [v, !0]), p = new Map(f);
-    return o.value.filter((v) => p.has(v[e.textField]));
+  function u(c) {
+    const f = c.split(e.separator).map((v) => [v, !0]), s = new Map(f);
+    return o.value.filter((v) => s.has(v[e.textField]));
   }
-  function d(s) {
+  function p(c) {
     const f = {};
-    return f[e.idField] = s, f[e.textField] = s, [f];
+    return f[e.idField] = c, f[e.textField] = c, [f];
   }
-  function i(s) {
-    let f = u(s);
-    const p = f && f.length > 0;
-    return r.value && !p && (f = d(s)), f;
+  function i(c) {
+    let f = u(c);
+    const s = f && f.length > 0;
+    return r.value && !s && (f = p(c)), f;
   }
-  function c() {
-    const { url: s, method: f = "GET", headers: p = {}, body: v = null } = e.remote, h = f.toLowerCase() == "get" ? { method: f, headers: p } : { method: f, headers: p, body: v };
+  function d() {
+    const { url: c, method: f = "GET", headers: s = {}, body: v = null } = e.remote, h = f.toLowerCase() == "get" ? { method: f, headers: s } : { method: f, headers: s, body: v };
     let C = !1;
-    fetch(s, h).then((x) => {
+    fetch(c, h).then((x) => {
       var E, w;
       if (x.status === 200)
         return C = !!((w = (E = x.headers) == null ? void 0 : E.get("content-type")) != null && w.includes("application/json")), C ? x.text() : x.json();
@@ -892,54 +920,54 @@ function qn(e) {
       console.error(x);
     });
   }
-  return e.remote && c(), I(() => e.data, () => {
+  return e.remote && d(), N(() => e.data, () => {
     o.value = e.data;
-  }), I([o], ([s]) => {
+  }), N([o], ([c]) => {
     if (e.modelValue) {
-      const f = s.find((p) => p[e.valueField] === e.modelValue);
+      const f = c.find((s) => s[e.valueField] === e.modelValue);
       f && (n.value = f[e.textField]);
     }
-  }), I(() => e.modelValue, (s) => {
-    t.value = s, l(s);
+  }), N(() => e.modelValue, (c) => {
+    t.value = c, l(c);
   }), l(e.modelValue), { dataSource: o, displayText: n, editable: r, modelValue: t, getItemsByDisplayText: u, getItemsByValue: a, getSelectedItemsByDisplayText: i };
 }
-const G = /* @__PURE__ */ q({
+const H = /* @__PURE__ */ q({
   name: "FComboList",
   props: Se,
   emits: ["clear", "update:modelValue", "change", "input"],
   setup(e, n) {
     const t = y(), o = y(e.disabled), r = y(e.enableClear), a = y(e.enableSearch), l = y(e.readonly), {
       dataSource: u,
-      displayText: d,
+      displayText: p,
       editable: i,
-      modelValue: c,
-      getSelectedItemsByDisplayText: s
-    } = qn(e), f = V(() => e.multiSelect), p = V(() => t.value ? t.value.elementRef.getBoundingClientRect().width : 0);
+      modelValue: d,
+      getSelectedItemsByDisplayText: c
+    } = qn(e), f = V(() => e.multiSelect), s = V(() => t.value ? t.value.elementRef.getBoundingClientRect().width : 0);
     function v() {
       !f.value && t.value && t.value.hidePopup();
     }
     function h(B) {
-      d.value = B.map((b) => b[e.textField]).join(e.separator), B.length === 1 ? c.value = B[0][e.valueField] : c.value = B.map((b) => b[e.valueField]).join(e.separator), n.emit("update:modelValue", c.value), n.emit("change", B, c.value), v();
+      p.value = B.map((b) => b[e.textField]).join(e.separator), B.length === 1 ? d.value = B[0][e.valueField] : d.value = B.map((b) => b[e.valueField]).join(e.separator), n.emit("update:modelValue", d.value), n.emit("change", B, d.value), v();
     }
     function C() {
       l.value || t.value.togglePopup();
     }
     function x(B) {
-      c.value = "", n.emit("update:modelValue", ""), n.emit("clear");
+      d.value = "", n.emit("update:modelValue", ""), n.emit("clear");
     }
     function A(B) {
-      const b = s(B);
+      const b = c(B);
       h(b);
     }
     function E() {
-      return d.value;
+      return p.value;
     }
     function w(B) {
       n.emit("input", B);
     }
     return n.expose({
       getDisplayText: E
-    }), I([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, b, T, P, $]) => {
+    }), N([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, b, T, P, $]) => {
       o.value = B, i.value = b, r.value = T, a.value = P, l.value = $;
     }), () => S(_e, {
       ref: t,
@@ -956,8 +984,8 @@ const G = /* @__PURE__ */ q({
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: d.value,
-      "onUpdate:modelValue": (B) => d.value = B,
+      modelValue: p.value,
+      "onUpdate:modelValue": (B) => p.value = B,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
       onClear: x,
@@ -966,17 +994,18 @@ const G = /* @__PURE__ */ q({
       onInput: w,
       beforeOpen: e.beforeOpen
     }, {
-      default: () => [S(Hn, {
+      default: () => [S(Gn, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
         titleField: e.titleField,
         dataSource: u.value,
-        selectedValues: c.value,
+        selectedValues: d.value,
         multiSelect: e.multiSelect,
         enableSearch: a.value,
         maxHeight: e.maxHeight,
-        width: e.fitEditor ? p.value : void 0,
+        enableHighlightSearch: e.enableHighlightSearch,
+        width: e.fitEditor ? s.value : void 0,
         onSelectionChange: h
       }, null)]
     });
@@ -985,7 +1014,7 @@ const G = /* @__PURE__ */ q({
 function Ce(e, n) {
   e.schema;
   const t = y(!0), o = y(!0);
-  function r(s) {
+  function r(c) {
     return !1;
   }
   function a() {
@@ -997,11 +1026,11 @@ function Ce(e, n) {
   function u() {
     return !0;
   }
-  function d(s) {
+  function p(c) {
   }
   function i() {
   }
-  function c(s) {
+  function d(c) {
     return null;
   }
   return {
@@ -1009,11 +1038,11 @@ function Ce(e, n) {
     checkCanDeleteComponent: a,
     checkCanMoveComponent: l,
     hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: d,
+    onAcceptMovedChildElement: p,
     resolveComponentContext: i,
     triggerBelongedComponentToMoveWhenMoved: t,
     triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: c
+    getPropsConfig: d
   };
 }
 class We {
@@ -1025,7 +1054,7 @@ class We {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-L(We, "fieldControlTypeMapping", {
+j(We, "fieldControlTypeMapping", {
   String: [
     { key: g["input-group"].type, value: g["input-group"].name },
     { key: g.lookup.type, value: g.lookup.name },
@@ -1082,18 +1111,18 @@ L(We, "fieldControlTypeMapping", {
 });
 class zn {
   constructor(n, t) {
-    L(this, "componentId");
-    L(this, "viewModelId");
-    L(this, "eventsEditorUtils");
-    L(this, "formSchemaUtils");
-    L(this, "formMetadataConverter");
-    L(this, "designViewModelUtils");
-    L(this, "designViewModelField");
-    L(this, "controlCreatorUtils");
-    L(this, "designerHostService");
-    L(this, "schemaService", null);
-    L(this, "metadataService", null);
-    L(this, "propertyConfig", {
+    j(this, "componentId");
+    j(this, "viewModelId");
+    j(this, "eventsEditorUtils");
+    j(this, "formSchemaUtils");
+    j(this, "formMetadataConverter");
+    j(this, "designViewModelUtils");
+    j(this, "designViewModelField");
+    j(this, "controlCreatorUtils");
+    j(this, "designerHostService");
+    j(this, "schemaService", null);
+    j(this, "metadataService", null);
+    j(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
@@ -1166,13 +1195,13 @@ class zn {
   * @param newControlType 新控件类型
   */
   changeControlType(n, t) {
-    var i, c, s, f, p;
+    var i, d, c, f, s;
     const o = t.propertyValue, r = this.formSchemaUtils.getComponentById(this.componentId);
     let a = this.getControlParentContainer(n.id, r);
     if (!a)
       return;
     const l = a.contents.findIndex((v) => v.id === n.id), u = a.contents[l];
-    let d;
+    let p;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
         $type: o
@@ -1180,20 +1209,20 @@ class zn {
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), d = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(d, {
+    }, !1), p = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(p, {
       id: u.id,
       appearance: u.appearance,
       size: u.size,
       label: u.label
-    }), Object.assign(d.editor, {
-      isTextArea: d.isTextArea && u.isTextArea,
+    }), Object.assign(p.editor, {
+      isTextArea: p.isTextArea && u.isTextArea,
       type: o || "",
       placeHolder: (i = u.editor) == null ? void 0 : i.placeHolder,
-      holdPlace: (c = u.editor) == null ? void 0 : c.holdPlace,
-      readonly: (s = u.editor) == null ? void 0 : s.readonly,
+      holdPlace: (d = u.editor) == null ? void 0 : d.holdPlace,
+      readonly: (c = u.editor) == null ? void 0 : c.readonly,
       require: (f = u.editor) == null ? void 0 : f.require,
-      visible: (p = u.editor) == null ? void 0 : p.visible
-    }), a.contents.splice(l, 1, d);
+      visible: (s = u.editor) == null ? void 0 : s.visible
+    }), a.contents.splice(l, 1, p);
   }
   getAppearanceConfig(n = null) {
     return {
@@ -1241,27 +1270,6 @@ class zn {
         return o;
     }
   }
-  getBindingFieldEditorOptions(n) {
-    const t = this.formSchemaUtils.getFormMetadataBasicInfo();
-    return {
-      type: "field-selector",
-      bindingType: { enable: !1 },
-      editorParams: {
-        propertyData: n,
-        formBasicInfo: t
-      },
-      columns: [
-        { field: "name", title: "字段名称" },
-        { field: "bindingField", title: "绑定字段" },
-        { field: "fieldType", title: "字段类型" }
-      ],
-      beforeOpenDialog: (o) => {
-        const r = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        o.instance.loadData(r);
-      },
-      textField: "bindingField"
-    };
-  }
 }
 class we extends zn {
   constructor(n, t) {
@@ -1298,10 +1306,14 @@ class we extends zn {
           { field: "bindingField", title: "绑定字段" },
           { field: "fieldType", title: "字段类型" }
         ],
+        textField: "bindingField",
         data: o
       }
     };
   }
+  getBindingOtions(n) {
+    return this.getFieldSelectorOptions(n);
+  }
   getComponentConfig(n, t = {}, o = {}) {
     const r = Object.assign({
       description: "组件信息",
@@ -1365,11 +1377,11 @@ function Qn(e, n) {
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: d,
+    triggerBelongedComponentToMoveWhenMoved: p,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ce(e), c = e.schema;
-  function s(f) {
-    return new Wn(f, n).getPropertyConfig(c);
+  } = Ce(e), d = e.schema;
+  function c(f) {
+    return new Wn(f, n).getPropertyConfig(d);
   }
   return {
     canAccepts: t,
@@ -1378,9 +1390,9 @@ function Qn(e, n) {
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: d,
+    triggerBelongedComponentToMoveWhenMoved: p,
     triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: s
+    getPropsConfig: c
   };
 }
 const Yn = /* @__PURE__ */ q({
@@ -1389,7 +1401,7 @@ const Yn = /* @__PURE__ */ q({
   emits: ["clear", "update:modelValue", "change"],
   setup(e, n) {
     const t = y(), o = Z("designer-host-service"), r = Z("design-item-context"), a = Qn(r, o), l = on(t, r, a);
-    return H(() => {
+    return G(() => {
       t.value.componentInstance = l;
     }), n.expose(l.value), () => S(_e, {
       ref: t,
@@ -1414,13 +1426,13 @@ const Yn = /* @__PURE__ */ q({
     t.component(n.name, e);
   }, e;
 };
-G.register = (e, n, t, o) => {
-  e["combo-list"] = G, n["combo-list"] = ze;
+H.register = (e, n, t, o) => {
+  e["combo-list"] = H, n["combo-list"] = ze;
 };
-G.registerDesigner = (e, n, t) => {
+H.registerDesigner = (e, n, t) => {
   e["combo-list"] = Yn, n["combo-list"] = ze;
 };
-xe(G);
+xe(H);
 const Zn = /* @__PURE__ */ new Map([
   ["appearance", se]
 ]);
@@ -1708,18 +1720,18 @@ const Kn = "https://json-schema.org/draft/2020-12/schema", Jn = "https://farris-
   updateOn: { type: String, default: "blur" }
 }, Qe = ue(Ve, ao, Zn, Xn);
 function io(e, n, t, o) {
-  const r = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), d = y(e.textAlign), i = y(e.updateOn), c = V(() => e.editable || !e.readonly), s = V(() => e.editable && !e.disabled && !e.readonly), f = V(() => !e.disabled && a.value), p = V(() => t.value === "" || t.value === null || t.value === void 0), v = V(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), h = V(() => e.readonly || !e.editable), C = V(() => e.enableTitle ? t.value : ""), x = V(() => ({
+  const r = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), p = y(e.textAlign), i = y(e.updateOn), d = V(() => e.editable || !e.readonly), c = V(() => e.editable && !e.disabled && !e.readonly), f = V(() => !e.disabled && a.value), s = V(() => t.value === "" || t.value === null || t.value === void 0), v = V(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), h = V(() => e.readonly || !e.editable), C = V(() => e.enableTitle ? t.value : ""), x = V(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
-    "text-left": d.value === "left",
-    "text-center": d.value === "center",
-    "text-right": d.value === "right"
+    "text-left": p.value === "left",
+    "text-center": p.value === "center",
+    "text-right": p.value === "right"
   })), A = V(() => {
     const M = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
       "f-state-disable": r.value,
-      "f-state-editable": s.value,
+      "f-state-editable": c.value,
       "f-state-readonly": h.value,
       "f-state-focus": f.value
     };
@@ -1728,12 +1740,12 @@ function io(e, n, t, o) {
   function w(M, D = !0) {
     t.value = M, o.value !== M && (o.value = M), D && n.emit("change", M), n.emit("update:modelValue", M), n.emit("update:value", M);
   }
-  I(
+  N(
     () => e.modelValue,
     (M, D) => {
       M !== D && (t.value = M, o.value = M);
     }
-  ), I(() => e.disabled, (M, D) => {
+  ), N(() => e.disabled, (M, D) => {
     M !== D && (r.value = M);
   });
   function B(M) {
@@ -1743,7 +1755,7 @@ function io(e, n, t, o) {
     n.emit("click", M);
   }
   function T(M) {
-    e.disabled || (u.value && (a.value = !0), c.value && n.emit("focus", M));
+    e.disabled || (u.value && (a.value = !0), d.value && n.emit("focus", M));
   }
   function P(M) {
     n.emit("input", M.target.value);
@@ -1769,11 +1781,11 @@ function io(e, n, t, o) {
     changeTextBoxValue: w,
     disabled: r,
     displayText: o,
-    editable: s,
+    editable: c,
     hasFocused: f,
     inputGroupClass: A,
     inputType: l,
-    isEmpty: p,
+    isEmpty: s,
     modelValue: t,
     readonly: h,
     onBlur: B,
@@ -1791,14 +1803,14 @@ function io(e, n, t, o) {
   };
 }
 function lo(e, n, t, o) {
-  const r = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), d = y(e.textAlign);
+  const r = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), p = y(e.textAlign);
   V(() => e.editable || !e.readonly);
-  const i = V(() => e.editable && !e.disabled && !e.readonly), c = V(() => !e.disabled && a.value), s = V(() => t.value === "" || t.value === null || t.value === void 0), f = V(() => e.placeholder), p = V(() => e.readonly || !e.editable), v = V(() => e.enableTitle ? t.value : ""), h = V(() => ({
+  const i = V(() => e.editable && !e.disabled && !e.readonly), d = V(() => !e.disabled && a.value), c = V(() => t.value === "" || t.value === null || t.value === void 0), f = V(() => e.placeholder), s = V(() => e.readonly || !e.editable), v = V(() => e.enableTitle ? t.value : ""), h = V(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
-    "text-left": d.value === "left",
-    "text-center": d.value === "center",
-    "text-right": d.value === "right"
+    "text-left": p.value === "left",
+    "text-center": p.value === "center",
+    "text-right": p.value === "right"
   })), C = V(() => ({
     "f-cmp-inputgroup": !0,
     "input-group": !0,
@@ -1812,12 +1824,12 @@ function lo(e, n, t, o) {
     disabled: r,
     displayText: o,
     editable: i,
-    hasFocused: c,
+    hasFocused: d,
     inputGroupClass: C,
     inputType: l,
-    isEmpty: s,
+    isEmpty: c,
     modelValue: t,
-    readonly: p,
+    readonly: s,
     // onBlur,
     // onClick,
     // onFocus,
@@ -1833,30 +1845,30 @@ function lo(e, n, t, o) {
   };
 }
 function Ye(e, n, t) {
-  const o = y(!1), r = V(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: a, displayText: l, hasFocused: u, isEmpty: d } = t;
+  const o = y(!1), r = V(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: a, displayText: l, hasFocused: u, isEmpty: p } = t;
   function i(h) {
     o.value = h;
   }
-  I(l, () => {
+  N(l, () => {
     u != null && u.value ? i(!!(l != null && l.value)) : i(!1);
   });
-  const c = V(() => ({
+  const d = V(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), s = V(() => ({
+  })), c = V(() => ({
     width: "24px",
     display: o.value ? "flex" : "none"
   }));
   function f(h) {
     h.stopPropagation(), r.value && (a("", !0), i(!o.value), n.emit("clear"));
   }
-  function p(h) {
-    r.value && !d.value && i(!0);
+  function s(h) {
+    r.value && !p.value && i(!0);
   }
   function v(h) {
     r.value && i(!1);
   }
-  return { clearButtonClass: c, clearButtonStyle: s, hasShownClearButton: o, onClearValue: f, onMouseEnter: p, onMouseLeave: v, shouldShowClearButton: r };
+  return { clearButtonClass: d, clearButtonStyle: c, hasShownClearButton: o, onClearValue: f, onMouseEnter: s, onMouseLeave: v, shouldShowClearButton: r };
 }
 const uo = ["moz", "ms", "webkit"];
 function so() {
@@ -1885,17 +1897,17 @@ function Ze(e, n) {
   })), appendedContent: t, shouldShowAppendedButton: r };
 }
 function Xe(e, n, t, o) {
-  const { appendedContent: r } = o, a = y(e.enableViewPassword), l = V(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', d = '<span class="f-icon f-icon-eye"></span>', i = y(!1);
-  I(() => [e.readonly, e.disabled], ([f, p]) => {
-    l.value && (t.value = f || p ? "password" : t.value, r.value = f || p ? d : r.value);
+  const { appendedContent: r } = o, a = y(e.enableViewPassword), l = V(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', p = '<span class="f-icon f-icon-eye"></span>', i = y(!1);
+  N(() => [e.readonly, e.disabled], ([f, s]) => {
+    l.value && (t.value = f || s ? "password" : t.value, r.value = f || s ? p : r.value);
   });
-  function c() {
-    return i.value = !i.value, t.value = i.value ? "text" : "password", r.value = i.value ? u : d, !1;
+  function d() {
+    return i.value = !i.value, t.value = i.value ? "text" : "password", r.value = i.value ? u : p, !1;
   }
-  function s() {
-    t.value = l.value ? "password" : "text", r.value = l.value ? a.value ? d : "" : r.value;
+  function c() {
+    t.value = l.value ? "password" : "text", r.value = l.value ? a.value ? p : "" : r.value;
   }
-  return s(), { isPassword: l, onClickAppendedButton: c };
+  return c(), { isPassword: l, onClickAppendedButton: d };
 }
 function Ke(e, n, t) {
   const o = y(), {
@@ -1903,30 +1915,30 @@ function Ke(e, n, t) {
     onFocusTextBox: a,
     onInput: l,
     onKeyDown: u,
-    textBoxValue: d
-  } = t, i = V(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), c = V(() => ({
+    textBoxValue: p
+  } = t, i = V(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = V(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), s = V(() => ({
+  })), c = V(() => ({
     "text-align": e.textAlign
   }));
   function f(h) {
     h.stopPropagation();
   }
-  function p() {
+  function s() {
     e.selectOnCreated, e.focusOnCreated;
   }
   async function v(h) {
-    a(h), await Ne, p();
+    a(h), await Ie, s();
   }
-  return H(async () => {
-    await Ne, p();
+  return G(async () => {
+    await Ie, s();
   }), () => S("input", {
     ref: o,
-    class: c.value,
-    style: s.value,
+    class: d.value,
+    style: c.value,
     type: "text",
-    value: d.value,
+    value: p.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: i.value,
@@ -1947,14 +1959,14 @@ function Te(e, n, t) {
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), d = V(() => ({
+  })), p = V(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
   })), i = V(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), c = V(() => ({
+  })), d = V(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
@@ -1962,7 +1974,7 @@ function Te(e, n, t) {
     class: u.value
   }, [S("button", {
     title: "upButton",
-    class: d.value,
+    class: p.value,
     style: i.value,
     onClick: l,
     disabled: !r()
@@ -1970,8 +1982,8 @@ function Te(e, n, t) {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), S("button", {
     title: "downButton",
-    class: d.value,
-    style: c.value,
+    class: p.value,
+    style: d.value,
     onClick: a,
     disabled: !o()
   }, [S("span", {
@@ -1981,34 +1993,34 @@ function Te(e, n, t) {
 function po(e, n) {
   const t = rn(e, n), o = an(e, n, t), r = ln(e, n, o, t), a = un(e, n, o, t, r), l = Te(e, n, r), {
     displayValue: u,
-    modelValue: d,
+    modelValue: p,
     getRealValue: i
-  } = t, c = Ke(e, n, a), {
-    format: s
+  } = t, d = Ke(e, n, a), {
+    format: c
   } = o, {
     isFocus: f
-  } = a, p = V(() => !e.disabled && !e.readonly);
-  return H(() => {
+  } = a, s = V(() => !e.disabled && !e.readonly);
+  return G(() => {
     const v = i(e.modelValue);
-    u.value = s(v);
-  }), I(() => [e.value], ([v]) => {
+    u.value = c(v);
+  }), N(() => [e.value], ([v]) => {
     const h = i(v);
-    d.value = h, u.value = s(h);
-  }), I(() => [e.modelValue], ([v]) => {
-    v !== d.value && (d.value = v, !f.value && (u.value = s(i(v))));
-  }), I(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    u.value = s(d.value);
+    p.value = h, u.value = c(h);
+  }), N(() => [e.modelValue], ([v]) => {
+    v !== p.value && (p.value = v, !f.value && (u.value = c(i(v))));
+  }), N(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    u.value = c(p.value);
   }), () => S("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [c(), p.value && l()]);
+  }, [d(), s.value && l()]);
 }
 function fo(e, n, t, o) {
   const r = y(), a = y(e.autocomplete), l = y(e.enableTitle), {
     isPassword: u
-  } = t, d = y(e.minLength), i = y(e.maxLength), c = y(e.tabIndex), {
-    disabled: s,
+  } = t, p = y(e.minLength), i = y(e.maxLength), d = y(e.tabIndex), {
+    disabled: c,
     displayText: f,
-    inputType: p,
+    inputType: s,
     onBlur: v,
     onFocus: h,
     onInput: C,
@@ -2022,21 +2034,21 @@ function fo(e, n, t, o) {
     textBoxClass: P,
     textBoxTitle: $
   } = o;
-  return H(() => {
+  return G(() => {
     e.selectOnCreated, e.focusOnCreated;
   }), () => S("input", {
     ref: r,
     name: "input-group-value",
     autocomplete: a.value,
     class: P.value,
-    disabled: s == null ? void 0 : s.value,
+    disabled: c == null ? void 0 : c.value,
     maxlength: i.value,
-    minlength: d.value,
+    minlength: p.value,
     placeholder: T.value,
     readonly: b == null ? void 0 : b.value,
-    tabindex: c.value,
+    tabindex: d.value,
     title: l.value && !u.value ? $.value : "",
-    type: p.value,
+    type: s.value,
     value: f == null ? void 0 : f.value,
     onBlur: v,
     onClick: x,
@@ -2068,17 +2080,17 @@ function Je(e, n, t, o, r) {
   const {
     appendedButtonClass: a,
     appendedContent: l
-  } = t, u = V(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), d = V(() => l.value && !n.slots.groupTextTemplate), i = V(() => !!n.slots.groupTextTemplate), {
-    clearButtonClass: c,
-    clearButtonStyle: s,
+  } = t, u = V(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), p = V(() => l.value && !n.slots.groupTextTemplate), i = V(() => !!n.slots.groupTextTemplate), {
+    clearButtonClass: d,
+    clearButtonStyle: c,
     onClearValue: f,
-    shouldShowClearButton: p
+    shouldShowClearButton: s
   } = o;
   function v() {
     return S("span", {
       id: "clearIcon",
-      class: c.value,
-      style: s.value,
+      class: d.value,
+      style: c.value,
       onClick: (T) => f(T)
     }, [S("i", {
       class: "f-icon modal_close"
@@ -2109,12 +2121,12 @@ function Je(e, n, t, o, r) {
     return n.slots.groupTextTemplate && n.slots.groupTextTemplate();
   }
   function B() {
-    return d.value ? E : i.value ? w : "";
+    return p.value ? E : i.value ? w : "";
   }
   const b = B();
   return () => S("div", {
     class: a.value
-  }, [p.value && v(), b && b()]);
+  }, [s.value && v(), b && b()]);
 }
 const J = /* @__PURE__ */ q({
   name: "FInputGroup",
@@ -2125,35 +2137,35 @@ const J = /* @__PURE__ */ q({
       inputGroupClass: a,
       inputType: l,
       inputGroupStyle: u
-    } = r, d = Ze(e), {
+    } = r, p = Ze(e), {
       shouldShowAppendedButton: i
-    } = d, c = Ye(e, n, r), {
-      onMouseEnter: s,
+    } = p, d = Ye(e, n, r), {
+      onMouseEnter: c,
       onMouseLeave: f
-    } = c, p = Xe(e, n, l, d), v = po(e, n), h = fo(e, n, p, r), C = Je(e, n, d, c, p), x = vo(e, n), A = V(() => e.type === "number");
-    I(() => [e.value], ([w]) => {
+    } = d, s = Xe(e, n, l, p), v = po(e, n), h = fo(e, n, s, r), C = Je(e, n, p, d, s), x = vo(e, n), A = V(() => e.type === "number");
+    N(() => [e.value], ([w]) => {
       t.value = w, o.value = w;
-    }), I(() => [e.modelValue], ([w]) => {
+    }), N(() => [e.modelValue], ([w]) => {
       t.value = w, o.value = w;
-    }), H(() => {
+    }), G(() => {
       e.value && (t.value = e.value, o.value = e.value);
     });
-    const E = () => S(me, null, [S("div", {
+    const E = () => S(ye, null, [S("div", {
       id: "inputGroup",
       class: a.value,
       style: u.value,
-      onMouseenter: s,
+      onMouseenter: c,
       onMouseleave: f
-    }, [A.value ? v() : S(me, null, [x(), h(), i.value && C()])])]);
+    }, [A.value ? v() : S(ye, null, [x(), h(), i.value && C()])])]);
     return () => E();
   }
 });
-class mo extends we {
+class yo extends we {
   constructor(n, t) {
     super(n, t);
   }
 }
-function yo(e, n) {
+function mo(e, n) {
   const {
     canAccepts: t,
     checkCanDeleteComponent: o,
@@ -2161,11 +2173,11 @@ function yo(e, n) {
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: d,
+    triggerBelongedComponentToMoveWhenMoved: p,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ce(e), c = e.schema;
-  function s(f) {
-    return new mo(f, n).getPropertyConfig(c);
+  } = Ce(e), d = e.schema;
+  function c(f) {
+    return new yo(f, n).getPropertyConfig(d);
   }
   return {
     canAccepts: t,
@@ -2174,9 +2186,9 @@ function yo(e, n) {
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: d,
+    triggerBelongedComponentToMoveWhenMoved: p,
     triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: s
+    getPropsConfig: c
   };
 }
 function et(e, n, t) {
@@ -2189,28 +2201,28 @@ function et(e, n, t) {
   function u() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function d() {
+  function p() {
     return !1;
   }
   function i() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function c() {
+  function d() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function s(b) {
+  function c(b) {
     if (!b || !b.value)
       return null;
     if (b.value.schema && b.value.schema.type === "component")
       return b.value;
-    const T = y(b == null ? void 0 : b.value.parent), P = s(T);
+    const T = y(b == null ? void 0 : b.value.parent), P = c(T);
     return P || null;
   }
   function f(b = n) {
     const { componentInstance: T, designerItemElementRef: P } = b;
     return !T || !T.value ? null : T.value.canMove ? P : f(b.parent);
   }
-  function p(b) {
+  function s(b) {
     return !!t && t.canAccepts(b);
   }
   function v() {
@@ -2223,7 +2235,7 @@ function et(e, n, t) {
   }
   function x(b) {
     const { componentType: T } = b;
-    let P = ye(T, b);
+    let P = me(T, b);
     t && t.onResolveNewComponentSchema && (P = t.onResolveNewComponentSchema(b, P));
     const $ = T.toLowerCase().replace("-", "_");
     return P && !P.id && P.type === T && (P.id = `${$}_${Math.random().toString().slice(2, 6)}`), P;
@@ -2231,7 +2243,7 @@ function et(e, n, t) {
   function A(b, T) {
     const P = String(b.getAttribute("data-controltype")), $ = b.getAttribute("data-feature"), Q = $ ? JSON.parse($) : {};
     Q.parentComponentInstance = l.value;
-    let R = ye(P, Q);
+    let R = me(P, Q);
     t && t.onAcceptNewChildElement && (R = t.onAcceptNewChildElement(b, T, R));
     const K = P.toLowerCase().replace("-", "_");
     return R && !R.id && R.type === P && (R.id = `${K}_${Math.random().toString().slice(2, 6)}`), R;
@@ -2244,17 +2256,17 @@ function et(e, n, t) {
   }
   return l.value = {
     canMove: u(),
-    canSelectParent: d(),
+    canSelectParent: p(),
     canDelete: i(),
-    canNested: !c(),
+    canNested: !d(),
     contents: n == null ? void 0 : n.schema.contents,
     elementRef: e,
     parent: (B = n == null ? void 0 : n.parent) == null ? void 0 : B.componentInstance,
     schema: n == null ? void 0 : n.schema,
     styles: r,
     designerClass: a,
-    canAccepts: p,
-    getBelongedComponentInstance: s,
+    canAccepts: s,
+    getBelongedComponentInstance: c,
     getDraggableDesignItemElement: f,
     getDraggingDisplayText: v,
     getPropConfig: w,
@@ -2277,22 +2289,22 @@ const ho = /* @__PURE__ */ q({
       inputGroupClass: a,
       inputType: l,
       inputGroupStyle: u
-    } = r, d = Ze(e), {
+    } = r, p = Ze(e), {
       shouldShowAppendedButton: i
-    } = d, c = Ye(e, n, r), {
-      onMouseEnter: s,
+    } = p, d = Ye(e, n, r), {
+      onMouseEnter: c,
       onMouseLeave: f
-    } = c, p = Xe(e, n, l, d), v = y(), h = Z("designer-host-service"), C = Z("design-item-context"), x = yo(C, h), A = et(v, C, x);
-    H(() => {
+    } = d, s = Xe(e, n, l, p), v = y(), h = Z("designer-host-service"), C = Z("design-item-context"), x = mo(C, h), A = et(v, C, x);
+    G(() => {
       v.value.componentInstance = A;
     }), n.expose(A.value);
-    const E = Je(e, n, d, c, p), w = y();
+    const E = Je(e, n, p, d, s), w = y();
     return () => S("div", {
       id: "inputGroup",
       ref: v,
       class: a.value,
       style: u.value,
-      onMouseenter: s,
+      onMouseenter: c,
       onMouseleave: f
     }, [S("input", {
       ref: w,
@@ -2533,37 +2545,37 @@ const Be = {
   selectOnCreated: { type: Boolean, default: !1 }
 }, tt = ue(Be, Bo, bo, Fo);
 function nt(e, n, t, o) {
-  const { format: r } = t, { displayValue: a, getRealValue: l, modelValue: u, onNumberValueChanged: d } = o;
+  const { format: r } = t, { displayValue: a, getRealValue: l, modelValue: u, onNumberValueChanged: p } = o;
   function i() {
-    const C = new j(u.value || 0);
-    return !(e.max && !new j(e.max).isNaN() && C.gte(new j(e.max)));
+    const C = new L(u.value || 0);
+    return !(e.max && !new L(e.max).isNaN() && C.gte(new L(e.max)));
   }
-  function c() {
-    const C = new j(u.value || 0);
-    return !(e.min && !new j(e.min).isNaN() && C.lte(new j(e.min)));
+  function d() {
+    const C = new L(u.value || 0);
+    return !(e.min && !new L(e.min).isNaN() && C.lte(new L(e.min)));
   }
-  function s(C) {
+  function c(C) {
     if (e.readonly || e.disabled)
       return;
-    const x = C === "up" ? i : c, A = C === "up" ? "plus" : "minus";
+    const x = C === "up" ? i : d, A = C === "up" ? "plus" : "minus";
     if (x()) {
-      const w = new j(u.value || 0)[A](Number(e.step)), B = w.toFixed();
-      a.value = r(B), d(l(w));
+      const w = new L(u.value || 0)[A](Number(e.step)), B = w.toFixed();
+      a.value = r(B), p(l(w));
     }
   }
   function f() {
-    s("up");
+    c("up");
   }
-  function p() {
-    s("down");
+  function s() {
+    c("down");
   }
   function v(C) {
     f(), C.stopPropagation();
   }
   function h(C) {
-    p(), C.stopPropagation();
+    s(), C.stopPropagation();
   }
-  return { canDownward: c, canUpward: i, downward: p, onClickDownButton: h, onClickUpButton: v, upward: f };
+  return { canDownward: d, canUpward: i, downward: s, onClickDownButton: h, onClickUpButton: v, upward: f };
 }
 function ot(e, n, t) {
   const o = V(() => ({
@@ -2576,52 +2588,52 @@ function ot(e, n, t) {
   function l(i) {
     return i = i == null || i === "" ? "" : String(i), i = i.replace(new RegExp(e.prefix, "g"), "").replace(new RegExp(e.suffix, "g"), "").replace(/,/g, ""), e.groupSeparator && e.groupSeparator !== "," && (i = i.replace(new RegExp(`\\${e.groupSeparator}`, "g"), "")), e.decimalSeparator && e.decimalSeparator !== "." && (i = i.replace(new RegExp(`\\${e.decimalSeparator}`, "g"), ".")), i;
   }
-  function u(i, c) {
-    return e.precision !== null && e.precision !== void 0 ? i.toFormat(a.value, c) : i.toFormat(c);
+  function u(i, d) {
+    return e.precision !== null && e.precision !== void 0 ? i.toFormat(a.value, d) : i.toFormat(d);
   }
-  function d(i) {
-    const c = l(i), s = new j(c, 10), f = r(s);
+  function p(i) {
+    const d = l(i), c = new L(d, 10), f = r(c);
     return f.valueOf() === "0" && !e.showZero || f.isNaN() ? "" : e.formatter ? e.formatter(f.toNumber()) : u(f, o.value);
   }
-  return { cleanFormat: l, format: d };
+  return { cleanFormat: l, format: p };
 }
 function rt(e, n) {
   const t = y(""), o = y(e.modelValue), r = V(() => Number(e.precision) || 0);
-  function a(c) {
-    return c.toFixed(r.value);
+  function a(d) {
+    return d.toFixed(r.value);
   }
-  function l(c) {
-    return isNaN(c) || c === null || c === void 0 || c === "";
+  function l(d) {
+    return isNaN(d) || d === null || d === void 0 || d === "";
   }
-  function u(c) {
-    const s = l(e.max) ? null : new j(String(e.max), 10), f = l(e.min) ? null : new j(String(e.min), 10);
-    return s && c.gt(s) ? s : f && c.lt(f) ? f : c;
+  function u(d) {
+    const c = l(e.max) ? null : new L(String(e.max), 10), f = l(e.min) ? null : new L(String(e.min), 10);
+    return c && d.gt(c) ? c : f && d.lt(f) ? f : d;
   }
-  function d(c) {
+  function p(d) {
     if (e.parser)
-      return isNaN(Number(c)) ? e.parser(c) : c;
-    let s = u(new j(c, 10));
-    if (s.isNaN()) {
+      return isNaN(Number(d)) ? e.parser(d) : d;
+    let c = u(new L(d, 10));
+    if (c.isNaN()) {
       if (e.canNull)
         return null;
-      const p = new j("" + e.min, 10), v = new j("" + e.max, 10);
-      if (!p.isNaN())
-        s = p;
+      const s = new L("" + e.min, 10), v = new L("" + e.max, 10);
+      if (!s.isNaN())
+        c = s;
       else if (!v.isNaN())
-        s = v;
+        c = v;
       else
         return 0;
     }
-    return a(s);
+    return a(c);
   }
-  function i(c) {
-    const s = Number(c);
-    o.value = s, n.emit("update:modelValue", s), n.emit("valueChange", s), n.emit("change", s);
+  function i(d) {
+    const c = Number(d);
+    o.value = c, n.emit("update:modelValue", c), n.emit("valueChange", c), n.emit("change", c);
   }
-  return { displayValue: t, getRealValue: d, modelValue: o, isEmpty: l, onNumberValueChanged: i, precision: r, getValidNumberObject: u };
+  return { displayValue: t, getRealValue: p, modelValue: o, isEmpty: l, onNumberValueChanged: i, precision: r, getValidNumberObject: u };
 }
 function Mo(e, n, t, o, r) {
-  const { cleanFormat: a, format: l } = t, { displayValue: u, getRealValue: d, modelValue: i, isEmpty: c, onNumberValueChanged: s } = o, { downward: f, upward: p } = r, v = y(!1), h = V(() => u.value);
+  const { cleanFormat: a, format: l } = t, { displayValue: u, getRealValue: p, modelValue: i, isEmpty: d, onNumberValueChanged: c } = o, { downward: f, upward: s } = r, v = y(!1), h = V(() => u.value);
   function C(w) {
     var T;
     if (w.stopPropagation(), v.value = !1, e.readonly || e.disabled)
@@ -2629,10 +2641,10 @@ function Mo(e, n, t, o, r) {
     let B = (T = w.target) == null ? void 0 : T.value;
     e.canNull || (B = B || 0);
     const b = a(B);
-    u.value = l(b), s(d(b)), n.emit("blur", { event: w, formatted: u.value, value: i.value });
+    u.value = l(b), c(p(b)), n.emit("blur", { event: w, formatted: u.value, value: i.value });
   }
   function x(w) {
-    w.stopPropagation(), v.value = !0, !(e.readonly || e.disabled) && (u.value = c(i.value) || !e.showZero && i.value === "0" ? "" : String(i.value), n.emit("focus", { event: w, formatted: u.value, value: i.value }));
+    w.stopPropagation(), v.value = !0, !(e.readonly || e.disabled) && (u.value = d(i.value) || !e.showZero && i.value === "0" ? "" : String(i.value), n.emit("focus", { event: w, formatted: u.value, value: i.value }));
   }
   function A(w) {
     var T;
@@ -2640,10 +2652,10 @@ function Mo(e, n, t, o, r) {
     let B = (T = w.target) == null ? void 0 : T.value;
     e.canNull || (B = B || 0);
     const b = a(B);
-    u.value = b, s(d(b));
+    u.value = b, c(p(b));
   }
   function E(w) {
-    w.key === "ArrowDown" && (w.preventDefault(), f()), w.key === "ArrowUp" && (w.preventDefault(), p()), w.stopPropagation();
+    w.key === "ArrowDown" && (w.preventDefault(), f()), w.key === "ArrowUp" && (w.preventDefault(), s()), w.stopPropagation();
   }
   return { textBoxValue: h, onBlurTextBox: C, onFocusTextBox: x, onInput: A, onKeyDown: E, isFocus: v };
 }
@@ -2654,26 +2666,26 @@ const ee = /* @__PURE__ */ q({
   setup(e, n) {
     const t = rt(e, n), o = ot(e, n, t), r = nt(e, n, o, t), a = Mo(e, n, o, t, r), l = Te(e, n, r), {
       displayValue: u,
-      modelValue: d,
+      modelValue: p,
       getRealValue: i
-    } = t, c = Ke(e, n, a), {
-      format: s
+    } = t, d = Ke(e, n, a), {
+      format: c
     } = o, {
       isFocus: f
-    } = a, p = V(() => !e.disabled && !e.readonly && e.showButton);
-    return H(() => {
+    } = a, s = V(() => !e.disabled && !e.readonly && e.showButton);
+    return G(() => {
       const v = i(e.modelValue);
-      u.value = s(v);
-    }), I(() => [e.value], ([v]) => {
+      u.value = c(v);
+    }), N(() => [e.value], ([v]) => {
       const h = i(v);
-      d.value = h, u.value = s(h);
-    }), I(() => [e.modelValue], ([v]) => {
-      v !== d.value && (d.value = v, !f.value && (u.value = s(i(v))));
-    }), I(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      u.value = s(d.value);
+      p.value = h, u.value = c(h);
+    }), N(() => [e.modelValue], ([v]) => {
+      v !== p.value && (p.value = v, !f.value && (u.value = c(i(v))));
+    }), N(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+      u.value = c(p.value);
     }), () => S("div", {
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-    }, [c(), p.value && l()]);
+    }, [d(), s.value && l()]);
   }
 });
 class Po extends we {
@@ -2717,11 +2729,11 @@ function Eo(e, n) {
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: d,
+    triggerBelongedComponentToMoveWhenMoved: p,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ce(e), c = e.schema;
-  function s(f) {
-    return new Po(f, n).getPropertyConfig(c);
+  } = Ce(e), d = e.schema;
+  function c(f) {
+    return new Po(f, n).getPropertyConfig(d);
   }
   return {
     canAccepts: t,
@@ -2730,9 +2742,9 @@ function Eo(e, n) {
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: d,
+    triggerBelongedComponentToMoveWhenMoved: p,
     triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: s
+    getPropsConfig: c
   };
 }
 const Ao = /* @__PURE__ */ q({
@@ -2740,16 +2752,16 @@ const Ao = /* @__PURE__ */ q({
   props: Be,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    const t = rt(e, n), o = ot(e, n, t), r = nt(e, n, o, t), a = Te(e, n, r), l = y(), u = Z("designer-host-service"), d = Z("design-item-context"), i = Eo(d, u), c = et(l, d, i);
-    H(() => {
-      l.value.componentInstance = c, e.readonly = !0;
-    }), n.expose(c.value);
-    const s = y();
+    const t = rt(e, n), o = ot(e, n, t), r = nt(e, n, o, t), a = Te(e, n, r), l = y(), u = Z("designer-host-service"), p = Z("design-item-context"), i = Eo(p, u), d = et(l, p, i);
+    G(() => {
+      l.value.componentInstance = d, e.readonly = !0;
+    }), n.expose(d.value);
+    const c = y();
     return () => S("div", {
       ref: l,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
     }, [S("input", {
-      ref: s,
+      ref: c,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
@@ -2764,11 +2776,11 @@ ee.registerDesigner = (e, n, t) => {
 };
 xe(ee);
 function ko(e, n, t, o, r, a, l) {
-  const u = y(0), d = y(""), i = y([]), c = y(""), s = y("");
+  const u = y(0), p = y(""), i = y([]), d = y(""), c = y("");
   function f() {
-    e.value.propertyType === "enum" && e.value.propertyValue.type === "const" && (c.value = F(e.value.propertyValue.value), n.value = F(e.value.editorOptions.enums));
+    e.value.propertyType === "enum" && e.value.propertyValue.type === "const" && (d.value = F(e.value.propertyValue.value), n.value = F(e.value.editorOptions.enums));
   }
-  function p() {
+  function s() {
     e.value.propertyType === "number" && (u.value = e.value.propertyValue.value);
   }
   function v() {
@@ -2777,11 +2789,11 @@ function ko(e, n, t, o, r, a, l) {
   function h() {
     if (t.value.id === "dataStates" && (i.value = F(e.value.editorOptions.dataStates), e.value.propertyValue.value)) {
       const w = e.value.propertyValue.value, B = i.value.filter((b) => w.includes(b.value)).map((b) => b.value).join(",");
-      d.value = F(B);
+      p.value = F(B);
     }
   }
   function C() {
-    t.value.id === "variable" && (s.value = e.value.propertyValue.value.path);
+    t.value.id === "variable" && (c.value = e.value.propertyValue.value.path);
   }
   function x() {
     if (t.value.id === "expression") {
@@ -2794,19 +2806,19 @@ function ko(e, n, t, o, r, a, l) {
     t.value.id;
   }
   function E() {
-    f(), p(), C(), v(), h(), x(), A();
+    f(), s(), C(), v(), h(), x(), A();
   }
   return {
     numberConstValue: u,
-    bindVariableValue: s,
-    dataStatesBindValue: d,
+    bindVariableValue: c,
+    dataStatesBindValue: p,
     dataStatesValueArray: i,
-    constEnumBindValue: c,
+    constEnumBindValue: d,
     setValue: E
   };
 }
-function Io(e, n, t, o, r, a, l, u, d, i, c, s) {
-  const f = y(!1), p = y({
+function No(e, n, t, o, r, a, l, u, p, i, d, c) {
+  const f = y(!1), s = y({
     propertyName: "",
     /** 属性类型：boolean, string, number, enum */
     propertyType: "",
@@ -2828,53 +2840,53 @@ function Io(e, n, t, o, r, a, l, u, d, i, c, s) {
     }, u.value = "否"));
   }
   function C() {
-    n.value.propertyValue.type === "dataStates" && (n.value.propertyValue.value = F(r.value.dataStatesValue.value), d.value = F(n.value.editorOptions.dataStates));
+    n.value.propertyValue.type === "dataStates" && (n.value.propertyValue.value = F(r.value.dataStatesValue.value), p.value = F(n.value.editorOptions.dataStates));
   }
   function x() {
     i.value = "", r.value.expressionValue && (r.value.expressionValue.value = "");
   }
   function A() {
-    c.value || (u.value = u.value === "否" ? "是" : "否", n.value.propertyValue.value.exist = u, r.value.stateMachineValue.value.exist = u, B());
+    d.value || (u.value = u.value === "否" ? "是" : "否", n.value.propertyValue.value.exist = u, r.value.stateMachineValue.value.exist = u, B());
   }
   function E() {
-    p.value.propertyValue.value && p.value.propertyValue.value.includes("viewModel.stateMachine") && (r.value.customValue.value = "");
+    s.value.propertyValue.value && s.value.propertyValue.value.includes("viewModel.stateMachine") && (r.value.customValue.value = "");
   }
   function w() {
-    p.value.propertyName = F(n.value.propertyName), p.value.propertyType = F(n.value.propertyType), p.value.propertyValue = F(n.value.propertyValue), p.value.hasPrefix = F(f);
+    s.value.propertyName = F(n.value.propertyName), s.value.propertyType = F(n.value.propertyType), s.value.propertyValue = F(n.value.propertyValue), s.value.hasPrefix = F(f);
   }
   function B() {
-    if (!c.value)
-      switch (w(), p.value.propertyValue.type) {
+    if (!d.value)
+      switch (w(), s.value.propertyValue.type) {
         case "const":
-          (p.value.propertyType === "enum" && p.value.propertyValue.value !== "" || p.value.propertyType === "number" && p.value.propertyValue.value != null || p.value.propertyType === "string") && (x(), e.emit("propertyEditorValueChanged", p));
+          (s.value.propertyType === "enum" && s.value.propertyValue.value !== "" || s.value.propertyType === "number" && s.value.propertyValue.value != null || s.value.propertyType === "string") && (x(), e.emit("propertyEditorValueChanged", s));
           break;
         case "variable":
-          p.value.propertyValue.value.path !== "" && (x(), e.emit("propertyEditorValueChanged", p));
+          s.value.propertyValue.value.path !== "" && (x(), e.emit("propertyEditorValueChanged", s));
           break;
         case "custom":
-          x(), E(), e.emit("propertyEditorValueChanged", p);
+          x(), E(), e.emit("propertyEditorValueChanged", s);
           break;
         case "expression":
-          i.value && e.emit("propertyEditorValueChanged", p);
+          i.value && e.emit("propertyEditorValueChanged", s);
           break;
         case "stateMachine":
-          p.value.propertyValue.value.id && (x(), e.emit("propertyEditorValueChanged", p));
+          s.value.propertyValue.value.id && (x(), e.emit("propertyEditorValueChanged", s));
           break;
         case "dataStates":
-          if (p.value.propertyValue.value !== "") {
-            x(), e.emit("propertyEditorValueChanged", p);
+          if (s.value.propertyValue.value !== "") {
+            x(), e.emit("propertyEditorValueChanged", s);
             break;
           }
       }
   }
   function b() {
-    n.value.propertyValue = r.value[`${s.value.id}Value`], v(), h(), C(), B(), p.value.isNewVariable = !1;
+    n.value.propertyValue = r.value[`${c.value.id}Value`], v(), h(), C(), B(), s.value.isNewVariable = !1;
   }
   return {
     updateData: b,
     changeState: A,
     prefix: f,
-    propertyEditorValueChange: p
+    propertyEditorValueChange: s
   };
 }
 var he = function(e, n) {
@@ -2893,29 +2905,29 @@ function z(e, n) {
   }
   e.prototype = n === null ? Object.create(n) : (t.prototype = n.prototype, new t());
 }
-function No(e, n, t, o) {
+function Io(e, n, t, o) {
   function r(a) {
     return a instanceof t ? a : new t(function(l) {
       l(a);
     });
   }
   return new (t || (t = Promise))(function(a, l) {
-    function u(c) {
+    function u(d) {
       try {
-        i(o.next(c));
-      } catch (s) {
-        l(s);
+        i(o.next(d));
+      } catch (c) {
+        l(c);
       }
     }
-    function d(c) {
+    function p(d) {
       try {
-        i(o.throw(c));
-      } catch (s) {
-        l(s);
+        i(o.throw(d));
+      } catch (c) {
+        l(c);
       }
     }
-    function i(c) {
-      c.done ? a(c.value) : r(c.value).then(u, d);
+    function i(d) {
+      d.done ? a(d.value) : r(d.value).then(u, p);
     }
     i((o = o.apply(e, n || [])).next());
   });
@@ -2929,11 +2941,11 @@ function at(e, n) {
     return this;
   }), l;
   function u(i) {
-    return function(c) {
-      return d([i, c]);
+    return function(d) {
+      return p([i, d]);
     };
   }
-  function d(i) {
+  function p(i) {
     if (o) throw new TypeError("Generator is already executing.");
     for (; l && (l = 0, i[0] && (t = 0)), t; ) try {
       if (o = 1, r && (a = i[0] & 2 ? r.return : i[0] ? r.throw || ((a = r.return) && a.call(r), 0) : r.next) && !(a = a.call(r, i[1])).done) return a;
@@ -2971,8 +2983,8 @@ function at(e, n) {
           continue;
       }
       i = n.call(e, t);
-    } catch (c) {
-      i = [6, c], r = 0;
+    } catch (d) {
+      i = [6, d], r = 0;
     } finally {
       o = a = 0;
     }
@@ -3021,36 +3033,36 @@ function Oo(e, n, t) {
   return r = Object.create((typeof AsyncIterator == "function" ? AsyncIterator : Object).prototype), u("next"), u("throw"), u("return", l), r[Symbol.asyncIterator] = function() {
     return this;
   }, r;
-  function l(p) {
+  function l(s) {
     return function(v) {
-      return Promise.resolve(v).then(p, s);
+      return Promise.resolve(v).then(s, c);
     };
   }
-  function u(p, v) {
-    o[p] && (r[p] = function(h) {
+  function u(s, v) {
+    o[s] && (r[s] = function(h) {
       return new Promise(function(C, x) {
-        a.push([p, h, C, x]) > 1 || d(p, h);
+        a.push([s, h, C, x]) > 1 || p(s, h);
       });
-    }, v && (r[p] = v(r[p])));
+    }, v && (r[s] = v(r[s])));
   }
-  function d(p, v) {
+  function p(s, v) {
     try {
-      i(o[p](v));
+      i(o[s](v));
     } catch (h) {
       f(a[0][3], h);
     }
   }
-  function i(p) {
-    p.value instanceof Y ? Promise.resolve(p.value.v).then(c, s) : f(a[0][2], p);
+  function i(s) {
+    s.value instanceof Y ? Promise.resolve(s.value.v).then(d, c) : f(a[0][2], s);
   }
-  function c(p) {
-    d("next", p);
+  function d(s) {
+    p("next", s);
   }
-  function s(p) {
-    d("throw", p);
+  function c(s) {
+    p("throw", s);
   }
-  function f(p, v) {
-    p(v), a.shift(), a.length && d(a[0][0], a[0][1]);
+  function f(s, v) {
+    s(v), a.shift(), a.length && p(a[0][0], a[0][1]);
   }
 }
 function Do(e) {
@@ -3061,18 +3073,18 @@ function Do(e) {
   }, t);
   function o(a) {
     t[a] = e[a] && function(l) {
-      return new Promise(function(u, d) {
-        l = e[a](l), r(u, d, l.done, l.value);
+      return new Promise(function(u, p) {
+        l = e[a](l), r(u, p, l.done, l.value);
       });
     };
   }
-  function r(a, l, u, d) {
-    Promise.resolve(d).then(function(i) {
+  function r(a, l, u, p) {
+    Promise.resolve(p).then(function(i) {
       a({ value: i, done: u });
     }, l);
   }
 }
-function N(e) {
+function I(e) {
   return typeof e == "function";
 }
 function it(e) {
@@ -3108,34 +3120,34 @@ var te = function() {
       if (l)
         if (this._parentage = null, Array.isArray(l))
           try {
-            for (var u = X(l), d = u.next(); !d.done; d = u.next()) {
-              var i = d.value;
+            for (var u = X(l), p = u.next(); !p.done; p = u.next()) {
+              var i = p.value;
               i.remove(this);
             }
           } catch (h) {
             n = { error: h };
           } finally {
             try {
-              d && !d.done && (t = u.return) && t.call(u);
+              p && !p.done && (t = u.return) && t.call(u);
             } finally {
               if (n) throw n.error;
             }
           }
         else
           l.remove(this);
-      var c = this.initialTeardown;
-      if (N(c))
+      var d = this.initialTeardown;
+      if (I(d))
         try {
-          c();
+          d();
         } catch (h) {
           a = h instanceof de ? h.errors : [h];
         }
-      var s = this._finalizers;
-      if (s) {
+      var c = this._finalizers;
+      if (c) {
         this._finalizers = null;
         try {
-          for (var f = X(s), p = f.next(); !p.done; p = f.next()) {
-            var v = p.value;
+          for (var f = X(c), s = f.next(); !s.done; s = f.next()) {
+            var v = s.value;
             try {
               De(v);
             } catch (h) {
@@ -3146,7 +3158,7 @@ var te = function() {
           o = { error: h };
         } finally {
           try {
-            p && !p.done && (r = f.return) && r.call(f);
+            s && !s.done && (r = f.return) && r.call(f);
           } finally {
             if (o) throw o.error;
           }
@@ -3186,10 +3198,10 @@ var te = function() {
   }(), e;
 }(), lt = te.EMPTY;
 function ut(e) {
-  return e instanceof te || e && "closed" in e && N(e.remove) && N(e.add) && N(e.unsubscribe);
+  return e instanceof te || e && "closed" in e && I(e.remove) && I(e.add) && I(e.unsubscribe);
 }
 function De(e) {
-  N(e) ? e() : e.unsubscribe();
+  I(e) ? e() : e.unsubscribe();
 }
 var st = {
   onUnhandledError: null,
@@ -3197,7 +3209,7 @@ var st = {
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, Lo = {
+}, jo = {
   setTimeout: function(e, n) {
     for (var t = [], o = 2; o < arguments.length; o++)
       t[o - 2] = arguments[o];
@@ -3209,11 +3221,11 @@ var st = {
   delegate: void 0
 };
 function ct(e) {
-  Lo.setTimeout(function() {
+  jo.setTimeout(function() {
     throw e;
   });
 }
-function Le() {
+function je() {
 }
 function re(e) {
   e();
@@ -3249,9 +3261,9 @@ var Fe = function(e) {
       this.unsubscribe();
     }
   }, n;
-}(te), jo = Function.prototype.bind;
+}(te), Lo = Function.prototype.bind;
 function pe(e, n) {
-  return jo.call(e, n);
+  return Lo.call(e, n);
 }
 var $o = function() {
   function e(n) {
@@ -3288,7 +3300,7 @@ var $o = function() {
   z(n, e);
   function n(t, o, r) {
     var a = e.call(this) || this, l;
-    if (N(t) || !t)
+    if (I(t) || !t)
       l = {
         next: t ?? void 0,
         error: o ?? void 0,
@@ -3316,16 +3328,16 @@ function Uo(e) {
 }
 var Ro = {
   closed: !0,
-  next: Le,
+  next: je,
   error: Uo,
-  complete: Le
+  complete: je
 }, Me = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
 function _o(e) {
   return e;
 }
-function Go(e) {
+function Ho(e) {
   return e.length === 0 ? _o : e.length === 1 ? e[0] : function(t) {
     return e.reduce(function(o, r) {
       return r(o);
@@ -3342,8 +3354,8 @@ var _ = function() {
   }, e.prototype.subscribe = function(n, t, o) {
     var r = this, a = qo(n) ? n : new be(n, t, o);
     return re(function() {
-      var l = r, u = l.operator, d = l.source;
-      a.add(u ? u.call(a, d) : d ? r._subscribe(a) : r._trySubscribe(a));
+      var l = r, u = l.operator, p = l.source;
+      a.add(u ? u.call(a, p) : p ? r._subscribe(a) : r._trySubscribe(a));
     }), a;
   }, e.prototype._trySubscribe = function(n) {
     try {
@@ -3353,13 +3365,13 @@ var _ = function() {
     }
   }, e.prototype.forEach = function(n, t) {
     var o = this;
-    return t = je(t), new t(function(r, a) {
+    return t = Le(t), new t(function(r, a) {
       var l = new be({
         next: function(u) {
           try {
             n(u);
-          } catch (d) {
-            a(d), l.unsubscribe();
+          } catch (p) {
+            a(p), l.unsubscribe();
           }
         },
         error: a,
@@ -3375,10 +3387,10 @@ var _ = function() {
   }, e.prototype.pipe = function() {
     for (var n = [], t = 0; t < arguments.length; t++)
       n[t] = arguments[t];
-    return Go(n)(this);
+    return Ho(n)(this);
   }, e.prototype.toPromise = function(n) {
     var t = this;
-    return n = je(n), new n(function(o, r) {
+    return n = Le(n), new n(function(o, r) {
       var a;
       t.subscribe(function(l) {
         return a = l;
@@ -3392,18 +3404,18 @@ var _ = function() {
     return new e(n);
   }, e;
 }();
-function je(e) {
+function Le(e) {
   var n;
   return (n = e ?? st.Promise) !== null && n !== void 0 ? n : Promise;
 }
-function Ho(e) {
-  return e && N(e.next) && N(e.error) && N(e.complete);
+function Go(e) {
+  return e && I(e.next) && I(e.error) && I(e.complete);
 }
 function qo(e) {
-  return e && e instanceof Fe || Ho(e) && ut(e);
+  return e && e instanceof Fe || Go(e) && ut(e);
 }
 function zo(e) {
-  return N(e == null ? void 0 : e.lift);
+  return I(e == null ? void 0 : e.lift);
 }
 function Pe(e) {
   return function(n) {
@@ -3424,22 +3436,22 @@ function dt(e, n, t, o, r) {
 var Wo = function(e) {
   z(n, e);
   function n(t, o, r, a, l, u) {
-    var d = e.call(this, t) || this;
-    return d.onFinalize = l, d.shouldUnsubscribe = u, d._next = o ? function(i) {
+    var p = e.call(this, t) || this;
+    return p.onFinalize = l, p.shouldUnsubscribe = u, p._next = o ? function(i) {
       try {
         o(i);
-      } catch (c) {
-        t.error(c);
+      } catch (d) {
+        t.error(d);
       }
-    } : e.prototype._next, d._error = a ? function(i) {
+    } : e.prototype._next, p._error = a ? function(i) {
       try {
         a(i);
-      } catch (c) {
-        t.error(c);
+      } catch (d) {
+        t.error(d);
       } finally {
         this.unsubscribe();
       }
-    } : e.prototype._error, d._complete = r ? function() {
+    } : e.prototype._error, p._complete = r ? function() {
       try {
         r();
       } catch (i) {
@@ -3447,7 +3459,7 @@ var Wo = function(e) {
       } finally {
         this.unsubscribe();
       }
-    } : e.prototype._complete, d;
+    } : e.prototype._complete, p;
   }
   return n.prototype.unsubscribe = function() {
     var t;
@@ -3480,8 +3492,8 @@ var Wo = function(e) {
         o.currentObservers || (o.currentObservers = Array.from(o.observers));
         try {
           for (var l = X(o.currentObservers), u = l.next(); !u.done; u = l.next()) {
-            var d = u.value;
-            d.next(t);
+            var p = u.value;
+            p.next(t);
           }
         } catch (i) {
           r = { error: i };
@@ -3657,7 +3669,7 @@ var Wo = function(e) {
   }, n;
 }(Re), Jo = new Ko(Xo);
 function er(e) {
-  return e && N(e.schedule);
+  return e && I(e.schedule);
 }
 function tr(e) {
   return e[e.length - 1];
@@ -3669,13 +3681,13 @@ var ft = function(e) {
   return e && typeof e.length == "number" && typeof e != "function";
 };
 function vt(e) {
-  return N(e == null ? void 0 : e.then);
-}
-function mt(e) {
-  return N(e[Me]);
+  return I(e == null ? void 0 : e.then);
 }
 function yt(e) {
-  return Symbol.asyncIterator && N(e == null ? void 0 : e[Symbol.asyncIterator]);
+  return I(e[Me]);
+}
+function mt(e) {
+  return Symbol.asyncIterator && I(e == null ? void 0 : e[Symbol.asyncIterator]);
 }
 function ht(e) {
   return new TypeError("You provided " + (e !== null && typeof e == "object" ? "an invalid object" : "'" + e + "'") + " where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.");
@@ -3685,7 +3697,7 @@ function or() {
 }
 var bt = or();
 function gt(e) {
-  return N(e == null ? void 0 : e[bt]);
+  return I(e == null ? void 0 : e[bt]);
 }
 function St(e) {
   return Oo(this, arguments, function() {
@@ -3719,19 +3731,19 @@ function St(e) {
   });
 }
 function Ct(e) {
-  return N(e == null ? void 0 : e.getReader);
+  return I(e == null ? void 0 : e.getReader);
 }
 function Ee(e) {
   if (e instanceof _)
     return e;
   if (e != null) {
-    if (mt(e))
+    if (yt(e))
       return rr(e);
     if (ft(e))
       return ar(e);
     if (vt(e))
       return ir(e);
-    if (yt(e))
+    if (mt(e))
       return wt(e);
     if (gt(e))
       return lr(e);
@@ -3743,7 +3755,7 @@ function Ee(e) {
 function rr(e) {
   return new _(function(n) {
     var t = e[Me]();
-    if (N(t.subscribe))
+    if (I(t.subscribe))
       return t.subscribe(n);
     throw new TypeError("Provided object does not correctly implement Symbol.observable");
   });
@@ -3797,29 +3809,29 @@ function ur(e) {
 }
 function sr(e, n) {
   var t, o, r, a;
-  return No(this, void 0, void 0, function() {
+  return Io(this, void 0, void 0, function() {
     var l, u;
-    return at(this, function(d) {
-      switch (d.label) {
+    return at(this, function(p) {
+      switch (p.label) {
         case 0:
-          d.trys.push([0, 5, 6, 11]), t = Do(e), d.label = 1;
+          p.trys.push([0, 5, 6, 11]), t = Do(e), p.label = 1;
         case 1:
           return [4, t.next()];
         case 2:
-          if (o = d.sent(), !!o.done) return [3, 4];
+          if (o = p.sent(), !!o.done) return [3, 4];
           if (l = o.value, n.next(l), n.closed)
             return [2];
-          d.label = 3;
+          p.label = 3;
         case 3:
           return [3, 1];
         case 4:
           return [3, 11];
         case 5:
-          return u = d.sent(), r = { error: u }, [3, 11];
+          return u = p.sent(), r = { error: u }, [3, 11];
         case 6:
-          return d.trys.push([6, , 9, 10]), o && !o.done && (a = t.return) ? [4, a.call(t)] : [3, 8];
+          return p.trys.push([6, , 9, 10]), o && !o.done && (a = t.return) ? [4, a.call(t)] : [3, 8];
         case 7:
-          d.sent(), d.label = 8;
+          p.sent(), p.label = 8;
         case 8:
           return [3, 10];
         case 9:
@@ -3894,7 +3906,7 @@ function fr(e, n) {
         l ? t.complete() : t.next(a);
       }, 0, !0);
     }), function() {
-      return N(o == null ? void 0 : o.return) && o.return();
+      return I(o == null ? void 0 : o.return) && o.return();
     };
   });
 }
@@ -3915,15 +3927,15 @@ function Tt(e, n) {
 function vr(e, n) {
   return Tt(St(e), n);
 }
-function mr(e, n) {
+function yr(e, n) {
   if (e != null) {
-    if (mt(e))
+    if (yt(e))
       return cr(e, n);
     if (ft(e))
       return pr(e, n);
     if (vt(e))
       return dr(e, n);
-    if (yt(e))
+    if (mt(e))
       return Tt(e, n);
     if (gt(e))
       return fr(e, n);
@@ -3932,14 +3944,14 @@ function mr(e, n) {
   }
   throw ht(e);
 }
-function yr(e, n) {
-  return n ? mr(e, n) : Ee(e);
+function mr(e, n) {
+  return n ? yr(e, n) : Ee(e);
 }
 function hr() {
   for (var e = [], n = 0; n < arguments.length; n++)
     e[n] = arguments[n];
   var t = nr(e);
-  return yr(e, t);
+  return mr(e, t);
 }
 function br(e, n) {
   return n === void 0 && (n = Jo), Pe(function(t, o) {
@@ -3950,16 +3962,16 @@ function br(e, n) {
         a = null, o.next(i);
       }
     };
-    function d() {
-      var i = l + e, c = n.now();
-      if (c < i) {
-        r = this.schedule(void 0, i - c), o.add(r);
+    function p() {
+      var i = l + e, d = n.now();
+      if (d < i) {
+        r = this.schedule(void 0, i - d), o.add(r);
         return;
       }
       u();
     }
     t.subscribe(dt(o, function(i) {
-      a = i, l = n.now(), r || (r = n.schedule(d, e), o.add(r));
+      a = i, l = n.now(), r || (r = n.schedule(p, e), o.add(r));
     }, function() {
       u(), o.complete();
     }, void 0, function() {
@@ -3974,9 +3986,9 @@ const fe = /* @__PURE__ */ q({
   setup(e, n) {
     const t = y(kn), o = y(""), r = y("const"), a = y([]), l = y(!1);
     let u;
-    const d = y(""), i = y(""), c = y([]);
-    let s;
-    const f = y([]), p = y("是");
+    const p = y(""), i = y(""), d = y([]);
+    let c;
+    const f = y([]), s = y("是");
     y("");
     const v = y(!1), h = y("<span class='f-icon f-icon-more-horizontal'></span>"), C = y(!1), x = y([]), {
       numberConstValue: A,
@@ -3985,12 +3997,12 @@ const fe = /* @__PURE__ */ q({
       dataStatesValueArray: B,
       constEnumBindValue: b,
       setValue: T
-    } = ko(t, a, r, s, p, o, v), {
+    } = ko(t, a, r, c, s, o, v), {
       updateData: P,
       changeState: $,
       prefix: Q,
       propertyEditorValueChange: R
-    } = Io(n, t, b, a, k, f, s, p, B, o, C, r);
+    } = No(n, t, b, a, k, f, c, s, B, o, C, r);
     function K() {
       x.value = An.value.filter((m) => t.value.editorOptions.types.includes(m.id));
     }
@@ -4001,7 +4013,7 @@ const fe = /* @__PURE__ */ q({
       M(), r.value.id === "variable" && t.value.propertyValue.value === void 0 && (t.value.propertyValue = F(k.value.variableValue)), k.value[`${r.value.id}Value`] = F(t.value.propertyValue), T();
     }
     function ne(m) {
-      r.value = F(x.value.find((O) => O.label === m[0].label)), r.value.id === "expression" && (k.value.expressionValue.value && (o.value = k.value.expressionValue.value.value), v.value = !0), r.value.id === "custom" && Lt(), P();
+      r.value = F(x.value.find((O) => O.label === m[0].label)), r.value.id === "expression" && (k.value.expressionValue.value && (o.value = k.value.expressionValue.value.value), v.value = !0), r.value.id === "custom" && jt(), P();
     }
     function ce(m) {
       b.value = F(m.value), t.value.propertyValue.value = F(m.value), k.value.constValue.value = F(m.value), P();
@@ -4013,8 +4025,8 @@ const fe = /* @__PURE__ */ q({
       k.value.constValue.value = m, P();
     }
     function Mt() {
-      const m = t.value.propertyName, O = m[0].toUpperCase() + m.substr(1), U = t.value.controlName, Ie = t.value.editorOptions.newVariablePrefix || "", Xt = Ie ? U[0].toUpperCase() + U.substr(1) : U[0].toLowerCase() + U.substr(1);
-      u = `${Ie}${Xt}${O}`, Pt();
+      const m = t.value.propertyName, O = m[0].toUpperCase() + m.substr(1), U = t.value.controlName, Ne = t.value.editorOptions.newVariablePrefix || "", Xt = Ne ? U[0].toUpperCase() + U.substr(1) : U[0].toLowerCase() + U.substr(1);
+      u = `${Ne}${Xt}${O}`, Pt();
     }
     function Pt() {
       Et(), r.value.id === "variable" && (E.value = t.value.propertyValue.value.path), Ae(), i.value !== t.value.propertyValue.value.path && P();
@@ -4028,22 +4040,22 @@ const fe = /* @__PURE__ */ q({
     }
     function At(m) {
       var O;
-      m === ((O = t.value.editorOptions.variables) == null ? void 0 : O.length) && (t.value.propertyValue.value.category = "local", t.value.propertyValue.value.path = u, t.value.propertyValue.value.field = d, t.value.propertyValue.value.fullPath = u, t.value.propertyValue.value.newVariableType = t.value.editorOptions.newVariableType, R.value.isNewVariable = !0, t.value.editorOptions.variables.push(F(t.value.propertyValue.value)), k.value.variableValue.value = F(t.value.propertyValue.value));
+      m === ((O = t.value.editorOptions.variables) == null ? void 0 : O.length) && (t.value.propertyValue.value.category = "local", t.value.propertyValue.value.path = u, t.value.propertyValue.value.field = p, t.value.propertyValue.value.fullPath = u, t.value.propertyValue.value.newVariableType = t.value.editorOptions.newVariableType, R.value.isNewVariable = !0, t.value.editorOptions.variables.push(F(t.value.propertyValue.value)), k.value.variableValue.value = F(t.value.propertyValue.value));
     }
     function kt(m) {
       !m || !m.selections || m.selections.length < 1 || (k.value.variableValue.value.category = F(m.selections[0].category), k.value.variableValue.value.path = F(m.selections[0].path), k.value.variableValue.value.fullPath = F(m.selections[0].fullPath), k.value.variableValue.value.field = F(m.selections[0].field), E.value = F(m.value), P());
     }
-    function It() {
+    function Nt() {
       t.value.propertyValue.value.category = "", t.value.propertyValue.value.path = "", t.value.propertyValue.value.field = "", t.value.propertyValue.value.fullPath = "", r.value.id === "variable" && (E.value = t.value.propertyValue.value.path), P();
     }
     function Ae() {
-      c.value = F(t.value.editorOptions.variables);
+      d.value = F(t.value.editorOptions.variables);
     }
-    const Nt = (m) => {
+    const It = (m) => {
       const O = t.value.editorOptions.getVariables, U = {
         showDialog: !0
       };
-      return O && (c.value = O(), m && (m.data = c)), hr(U);
+      return O && (d.value = O(), m && (m.data = d)), hr(U);
     };
     function Ot(m) {
       const O = {
@@ -4051,18 +4063,18 @@ const fe = /* @__PURE__ */ q({
         name: m[0].exist,
         exist: m[0].name
       };
-      k.value.stateMachineValue.value = F(O), p.value = t.value.propertyValue.value.exist === "是" ? "是" : "否", s = F(O.id), P();
+      k.value.stateMachineValue.value = F(O), s.value = t.value.propertyValue.value.exist === "是" ? "是" : "否", c = F(O.id), P();
     }
     function Dt() {
-      f.value = F(t.value.editorOptions.stateMachine), p.value = k.value.stateMachineValue.value.exist === "是" ? "是" : "否";
+      f.value = F(t.value.editorOptions.stateMachine), s.value = k.value.stateMachineValue.value.exist === "是" ? "是" : "否";
     }
     const ke = new pt();
-    function Lt() {
+    function jt() {
       ke.pipe(br(700)).subscribe((m) => {
         k.value.customValue.value = m, P();
       });
     }
-    function jt(m) {
+    function Lt(m) {
       ke.next(m);
     }
     function $t() {
@@ -4075,7 +4087,7 @@ const fe = /* @__PURE__ */ q({
     function Rt() {
       return S("div", {
         class: "f-page-single-property-editor-component-right-variable"
-      }, [S(G, {
+      }, [S(H, {
         class: [{
           "form-control-select-show": l.value
         }, {
@@ -4088,12 +4100,12 @@ const fe = /* @__PURE__ */ q({
         enableClear: !0,
         valueField: "path",
         textField: "fullPath",
-        data: c.value,
-        beforeShow: Nt,
+        data: d.value,
+        beforeShow: It,
         readonly: C.value,
         editable: !1,
         onValueChange: (m) => kt(m),
-        onClear: It
+        onClear: Nt
       }, null), l.value ? S("div", {
         class: "f-page-single-property-editor-component-variable-button"
       }, [S("button", {
@@ -4112,11 +4124,11 @@ const fe = /* @__PURE__ */ q({
         class: "form-control",
         placeholder: "输入自定义内容",
         "onUpdate:modelValue": (m) => k.value.customValue.value = m,
-        onChange: (m) => jt(m.target.value),
+        onChange: (m) => Lt(m.target.value),
         disabled: C.value
       }, null), [[Oe, k.value.customValue.value]])]);
     }
-    function Gt() {
+    function Ht() {
       return S("div", {
         class: "f-page-single-property-editor-component-right-expression"
       }, [S(J, {
@@ -4129,18 +4141,18 @@ const fe = /* @__PURE__ */ q({
         onClickHandle: $t
       }, null)]);
     }
-    function Ht() {
+    function Gt() {
       return S("div", {
         class: "f-page-single-property-editor-component-right-stateMachine"
       }, [S("div", {
         class: "f-stateMachine-exist",
         onClick: $
-      }, [p.value]), S("div", {
+      }, [s.value]), S("div", {
         class: "f-stateMachine-combo",
         style: "border:unset"
-      }, [S(G, {
-        modelValue: s,
-        "onUpdate:modelValue": (m) => s = m,
+      }, [S(H, {
+        modelValue: c,
+        "onUpdate:modelValue": (m) => c = m,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4157,7 +4169,7 @@ const fe = /* @__PURE__ */ q({
     function qt() {
       return S("div", {
         class: "f-page-single-property-editor-component-right-dataStates"
-      }, [S(G, {
+      }, [S(H, {
         modelValue: w.value,
         "onUpdate:modelValue": (m) => w.value = m,
         placeholder: "",
@@ -4186,7 +4198,7 @@ const fe = /* @__PURE__ */ q({
       }, null), [[Oe, k.value.constValue.value]]);
     }
     function Wt() {
-      return S(G, {
+      return S(H, {
         modelValue: b.value,
         "onUpdate:modelValue": (m) => b.value = m,
         placeholder: "",
@@ -4215,7 +4227,7 @@ const fe = /* @__PURE__ */ q({
     function Yt() {
       return S("div", {
         class: "f-page-single-property-editor-component-left-controller"
-      }, [S(G, {
+      }, [S(H, {
         modelValue: r.value.id,
         "onUpdate:modelValue": (m) => r.value.id = m,
         placeholder: "",
@@ -4233,11 +4245,11 @@ const fe = /* @__PURE__ */ q({
         class: "f-page-single-property-editor-component-right-controller"
       }, [r.value.id === "const" ? S("div", {
         class: "f-page-single-property-editor-component-right-const"
-      }, [t.value.propertyType === "string" ? zt() : "", t.value.propertyType === "enum" ? Wt() : "", t.value.propertyType === "number" ? Qt() : ""]) : "", r.value.id === "variable" ? Rt() : "", r.value.id === "custom" ? _t() : "", r.value.id === "expression" && v.value ? Gt() : "", r.value.id === "stateMachine" ? Ht() : "", r.value.id === "dataStates" ? qt() : ""]);
+      }, [t.value.propertyType === "string" ? zt() : "", t.value.propertyType === "enum" ? Wt() : "", t.value.propertyType === "number" ? Qt() : ""]) : "", r.value.id === "variable" ? Rt() : "", r.value.id === "custom" ? _t() : "", r.value.id === "expression" && v.value ? Ht() : "", r.value.id === "stateMachine" ? Gt() : "", r.value.id === "dataStates" ? qt() : ""]);
     }
-    return H(() => {
+    return G(() => {
       K(), D(), Ae(), Dt(), t.value.hasPrefix && t.value.hasPrefix === 2 && (Q.value = !0), t.value.controlName !== void 0 && (l.value = !0);
-    }), () => S(me, null, [S("div", {
+    }), () => S(ye, null, [S("div", {
       class: "f-page-single-property-editor-component clearfix"
     }, [Yt(), Zt()])]);
   }