@farris/ui-vue 1.2.9 → 1.3.0

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

@@ -1,102 +1,102 @@
-var Kt = Object.defineProperty;
-var en = (e, n, t) => n in e ? Kt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var $ = (e, n, t) => en(e, typeof n != "symbol" ? n + "" : n, t);
-import { ref as y, defineComponent as W, computed as x, watch as O, createVNode as w, inject as Q, onMounted as H, nextTick as je, reactive as tn, withDirectives as me, resolveDirective as nn, Fragment as he, vModelText as De } from "vue";
-import { cloneDeep as B } from "lodash-es";
-import rn from "../list-view/index.esm.js";
-import on from "../button-edit/index.esm.js";
-import an from "../button-edit/index.esm.js/src/designer/button-edit.design.component";
-import { getSchemaByType as $e } from "../dynamic-resolver/index.esm.js";
-import { useDesignerComponent as ln } from "../designer-canvas/index.esm.js";
-import L from "bignumber.js";
-import { useNumber as un, useFormat as sn, useSpinner as cn, useTextBox as dn } from "../number-spinner/index.esm.js";
-const qe = {}, We = {};
+var on = Object.defineProperty;
+var rn = (e, n, t) => n in e ? on(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var $ = (e, n, t) => rn(e, typeof n != "symbol" ? n + "" : n, t);
+import { ref as v, defineComponent as G, computed as w, watch as O, createVNode as g, Teleport as an, createApp as ln, onUnmounted as un, inject as z, nextTick as le, onMounted as q, mergeProps as sn, reactive as cn, withDirectives as he, resolveDirective as dn, Fragment as be, vModelText as Le } from "vue";
+import { isPlainObject as $e, cloneDeep as B } from "lodash-es";
+import pn from "../list-view/index.esm.js";
+import fn from "../button-edit/index.esm.js";
+import { resolveAppearance as yn, getSchemaByType as De } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as We } from "../designer-canvas/index.esm.js";
+import { useResponseLayoutEditorSetting as vn } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
+import D from "bignumber.js";
+import { useNumber as mn, useFormat as hn, useSpinner as bn, useTextBox as gn } from "../number-spinner/index.esm.js";
+const ze = {}, Ye = {};
 function we(e) {
-  const { properties: n, title: t, ignore: r } = e, o = r && Array.isArray(r), a = Object.keys(n).reduce((l, u) => ((!o || !r.find((s) => s == u)) && (l[u] = n[u].type === "object" && n[u].properties ? we(n[u]) : B(n[u].default)), l), {});
-  return (!o || !r.find((l) => l == "id")) && (a.id = `${t}-${Date.now()}`), a;
+  const { properties: n, title: t, ignore: o } = e, r = o && Array.isArray(o), a = Object.keys(n).reduce((l, u) => ((!r || !o.find((s) => s == u)) && (l[u] = n[u].type === "object" && n[u].properties ? we(n[u]) : B(n[u].default)), l), {});
+  return (!r || !o.find((l) => l == "id")) && (a.id = `${t}-${Date.now()}`), a;
 }
-function be(e, n = {}, t) {
-  const r = qe[e];
-  if (r) {
-    let o = we(r);
-    const a = We[e];
-    return o = a ? a({ getSchemaByType: be }, o, n, t) : o, o;
+function ge(e, n = {}, t) {
+  const o = ze[e];
+  if (o) {
+    let r = we(o);
+    const a = Ye[e];
+    return r = a ? a({ getSchemaByType: ge }, r, n, t) : r, r;
   }
   return null;
 }
-function pn(e, n) {
+function Cn(e, n) {
   const t = we(n);
-  return Object.keys(e).reduce((r, o) => (r[o] && typeof r[o] == "object" ? Object.assign(r[o], e[o]) : r[o] = e[o], r), t), t;
+  return Object.keys(e).reduce((o, r) => (o[r] && $e(o[r]) && $e(e[r]) ? Object.assign(o[r], e[r]) : o[r] = e[r], o), t), t;
 }
-function fn(e, n) {
-  return Object.keys(e).filter((r) => e[r] != null).reduce((r, o) => {
-    if (n.has(o)) {
-      const a = n.get(o);
+function Sn(e, n) {
+  return Object.keys(e).filter((o) => e[o] != null).reduce((o, r) => {
+    if (n.has(r)) {
+      const a = n.get(r);
       if (typeof a == "string")
-        r[a] = e[o];
+        o[a] = e[r];
       else {
-        const l = a(o, e[o], e);
-        Object.assign(r, l);
+        const l = a(r, e[r], e);
+        Object.assign(o, l);
       }
     } else
-      r[o] = e[o];
-    return r;
+      o[r] = e[r];
+    return o;
   }, {});
 }
-function vn(e, n, t = /* @__PURE__ */ new Map()) {
-  const r = pn(e, n);
-  return fn(r, t);
+function wn(e, n, t = /* @__PURE__ */ new Map()) {
+  const o = Cn(e, n);
+  return Sn(o, t);
 }
-function yn(e = {}) {
+function xn(e = {}) {
   function n(i, d, c, f) {
     if (typeof c == "number")
       return f[i].length === c;
     if (typeof c == "object") {
-      const p = Object.keys(c)[0], v = c[p];
+      const p = Object.keys(c)[0], y = c[p];
       if (p === "not")
-        return Number(f[i].length) !== Number(v);
+        return Number(f[i].length) !== Number(y);
       if (p === "moreThan")
-        return Number(f[i].length) >= Number(v);
+        return Number(f[i].length) >= Number(y);
       if (p === "lessThan")
-        return Number(f[i].length) <= Number(v);
+        return Number(f[i].length) <= Number(y);
     }
     return !1;
   }
   function t(i, d, c, f) {
     return f[i] && f[i].propertyValue && String(f[i].propertyValue.value) === String(c);
   }
-  const r = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", n],
     ["getProperty", t]
   ]);
-  Object.keys(e).reduce((i, d) => (i.set(d, e[d]), i), r);
-  function o(i, d) {
+  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: c, operator: "length", param: null, value: d[f] };
-      const p = f, v = d[f];
-      return { target: c, operator: "getProperty", param: p, value: v };
+      const p = f, y = d[f];
+      return { target: c, operator: "getProperty", param: p, value: y };
     }) : [];
   }
   function a(i) {
     return Object.keys(i).reduce((c, f) => {
-      const p = o(f, i[f]);
+      const p = r(f, i[f]);
       return c.push(...p), c;
     }, []);
   }
   function l(i, d) {
-    if (r.has(i.operator)) {
-      const c = r.get(i.operator);
+    if (o.has(i.operator)) {
+      const c = o.get(i.operator);
       return c && c(i.target, i.param, i.value, d) || !1;
     }
     return !1;
   }
   function u(i, d) {
-    return a(i).reduce((p, v) => p && l(v, d), !0);
+    return a(i).reduce((p, y) => p && l(y, d), !0);
   }
   function s(i, d) {
-    const c = Object.keys(i), f = c.includes("allOf"), p = c.includes("anyOf"), v = f || p, S = (v ? i[v ? f ? "allOf" : "anyOf" : "allOf"] : [i]).map((k) => u(k, d));
+    const c = Object.keys(i), f = c.includes("allOf"), p = c.includes("anyOf"), y = f || p, S = (y ? i[y ? f ? "allOf" : "anyOf" : "allOf"] : [i]).map((M) => u(M, d));
     return f ? !S.includes(!1) : S.includes(!0);
   }
   return { parseValueSchema: s };
@@ -138,25 +138,26 @@ const V = {
   uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
-  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
-}, mn = {}, hn = {};
-yn();
-function ce(e, n, t = /* @__PURE__ */ new Map(), r = (l, u, s) => u, o = {}, a = (l) => l) {
-  return qe[n.title] = n, We[n.title] = r, mn[n.title] = o, hn[n.title] = a, (l = {}) => {
-    const u = vn(l, n, t), s = Object.keys(e).reduce((i, d) => (i[d] = e[d].default, i), {});
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, Vn = {}, Bn = {};
+xn();
+function ne(e, n, t = /* @__PURE__ */ new Map(), o = (l, u, s) => u, r = {}, a = (l) => l) {
+  return ze[n.title] = n, Ye[n.title] = o, Vn[n.title] = r, Bn[n.title] = a, (l = {}) => {
+    const u = wn(l, n, t), s = Object.keys(e).reduce((i, d) => (i[d] = e[d].default, i), {});
     return Object.assign(s, u);
   };
 }
-function de(e, n) {
+function pe(e, n) {
   return { customClass: n.class, customStyle: n.style };
 }
-const bn = /* @__PURE__ */ new Map([
-  ["appearance", de]
+const Tn = /* @__PURE__ */ new Map([
+  ["appearance", pe]
 ]);
-function gn(e, n, t) {
+function Fn(e, n, t) {
   return n;
 }
-const Sn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-design.gitee.io/property-editor.schema.json", Cn = "property-editor", xn = "A Farris Component", Vn = "object", Tn = {
+const kn = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-design.gitee.io/property-editor.schema.json", Mn = "property-editor", An = "A Farris Component", Pn = "object", In = {
   id: {
     description: "The unique identifier for property-editor",
     type: "string"
@@ -218,18 +219,18 @@ const Sn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-
     type: "boolean",
     default: !0
   }
-}, Bn = [
+}, On = [
   "id",
   "type"
-], Fn = {
-  $schema: Sn,
-  $id: wn,
-  title: Cn,
-  description: xn,
-  type: Vn,
-  properties: Tn,
-  required: Bn
-}, Mn = "property-editor", kn = "A Farris Component", En = "object", An = {
+], Nn = {
+  $schema: kn,
+  $id: En,
+  title: Mn,
+  description: An,
+  type: Pn,
+  properties: In,
+  required: On
+}, jn = "property-editor", Ln = "A Farris Component", $n = "object", Dn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -251,12 +252,12 @@ const Sn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-
       }
     }
   }
-}, Pn = {
-  title: Mn,
-  description: kn,
-  type: En,
-  categories: An
-}, ze = {}, Nn = ce(ze, Fn, bn, gn, Pn), P = y({
+}, Rn = {
+  title: jn,
+  description: Ln,
+  type: $n,
+  categories: Dn
+}, Ze = {}, Un = ne(Ze, Nn, Tn, Fn, Rn), P = v({
   /** 常量值 */
   constValue: {
     /** 值类型：常量（const）, 变量（variable）, 状态机（state）, 自定义（custom） */
@@ -294,7 +295,7 @@ const Sn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-
     type: "dataStates",
     value: ""
   }
-}), On = y([
+}), _n = v([
   {
     id: "const",
     label: "常量"
@@ -319,7 +320,7 @@ const Sn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-
     id: "dataStates",
     label: "数据状态"
   }
-]), In = {
+]), Gn = {
   controlName: "userName",
   propertyName: "readonly",
   propertyType: "enum",
@@ -444,9 +445,9 @@ const Sn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-
   },
   /** 状态机是否有前缀viewModel.stateMachine &&  */
   hasPrefix: 2
-}, jn = /* @__PURE__ */ new Map([
-  ["appearance", de]
-]), Dn = "https://json-schema.org/draft/2020-12/schema", $n = "https://farris-design.gitee.io/combo-list.schema.json", Ln = "combo-list", Un = "A Farris Input Component", _n = "object", Rn = {
+}, qn = /* @__PURE__ */ new Map([
+  ["appearance", pe]
+]), Hn = "https://json-schema.org/draft/2020-12/schema", Wn = "https://farris-design.gitee.io/combo-list.schema.json", zn = "combo-list", Yn = "A Farris Input Component", Zn = "object", Jn = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -562,27 +563,27 @@ const Sn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-
     type: "sting",
     default: ""
   }
-}, Gn = [
+}, Xn = [
   "id",
   "type"
-], Hn = [
+], Qn = [
   "id",
   "appearance",
   "binding"
-], qn = {
-  $schema: Dn,
-  $id: $n,
-  title: Ln,
-  description: Un,
-  type: _n,
-  properties: Rn,
-  required: Gn,
-  ignore: Hn
+], Kn = {
+  $schema: Hn,
+  $id: Wn,
+  title: zn,
+  description: Yn,
+  type: Zn,
+  properties: Jn,
+  required: Xn,
+  ignore: Qn
 };
-function Wn(e, n, t) {
+function eo(e, n, t) {
   return n;
 }
-const Ce = {
+const xe = {
   /**
    * 组件标识
    */
@@ -748,7 +749,7 @@ const Ce = {
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, Ye = ce(Ce, qn, jn, Wn), zn = {
+}, Je = ne(xe, Kn, qn, eo), to = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -768,15 +769,13 @@ const Ce = {
     default: !1
   },
   // 搜索启用高亮
-  enableHighlightSearch: { type: Boolean, default: !0 },
-  // 是否展示复选框
-  showCheckbox: { type: Boolean, default: !1 }
-}, Yn = /* @__PURE__ */ W({
+  enableHighlightSearch: { type: Boolean, default: !0 }
+}, no = /* @__PURE__ */ G({
   name: "FComboListContainer",
-  props: zn,
+  props: to,
   emits: ["selectionChange"],
   setup(e, n) {
-    const t = y(), r = y(e.dataSource), o = y([]), a = y(e.separator), l = y(e.width), u = y(e.maxHeight), s = y(String(e.selectedValues).split(a.value)), i = x(() => e.multiSelect), d = x(() => ({
+    const t = v(), o = v(e.dataSource), r = v([]), a = v(e.separator), l = v(e.width), u = v(e.maxHeight), s = v(String(e.selectedValues).split(a.value)), i = w(() => e.multiSelect), d = w(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
@@ -785,33 +784,33 @@ const Ce = {
       showSelection: !0
     }));
     O(e.dataSource, () => {
-      r.value = e.dataSource;
+      o.value = e.dataSource;
     });
-    const c = x(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = x(() => {
+    const c = w(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = w(() => {
       const m = {};
       return l.value !== void 0 && (m.width = `${l.value}px`), u.value !== void 0 && u.value > 0 && (m.maxHeight = `${u.value}px`), m;
     });
     function p(m) {
-      o.value = m.map((b) => Object.assign({}, b)), s.value = m.map((b) => b[e.idField]), n.emit("selectionChange", o.value);
+      r.value = m.map((b) => Object.assign({}, b)), s.value = m.map((b) => b[e.idField]), n.emit("selectionChange", r.value);
     }
-    function v(m) {
+    function y(m) {
       if (e.enableHighlightSearch)
         return;
       let b = [];
-      typeof e.searchOption == "function" ? b = r.value.filter((S) => e.searchOption(m, S)) : b = r.value.filter((S) => S[e.valueField].indexOf(m) > -1 || S[e.textField].indexOf(m) > -1), t.value.updateDataSource(b);
+      typeof e.searchOption == "function" ? b = o.value.filter((S) => e.searchOption(m, S)) : b = o.value.filter((S) => S[e.valueField].indexOf(m) > -1 || S[e.textField].indexOf(m) > -1), t.value.updateDataSource(b);
     }
     return O([() => e.selectedValues], ([m]) => {
       s.value = m.split(a.value);
-    }), () => w("div", {
+    }), () => g("div", {
       class: "f-combo-list-container pl-1",
       style: f.value
-    }, [w(rn, {
+    }, [g(pn, {
       ref: t,
       size: "small",
       itemClass: "f-combo-list-item",
       header: c.value,
       headerClass: "f-combo-list-search-box",
-      data: r.value,
+      data: o.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
@@ -820,145 +819,764 @@ const Ce = {
       enableHighlightSearch: e.enableHighlightSearch,
       selectionValues: s.value,
       onSelectionChange: p,
-      onAfterSearch: v
+      onAfterSearch: y
     }, null)]);
   }
-});
-function Zn(e) {
-  const n = y(""), t = y(e.modelValue), r = y(e.data || []), o = y(e.editable);
-  function a(c) {
-    const f = String(c).split(e.separator), p = f.map((b) => [b, !0]), v = new Map(p);
-    return r.value.filter((b) => v.has(String(b[e.valueField]))).sort((b, S) => {
-      const E = f.indexOf(b[e.valueField]), k = f.indexOf(S[e.valueField]);
-      return E - k;
-    });
+});
+function oo(e) {
+  const n = v(""), t = v(e.modelValue), o = v(e.data || []), r = v(e.editable);
+  function a(c) {
+    const f = String(c).split(e.separator), p = f.map((b) => [b, !0]), y = new Map(p);
+    return o.value.filter((b) => y.has(String(b[e.valueField]))).sort((b, S) => {
+      const E = f.indexOf(b[e.valueField]), M = f.indexOf(S[e.valueField]);
+      return E - M;
+    });
+  }
+  function l(c) {
+    const f = a(c).map((p) => p[e.textField]).join(e.separator);
+    n.value = r.value ? f || c : f;
+  }
+  function u(c) {
+    const f = c.split(e.separator).map((y) => [y, !0]), p = new Map(f);
+    return o.value.filter((y) => p.has(y[e.textField]));
+  }
+  function s(c) {
+    const f = {};
+    return f[e.idField] = c, f[e.textField] = c, [f];
+  }
+  function i(c) {
+    let f = u(c);
+    const p = f && f.length > 0;
+    return r.value && !p && (f = s(c)), f;
+  }
+  function d() {
+    const { url: c, method: f = "GET", headers: p = {}, body: y = null } = e.remote, m = f.toLowerCase() == "get" ? { method: f, headers: p } : { method: f, headers: p, body: y };
+    let b = !1;
+    fetch(c, m).then((S) => {
+      var M, x;
+      if (S.status === 200)
+        return b = !!((x = (M = S.headers) == null ? void 0 : M.get("content-type")) != null && x.includes("application/json")), b ? S.text() : S.json();
+      throw new Error(S.statusText);
+    }).then((S) => {
+      o.value = b ? JSON.parse(S) : S;
+    }).catch((S) => {
+      console.error(S);
+    });
+  }
+  return e.remote && d(), O(() => e.data, () => {
+    o.value = e.data;
+  }), O([o], ([c]) => {
+    if (e.modelValue != null) {
+      const f = c.find((p) => p[e.valueField] === e.modelValue);
+      f && (n.value = f[e.textField]);
+    }
+  }), O(() => 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 H = /* @__PURE__ */ G({
+  name: "FComboList",
+  props: xe,
+  emits: ["clear", "update:modelValue", "change", "input"],
+  setup(e, n) {
+    const t = v(), o = v(e.disabled), r = v(e.enableClear), a = v(e.enableSearch), l = v(e.readonly), {
+      dataSource: u,
+      displayText: s,
+      editable: i,
+      modelValue: d,
+      getSelectedItemsByDisplayText: c
+    } = oo(e), f = w(() => e.multiSelect), p = w(() => t.value ? t.value.elementRef.getBoundingClientRect().width : 0);
+    function y() {
+      !f.value && t.value && t.value.hidePopup();
+    }
+    function m(T) {
+      s.value = T.map((C) => C[e.textField]).join(e.separator), T.length === 1 ? d.value = T[0][e.valueField] : d.value = T.map((C) => C[e.valueField]).join(e.separator), n.emit("update:modelValue", d.value), n.emit("change", T, d.value), y();
+    }
+    function b() {
+      l.value || t.value.togglePopup();
+    }
+    function S(T) {
+      d.value = "", n.emit("update:modelValue", ""), n.emit("clear");
+    }
+    function E(T) {
+      const C = c(T);
+      m(C);
+    }
+    function M() {
+      return s.value;
+    }
+    function x(T) {
+      n.emit("input", T);
+    }
+    return n.expose({
+      getDisplayText: M
+    }), O([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([T, C, F, A, I]) => {
+      o.value = T, i.value = C, r.value = F, a.value = A, l.value = I;
+    }), () => g(fn, {
+      ref: t,
+      id: e.id,
+      disable: o.value,
+      readonly: l.value,
+      forcePlaceholder: e.forcePlaceholder,
+      editable: i.value,
+      buttonContent: e.dropDownIcon,
+      placeholder: e.placeholder,
+      enableClear: r.value,
+      maxLength: e.maxLength,
+      tabIndex: e.tabIndex,
+      enableTitle: e.enableTitle,
+      multiSelect: e.multiSelect,
+      inputType: e.multiSelect ? e.viewType : "text",
+      modelValue: s.value,
+      "onUpdate:modelValue": (T) => s.value = T,
+      focusOnCreated: e.focusOnCreated,
+      selectOnCreated: e.selectOnCreated,
+      onClear: S,
+      onClick: b,
+      onChange: E,
+      onInput: x,
+      beforeOpen: e.beforeOpen
+    }, {
+      default: () => [g(no, {
+        idField: e.idField,
+        valueField: e.valueField,
+        textField: e.textField,
+        titleField: e.titleField,
+        dataSource: u.value,
+        selectedValues: d.value,
+        multiSelect: e.multiSelect,
+        enableSearch: a.value,
+        maxHeight: e.maxHeight,
+        enableHighlightSearch: e.enableHighlightSearch,
+        width: e.fitEditor ? p.value : void 0,
+        onSelectionChange: m
+      }, null)]
+    });
+  }
+}), ro = /* @__PURE__ */ new Map([
+  ["appearance", yn]
+]);
+function ao(e, n, t) {
+  return n;
+}
+const io = "https://json-schema.org/draft/2020-12/schema", lo = "https://farris-design.gitee.io/button-edit.schema.json", uo = "button-edit", so = "A Farris Input Component", co = "object", po = {
+  id: {
+    description: "The unique identifier for a Input Group",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Input Group component",
+    type: "string",
+    default: "button-edit"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "sting",
+    default: ""
+  },
+  autoComplete: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  buttonContent: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  inputType: {
+    description: "",
+    type: "string",
+    enum: [
+      "text",
+      "tag"
+    ],
+    default: "text"
+  },
+  multiSelect: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  popup: {
+    description: "",
+    type: "object",
+    properties: {
+      footerButtons: {
+        type: "array",
+        default: []
+      },
+      height: {
+        type: "number",
+        default: 600
+      },
+      dataMapping: {
+        type: "object"
+      },
+      contents: {
+        type: "array",
+        default: []
+      },
+      showMaxButton: {
+        type: "boolean",
+        default: !0
+      },
+      showCloseButton: {
+        type: "boolean",
+        default: !0
+      },
+      showFooter: {
+        type: "boolean",
+        default: !0
+      },
+      title: {
+        type: "string",
+        default: ""
+      },
+      width: {
+        type: "number",
+        default: 800
+      }
+    }
+  },
+  separator: {
+    type: "string",
+    default: ","
+  },
+  showButtonWhenDisabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  wrapText: {
+    type: "boolean",
+    default: !1
+  },
+  onClear: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, fo = [
+  "id",
+  "type"
+], yo = {
+  $schema: io,
+  $id: lo,
+  title: uo,
+  description: so,
+  type: co,
+  properties: po,
+  required: fo
+}, vo = "buttonEdit", mo = "A Farris Component", ho = "object", bo = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  },
+  behavior: {
+    description: "Basic Infomation",
+    title: "行为",
+    properties: {
+      editable: {
+        description: "",
+        title: "允许编辑",
+        type: "boolean"
+      },
+      readonly: {
+        description: "",
+        title: "只读",
+        type: "string"
+      },
+      required: {
+        description: "",
+        title: "必填",
+        type: "boolean"
+      },
+      visible: {
+        description: "",
+        title: "可见",
+        type: "boolean"
+      },
+      placeholder: {
+        description: "",
+        title: "提示文本",
+        type: "string"
+      },
+      tabindex: {
+        description: "",
+        title: "tab索引",
+        type: "number"
+      },
+      textAlign: {
+        description: "",
+        title: "对齐方式",
+        type: "enum",
+        editor: {
+          type: "combo-list",
+          textField: "name",
+          valueField: "value",
+          data: [
+            {
+              value: "left",
+              name: "左对齐"
+            },
+            {
+              value: "center",
+              name: "居中对齐"
+            },
+            {
+              value: "right",
+              name: "右对齐"
+            }
+          ]
+        }
+      }
+    }
+  }
+}, go = {
+  title: vo,
+  description: mo,
+  type: ho,
+  categories: bo
+}, Xe = {
+  /**
+   * 组件标识
+   */
+  id: String,
+  /**
+   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
+   */
+  buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
+  buttonBehavior: { type: String, default: "Popup" },
+  /**
+   * 启用输入框自动完成功能
+   */
+  autoComplete: { type: Boolean, default: !1 },
+  /**
+   * 组件自定义样式
+   */
+  customClass: { type: String, default: "" },
+  /**
+   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
+   */
+  disable: { type: Boolean, default: !1 },
+  /**
+   * 允许在输入框中录入文本。
+   */
+  editable: { type: Boolean, default: !0 },
+  /**
+   * 显示清空文本按钮
+   */
+  enableClear: { type: Boolean, default: !1 },
+  /**
+   * 组件值
+   */
+  modelValue: { type: String, default: "" },
+  /**
+   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
+   */
+  readonly: { type: Boolean, default: !1 },
+  /**
+   * 禁用组件时，是否显示扩展按钮
+   */
+  showButtonWhenDisabled: { type: Boolean, default: !1 },
+  /**
+   * 显示输入框的标签
+   */
+  enableTitle: { type: Boolean, default: !1 },
+  /**
+   * 输入框类型
+   */
+  inputType: { type: String, default: "text" },
+  /**
+   * 显示输入框提示信息
+   */
+  forcePlaceholder: { type: Boolean, default: !1 },
+  /**
+   * 输入框提示文本
+   */
+  placeholder: { type: String, default: "" },
+  /**
+   * 输入框最小长度
+   */
+  minLength: Number,
+  /**
+   * 输入框最大长度
+   */
+  maxLength: Number,
+  /**
+   * 输入框Tab键索引
+   */
+  tabIndex: Number,
+  popupHost: { type: Object },
+  popupRightBoundary: { type: Object },
+  popupOffsetX: { type: Object },
+  popupOnInput: { type: Boolean, default: !1 },
+  popupOnFocus: { type: Boolean, default: !1 },
+  popupMinWidth: { type: Number, default: 160 },
+  modalOptions: { type: Object, default: {} },
+  wrapText: { type: Boolean, default: !1 },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { type: String, default: "," },
+  /** 对齐方式 */
+  textAlign: { type: String, default: "left" },
+  /**
+   * 废弃
+   */
+  beforeClickButton: { type: Function, default: null },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 打开前
+   */
+  beforeOpen: { type: Function, default: null },
+  /** 更新方式 blur | change */
+  updateOn: { type: String, default: "change" }
+};
+ne(Xe, yo, ro, ao, go);
+const Co = {
+  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
+  host: { type: Object },
+  backgroundColor: { type: String, default: "" }
+}, So = /* @__PURE__ */ G({
+  name: "FOverlay",
+  props: Co,
+  emits: ["click"],
+  setup(e, n) {
+    const t = v(e.popupContentPosition), o = v(e.host), r = w(() => ({
+      backgroundColor: e.backgroundColor || "",
+      pointerEvents: "auto"
+    }));
+    function a(u) {
+      n.emit("click"), u.preventDefault(), u.stopPropagation();
+    }
+    w(() => {
+      const u = o.value;
+      if (u) {
+        const s = u.getBoundingClientRect(), {
+          left: i,
+          top: d,
+          height: c
+        } = s;
+        return {
+          left: i,
+          top: d + c
+        };
+      }
+      return t.value;
+    });
+    const l = w(() => ({
+      // position: 'relative',
+      // left: `${position.value.left}px`,
+      // top: `${position.value.top}px`
+    }));
+    return () => g(an, {
+      to: "body"
+    }, {
+      default: () => {
+        var u, s;
+        return [g("div", {
+          class: "overlay-container",
+          onClick: (i) => a(i),
+          style: r.value
+        }, [g("div", {
+          style: l.value
+        }, [(s = (u = n.slots).default) == null ? void 0 : s.call(u)])])];
+      }
+    });
+  }
+});
+function wo(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function xo(e) {
+  const n = document.createElement("div");
+  n.style.display = "contents";
+  let t;
+  const o = e.onClickCallback || (() => {
+  }), r = () => {
+    o(), t && t.unmount();
+  };
+  return t = ln({
+    setup() {
+      un(() => {
+        document.body.removeChild(n);
+      });
+      const a = wo(e);
+      return () => g(So, {
+        "popup-content-position": e.popupPosition,
+        host: e.host,
+        onClick: r,
+        backgroundColor: e.backgroundColor
+      }, {
+        default: () => [a && a()]
+      });
+    }
+  }), document.body.appendChild(n), t.mount(n), t;
+}
+class Vo {
+  static show(n) {
+    return xo(n);
+  }
+}
+const Bo = Symbol("FModalService");
+function Qe(e, n) {
+  function t() {
+    const o = e.beforeOpen || e.beforeClickButton || null;
+    let r = Promise.resolve(!0);
+    if (o) {
+      const a = o(n.value);
+      if (typeof a > "u")
+        return r;
+      typeof a == "boolean" ? r = Promise.resolve(a) : r = a;
+    }
+    return r;
+  }
+  return { judgeCanOpen: t };
+}
+function To(e, n, t, o, r) {
+  const a = v(e.buttonBehavior), l = v(e.popupOnInput), u = w(() => ({
+    "input-group-append": !0,
+    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
+  })), { judgeCanOpen: s } = Qe(e, r), i = w(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), d = z(Bo, null), c = v();
+  async function f(m) {
+    if (await s() && i.value) {
+      const b = !!n.slots.default;
+      if (a.value === "Modal") {
+        const S = e.modalOptions, E = d == null ? void 0 : d.open({
+          ...S,
+          render: () => n.slots.default && n.slots.default()
+        });
+        c.value = E == null ? void 0 : E.modalRef;
+      }
+      a.value === "Overlay" && Vo.show({
+        // host: buttonEditRef.value,
+        host: document.body,
+        backgroundColor: "rgba(0,0,0,.15)",
+        render: () => n.slots.default && n.slots.default()
+      }), b && a.value === "Popup" && o.togglePopup(!0), b && l.value && o.hidePopup(), n.emit("clickButton", { origin: m, value: e.modelValue });
+    }
+  }
+  function p(m) {
+    n.emit("mouseEnterIcon", m);
   }
-  function l(c) {
-    const f = a(c).map((p) => p[e.textField]).join(e.separator);
-    n.value = o.value ? f || c : f;
+  function y(m) {
+    n.emit("mouseLeaveIcon", m);
   }
-  function u(c) {
-    const f = c.split(e.separator).map((v) => [v, !0]), p = new Map(f);
-    return r.value.filter((v) => p.has(v[e.textField]));
+  return {
+    buttonGroupClass: u,
+    onClickButton: f,
+    onMouseEnterButton: p,
+    onMouseLeaveButton: y,
+    modalRef: c
+  };
+}
+function Fo(e, n, t, o) {
+  const r = v(), a = v(!1), { judgeCanOpen: l } = Qe(e, o);
+  function u() {
+    const c = r.value;
+    c && c.show(t.value);
   }
-  function s(c) {
-    const f = {};
-    return f[e.idField] = c, f[e.textField] = c, [f];
+  async function s(c = !1) {
+    if (!!n.slots.default) {
+      if (!c && !a.value && !await l())
+        return;
+      a.value = !a.value, await le(), u();
+    }
   }
-  function i(c) {
-    let f = u(c);
-    const p = f && f.length > 0;
-    return o.value && !p && (f = s(c)), f;
+  async function i(c = !1) {
+    if (!!n.slots.default) {
+      if (!c && !await l())
+        return;
+      a.value = !0, await le(), u();
+    }
   }
   function d() {
-    const { url: c, method: f = "GET", headers: p = {}, body: v = null } = e.remote, m = f.toLowerCase() == "get" ? { method: f, headers: p } : { method: f, headers: p, body: v };
-    let b = !1;
-    fetch(c, m).then((S) => {
-      var k, C;
-      if (S.status === 200)
-        return b = !!((C = (k = S.headers) == null ? void 0 : k.get("content-type")) != null && C.includes("application/json")), b ? S.text() : S.json();
-      throw new Error(S.statusText);
-    }).then((S) => {
-      r.value = b ? JSON.parse(S) : S;
-    }).catch((S) => {
-      console.error(S);
-    });
+    a.value = !1;
   }
-  return e.remote && d(), O(() => e.data, () => {
-    r.value = e.data;
-  }), O([r], ([c]) => {
-    if (e.modelValue) {
-      const f = c.find((p) => p[e.valueField] === e.modelValue);
-      f && (n.value = f[e.textField]);
-    }
-  }), O(() => e.modelValue, (c) => {
-    t.value = c, l(c);
-  }), l(e.modelValue), { dataSource: r, displayText: n, editable: o, modelValue: t, getItemsByDisplayText: u, getItemsByValue: a, getSelectedItemsByDisplayText: i };
+  return { hidePopup: d, popup: i, shouldPopupContent: a, togglePopup: s, popoverRef: r };
 }
-const G = /* @__PURE__ */ W({
-  name: "FComboList",
-  props: Ce,
-  emits: ["clear", "update:modelValue", "change", "input"],
+function ko(e, n, t) {
+  const {
+    buttonGroupClass: o
+  } = t, r = v();
+  return {
+    renderButtonGroup: () => g("div", {
+      id: `${e.id}-button-group`,
+      class: o.value
+    }, [n.slots.buttonContent ? g("span", {
+      class: "input-group-text input-group-append-button"
+    }, [n.slots.buttonContent()]) : e.buttonContent ? g("span", {
+      class: "input-group-text input-group-append-button",
+      innerHTML: e.buttonContent,
+      ref: r
+    }, null) : null]),
+    buttonHandleElement: r
+  };
+}
+const Eo = /* @__PURE__ */ G({
+  name: "FButtonEdit",
+  props: Xe,
+  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, n) {
-    const t = y(), r = y(e.disabled), o = y(e.enableClear), a = y(e.enableSearch), l = y(e.readonly), {
-      dataSource: u,
-      displayText: s,
-      editable: i,
-      modelValue: d,
-      getSelectedItemsByDisplayText: c
-    } = Zn(e), f = x(() => e.multiSelect), p = x(() => t.value ? t.value.elementRef.getBoundingClientRect().width : 0);
-    function v() {
-      !f.value && t.value && t.value.hidePopup();
-    }
-    function m(T) {
-      s.value = T.map((g) => g[e.textField]).join(e.separator), T.length === 1 ? d.value = T[0][e.valueField] : d.value = T.map((g) => g[e.valueField]).join(e.separator), n.emit("update:modelValue", d.value), n.emit("change", T, d.value), v();
-    }
-    function b() {
-      l.value || t.value.togglePopup();
-    }
-    function S(T) {
-      d.value = "", n.emit("update:modelValue", ""), n.emit("clear");
-    }
-    function E(T) {
-      const g = c(T);
-      m(g);
-    }
-    function k() {
-      return s.value;
-    }
-    function C(T) {
-      n.emit("input", T);
-    }
-    return n.expose({
-      getDisplayText: k
-    }), O([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([T, g, F, A, N]) => {
-      r.value = T, i.value = g, o.value = F, a.value = A, l.value = N;
-    }), () => w(on, {
+    const t = v(), o = z("design-item-context"), r = We(t, o), a = v(e.customClass), l = v(e.modelValue), u = Fo(e, n, t, l), s = To(e, n, t, u, l), i = v(), d = w(() => ({
+      "f-cmp-inputgroup": !0,
+      "input-group": !0,
+      "f-state-disable": !0,
+      "f-state-editable": !1,
+      "f-state-readonly": !0
+    }));
+    q(() => {
+      t.value.componentInstance = r;
+    }), n.expose(r.value);
+    const c = w(() => {
+      const p = {
+        "f-button-edit": !0,
+        "f-cmp-inputgroup": !0,
+        "f-button-edit-nowrap": !e.wrapText
+      };
+      return a.value && a.value.split(" ").reduce((y, m) => (y[m] = !0, y), p), p;
+    }), {
+      renderButtonGroup: f
+    } = ko(e, n, s);
+    return () => g("div", sn(n.attrs, {
       ref: t,
-      id: e.id,
-      disable: r.value,
-      readonly: l.value,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: i.value,
-      buttonContent: e.dropDownIcon,
-      placeholder: e.placeholder,
-      enableClear: o.value,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: s.value,
-      "onUpdate:modelValue": (T) => s.value = T,
-      focusOnCreated: e.focusOnCreated,
-      selectOnCreated: e.selectOnCreated,
-      onClear: S,
-      onClick: b,
-      onChange: E,
-      onInput: C,
-      beforeOpen: e.beforeOpen
-    }, {
-      default: () => [w(Yn, {
-        idField: e.idField,
-        valueField: e.valueField,
-        textField: e.textField,
-        titleField: e.titleField,
-        dataSource: u.value,
-        selectedValues: d.value,
-        multiSelect: e.multiSelect,
-        enableSearch: a.value,
-        maxHeight: e.maxHeight,
-        enableHighlightSearch: e.enableHighlightSearch,
-        width: e.fitEditor ? p.value : void 0,
-        onSelectionChange: m
-      }, null)]
-    });
+      class: c.value,
+      id: e.id
+    }), [g("div", {
+      class: d.value
+    }, [g("input", {
+      ref: i,
+      class: "form-control",
+      readonly: !0,
+      placeholder: e.placeholder
+    }, null), f()])]);
   }
 });
-function xe(e, n) {
+function Ve(e, n) {
   e.schema;
-  const t = y(!0), r = y(!0);
-  function o(c) {
+  const t = v(!0), o = v(!0);
+  function r(c) {
     return !1;
   }
   function a() {
@@ -978,18 +1596,18 @@ function xe(e, n) {
     return null;
   }
   return {
-    canAccepts: o,
+    canAccepts: r,
     checkCanDeleteComponent: a,
     checkCanMoveComponent: l,
     hideNestedPaddingInDesginerView: u,
     onAcceptMovedChildElement: s,
     resolveComponentContext: i,
     triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
+    triggerBelongedComponentToDeleteWhenDeleted: o,
     getPropsConfig: d
   };
 }
-class Jn {
+class Mo {
   constructor(n, t) {
     $(this, "componentId");
     $(this, "viewModelId");
@@ -1006,8 +1624,8 @@ class Jn {
       type: "object",
       categories: {}
     });
-    var r;
-    this.componentId = n, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
+    var o;
+    this.componentId = n, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
   }
   getTableInfo() {
     var n;
@@ -1017,8 +1635,8 @@ class Jn {
     const t = n.binding && n.binding.type === "Form" && n.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((o) => o.id === t);
+        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = o.fields.find((r) => r.id === t);
       }
       n.updateOn = this.designViewModelField.updateOn;
     }
@@ -1070,13 +1688,26 @@ class Jn {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(n, t) {
+    const o = t && t.parent && t.parent.schema;
+    if (!o)
+      return;
+    const r = o.contents.findIndex((l) => l.id === n), a = B(o.contents[r]);
+    o.contents.splice(r, 1), o.contents.splice(r, 0, a);
+  }
 }
-const Z = class Z {
+const J = class J {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(n) {
-    const t = Z.fieldControlTypeMapping[n];
+    const t = J.fieldControlTypeMapping[n];
     return t || [{ key: "", value: "" }];
   }
   /**
@@ -1084,9 +1715,9 @@ const Z = class Z {
    */
   static getAllInputTypes() {
     const n = [];
-    for (let t in Z.fieldControlTypeMapping)
-      Z.fieldControlTypeMapping[t].forEach((r) => {
-        n.find((o) => o.key === r.key && o.value === r.value) || n.push({ key: r.key, value: r.value });
+    for (let t in J.fieldControlTypeMapping)
+      J.fieldControlTypeMapping[t].forEach((o) => {
+        n.find((r) => r.key === o.key && r.value === o.value) || n.push({ key: o.key, value: o.value });
       });
     return n;
   }
@@ -1094,7 +1725,7 @@ const Z = class Z {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-$(Z, "fieldControlTypeMapping", {
+$(J, "fieldControlTypeMapping", {
   String: [
     { key: V["input-group"].type, value: V["input-group"].name },
     { key: V.lookup.type, value: V.lookup.name },
@@ -1140,20 +1771,22 @@ $(Z, "fieldControlTypeMapping", {
     { key: V["radio-group"].type, value: V["radio-group"].name }
   ]
 });
-let ie = Z;
-const Qn = y(0);
-class Ve extends Jn {
-  constructor(n, t) {
-    super(n, t);
-  }
-  getPropertyConfig(n, t) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(n, t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(n), this.propertyConfig.categories.editor = this.getEditorProperties(n), this.propertyConfig;
-  }
-  getBasicProperties(n, t) {
-    var l;
+let ue = J;
+const Ao = v(0);
+class Be extends Mo {
+  constructor(t, o) {
+    super(t, o);
+    $(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = vn(this.formSchemaUtils);
+  }
+  getPropertyConfig(t, o) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(t, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t, o), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
+  }
+  getBasicProperties(t, o) {
+    var u;
     var r = this;
-    this.setDesignViewModelField(n);
-    const o = this.formSchemaUtils.getFormMetadataBasicInfo(), a = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    this.setDesignViewModelField(t);
+    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), l = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -1175,7 +1808,7 @@ class Ve extends Jn {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? ie.getEditorTypesByMDataType((l = r.designViewModelField.type) == null ? void 0 : l.name) : ie.getAllInputTypes()
+            data: r.designViewModelField ? ue.getEditorTypesByMDataType((u = r.designViewModelField.type) == null ? void 0 : u.name) : ue.getAllInputTypes()
           }
         },
         label: {
@@ -1191,8 +1824,8 @@ class Ve extends Jn {
             type: "field-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: n,
-              formBasicInfo: o
+              propertyData: t,
+              formBasicInfo: a
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -1200,26 +1833,27 @@ class Ve extends Jn {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: a
+            data: l
           }
         }
       },
-      setPropertyRelates(u, s) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(s, i) {
+        if (s)
+          switch (s && s.propertyID) {
             case "type": {
-              r.changeControlType(n, u, t);
+              r.changeControlType(t, s, o);
               break;
             }
             case "label": {
-              u.needRefreshControlTree = !0;
+              s.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(n) {
+  getAppearanceProperties(t, o) {
+    var r = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -1240,61 +1874,74 @@ class Ve extends Jn {
           description: "响应式列宽",
           title: "响应式列宽",
           type: "boolean",
-          visible: !1,
+          visible: !0,
+          // 这个属性，标记当属性变更得时候触发重新更新属性
+          refreshPanelAfterChanged: !0,
           editor: {
-            type: "response-layout-editor-setting"
-          },
-          $converter: "/converter/response-form-layout.converter"
+            type: "response-layout-editor-setting",
+            initialState: r.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t, r.componentId)
+          }
         }
+      },
+      setPropertyRelates(a, l) {
+        if (a)
+          switch (a && a.propertyID) {
+            case "responseLayout":
+              r.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(a.propertyValue, r.componentId || t.id), r.updateUnifiedLayoutAfterResponseLayoutChanged(r.componentId), r.updateElementByParentContainer(t.id, o), delete t.responseLayout;
+              break;
+            case "class":
+              r.updateUnifiedLayoutAfterControlChanged(a.propertyValue, t.id, this.componentId), r.updateElementByParentContainer(t.id, o);
+              break;
+          }
       }
     };
   }
-  getEditorProperties(n) {
-    return this.getComponentConfig(n);
+  getEditorProperties(t) {
+    return this.getComponentConfig(t);
   }
   /**
    * 卡片控件：切换控件类型后事件
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(n, t, r) {
-    var i, d, c, f;
-    const o = t.propertyValue, a = r && r.parent && r.parent.schema;
-    if (!a)
+  changeControlType(t, o, r) {
+    var d, c, f, p;
+    const a = o.propertyValue, l = r && r.parent && r.parent.schema;
+    if (!l)
       return;
-    const l = a.contents.findIndex((p) => p.id === n.id), u = a.contents[l];
-    let s;
+    const u = l.contents.findIndex((y) => y.id === t.id), s = l.contents[u];
+    let i;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: o
+        $type: a
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), s = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, o)), s || (s = $e("form-group") || {}, s.editor = $e(o) || {}, delete s.editor.id, delete s.editor.binding, delete s.editor.appearance), Object.assign(s, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label,
-      binding: u.binding,
-      visible: u.visible
-    }), Object.assign(s.editor, {
-      isTextArea: s.isTextArea && u.isTextArea,
-      placeholder: (i = u.editor) == null ? void 0 : i.placeholder,
-      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
-    }), a.contents.splice(l, 1), a.contents.splice(l, 0, s), r.schema = Object.assign(u, s), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (p) => p.classList.remove("dgComponentSelected")
-    ), Qn.value++;
-  }
-  getComponentConfig(n, t = {}, r = {}) {
-    const o = Object.assign({
+    }, !1), i = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), i || (i = De("form-group") || {}, i.editor = De(a) || {}, delete i.editor.id, delete i.editor.binding, delete i.editor.appearance), Object.assign(i, {
+      id: s.id,
+      appearance: s.appearance,
+      size: s.size,
+      label: s.label,
+      binding: s.binding,
+      visible: s.visible
+    }), Object.assign(i.editor, {
+      isTextArea: i.isTextArea && s.isTextArea,
+      placeholder: (d = s.editor) == null ? void 0 : d.placeholder,
+      holdPlace: (c = s.editor) == null ? void 0 : c.holdPlace,
+      readonly: (f = s.editor) == null ? void 0 : f.readonly,
+      require: (p = s.editor) == null ? void 0 : p.require
+    }), l.contents.splice(u, 1), l.contents.splice(u, 0, i), r.schema = Object.assign(s, i), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (y) => y.classList.remove("dgComponentSelected")
+    ), Ao.value++;
+  }
+  getComponentConfig(t, o = {}, r = {}) {
+    const a = Object.assign({
       description: "编辑器",
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, t), a = Object.assign({
+    }, o), l = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1316,10 +1963,58 @@ class Ve extends Jn {
         type: "string"
       }
     }, r);
-    return { ...o, properties: { ...a } };
+    return { ...a, properties: { ...l } };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(t, o, r) {
+    const a = t.split(" ");
+    let l = a.find((c) => /^col-([1-9]|10|11|12)$/.test(c)), u = a.find((c) => /^col-md-([1-9]|10|11|12)$/.test(c)), s = a.find((c) => /^col-xl-([1-9]|10|11|12)$/.test(c)), i = a.find((c) => /^col-el-([1-9]|10|11|12)$/.test(c));
+    l = l || "col-12", u = u || "col-md-" + l.replace("col-", ""), s = s || "col-xl-" + u.replace("col-md-", ""), i = i || "col-el-" + s.replace("col-xl-", "");
+    const d = {
+      id: o,
+      columnInSM: parseInt(l.replace("col-", ""), 10),
+      columnInMD: parseInt(u.replace("col-md-", ""), 10),
+      columnInLG: parseInt(s.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(i.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(r, d);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(t, o) {
+    const { formNode: r } = this.responseLayoutEditorFunction.checkCanFindFormNode(t);
+    if (!r || !r.unifiedLayout)
+      return;
+    const a = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(r, a, 1), o) {
+      const y = a.find((m) => m.id === o.id);
+      Object.assign(y || {}, o);
+    }
+    const l = a.map((y) => y.columnInSM), u = a.map((y) => y.columnInMD), s = a.map((y) => y.columnInLG), i = a.map((y) => y.columnInEL), d = this.checkIsUniqueColumn(l) ? l[0] : null, c = this.checkIsUniqueColumn(u) ? u[0] : null, f = this.checkIsUniqueColumn(s) ? s[0] : null, p = this.checkIsUniqueColumn(i) ? i[0] : null;
+    Object.assign(r.unifiedLayout, {
+      uniqueColClassInSM: d,
+      uniqueColClassInMD: c,
+      uniqueColClassInLG: f,
+      uniqueColClassInEL: p
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(t) {
+    const o = new Set(t);
+    return Array.from(o).length === 1;
   }
 }
-class Xn extends Ve {
+class Po extends Be {
   constructor(n, t) {
     super(n, t);
   }
@@ -1343,24 +2038,24 @@ class Xn extends Ve {
     });
   }
 }
-function Kn(e, n) {
+function Io(e, n) {
   const {
     canAccepts: t,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: o,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
     triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = xe(e), d = e.schema;
+  } = Ve(e), d = e.schema;
   function c(f, p) {
-    return new Xn(f, n).getPropertyConfig(d, p);
+    return new Po(f, n).getPropertyConfig(d, p);
   }
   return {
     canAccepts: t,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: o,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
@@ -1369,15 +2064,15 @@ function Kn(e, n) {
     getPropsConfig: c
   };
 }
-const er = /* @__PURE__ */ W({
+const Oo = /* @__PURE__ */ G({
   name: "FComboListDesign",
-  props: Ce,
+  props: xe,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, n) {
-    const t = y(), r = Q("designer-host-service"), o = Q("design-item-context"), a = Kn(o, r), l = ln(t, o, a);
-    return H(() => {
+    const t = v(), o = z("designer-host-service"), r = z("design-item-context"), a = Io(r, o), l = We(t, r, a);
+    return q(() => {
       t.value.componentInstance = l;
-    }), n.expose(l.value), () => w(an, {
+    }), n.expose(l.value), () => g(Eo, {
       ref: t,
       buttonContent: e.dropDownIcon,
       readonly: !0,
@@ -1393,20 +2088,20 @@ const er = /* @__PURE__ */ W({
     t.component(n.name, e);
   }, e;
 };
-G.register = (e, n, t, r) => {
-  e["combo-list"] = G, n["combo-list"] = Ye;
+H.register = (e, n, t, o) => {
+  e["combo-list"] = H, n["combo-list"] = Je;
 };
-G.registerDesigner = (e, n, t) => {
-  e["combo-list"] = er, n["combo-list"] = Ye;
+H.registerDesigner = (e, n, t) => {
+  e["combo-list"] = Oo, n["combo-list"] = Je;
 };
-Te(G);
-const tr = /* @__PURE__ */ new Map([
-  ["appearance", de]
+Te(H);
+const No = /* @__PURE__ */ new Map([
+  ["appearance", pe]
 ]);
-function nr(e, n, t) {
+function jo(e, n, t) {
   return n;
 }
-const rr = "https://json-schema.org/draft/2020-12/schema", or = "https://farris-design.gitee.io/input-group.schema.json", ar = "input-group", ir = "A Farris Input Component", lr = "object", ur = {
+const Lo = "https://json-schema.org/draft/2020-12/schema", $o = "https://farris-design.gitee.io/input-group.schema.json", Do = "input-group", Ro = "A Farris Input Component", Uo = "object", _o = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1608,18 +2303,19 @@ const rr = "https://json-schema.org/draft/2020-12/schema", or = "https://farris-
     type: "string",
     default: ""
   }
-}, sr = [
+}, Go = [
   "id",
   "type"
-], cr = {
-  $schema: rr,
-  $id: or,
-  title: ar,
-  description: ir,
-  type: lr,
-  properties: ur,
-  required: sr
-}, Be = {
+], qo = {
+  $schema: Lo,
+  $id: $o,
+  title: Do,
+  description: Ro,
+  type: Uo,
+  properties: _o,
+  required: Go
+}, Fe = {
+  id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
   /** 自定义CLASS */
@@ -1685,69 +2381,69 @@ const rr = "https://json-schema.org/draft/2020-12/schema", or = "https://farris-
    * - input: 输入时更新
    */
   updateOn: { type: String, default: "blur" }
-}, Ze = ce(Be, cr, tr, nr);
-function dr(e, n, t, r) {
-  const o = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), s = y(e.textAlign), i = y(e.updateOn), d = x(() => e.editable || !e.readonly), c = x(() => e.editable && !e.disabled && !e.readonly), f = x(() => !e.disabled && a.value), p = x(() => t.value === "" || t.value === null || t.value === void 0), v = x(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), m = x(() => e.readonly || !e.editable), b = x(() => e.enableTitle ? t.value : ""), S = x(() => ({
+}, Ke = ne(Fe, qo, No, jo);
+function Ho(e, n, t, o) {
+  const r = v(e.disabled), a = v(!1), l = v("text"), u = v(e.showBorder), s = v(e.textAlign), i = v(e.updateOn), d = w(() => e.editable || !e.readonly), c = w(() => e.editable && !e.disabled && !e.readonly), f = w(() => !e.disabled && a.value), p = w(() => t.value === "" || t.value === null || t.value === void 0), y = w(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), m = w(() => e.readonly || !e.editable), b = w(() => e.enableTitle ? t.value : ""), S = w(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
     "text-left": s.value === "left",
     "text-center": s.value === "center",
     "text-right": s.value === "right"
-  })), E = x(() => {
-    const M = {
+  })), E = w(() => {
+    const k = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
-      "f-state-disable": o.value,
+      "f-state-disable": r.value,
       "f-state-editable": c.value,
       "f-state-readonly": m.value,
       "f-state-focus": f.value
     };
-    return (e.customClass || "").split(" ").reduce((re, pe) => (re[pe] = !0, re), M), M;
-  }), k = x(() => u.value ? "" : "border-width : 0 ");
-  function C(M, D = !0) {
-    t.value = M, r.value !== M && (r.value = M), D && n.emit("change", M), n.emit("update:modelValue", M), n.emit("update:value", M);
+    return (e.customClass || "").split(" ").reduce((re, fe) => (re[fe] = !0, re), k), k;
+  }), M = w(() => u.value ? "" : "border-width : 0 ");
+  function x(k, L = !0) {
+    t.value = k, o.value !== k && (o.value = k), L && n.emit("change", k), n.emit("update:modelValue", k), n.emit("update:value", k);
   }
   O(
     () => e.modelValue,
-    (M, D) => {
-      M !== D && (t.value = M, r.value = M);
+    (k, L) => {
+      k !== L && (t.value = k, o.value = k);
     }
-  ), O(() => e.disabled, (M, D) => {
-    M !== D && (o.value = M);
+  ), O(() => e.disabled, (k, L) => {
+    k !== L && (r.value = k);
   });
-  function T(M) {
-    return a.value = !1, n.emit("blur", M), M.stopPropagation(), !1;
+  function T(k) {
+    return a.value = !1, n.emit("blur", k), k.stopPropagation(), !1;
   }
-  function g(M) {
-    n.emit("click", M);
+  function C(k) {
+    n.emit("click", k);
   }
-  function F(M) {
-    e.disabled || (u.value && (a.value = !0), d.value && n.emit("focus", M));
+  function F(k) {
+    e.disabled || (u.value && (a.value = !0), d.value && n.emit("focus", k));
   }
-  function A(M) {
-    n.emit("input", M.target.value);
-    const D = M.target.value;
-    r.value = D, i.value === "input" && (n.emit("update:modelValue", D), n.emit("update:value", D));
+  function A(k) {
+    n.emit("input", k.target.value);
+    const L = k.target.value;
+    o.value = L, i.value === "change" && (n.emit("update:modelValue", L), n.emit("update:value", L));
   }
-  function N(M) {
-    n.emit("keydown", M);
+  function I(k) {
+    n.emit("keydown", k);
   }
-  function q(M) {
-    n.emit("keyup", M);
+  function W(k) {
+    n.emit("keyup", k);
   }
-  function _(M) {
-    M.target.tagName !== "INPUT" && M.preventDefault(), M.stopPropagation();
+  function U(k) {
+    k.target.tagName !== "INPUT" && k.preventDefault(), k.stopPropagation();
   }
-  function K(M) {
+  function K(k) {
     if (i.value === "blur") {
-      const D = M.target.value;
-      M.stopPropagation(), C(D);
+      const L = k.target.value;
+      k.stopPropagation(), x(L);
     }
   }
   return {
-    changeTextBoxValue: C,
-    disabled: o,
-    displayText: r,
+    changeTextBoxValue: x,
+    disabled: r,
+    displayText: o,
     editable: c,
     hasFocused: f,
     inputGroupClass: E,
@@ -1756,40 +2452,40 @@ function dr(e, n, t, r) {
     modelValue: t,
     readonly: m,
     onBlur: T,
-    onClick: g,
+    onClick: C,
     onFocus: F,
     onInput: A,
-    onKeydown: N,
-    onKeyup: q,
-    onMousedown: _,
+    onKeydown: I,
+    onKeyup: W,
+    onMousedown: U,
     onTextBoxValueChange: K,
-    placeholder: v,
+    placeholder: y,
     textBoxClass: S,
     textBoxTitle: b,
-    inputGroupStyle: k
+    inputGroupStyle: M
   };
 }
-function pr(e, n, t, r) {
-  const o = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), s = y(e.textAlign);
-  x(() => e.editable || !e.readonly);
-  const i = x(() => e.editable && !e.disabled && !e.readonly), d = x(() => !e.disabled && a.value), c = x(() => t.value === "" || t.value === null || t.value === void 0), f = x(() => e.placeholder), p = x(() => e.readonly || !e.editable), v = x(() => e.enableTitle ? t.value : ""), m = x(() => ({
+function Wo(e, n, t, o) {
+  const r = v(e.disabled), a = v(!1), l = v("text"), u = v(e.showBorder), s = v(e.textAlign);
+  w(() => e.editable || !e.readonly);
+  const i = w(() => e.editable && !e.disabled && !e.readonly), d = w(() => !e.disabled && a.value), c = w(() => t.value === "" || t.value === null || t.value === void 0), f = w(() => e.placeholder), p = w(() => e.readonly || !e.editable), y = w(() => e.enableTitle ? t.value : ""), m = w(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
     "text-left": s.value === "left",
     "text-center": s.value === "center",
     "text-right": s.value === "right"
-  })), b = x(() => ({
+  })), b = w(() => ({
     "f-cmp-inputgroup": !0,
     "input-group": !0,
     "f-state-disable": !0,
     "f-state-editable": !1,
     "f-state-readonly": !0
     // 'f-state-focus': hasFocused.value
-  })), S = x(() => u.value ? "" : "border-width : 0 ");
+  })), S = w(() => u.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
-    disabled: o,
-    displayText: r,
+    disabled: r,
+    displayText: o,
     editable: i,
     hasFocused: d,
     inputGroupClass: b,
@@ -1807,86 +2503,86 @@ function pr(e, n, t, r) {
     // onTextBoxValueChange,
     placeholder: f,
     textBoxClass: m,
-    textBoxTitle: v,
+    textBoxTitle: y,
     inputGroupStyle: S
   };
 }
-function Je(e, n, t) {
-  const r = y(!1), o = x(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: a, displayText: l, hasFocused: u, isEmpty: s } = t;
+function et(e, n, t) {
+  const o = v(!1), r = w(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: a, displayText: l, hasFocused: u, isEmpty: s } = t;
   function i(m) {
-    r.value = m;
+    o.value = m;
   }
   O(l, () => {
     u != null && u.value ? i(!!(l != null && l.value)) : i(!1);
   });
-  const d = x(() => ({
+  const d = w(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), c = x(() => ({
+  })), c = w(() => ({
     width: "24px",
-    display: r.value ? "flex" : "none"
+    display: o.value ? "flex" : "none"
   }));
   function f(m) {
-    m.stopPropagation(), o.value && (a("", !0), i(!r.value), n.emit("clear"));
+    m.stopPropagation(), r.value && (a("", !0), i(!o.value), n.emit("clear"));
   }
   function p(m) {
-    o.value && !s.value && i(!0);
+    r.value && !s.value && i(!0);
   }
-  function v(m) {
-    o.value && i(!1);
+  function y(m) {
+    r.value && i(!1);
   }
-  return { clearButtonClass: d, clearButtonStyle: c, hasShownClearButton: r, onClearValue: f, onMouseEnter: p, onMouseLeave: v, shouldShowClearButton: o };
+  return { clearButtonClass: d, clearButtonStyle: c, hasShownClearButton: o, onClearValue: f, onMouseEnter: p, onMouseLeave: y, shouldShowClearButton: r };
 }
-const fr = ["moz", "ms", "webkit"];
-function vr() {
+const zo = ["moz", "ms", "webkit"];
+function Yo() {
   let e = 0;
   return (n) => {
-    const t = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (t - e)), o = setTimeout(() => {
-      n(t + r);
-    }, r);
-    return e = t + r, o;
+    const t = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (t - e)), r = setTimeout(() => {
+      n(t + o);
+    }, o);
+    return e = t + o, r;
   };
 }
-function yr() {
+function Zo() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = fr.filter((n) => `${n}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : vr();
+  const e = zo.filter((n) => `${n}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : Yo();
 }
-yr();
-function Qe(e, n) {
-  const t = y(e.groupText), r = x(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), o = x(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: x(() => ({
+Zo();
+function tt(e, n) {
+  const t = v(e.groupText), o = w(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), r = w(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: w(() => ({
     "input-group-append": !0,
-    "append-force-show": r.value
-  })), appendedContent: t, shouldShowAppendedButton: o };
+    "append-force-show": o.value
+  })), appendedContent: t, shouldShowAppendedButton: r };
 }
-function Xe(e, n, t, r) {
-  const { appendedContent: o } = r, a = y(e.enableViewPassword), l = x(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', s = '<span class="f-icon f-icon-eye"></span>', i = y(!1);
+function nt(e, n, t, o) {
+  const { appendedContent: r } = o, a = v(e.enableViewPassword), l = w(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', s = '<span class="f-icon f-icon-eye"></span>', i = v(!1);
   O(() => [e.readonly, e.disabled], ([f, p]) => {
-    l.value && (t.value = f || p ? "password" : t.value, o.value = f || p ? s : o.value);
+    l.value && (t.value = f || p ? "password" : t.value, r.value = f || p ? s : r.value);
   });
   function d() {
-    return i.value = !i.value, t.value = i.value ? "text" : "password", o.value = i.value ? u : s, !1;
+    return i.value = !i.value, t.value = i.value ? "text" : "password", r.value = i.value ? u : s, !1;
   }
   function c() {
-    t.value = l.value ? "password" : "text", o.value = l.value ? a.value ? s : "" : o.value;
+    t.value = l.value ? "password" : "text", r.value = l.value ? a.value ? s : "" : r.value;
   }
   return c(), { isPassword: l, onClickAppendedButton: d };
 }
-function Ke(e, n, t) {
-  const r = y(), {
-    onBlurTextBox: o,
+function ot(e, n, t) {
+  const o = v(), {
+    onBlurTextBox: r,
     onFocusTextBox: a,
     onInput: l,
     onKeyDown: u,
     textBoxValue: s
-  } = t, i = x(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = x(() => ({
+  } = t, i = w(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = w(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), c = x(() => ({
+  })), c = w(() => ({
     "text-align": e.textAlign
   }));
   function f(m) {
@@ -1895,13 +2591,13 @@ function Ke(e, n, t) {
   function p() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function v(m) {
-    a(m), await je, p();
+  async function y(m) {
+    a(m), await le, p();
   }
-  return H(async () => {
-    await je, p();
-  }), () => w("input", {
-    ref: r,
+  return q(async () => {
+    await le, p();
+  }), () => g("input", {
+    ref: o,
     class: d.value,
     style: c.value,
     type: "text",
@@ -1909,102 +2605,102 @@ function Ke(e, n, t) {
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: i.value,
-    onBlur: o,
+    onBlur: r,
     onChange: f,
-    onFocus: v,
+    onFocus: y,
     onInput: l,
     onKeydown: u
   }, null);
 }
-function Fe(e, n, t) {
+function ke(e, n, t) {
   const {
-    canDownward: r,
-    canUpward: o,
+    canDownward: o,
+    canUpward: r,
     onClickDownButton: a,
     onClickUpButton: l
-  } = t, u = x(() => ({
+  } = t, u = w(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), s = x(() => ({
+  })), s = w(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = x(() => ({
-    cursor: o() ? "pointer" : "not-allowed",
-    "margin-left": 0
-  })), d = x(() => ({
+  })), i = w(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
+  })), d = w(() => ({
+    cursor: o() ? "pointer" : "not-allowed",
+    "margin-left": 0
   }));
-  return () => w("div", {
+  return () => g("div", {
     class: u.value
-  }, [w("button", {
+  }, [g("button", {
     title: "upButton",
     class: s.value,
     style: i.value,
     onClick: l,
-    disabled: !o()
-  }, [w("span", {
+    disabled: !r()
+  }, [g("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), w("button", {
+  }, null)]), g("button", {
     title: "downButton",
     class: s.value,
     style: d.value,
     onClick: a,
-    disabled: !r()
-  }, [w("span", {
+    disabled: !o()
+  }, [g("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function mr(e, n) {
-  const t = un(e, n), r = sn(e, n, t), o = cn(e, n, r, t), a = dn(e, n, r, t, o), l = Fe(e, n, o), {
+function Jo(e, n) {
+  const t = mn(e, n), o = hn(e, n, t), r = bn(e, n, o, t), a = gn(e, n, o, t, r), l = ke(e, n, r), {
     displayValue: u,
     modelValue: s,
     getRealValue: i
-  } = t, d = Ke(e, n, a), {
+  } = t, d = ot(e, n, a), {
     format: c
-  } = r, {
+  } = o, {
     isFocus: f
-  } = a, p = x(() => !e.disabled && !e.readonly);
-  return H(() => {
-    const v = i(e.modelValue);
-    u.value = c(v);
-  }), O(() => [e.value], ([v]) => {
-    const m = i(v);
+  } = a, p = w(() => !e.disabled && !e.readonly);
+  return q(() => {
+    const y = i(e.modelValue);
+    u.value = c(y);
+  }), O(() => [e.value], ([y]) => {
+    const m = i(y);
     s.value = m, u.value = c(m);
-  }), O(() => [e.modelValue], ([v]) => {
-    v !== s.value && (s.value = v, !f.value && (u.value = c(i(v))));
+  }), O(() => [e.modelValue], ([y]) => {
+    y !== s.value && (s.value = y, !f.value && (u.value = c(i(y))));
   }), O(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
     u.value = c(s.value);
-  }), () => w("div", {
+  }), () => g("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
   }, [d(), p.value && l()]);
 }
-function hr(e, n, t, r) {
-  const o = y(), a = y(e.autocomplete), l = y(e.enableTitle), {
+function Xo(e, n, t, o) {
+  const r = v(), a = v(e.autocomplete), l = v(e.enableTitle), {
     isPassword: u
-  } = t, s = y(e.minLength), i = y(e.maxLength), d = y(e.tabIndex), {
+  } = t, s = v(e.minLength), i = v(e.maxLength), d = v(e.tabIndex), {
     disabled: c,
     displayText: f,
     inputType: p,
-    onBlur: v,
+    onBlur: y,
     onFocus: m,
     onInput: b,
     onClick: S,
     onKeydown: E,
-    onKeyup: k,
-    onMousedown: C,
+    onKeyup: M,
+    onMousedown: x,
     onTextBoxValueChange: T,
-    readonly: g,
+    readonly: C,
     placeholder: F,
     textBoxClass: A,
-    textBoxTitle: N
-  } = r;
-  return H(() => {
+    textBoxTitle: I
+  } = o;
+  return q(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => w("input", {
-    ref: o,
+  }), () => g("input", {
+    ref: r,
     name: "input-group-value",
     autocomplete: a.value,
     class: A.value,
@@ -2012,54 +2708,54 @@ function hr(e, n, t, r) {
     maxlength: i.value,
     minlength: s.value,
     placeholder: F.value,
-    readonly: g == null ? void 0 : g.value,
+    readonly: C == null ? void 0 : C.value,
     tabindex: d.value,
-    title: l.value && !u.value ? N.value : "",
+    title: l.value && !u.value ? I.value : "",
     type: p.value,
     value: f == null ? void 0 : f.value,
-    onBlur: v,
+    onBlur: y,
     onClick: S,
     onChange: T,
     onFocus: m,
     onInput: b,
     onKeydown: E,
-    onKeyup: k,
-    onMousedown: C
+    onKeyup: M,
+    onMousedown: x
   }, null);
 }
-function br(e, n) {
-  const t = x(() => e.useExtendInfo && !!e.extendInfo), r = tn({
+function Qo(e, n) {
+  const t = w(() => e.useExtendInfo && !!e.extendInfo), o = cn({
     content: e.extendInfo
   });
-  function o() {
+  function r() {
     n.emit("updateExtendInfo");
   }
-  return () => t.value && me(w("span", {
+  return () => t.value && he(g("span", {
     class: "input-group-before-tips",
-    onMouseenter: o
-  }, [w("i", {
+    onMouseenter: r
+  }, [g("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), w("b", {
+  }, null), g("b", {
     class: "tips-arrow"
-  }, null)]), [[nn("tooltip"), r]]);
+  }, null)]), [[dn("tooltip"), o]]);
 }
-function et(e, n, t, r, o) {
+function rt(e, n, t, o, r) {
   const {
     appendedButtonClass: a,
     appendedContent: l
-  } = t, u = x(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), s = x(() => l.value && !n.slots.groupTextTemplate), i = x(() => !!n.slots.groupTextTemplate), {
+  } = t, u = w(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), s = w(() => l.value && !n.slots.groupTextTemplate), i = w(() => !!n.slots.groupTextTemplate), {
     clearButtonClass: d,
     clearButtonStyle: c,
     onClearValue: f,
     shouldShowClearButton: p
-  } = r;
-  function v() {
-    return w("span", {
+  } = o;
+  function y() {
+    return g("span", {
       id: "clearIcon",
       class: d.value,
       style: c.value,
       onClick: (F) => f(F)
-    }, [w("i", {
+    }, [g("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
@@ -2074,9 +2770,9 @@ function et(e, n, t, r, o) {
       originalEvent: F
     }), F.stopPropagation();
   }
-  const E = e.type === "password" ? o.onClickAppendedButton : S;
-  function k() {
-    return w("span", {
+  const E = e.type === "password" ? r.onClickAppendedButton : S;
+  function M() {
+    return g("span", {
       class: "input-group-text",
       onMouseenter: (F) => m(F),
       onMouseleave: (F) => b(F),
@@ -2084,72 +2780,72 @@ function et(e, n, t, r, o) {
       onClick: (F) => E(F)
     }, null);
   }
-  function C() {
+  function x() {
     return n.slots.groupTextTemplate && n.slots.groupTextTemplate();
   }
   function T() {
-    return s.value ? k : i.value ? C : "";
+    return s.value ? M : i.value ? x : "";
   }
-  const g = T();
-  return () => w("div", {
+  const C = T();
+  return () => g("div", {
     class: a.value
-  }, [p.value && v(), g && g()]);
+  }, [p.value && y(), C && C()]);
 }
-const ee = /* @__PURE__ */ W({
+const ee = /* @__PURE__ */ G({
   name: "FInputGroup",
-  props: Be,
+  props: Fe,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, n) {
-    const t = y(e.modelValue), r = y(e.modelValue), o = dr(e, n, t, r), {
+    const t = v(e.modelValue), o = v(e.modelValue), r = Ho(e, n, t, o), {
       inputGroupClass: a,
       inputType: l,
       inputGroupStyle: u
-    } = o, s = Qe(e), {
+    } = r, s = tt(e), {
       shouldShowAppendedButton: i
-    } = s, d = Je(e, n, o), {
+    } = s, d = et(e, n, r), {
       onMouseEnter: c,
       onMouseLeave: f
-    } = d, p = Xe(e, n, l, s), v = mr(e, n), m = hr(e, n, p, o), b = et(e, n, s, d, p), S = br(e, n), E = x(() => e.type === "number");
-    O(() => [e.value], ([C]) => {
-      t.value = C, r.value = C;
-    }), O(() => [e.modelValue], ([C]) => {
-      t.value = C, r.value = C;
-    }), H(() => {
-      e.value && (t.value = e.value, r.value = e.value);
+    } = d, p = nt(e, n, l, s), y = Jo(e, n), m = Xo(e, n, p, r), b = rt(e, n, s, d, p), S = Qo(e, n), E = w(() => e.type === "number");
+    O(() => [e.value], ([x]) => {
+      t.value = x, o.value = x;
+    }), O(() => [e.modelValue], ([x]) => {
+      t.value = x, o.value = x;
+    }), q(() => {
+      e.value && (t.value = e.value, o.value = e.value);
     });
-    const k = () => w(he, null, [w("div", {
-      id: "inputGroup",
+    const M = () => g(be, null, [g("div", {
+      id: e.id,
       class: a.value,
       style: u.value,
       onMouseenter: c,
       onMouseleave: f
-    }, [E.value ? v() : w(he, null, [S(), m(), i.value && b()])])]);
-    return () => k();
+    }, [E.value ? y() : g(be, null, [S(), m(), i.value && b()])])]);
+    return () => M();
   }
 });
-class gr extends Ve {
+class Ko extends Be {
   constructor(n, t) {
     super(n, t);
   }
 }
-function Sr(e, n) {
+function er(e, n) {
   const {
     canAccepts: t,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: o,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
     triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = xe(e), d = e.schema;
+  } = Ve(e), d = e.schema;
   function c(f, p) {
-    return new gr(f, n).getPropertyConfig(d, p);
+    return new Ko(f, n).getPropertyConfig(d, p);
   }
   return {
     canAccepts: t,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: o,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
@@ -2158,13 +2854,13 @@ function Sr(e, n) {
     getPropsConfig: c
   };
 }
-function tt(e, n, t) {
+function at(e, n, t) {
   var T;
-  function r() {
+  function o() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  r();
-  const o = t && t.getStyles && t.getStyles() || "", a = t && t.getDesignerClass && t.getDesignerClass() || "", l = y();
+  o();
+  const r = t && t.getStyles && t.getStyles() || "", a = t && t.getDesignerClass && t.getDesignerClass() || "", l = v();
   function u() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
@@ -2177,49 +2873,49 @@ function tt(e, n, t) {
   function d() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function c(g) {
-    if (!g || !g.value)
+  function c(C) {
+    if (!C || !C.value)
       return null;
-    if (g.value.schema && g.value.schema.type === "component")
-      return g.value;
-    const F = y(g == null ? void 0 : g.value.parent), A = c(F);
+    if (C.value.schema && C.value.schema.type === "component")
+      return C.value;
+    const F = v(C == null ? void 0 : C.value.parent), A = c(F);
     return A || null;
   }
-  function f(g = n) {
-    const { componentInstance: F, designerItemElementRef: A } = g;
-    return !F || !F.value ? null : F.value.canMove ? A : f(g.parent);
+  function f(C = n) {
+    const { componentInstance: F, designerItemElementRef: A } = C;
+    return !F || !F.value ? null : F.value.canMove ? A : f(C.parent);
   }
-  function p(g) {
-    return !!t && t.canAccepts(g);
+  function p(C) {
+    return !!t && t.canAccepts(C);
   }
-  function v() {
+  function y() {
     return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
   }
   function m() {
   }
-  function b(g, F) {
+  function b(C, F) {
     F && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(F);
   }
-  function S(g, F) {
-    const { componentType: A } = g;
-    let N = be(A, g, F);
-    t && t.onResolveNewComponentSchema && (N = t.onResolveNewComponentSchema(g, N));
-    const q = A.toLowerCase().replace("-", "_");
-    return N && !N.id && N.type === A && (N.id = `${q}_${Math.random().toString().slice(2, 6)}`), N;
-  }
-  function E(g, F) {
-    const A = String(g.getAttribute("data-controltype")), N = g.getAttribute("data-feature"), q = N ? JSON.parse(N) : {};
-    q.parentComponentInstance = l.value;
-    let _ = be(A, q);
-    t && t.onAcceptNewChildElement && (_ = t.onAcceptNewChildElement(g, F, _));
+  function S(C, F) {
+    const { componentType: A } = C;
+    let I = ge(A, C, F);
+    t && t.onResolveNewComponentSchema && (I = t.onResolveNewComponentSchema(C, I));
+    const W = A.toLowerCase().replace("-", "_");
+    return I && !I.id && I.type === A && (I.id = `${W}_${Math.random().toString().slice(2, 6)}`), I;
+  }
+  function E(C, F) {
+    const A = String(C.getAttribute("data-controltype")), I = C.getAttribute("data-feature"), W = I ? JSON.parse(I) : {};
+    W.parentComponentInstance = l.value;
+    let U = ge(A, W);
+    t && t.onAcceptNewChildElement && (U = t.onAcceptNewChildElement(C, F, U));
     const K = A.toLowerCase().replace("-", "_");
-    return _ && !_.id && _.type === A && (_.id = `${K}_${Math.random().toString().slice(2, 6)}`), _;
+    return U && !U.id && U.type === A && (U.id = `${K}_${Math.random().toString().slice(2, 6)}`), U;
   }
-  function k(g) {
+  function M(C) {
   }
-  function C(...g) {
+  function x(...C) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...g);
+      return t.getPropsConfig(...C);
   }
   return l.value = {
     canMove: u(),
@@ -2230,67 +2926,67 @@ function tt(e, n, t) {
     elementRef: e,
     parent: (T = n == null ? void 0 : n.parent) == null ? void 0 : T.componentInstance,
     schema: n == null ? void 0 : n.schema,
-    styles: o,
+    styles: r,
     designerClass: a,
     canAccepts: p,
     getBelongedComponentInstance: c,
     getDraggableDesignItemElement: f,
-    getDraggingDisplayText: v,
-    getPropConfig: C,
+    getDraggingDisplayText: y,
+    getPropConfig: x,
     getDragScopeElement: m,
     onAcceptMovedChildElement: b,
     onAcceptNewChildElement: E,
-    onChildElementMovedOut: k,
+    onChildElementMovedOut: M,
     addNewChildComponentSchema: S,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || y(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || y(!1)
+    updateDragAndDropRules: o,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || v(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || v(!1)
   }, l;
 }
-const wr = /* @__PURE__ */ W({
+const tr = /* @__PURE__ */ G({
   name: "FInputGroupDesign",
-  props: Be,
+  props: Fe,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, n) {
-    const t = y(e.modelValue), r = y(e.modelValue), o = pr(e, n, t, r), {
+    const t = v(e.modelValue), o = v(e.modelValue), r = Wo(e, n, t, o), {
       inputGroupClass: a,
       inputType: l,
       inputGroupStyle: u
-    } = o, s = Qe(e), {
+    } = r, s = tt(e), {
       shouldShowAppendedButton: i
-    } = s, d = Je(e, n, o), {
+    } = s, d = et(e, n, r), {
       onMouseEnter: c,
       onMouseLeave: f
-    } = d, p = Xe(e, n, l, s), v = y(), m = Q("designer-host-service"), b = Q("design-item-context"), S = Sr(b, m), E = tt(v, b, S);
-    H(() => {
-      v.value.componentInstance = E;
+    } = d, p = nt(e, n, l, s), y = v(), m = z("designer-host-service"), b = z("design-item-context"), S = er(b, m), E = at(y, b, S);
+    q(() => {
+      y.value.componentInstance = E;
     }), n.expose(E.value);
-    const k = et(e, n, s, d, p), C = y();
-    return () => w("div", {
+    const M = rt(e, n, s, d, p), x = v();
+    return () => g("div", {
       id: "inputGroup",
-      ref: v,
+      ref: y,
       class: a.value,
       style: u.value,
       onMouseenter: c,
       onMouseleave: f
-    }, [w("input", {
-      ref: C,
+    }, [g("input", {
+      ref: x,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), i.value && k()]);
+    }, null), i.value && M()]);
   }
 });
-ee.register = (e, n, t, r) => {
-  e["input-group"] = ee, n["input-group"] = Ze;
+ee.register = (e, n, t, o) => {
+  e["input-group"] = ee, n["input-group"] = Ke;
 };
 ee.registerDesigner = (e, n, t) => {
-  e["input-group"] = wr, n["input-group"] = Ze;
+  e["input-group"] = tr, n["input-group"] = Ke;
 };
 Te(ee);
-const Cr = /* @__PURE__ */ new Map([
-  ["appearance", de]
-]), xr = "https://json-schema.org/draft/2020-12/schema", Vr = "https://farris-design.gitee.io/number-spinner.schema.json", Tr = "number-spinner", Br = "A Farris Input Component", Fr = "object", Mr = {
+const nr = /* @__PURE__ */ new Map([
+  ["appearance", pe]
+]), or = "https://json-schema.org/draft/2020-12/schema", rr = "https://farris-design.gitee.io/number-spinner.schema.json", ar = "number-spinner", ir = "A Farris Input Component", lr = "object", ur = {
   id: {
     description: "The unique identifier for a number spinner",
     type: "string"
@@ -2391,27 +3087,27 @@ const Cr = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, kr = [
+}, sr = [
   "id",
   "type"
-], Er = [
+], cr = [
   "id",
   "appearance",
   "binding"
-], Ar = {
-  $schema: xr,
-  $id: Vr,
-  title: Tr,
-  description: Br,
-  type: Fr,
-  properties: Mr,
-  required: kr,
-  ignore: Er
+], dr = {
+  $schema: or,
+  $id: rr,
+  title: ar,
+  description: ir,
+  type: lr,
+  properties: ur,
+  required: sr,
+  ignore: cr
 };
-function Pr(e, n, t) {
+function pr(e, n, t) {
   return n;
 }
-const Me = {
+const Ee = {
   /**
    * 组件标识
    */
@@ -2515,24 +3211,24 @@ const Me = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, nt = ce(Me, Ar, Cr, Pr);
-function rt(e, n, t, r) {
-  const { format: o } = t, { displayValue: a, getRealValue: l, modelValue: u, onNumberValueChanged: s } = r;
+}, it = ne(Ee, dr, nr, pr);
+function lt(e, n, t, o) {
+  const { format: r } = t, { displayValue: a, getRealValue: l, modelValue: u, onNumberValueChanged: s } = o;
   function i() {
-    const b = new L(u.value || 0);
-    return !(e.max && !new L(e.max).isNaN() && b.gte(new L(e.max)));
+    const b = new D(u.value || 0);
+    return !(e.max && !new D(e.max).isNaN() && b.gte(new D(e.max)));
   }
   function d() {
-    const b = new L(u.value || 0);
-    return !(e.min && !new L(e.min).isNaN() && b.lte(new L(e.min)));
+    const b = new D(u.value || 0);
+    return !(e.min && !new D(e.min).isNaN() && b.lte(new D(e.min)));
   }
   function c(b) {
     if (e.readonly || e.disabled)
       return;
     const S = b === "up" ? i : d, E = b === "up" ? "plus" : "minus";
     if (S()) {
-      const C = new L(u.value || 0)[E](Number(e.step)), T = C.toFixed();
-      a.value = o(T), s(l(C));
+      const x = new D(u.value || 0)[E](Number(e.step)), T = x.toFixed();
+      a.value = r(T), s(l(x));
     }
   }
   function f() {
@@ -2541,22 +3237,22 @@ function rt(e, n, t, r) {
   function p() {
     c("down");
   }
-  function v(b) {
+  function y(b) {
     f(), b.stopPropagation();
   }
   function m(b) {
     p(), b.stopPropagation();
   }
-  return { canDownward: d, canUpward: i, downward: p, onClickDownButton: m, onClickUpButton: v, upward: f };
+  return { canDownward: d, canUpward: i, downward: p, onClickDownButton: m, onClickUpButton: y, upward: f };
 }
-function ot(e, n, t) {
-  const r = x(() => ({
+function ut(e, n, t) {
+  const o = w(() => ({
     prefix: e.prefix,
     suffix: e.suffix,
     decimalSeparator: e.decimalSeparator,
     groupSeparator: e.useThousands ? e.groupSeparator : "",
     groupSize: e.groupSize
-  })), { getValidNumberObject: o, precision: a } = t;
+  })), { getValidNumberObject: r, precision: a } = 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;
   }
@@ -2564,35 +3260,35 @@ function ot(e, n, t) {
     return e.precision !== null && e.precision !== void 0 ? i.toFormat(a.value, d) : i.toFormat(d);
   }
   function s(i) {
-    const d = l(i), c = new L(d, 10), f = o(c);
-    return f.valueOf() === "0" && !e.showZero || f.isNaN() ? "" : e.formatter ? e.formatter(f.toNumber()) : u(f, r.value);
+    const d = l(i), c = new D(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: s };
 }
-function at(e, n) {
-  const t = y(""), r = y(e.modelValue), o = x(() => Number(e.precision) || 0);
+function st(e, n) {
+  const t = v(""), o = v(e.modelValue), r = w(() => Number(e.precision) || 0);
   function a(d) {
-    return d.toFixed(o.value);
+    return d.toFixed(r.value);
   }
   function l(d) {
     return isNaN(d) || d === null || d === void 0 || d === "";
   }
   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);
+    const c = l(e.max) ? null : new D(String(e.max), 10), f = l(e.min) ? null : new D(String(e.min), 10);
     return c && d.gt(c) ? c : f && d.lt(f) ? f : d;
   }
   function s(d) {
     if (e.parser)
       return isNaN(Number(d)) ? e.parser(d) : d;
-    let c = u(new L(d, 10));
+    let c = u(new D(d, 10));
     if (c.isNaN()) {
       if (e.canNull)
         return null;
-      const p = new L("" + e.min, 10), v = new L("" + e.max, 10);
+      const p = new D("" + e.min, 10), y = new D("" + e.max, 10);
       if (!p.isNaN())
         c = p;
-      else if (!v.isNaN())
-        c = v;
+      else if (!y.isNaN())
+        c = y;
       else
         return 0;
     }
@@ -2600,67 +3296,67 @@ function at(e, n) {
   }
   function i(d) {
     const c = Number(d);
-    r.value = c, n.emit("update:modelValue", c), n.emit("valueChange", c), n.emit("change", c);
+    o.value = c, n.emit("update:modelValue", c), n.emit("valueChange", c), n.emit("change", c);
   }
-  return { displayValue: t, getRealValue: s, modelValue: r, isEmpty: l, onNumberValueChanged: i, precision: o, getValidNumberObject: u };
+  return { displayValue: t, getRealValue: s, modelValue: o, isEmpty: l, onNumberValueChanged: i, precision: r, getValidNumberObject: u };
 }
-function Nr(e, n, t, r, o) {
-  const { cleanFormat: a, format: l } = t, { displayValue: u, getRealValue: s, modelValue: i, isEmpty: d, onNumberValueChanged: c } = r, { downward: f, upward: p } = o, v = y(!1), m = x(() => u.value);
-  function b(C) {
+function fr(e, n, t, o, r) {
+  const { cleanFormat: a, format: l } = t, { displayValue: u, getRealValue: s, modelValue: i, isEmpty: d, onNumberValueChanged: c } = o, { downward: f, upward: p } = r, y = v(!1), m = w(() => u.value);
+  function b(x) {
     var F;
-    if (C.stopPropagation(), v.value = !1, e.readonly || e.disabled)
+    if (x.stopPropagation(), y.value = !1, e.readonly || e.disabled)
       return;
-    let T = (F = C.target) == null ? void 0 : F.value;
+    let T = (F = x.target) == null ? void 0 : F.value;
     e.canNull || (T = T || 0);
-    const g = a(T);
-    u.value = l(g), c(s(g)), n.emit("blur", { event: C, formatted: u.value, value: i.value });
+    const C = a(T);
+    u.value = l(C), c(s(C)), n.emit("blur", { event: x, formatted: u.value, value: i.value });
   }
-  function S(C) {
-    C.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: C, formatted: u.value, value: i.value }));
+  function S(x) {
+    x.stopPropagation(), y.value = !0, !(e.readonly || e.disabled) && (u.value = d(i.value) || !e.showZero && i.value === "0" ? "" : String(i.value), n.emit("focus", { event: x, formatted: u.value, value: i.value }));
   }
-  function E(C) {
+  function E(x) {
     var F;
-    C.stopPropagation();
-    let T = (F = C.target) == null ? void 0 : F.value;
+    x.stopPropagation();
+    let T = (F = x.target) == null ? void 0 : F.value;
     e.canNull || (T = T || 0);
-    const g = a(T);
-    u.value = g, c(s(g));
+    const C = a(T);
+    u.value = C, c(s(C));
   }
-  function k(C) {
-    C.key === "ArrowDown" && (C.preventDefault(), f()), C.key === "ArrowUp" && (C.preventDefault(), p()), C.stopPropagation();
+  function M(x) {
+    x.key === "ArrowDown" && (x.preventDefault(), f()), x.key === "ArrowUp" && (x.preventDefault(), p()), x.stopPropagation();
   }
-  return { textBoxValue: m, onBlurTextBox: b, onFocusTextBox: S, onInput: E, onKeyDown: k, isFocus: v };
+  return { textBoxValue: m, onBlurTextBox: b, onFocusTextBox: S, onInput: E, onKeyDown: M, isFocus: y };
 }
-const te = /* @__PURE__ */ W({
+const te = /* @__PURE__ */ G({
   name: "FNumberSpinner",
-  props: Me,
+  props: Ee,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    const t = at(e, n), r = ot(e, n, t), o = rt(e, n, r, t), a = Nr(e, n, r, t, o), l = Fe(e, n, o), {
+    const t = st(e, n), o = ut(e, n, t), r = lt(e, n, o, t), a = fr(e, n, o, t, r), l = ke(e, n, r), {
       displayValue: u,
       modelValue: s,
       getRealValue: i
-    } = t, d = Ke(e, n, a), {
+    } = t, d = ot(e, n, a), {
       format: c
-    } = r, {
+    } = o, {
       isFocus: f
-    } = a, p = x(() => !e.disabled && !e.readonly && e.showButton);
-    return H(() => {
-      const v = i(e.modelValue);
-      u.value = c(v);
-    }), O(() => [e.value], ([v]) => {
-      const m = i(v);
+    } = a, p = w(() => !e.disabled && !e.readonly && e.showButton);
+    return q(() => {
+      const y = i(e.modelValue);
+      u.value = c(y);
+    }), O(() => [e.value], ([y]) => {
+      const m = i(y);
       s.value = m, u.value = c(m);
-    }), O(() => [e.modelValue], ([v]) => {
-      v !== s.value && (s.value = v, !f.value && (u.value = c(i(v))));
+    }), O(() => [e.modelValue], ([y]) => {
+      y !== s.value && (s.value = y, !f.value && (u.value = c(i(y))));
     }), O(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
       u.value = c(s.value);
-    }), () => w("div", {
+    }), () => g("div", {
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
     }, [d(), p.value && l()]);
   }
 });
-class Or extends Ve {
+class yr extends Be {
   constructor(n, t) {
     super(n, t);
   }
@@ -2693,24 +3389,24 @@ class Or extends Ve {
     });
   }
 }
-function Ir(e, n) {
+function vr(e, n) {
   const {
     canAccepts: t,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: o,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
     triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = xe(e), d = e.schema;
+  } = Ve(e), d = e.schema;
   function c(f, p) {
-    return new Or(f, n).getPropertyConfig(d, p);
+    return new yr(f, n).getPropertyConfig(d, p);
   }
   return {
     canAccepts: t,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: o,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
@@ -2719,20 +3415,20 @@ function Ir(e, n) {
     getPropsConfig: c
   };
 }
-const jr = /* @__PURE__ */ W({
+const mr = /* @__PURE__ */ G({
   name: "FNumberSpinnerDesign",
-  props: Me,
+  props: Ee,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    const t = at(e, n), r = ot(e, n, t), o = rt(e, n, r, t), a = Fe(e, n, o), l = y(), u = Q("designer-host-service"), s = Q("design-item-context"), i = Ir(s, u), d = tt(l, s, i);
-    H(() => {
+    const t = st(e, n), o = ut(e, n, t), r = lt(e, n, o, t), a = ke(e, n, r), l = v(), u = z("designer-host-service"), s = z("design-item-context"), i = vr(s, u), d = at(l, s, i);
+    q(() => {
       l.value.componentInstance = d, e.readonly = !0;
     }), n.expose(d.value);
-    const c = y();
-    return () => w("div", {
+    const c = v();
+    return () => g("div", {
       ref: l,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
-    }, [w("input", {
+    }, [g("input", {
       ref: c,
       class: "form-control",
       readonly: !0,
@@ -2740,27 +3436,27 @@ const jr = /* @__PURE__ */ W({
     }, null), a()]);
   }
 });
-te.register = (e, n, t, r) => {
-  e["number-spinner"] = te, n["number-spinner"] = nt;
+te.register = (e, n, t, o) => {
+  e["number-spinner"] = te, n["number-spinner"] = it;
 };
 te.registerDesigner = (e, n, t) => {
-  e["number-spinner"] = jr, n["number-spinner"] = nt;
+  e["number-spinner"] = mr, n["number-spinner"] = it;
 };
 Te(te);
-function Dr(e, n, t, r, o, a, l) {
-  const u = y(0), s = y(""), i = y([]), d = y(""), c = y("");
+function hr(e, n, t, o, r, a, l) {
+  const u = v(0), s = v(""), i = v([]), d = v(""), c = v("");
   function f() {
     e.value.propertyType === "enum" && e.value.propertyValue.type === "const" && (d.value = B(e.value.propertyValue.value), n.value = B(e.value.editorOptions.enums));
   }
   function p() {
     e.value.propertyType === "number" && (u.value = e.value.propertyValue.value);
   }
-  function v() {
-    t.value.id === "stateMachine" && (r = B(e.value.propertyValue.value.id), r ? o.value = B(e.value.propertyValue.value.exist) : o.value = "否");
+  function y() {
+    t.value.id === "stateMachine" && (o = B(e.value.propertyValue.value.id), o ? r.value = B(e.value.propertyValue.value.exist) : r.value = "否");
   }
   function m() {
     if (t.value.id === "dataStates" && (i.value = B(e.value.editorOptions.dataStates), e.value.propertyValue.value)) {
-      const C = e.value.propertyValue.value, T = i.value.filter((g) => C.includes(g.value)).map((g) => g.value).join(",");
+      const x = e.value.propertyValue.value, T = i.value.filter((C) => x.includes(C.value)).map((C) => C.value).join(",");
       s.value = B(T);
     }
   }
@@ -2770,15 +3466,15 @@ function Dr(e, n, t, r, o, a, l) {
   function S() {
     if (t.value.id === "expression") {
       l.value = !0;
-      const { handleExpressionValue: C } = e.value.editorOptions.expressionConfig;
-      C ? a.value = C().value.value : a.value = e.value.editorOptions.expressionConfig.expressionValue.value.value;
+      const { handleExpressionValue: x } = e.value.editorOptions.expressionConfig;
+      x ? a.value = x().value.value : a.value = e.value.editorOptions.expressionConfig.expressionValue.value.value;
     }
   }
   function E() {
     t.value.id;
   }
-  function k() {
-    f(), p(), b(), v(), m(), S(), E();
+  function M() {
+    f(), p(), b(), y(), m(), S(), E();
   }
   return {
     numberConstValue: u,
@@ -2786,11 +3482,11 @@ function Dr(e, n, t, r, o, a, l) {
     dataStatesBindValue: s,
     dataStatesValueArray: i,
     constEnumBindValue: d,
-    setValue: k
+    setValue: M
   };
 }
-function $r(e, n, t, r, o, a, l, u, s, i, d, c) {
-  const f = y(!1), p = y({
+function br(e, n, t, o, r, a, l, u, s, i, d, c) {
+  const f = v(!1), p = v({
     propertyName: "",
     /** 属性类型：boolean, string, number, enum */
     propertyType: "",
@@ -2801,34 +3497,34 @@ function $r(e, n, t, r, o, a, l, u, s, i, d, c) {
     /** 状态机是否有前缀viewModel.stateMachine &&  */
     hasPrefix: !1
   });
-  function v() {
-    n.value.propertyValue.type === "const" && (n.value.propertyValue.value = B(o.value.constValue.value), t.value = B(o.value.constValue.value), r.value = B(n.value.editorOptions.enums));
+  function y() {
+    n.value.propertyValue.type === "const" && (n.value.propertyValue.value = B(r.value.constValue.value), t.value = B(r.value.constValue.value), o.value = B(n.value.editorOptions.enums));
   }
   function m() {
-    n.value.propertyValue.type === "stateMachine" && (n.value.propertyValue.value = B(o.value.stateMachineValue.value), a.value = B(n.value.editorOptions.stateMachine), n.value.propertyValue.value.name ? B(n.value.propertyValue.value.id) : (n.value.propertyValue.value = {
+    n.value.propertyValue.type === "stateMachine" && (n.value.propertyValue.value = B(r.value.stateMachineValue.value), a.value = B(n.value.editorOptions.stateMachine), n.value.propertyValue.value.name ? B(n.value.propertyValue.value.id) : (n.value.propertyValue.value = {
       id: "",
       name: "",
       exist: ""
     }, u.value = "否"));
   }
   function b() {
-    n.value.propertyValue.type === "dataStates" && (n.value.propertyValue.value = B(o.value.dataStatesValue.value), s.value = B(n.value.editorOptions.dataStates));
+    n.value.propertyValue.type === "dataStates" && (n.value.propertyValue.value = B(r.value.dataStatesValue.value), s.value = B(n.value.editorOptions.dataStates));
   }
   function S() {
-    i.value = "", o.value.expressionValue && (o.value.expressionValue.value = "");
+    i.value = "", r.value.expressionValue && (r.value.expressionValue.value = "");
   }
   function E() {
-    d.value || (u.value = u.value === "否" ? "是" : "否", n.value.propertyValue.value.exist = u, o.value.stateMachineValue.value.exist = u, T());
+    d.value || (u.value = u.value === "否" ? "是" : "否", n.value.propertyValue.value.exist = u, r.value.stateMachineValue.value.exist = u, T());
   }
-  function k() {
-    p.value.propertyValue.value && p.value.propertyValue.value.includes("viewModel.stateMachine") && (o.value.customValue.value = "");
+  function M() {
+    p.value.propertyValue.value && p.value.propertyValue.value.includes("viewModel.stateMachine") && (r.value.customValue.value = "");
   }
-  function C() {
+  function x() {
     p.value.propertyName = B(n.value.propertyName), p.value.propertyType = B(n.value.propertyType), p.value.propertyValue = B(n.value.propertyValue), p.value.hasPrefix = B(f);
   }
   function T() {
     if (!d.value)
-      switch (C(), p.value.propertyValue.type) {
+      switch (x(), p.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") && (S(), e.emit("propertyEditorValueChanged", p));
           break;
@@ -2836,7 +3532,7 @@ function $r(e, n, t, r, o, a, l, u, s, i, d, c) {
           p.value.propertyValue.value.path !== "" && (S(), e.emit("propertyEditorValueChanged", p));
           break;
         case "custom":
-          S(), k(), e.emit("propertyEditorValueChanged", p);
+          S(), M(), e.emit("propertyEditorValueChanged", p);
           break;
         case "expression":
           i.value && e.emit("propertyEditorValueChanged", p);
@@ -2851,34 +3547,34 @@ function $r(e, n, t, r, o, a, l, u, s, i, d, c) {
           }
       }
   }
-  function g() {
-    n.value.propertyValue = o.value[`${c.value.id}Value`], v(), m(), b(), T(), p.value.isNewVariable = !1;
+  function C() {
+    n.value.propertyValue = r.value[`${c.value.id}Value`], y(), m(), b(), T(), p.value.isNewVariable = !1;
   }
   return {
-    updateData: g,
+    updateData: C,
     changeState: E,
     prefix: f,
     propertyEditorValueChange: p
   };
 }
-var ge = function(e, n) {
-  return ge = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, r) {
-    t.__proto__ = r;
-  } || function(t, r) {
-    for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
-  }, ge(e, n);
+var Ce = function(e, n) {
+  return Ce = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, o) {
+    t.__proto__ = o;
+  } || function(t, o) {
+    for (var r in o) Object.prototype.hasOwnProperty.call(o, r) && (t[r] = o[r]);
+  }, Ce(e, n);
 };
-function z(e, n) {
+function Y(e, n) {
   if (typeof n != "function" && n !== null)
     throw new TypeError("Class extends value " + String(n) + " is not a constructor or null");
-  ge(e, n);
+  Ce(e, n);
   function t() {
     this.constructor = e;
   }
   e.prototype = n === null ? Object.create(n) : (t.prototype = n.prototype, new t());
 }
-function Lr(e, n, t, r) {
-  function o(a) {
+function gr(e, n, t, o) {
+  function r(a) {
     return a instanceof t ? a : new t(function(l) {
       l(a);
     });
@@ -2886,29 +3582,29 @@ function Lr(e, n, t, r) {
   return new (t || (t = Promise))(function(a, l) {
     function u(d) {
       try {
-        i(r.next(d));
+        i(o.next(d));
       } catch (c) {
         l(c);
       }
     }
     function s(d) {
       try {
-        i(r.throw(d));
+        i(o.throw(d));
       } catch (c) {
         l(c);
       }
     }
     function i(d) {
-      d.done ? a(d.value) : o(d.value).then(u, s);
+      d.done ? a(d.value) : r(d.value).then(u, s);
     }
-    i((r = r.apply(e, n || [])).next());
+    i((o = o.apply(e, n || [])).next());
   });
 }
-function it(e, n) {
+function ct(e, n) {
   var t = { label: 0, sent: function() {
     if (a[0] & 1) throw a[1];
     return a[1];
-  }, trys: [], ops: [] }, r, o, a, l = Object.create((typeof Iterator == "function" ? Iterator : Object).prototype);
+  }, trys: [], ops: [] }, o, r, a, l = Object.create((typeof Iterator == "function" ? Iterator : Object).prototype);
   return l.next = u(0), l.throw = u(1), l.return = u(2), typeof Symbol == "function" && (l[Symbol.iterator] = function() {
     return this;
   }), l;
@@ -2918,10 +3614,10 @@ function it(e, n) {
     };
   }
   function s(i) {
-    if (r) throw new TypeError("Generator is already executing.");
+    if (o) throw new TypeError("Generator is already executing.");
     for (; l && (l = 0, i[0] && (t = 0)), t; ) try {
-      if (r = 1, o && (a = i[0] & 2 ? o.return : i[0] ? o.throw || ((a = o.return) && a.call(o), 0) : o.next) && !(a = a.call(o, i[1])).done) return a;
-      switch (o = 0, a && (i = [i[0] & 2, a.value]), i[0]) {
+      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;
+      switch (r = 0, a && (i = [i[0] & 2, a.value]), i[0]) {
         case 0:
         case 1:
           a = i;
@@ -2929,7 +3625,7 @@ function it(e, n) {
         case 4:
           return t.label++, { value: i[1], done: !1 };
         case 5:
-          t.label++, o = i[1], i = [0];
+          t.label++, r = i[1], i = [0];
           continue;
         case 7:
           i = t.ops.pop(), t.trys.pop();
@@ -2956,76 +3652,76 @@ function it(e, n) {
       }
       i = n.call(e, t);
     } catch (d) {
-      i = [6, d], o = 0;
+      i = [6, d], r = 0;
     } finally {
-      r = a = 0;
+      o = a = 0;
     }
     if (i[0] & 5) throw i[1];
     return { value: i[0] ? i[1] : void 0, done: !0 };
   }
 }
-function X(e) {
-  var n = typeof Symbol == "function" && Symbol.iterator, t = n && e[n], r = 0;
+function Q(e) {
+  var n = typeof Symbol == "function" && Symbol.iterator, t = n && e[n], o = 0;
   if (t) return t.call(e);
   if (e && typeof e.length == "number") return {
     next: function() {
-      return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e };
+      return e && o >= e.length && (e = void 0), { value: e && e[o++], done: !e };
     }
   };
   throw new TypeError(n ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function le(e, n) {
+function se(e, n) {
   var t = typeof Symbol == "function" && e[Symbol.iterator];
   if (!t) return e;
-  var r = t.call(e), o, a = [], l;
+  var o = t.call(e), r, a = [], l;
   try {
-    for (; (n === void 0 || n-- > 0) && !(o = r.next()).done; ) a.push(o.value);
+    for (; (n === void 0 || n-- > 0) && !(r = o.next()).done; ) a.push(r.value);
   } catch (u) {
     l = { error: u };
   } finally {
     try {
-      o && !o.done && (t = r.return) && t.call(r);
+      r && !r.done && (t = o.return) && t.call(o);
     } finally {
       if (l) throw l.error;
     }
   }
   return a;
 }
-function ue(e, n, t) {
-  if (t || arguments.length === 2) for (var r = 0, o = n.length, a; r < o; r++)
-    (a || !(r in n)) && (a || (a = Array.prototype.slice.call(n, 0, r)), a[r] = n[r]);
+function ce(e, n, t) {
+  if (t || arguments.length === 2) for (var o = 0, r = n.length, a; o < r; o++)
+    (a || !(o in n)) && (a || (a = Array.prototype.slice.call(n, 0, o)), a[o] = n[o]);
   return e.concat(a || Array.prototype.slice.call(n));
 }
-function J(e) {
-  return this instanceof J ? (this.v = e, this) : new J(e);
+function X(e) {
+  return this instanceof X ? (this.v = e, this) : new X(e);
 }
-function Ur(e, n, t) {
+function Cr(e, n, t) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-  var r = t.apply(e, n || []), o, a = [];
-  return o = Object.create((typeof AsyncIterator == "function" ? AsyncIterator : Object).prototype), u("next"), u("throw"), u("return", l), o[Symbol.asyncIterator] = function() {
+  var o = t.apply(e, n || []), r, a = [];
+  return r = Object.create((typeof AsyncIterator == "function" ? AsyncIterator : Object).prototype), u("next"), u("throw"), u("return", l), r[Symbol.asyncIterator] = function() {
     return this;
-  }, o;
+  }, r;
   function l(p) {
-    return function(v) {
-      return Promise.resolve(v).then(p, c);
+    return function(y) {
+      return Promise.resolve(y).then(p, c);
     };
   }
-  function u(p, v) {
-    r[p] && (o[p] = function(m) {
+  function u(p, y) {
+    o[p] && (r[p] = function(m) {
       return new Promise(function(b, S) {
         a.push([p, m, b, S]) > 1 || s(p, m);
       });
-    }, v && (o[p] = v(o[p])));
+    }, y && (r[p] = y(r[p])));
   }
-  function s(p, v) {
+  function s(p, y) {
     try {
-      i(r[p](v));
+      i(o[p](y));
     } catch (m) {
       f(a[0][3], m);
     }
   }
   function i(p) {
-    p.value instanceof J ? Promise.resolve(p.value.v).then(d, c) : f(a[0][2], p);
+    p.value instanceof X ? Promise.resolve(p.value.v).then(d, c) : f(a[0][2], p);
   }
   function d(p) {
     s("next", p);
@@ -3033,66 +3729,66 @@ function Ur(e, n, t) {
   function c(p) {
     s("throw", p);
   }
-  function f(p, v) {
-    p(v), a.shift(), a.length && s(a[0][0], a[0][1]);
+  function f(p, y) {
+    p(y), a.shift(), a.length && s(a[0][0], a[0][1]);
   }
 }
-function _r(e) {
+function Sr(e) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   var n = e[Symbol.asyncIterator], t;
-  return n ? n.call(e) : (e = typeof X == "function" ? X(e) : e[Symbol.iterator](), t = {}, r("next"), r("throw"), r("return"), t[Symbol.asyncIterator] = function() {
+  return n ? n.call(e) : (e = typeof Q == "function" ? Q(e) : e[Symbol.iterator](), t = {}, o("next"), o("throw"), o("return"), t[Symbol.asyncIterator] = function() {
     return this;
   }, t);
-  function r(a) {
+  function o(a) {
     t[a] = e[a] && function(l) {
       return new Promise(function(u, s) {
-        l = e[a](l), o(u, s, l.done, l.value);
+        l = e[a](l), r(u, s, l.done, l.value);
       });
     };
   }
-  function o(a, l, u, s) {
+  function r(a, l, u, s) {
     Promise.resolve(s).then(function(i) {
       a({ value: i, done: u });
     }, l);
   }
 }
-function I(e) {
+function N(e) {
   return typeof e == "function";
 }
-function lt(e) {
-  var n = function(r) {
-    Error.call(r), r.stack = new Error().stack;
+function dt(e) {
+  var n = function(o) {
+    Error.call(o), o.stack = new Error().stack;
   }, t = e(n);
   return t.prototype = Object.create(Error.prototype), t.prototype.constructor = t, t;
 }
-var fe = lt(function(e) {
+var ye = dt(function(e) {
   return function(t) {
     e(this), this.message = t ? t.length + ` errors occurred during unsubscription:
-` + t.map(function(r, o) {
-      return o + 1 + ") " + r.toString();
+` + t.map(function(o, r) {
+      return r + 1 + ") " + o.toString();
     }).join(`
   `) : "", this.name = "UnsubscriptionError", this.errors = t;
   };
 });
-function se(e, n) {
+function de(e, n) {
   if (e) {
     var t = e.indexOf(n);
     0 <= t && e.splice(t, 1);
   }
 }
-var ne = function() {
+var oe = function() {
   function e(n) {
     this.initialTeardown = n, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
   return e.prototype.unsubscribe = function() {
-    var n, t, r, o, a;
+    var n, t, o, r, a;
     if (!this.closed) {
       this.closed = !0;
       var l = this._parentage;
       if (l)
         if (this._parentage = null, Array.isArray(l))
           try {
-            for (var u = X(l), s = u.next(); !s.done; s = u.next()) {
+            for (var u = Q(l), s = u.next(); !s.done; s = u.next()) {
               var i = s.value;
               i.remove(this);
             }
@@ -3108,42 +3804,42 @@ var ne = function() {
         else
           l.remove(this);
       var d = this.initialTeardown;
-      if (I(d))
+      if (N(d))
         try {
           d();
         } catch (m) {
-          a = m instanceof fe ? m.errors : [m];
+          a = m instanceof ye ? m.errors : [m];
         }
       var c = this._finalizers;
       if (c) {
         this._finalizers = null;
         try {
-          for (var f = X(c), p = f.next(); !p.done; p = f.next()) {
-            var v = p.value;
+          for (var f = Q(c), p = f.next(); !p.done; p = f.next()) {
+            var y = p.value;
             try {
-              Le(v);
+              Re(y);
             } catch (m) {
-              a = a ?? [], m instanceof fe ? a = ue(ue([], le(a)), le(m.errors)) : a.push(m);
+              a = a ?? [], m instanceof ye ? a = ce(ce([], se(a)), se(m.errors)) : a.push(m);
             }
           }
         } catch (m) {
-          r = { error: m };
+          o = { error: m };
         } finally {
           try {
-            p && !p.done && (o = f.return) && o.call(f);
+            p && !p.done && (r = f.return) && r.call(f);
           } finally {
-            if (r) throw r.error;
+            if (o) throw o.error;
           }
         }
       }
       if (a)
-        throw new fe(a);
+        throw new ye(a);
     }
   }, e.prototype.add = function(n) {
     var t;
     if (n && n !== this)
       if (this.closed)
-        Le(n);
+        Re(n);
       else {
         if (n instanceof e) {
           if (n.closed || n._hasParent(this))
@@ -3160,56 +3856,56 @@ var ne = function() {
     this._parentage = Array.isArray(t) ? (t.push(n), t) : t ? [t, n] : n;
   }, e.prototype._removeParent = function(n) {
     var t = this._parentage;
-    t === n ? this._parentage = null : Array.isArray(t) && se(t, n);
+    t === n ? this._parentage = null : Array.isArray(t) && de(t, n);
   }, e.prototype.remove = function(n) {
     var t = this._finalizers;
-    t && se(t, n), n instanceof e && n._removeParent(this);
+    t && de(t, n), n instanceof e && n._removeParent(this);
   }, e.EMPTY = function() {
     var n = new e();
     return n.closed = !0, n;
   }(), e;
-}(), ut = ne.EMPTY;
-function st(e) {
-  return e instanceof ne || e && "closed" in e && I(e.remove) && I(e.add) && I(e.unsubscribe);
+}(), pt = oe.EMPTY;
+function ft(e) {
+  return e instanceof oe || e && "closed" in e && N(e.remove) && N(e.add) && N(e.unsubscribe);
 }
-function Le(e) {
-  I(e) ? e() : e.unsubscribe();
+function Re(e) {
+  N(e) ? e() : e.unsubscribe();
 }
-var ct = {
+var yt = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, Rr = {
+}, wr = {
   setTimeout: function(e, n) {
-    for (var t = [], r = 2; r < arguments.length; r++)
-      t[r - 2] = arguments[r];
-    return setTimeout.apply(void 0, ue([e, n], le(t)));
+    for (var t = [], o = 2; o < arguments.length; o++)
+      t[o - 2] = arguments[o];
+    return setTimeout.apply(void 0, ce([e, n], se(t)));
   },
   clearTimeout: function(e) {
     return clearTimeout(e);
   },
   delegate: void 0
 };
-function dt(e) {
-  Rr.setTimeout(function() {
+function vt(e) {
+  wr.setTimeout(function() {
     throw e;
   });
 }
 function Ue() {
 }
-function ae(e) {
+function ie(e) {
   e();
 }
-var ke = function(e) {
-  z(n, e);
+var Me = function(e) {
+  Y(n, e);
   function n(t) {
-    var r = e.call(this) || this;
-    return r.isStopped = !1, t ? (r.destination = t, st(t) && t.add(r)) : r.destination = Wr, r;
+    var o = e.call(this) || this;
+    return o.isStopped = !1, t ? (o.destination = t, ft(t) && t.add(o)) : o.destination = Tr, o;
   }
-  return n.create = function(t, r, o) {
-    return new Se(t, r, o);
+  return n.create = function(t, o, r) {
+    return new Se(t, o, r);
   }, n.prototype.next = function(t) {
     this.isStopped || this._next(t);
   }, n.prototype.error = function(t) {
@@ -3233,11 +3929,11 @@ var ke = function(e) {
       this.unsubscribe();
     }
   }, n;
-}(ne), Gr = Function.prototype.bind;
+}(oe), xr = Function.prototype.bind;
 function ve(e, n) {
-  return Gr.call(e, n);
+  return xr.call(e, n);
 }
-var Hr = function() {
+var Vr = function() {
   function e(n) {
     this.partialObserver = n;
   }
@@ -3246,41 +3942,41 @@ var Hr = function() {
     if (t.next)
       try {
         t.next(n);
-      } catch (r) {
-        oe(r);
+      } catch (o) {
+        ae(o);
       }
   }, e.prototype.error = function(n) {
     var t = this.partialObserver;
     if (t.error)
       try {
         t.error(n);
-      } catch (r) {
-        oe(r);
+      } catch (o) {
+        ae(o);
       }
     else
-      oe(n);
+      ae(n);
   }, e.prototype.complete = function() {
     var n = this.partialObserver;
     if (n.complete)
       try {
         n.complete();
       } catch (t) {
-        oe(t);
+        ae(t);
       }
   }, e;
 }(), Se = function(e) {
-  z(n, e);
-  function n(t, r, o) {
+  Y(n, e);
+  function n(t, o, r) {
     var a = e.call(this) || this, l;
-    if (I(t) || !t)
+    if (N(t) || !t)
       l = {
         next: t ?? void 0,
-        error: r ?? void 0,
-        complete: o ?? void 0
+        error: o ?? void 0,
+        complete: r ?? void 0
       };
     else {
       var u;
-      a && ct.useDeprecatedNextContext ? (u = Object.create(t), u.unsubscribe = function() {
+      a && yt.useDeprecatedNextContext ? (u = Object.create(t), u.unsubscribe = function() {
         return a.unsubscribe();
       }, l = {
         next: t.next && ve(t.next, u),
@@ -3288,46 +3984,46 @@ var Hr = function() {
         complete: t.complete && ve(t.complete, u)
       }) : l = t;
     }
-    return a.destination = new Hr(l), a;
+    return a.destination = new Vr(l), a;
   }
   return n;
-}(ke);
-function oe(e) {
-  dt(e);
+}(Me);
+function ae(e) {
+  vt(e);
 }
-function qr(e) {
+function Br(e) {
   throw e;
 }
-var Wr = {
+var Tr = {
   closed: !0,
   next: Ue,
-  error: qr,
+  error: Br,
   complete: Ue
-}, Ee = function() {
+}, Ae = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function zr(e) {
+function Fr(e) {
   return e;
 }
-function Yr(e) {
-  return e.length === 0 ? zr : e.length === 1 ? e[0] : function(t) {
-    return e.reduce(function(r, o) {
-      return o(r);
+function kr(e) {
+  return e.length === 0 ? Fr : e.length === 1 ? e[0] : function(t) {
+    return e.reduce(function(o, r) {
+      return r(o);
     }, t);
   };
 }
-var R = function() {
+var _ = function() {
   function e(n) {
     n && (this._subscribe = n);
   }
   return e.prototype.lift = function(n) {
     var t = new e();
     return t.source = this, t.operator = n, t;
-  }, e.prototype.subscribe = function(n, t, r) {
-    var o = this, a = Jr(n) ? n : new Se(n, t, r);
-    return ae(function() {
-      var l = o, u = l.operator, s = l.source;
-      a.add(u ? u.call(a, s) : s ? o._subscribe(a) : o._trySubscribe(a));
+  }, e.prototype.subscribe = function(n, t, o) {
+    var r = this, a = Mr(n) ? n : new Se(n, t, o);
+    return ie(function() {
+      var l = r, u = l.operator, s = l.source;
+      a.add(u ? u.call(a, s) : s ? r._subscribe(a) : r._trySubscribe(a));
     }), a;
   }, e.prototype._trySubscribe = function(n) {
     try {
@@ -3336,8 +4032,8 @@ var R = function() {
       n.error(t);
     }
   }, e.prototype.forEach = function(n, t) {
-    var r = this;
-    return t = _e(t), new t(function(o, a) {
+    var o = this;
+    return t = _e(t), new t(function(r, a) {
       var l = new Se({
         next: function(u) {
           try {
@@ -3347,29 +4043,29 @@ var R = function() {
           }
         },
         error: a,
-        complete: o
+        complete: r
       });
-      r.subscribe(l);
+      o.subscribe(l);
     });
   }, e.prototype._subscribe = function(n) {
     var t;
     return (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(n);
-  }, e.prototype[Ee] = function() {
+  }, e.prototype[Ae] = function() {
     return this;
   }, e.prototype.pipe = function() {
     for (var n = [], t = 0; t < arguments.length; t++)
       n[t] = arguments[t];
-    return Yr(n)(this);
+    return kr(n)(this);
   }, e.prototype.toPromise = function(n) {
     var t = this;
-    return n = _e(n), new n(function(r, o) {
+    return n = _e(n), new n(function(o, r) {
       var a;
       t.subscribe(function(l) {
         return a = l;
       }, function(l) {
-        return o(l);
+        return r(l);
       }, function() {
-        return r(a);
+        return o(a);
       });
     });
   }, e.create = function(n) {
@@ -3378,40 +4074,40 @@ var R = function() {
 }();
 function _e(e) {
   var n;
-  return (n = e ?? ct.Promise) !== null && n !== void 0 ? n : Promise;
+  return (n = e ?? yt.Promise) !== null && n !== void 0 ? n : Promise;
 }
-function Zr(e) {
-  return e && I(e.next) && I(e.error) && I(e.complete);
+function Er(e) {
+  return e && N(e.next) && N(e.error) && N(e.complete);
 }
-function Jr(e) {
-  return e && e instanceof ke || Zr(e) && st(e);
+function Mr(e) {
+  return e && e instanceof Me || Er(e) && ft(e);
 }
-function Qr(e) {
-  return I(e == null ? void 0 : e.lift);
+function Ar(e) {
+  return N(e == null ? void 0 : e.lift);
 }
-function Ae(e) {
+function Pe(e) {
   return function(n) {
-    if (Qr(n))
+    if (Ar(n))
       return n.lift(function(t) {
         try {
           return e(t, this);
-        } catch (r) {
-          this.error(r);
+        } catch (o) {
+          this.error(o);
         }
       });
     throw new TypeError("Unable to lift unknown Observable type");
   };
 }
-function pt(e, n, t, r, o) {
-  return new Xr(e, n, t, r, o);
+function mt(e, n, t, o, r) {
+  return new Pr(e, n, t, o, r);
 }
-var Xr = function(e) {
-  z(n, e);
-  function n(t, r, o, a, l, u) {
+var Pr = function(e) {
+  Y(n, e);
+  function n(t, o, r, a, l, u) {
     var s = e.call(this, t) || this;
-    return s.onFinalize = l, s.shouldUnsubscribe = u, s._next = r ? function(i) {
+    return s.onFinalize = l, s.shouldUnsubscribe = u, s._next = o ? function(i) {
       try {
-        r(i);
+        o(i);
       } catch (d) {
         t.error(d);
       }
@@ -3423,9 +4119,9 @@ var Xr = function(e) {
       } finally {
         this.unsubscribe();
       }
-    } : e.prototype._error, s._complete = o ? function() {
+    } : e.prototype._error, s._complete = r ? function() {
       try {
-        o();
+        r();
       } catch (i) {
         t.error(i);
       } finally {
@@ -3436,64 +4132,64 @@ var Xr = function(e) {
   return n.prototype.unsubscribe = function() {
     var t;
     if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {
-      var r = this.closed;
-      e.prototype.unsubscribe.call(this), !r && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
+      var o = this.closed;
+      e.prototype.unsubscribe.call(this), !o && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
     }
   }, n;
-}(ke), Kr = lt(function(e) {
+}(Me), Ir = dt(function(e) {
   return function() {
     e(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), ft = function(e) {
-  z(n, e);
+}), ht = function(e) {
+  Y(n, e);
   function n() {
     var t = e.call(this) || this;
     return t.closed = !1, t.currentObservers = null, t.observers = [], t.isStopped = !1, t.hasError = !1, t.thrownError = null, t;
   }
   return n.prototype.lift = function(t) {
-    var r = new Re(this, this);
-    return r.operator = t, r;
+    var o = new Ge(this, this);
+    return o.operator = t, o;
   }, n.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new Kr();
+      throw new Ir();
   }, n.prototype.next = function(t) {
-    var r = this;
-    ae(function() {
-      var o, a;
-      if (r._throwIfClosed(), !r.isStopped) {
-        r.currentObservers || (r.currentObservers = Array.from(r.observers));
+    var o = this;
+    ie(function() {
+      var r, a;
+      if (o._throwIfClosed(), !o.isStopped) {
+        o.currentObservers || (o.currentObservers = Array.from(o.observers));
         try {
-          for (var l = X(r.currentObservers), u = l.next(); !u.done; u = l.next()) {
+          for (var l = Q(o.currentObservers), u = l.next(); !u.done; u = l.next()) {
             var s = u.value;
             s.next(t);
           }
         } catch (i) {
-          o = { error: i };
+          r = { error: i };
         } finally {
           try {
             u && !u.done && (a = l.return) && a.call(l);
           } finally {
-            if (o) throw o.error;
+            if (r) throw r.error;
           }
         }
       }
     });
   }, n.prototype.error = function(t) {
-    var r = this;
-    ae(function() {
-      if (r._throwIfClosed(), !r.isStopped) {
-        r.hasError = r.isStopped = !0, r.thrownError = t;
-        for (var o = r.observers; o.length; )
-          o.shift().error(t);
+    var o = this;
+    ie(function() {
+      if (o._throwIfClosed(), !o.isStopped) {
+        o.hasError = o.isStopped = !0, o.thrownError = t;
+        for (var r = o.observers; r.length; )
+          r.shift().error(t);
       }
     });
   }, n.prototype.complete = function() {
     var t = this;
-    ae(function() {
+    ie(function() {
       if (t._throwIfClosed(), !t.isStopped) {
         t.isStopped = !0;
-        for (var r = t.observers; r.length; )
-          r.shift().complete();
+        for (var o = t.observers; o.length; )
+          o.shift().complete();
       }
     });
   }, n.prototype.unsubscribe = function() {
@@ -3510,184 +4206,184 @@ var Xr = function(e) {
   }, n.prototype._subscribe = function(t) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(t), this._innerSubscribe(t);
   }, n.prototype._innerSubscribe = function(t) {
-    var r = this, o = this, a = o.hasError, l = o.isStopped, u = o.observers;
-    return a || l ? ut : (this.currentObservers = null, u.push(t), new ne(function() {
-      r.currentObservers = null, se(u, t);
+    var o = this, r = this, a = r.hasError, l = r.isStopped, u = r.observers;
+    return a || l ? pt : (this.currentObservers = null, u.push(t), new oe(function() {
+      o.currentObservers = null, de(u, t);
     }));
   }, n.prototype._checkFinalizedStatuses = function(t) {
-    var r = this, o = r.hasError, a = r.thrownError, l = r.isStopped;
-    o ? t.error(a) : l && t.complete();
+    var o = this, r = o.hasError, a = o.thrownError, l = o.isStopped;
+    r ? t.error(a) : l && t.complete();
   }, n.prototype.asObservable = function() {
-    var t = new R();
+    var t = new _();
     return t.source = this, t;
-  }, n.create = function(t, r) {
-    return new Re(t, r);
+  }, n.create = function(t, o) {
+    return new Ge(t, o);
   }, n;
-}(R), Re = function(e) {
-  z(n, e);
-  function n(t, r) {
-    var o = e.call(this) || this;
-    return o.destination = t, o.source = r, o;
+}(_), Ge = function(e) {
+  Y(n, e);
+  function n(t, o) {
+    var r = e.call(this) || this;
+    return r.destination = t, r.source = o, r;
   }
   return n.prototype.next = function(t) {
-    var r, o;
-    (o = (r = this.destination) === null || r === void 0 ? void 0 : r.next) === null || o === void 0 || o.call(r, t);
+    var o, r;
+    (r = (o = this.destination) === null || o === void 0 ? void 0 : o.next) === null || r === void 0 || r.call(o, t);
   }, n.prototype.error = function(t) {
-    var r, o;
-    (o = (r = this.destination) === null || r === void 0 ? void 0 : r.error) === null || o === void 0 || o.call(r, t);
+    var o, r;
+    (r = (o = this.destination) === null || o === void 0 ? void 0 : o.error) === null || r === void 0 || r.call(o, t);
   }, n.prototype.complete = function() {
-    var t, r;
-    (r = (t = this.destination) === null || t === void 0 ? void 0 : t.complete) === null || r === void 0 || r.call(t);
+    var t, o;
+    (o = (t = this.destination) === null || t === void 0 ? void 0 : t.complete) === null || o === void 0 || o.call(t);
   }, n.prototype._subscribe = function(t) {
-    var r, o;
-    return (o = (r = this.source) === null || r === void 0 ? void 0 : r.subscribe(t)) !== null && o !== void 0 ? o : ut;
+    var o, r;
+    return (r = (o = this.source) === null || o === void 0 ? void 0 : o.subscribe(t)) !== null && r !== void 0 ? r : pt;
   }, n;
-}(ft), eo = {
+}(ht), Or = {
   now: function() {
     return Date.now();
   },
   delegate: void 0
-}, to = function(e) {
-  z(n, e);
-  function n(t, r) {
+}, Nr = function(e) {
+  Y(n, e);
+  function n(t, o) {
     return e.call(this) || this;
   }
-  return n.prototype.schedule = function(t, r) {
+  return n.prototype.schedule = function(t, o) {
     return this;
   }, n;
-}(ne), Ge = {
+}(oe), qe = {
   setInterval: function(e, n) {
-    for (var t = [], r = 2; r < arguments.length; r++)
-      t[r - 2] = arguments[r];
-    return setInterval.apply(void 0, ue([e, n], le(t)));
+    for (var t = [], o = 2; o < arguments.length; o++)
+      t[o - 2] = arguments[o];
+    return setInterval.apply(void 0, ce([e, n], se(t)));
   },
   clearInterval: function(e) {
     return clearInterval(e);
   },
   delegate: void 0
-}, no = function(e) {
-  z(n, e);
-  function n(t, r) {
-    var o = e.call(this, t, r) || this;
-    return o.scheduler = t, o.work = r, o.pending = !1, o;
+}, jr = function(e) {
+  Y(n, e);
+  function n(t, o) {
+    var r = e.call(this, t, o) || this;
+    return r.scheduler = t, r.work = o, r.pending = !1, r;
   }
-  return n.prototype.schedule = function(t, r) {
-    var o;
-    if (r === void 0 && (r = 0), this.closed)
+  return n.prototype.schedule = function(t, o) {
+    var r;
+    if (o === void 0 && (o = 0), this.closed)
       return this;
     this.state = t;
     var a = this.id, l = this.scheduler;
-    return a != null && (this.id = this.recycleAsyncId(l, a, r)), this.pending = !0, this.delay = r, this.id = (o = this.id) !== null && o !== void 0 ? o : this.requestAsyncId(l, this.id, r), this;
-  }, n.prototype.requestAsyncId = function(t, r, o) {
-    return o === void 0 && (o = 0), Ge.setInterval(t.flush.bind(t, this), o);
-  }, n.prototype.recycleAsyncId = function(t, r, o) {
-    if (o === void 0 && (o = 0), o != null && this.delay === o && this.pending === !1)
-      return r;
-    r != null && Ge.clearInterval(r);
-  }, n.prototype.execute = function(t, r) {
+    return a != null && (this.id = this.recycleAsyncId(l, a, o)), this.pending = !0, this.delay = o, this.id = (r = this.id) !== null && r !== void 0 ? r : this.requestAsyncId(l, this.id, o), this;
+  }, n.prototype.requestAsyncId = function(t, o, r) {
+    return r === void 0 && (r = 0), qe.setInterval(t.flush.bind(t, this), r);
+  }, n.prototype.recycleAsyncId = function(t, o, r) {
+    if (r === void 0 && (r = 0), r != null && this.delay === r && this.pending === !1)
+      return o;
+    o != null && qe.clearInterval(o);
+  }, n.prototype.execute = function(t, o) {
     if (this.closed)
       return new Error("executing a cancelled action");
     this.pending = !1;
-    var o = this._execute(t, r);
-    if (o)
-      return o;
+    var r = this._execute(t, o);
+    if (r)
+      return r;
     this.pending === !1 && this.id != null && (this.id = this.recycleAsyncId(this.scheduler, this.id, null));
-  }, n.prototype._execute = function(t, r) {
-    var o = !1, a;
+  }, n.prototype._execute = function(t, o) {
+    var r = !1, a;
     try {
       this.work(t);
     } catch (l) {
-      o = !0, a = l || new Error("Scheduled action threw falsy error");
+      r = !0, a = l || new Error("Scheduled action threw falsy error");
     }
-    if (o)
+    if (r)
       return this.unsubscribe(), a;
   }, n.prototype.unsubscribe = function() {
     if (!this.closed) {
-      var t = this, r = t.id, o = t.scheduler, a = o.actions;
-      this.work = this.state = this.scheduler = null, this.pending = !1, se(a, this), r != null && (this.id = this.recycleAsyncId(o, r, null)), this.delay = null, e.prototype.unsubscribe.call(this);
+      var t = this, o = t.id, r = t.scheduler, a = r.actions;
+      this.work = this.state = this.scheduler = null, this.pending = !1, de(a, this), o != null && (this.id = this.recycleAsyncId(r, o, null)), this.delay = null, e.prototype.unsubscribe.call(this);
     }
   }, n;
-}(to), He = function() {
+}(Nr), He = function() {
   function e(n, t) {
     t === void 0 && (t = e.now), this.schedulerActionCtor = n, this.now = t;
   }
-  return e.prototype.schedule = function(n, t, r) {
-    return t === void 0 && (t = 0), new this.schedulerActionCtor(this, n).schedule(r, t);
-  }, e.now = eo.now, e;
-}(), ro = function(e) {
-  z(n, e);
-  function n(t, r) {
-    r === void 0 && (r = He.now);
-    var o = e.call(this, t, r) || this;
-    return o.actions = [], o._active = !1, o;
+  return e.prototype.schedule = function(n, t, o) {
+    return t === void 0 && (t = 0), new this.schedulerActionCtor(this, n).schedule(o, t);
+  }, e.now = Or.now, e;
+}(), Lr = function(e) {
+  Y(n, e);
+  function n(t, o) {
+    o === void 0 && (o = He.now);
+    var r = e.call(this, t, o) || this;
+    return r.actions = [], r._active = !1, r;
   }
   return n.prototype.flush = function(t) {
-    var r = this.actions;
+    var o = this.actions;
     if (this._active) {
-      r.push(t);
+      o.push(t);
       return;
     }
-    var o;
+    var r;
     this._active = !0;
     do
-      if (o = t.execute(t.state, t.delay))
+      if (r = t.execute(t.state, t.delay))
         break;
-    while (t = r.shift());
-    if (this._active = !1, o) {
-      for (; t = r.shift(); )
+    while (t = o.shift());
+    if (this._active = !1, r) {
+      for (; t = o.shift(); )
         t.unsubscribe();
-      throw o;
+      throw r;
     }
   }, n;
-}(He), oo = new ro(no);
-function ao(e) {
-  return e && I(e.schedule);
+}(He), $r = new Lr(jr);
+function Dr(e) {
+  return e && N(e.schedule);
 }
-function io(e) {
+function Rr(e) {
   return e[e.length - 1];
 }
-function lo(e) {
-  return ao(io(e)) ? e.pop() : void 0;
+function Ur(e) {
+  return Dr(Rr(e)) ? e.pop() : void 0;
 }
-var vt = function(e) {
+var bt = function(e) {
   return e && typeof e.length == "number" && typeof e != "function";
 };
-function yt(e) {
-  return I(e == null ? void 0 : e.then);
+function gt(e) {
+  return N(e == null ? void 0 : e.then);
 }
-function mt(e) {
-  return I(e[Ee]);
+function Ct(e) {
+  return N(e[Ae]);
 }
-function ht(e) {
-  return Symbol.asyncIterator && I(e == null ? void 0 : e[Symbol.asyncIterator]);
+function St(e) {
+  return Symbol.asyncIterator && N(e == null ? void 0 : e[Symbol.asyncIterator]);
 }
-function bt(e) {
+function wt(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.");
 }
-function uo() {
+function _r() {
   return typeof Symbol != "function" || !Symbol.iterator ? "@@iterator" : Symbol.iterator;
 }
-var gt = uo();
-function St(e) {
-  return I(e == null ? void 0 : e[gt]);
+var xt = _r();
+function Vt(e) {
+  return N(e == null ? void 0 : e[xt]);
 }
-function wt(e) {
-  return Ur(this, arguments, function() {
-    var t, r, o, a;
-    return it(this, function(l) {
+function Bt(e) {
+  return Cr(this, arguments, function() {
+    var t, o, r, a;
+    return ct(this, function(l) {
       switch (l.label) {
         case 0:
           t = e.getReader(), l.label = 1;
         case 1:
           l.trys.push([1, , 9, 10]), l.label = 2;
         case 2:
-          return [4, J(t.read())];
+          return [4, X(t.read())];
         case 3:
-          return r = l.sent(), o = r.value, a = r.done, a ? [4, J(void 0)] : [3, 5];
+          return o = l.sent(), r = o.value, a = o.done, a ? [4, X(void 0)] : [3, 5];
         case 4:
           return [2, l.sent()];
         case 5:
-          return [4, J(o)];
+          return [4, X(r)];
         case 6:
           return [4, l.sent()];
         case 7:
@@ -3702,57 +4398,57 @@ function wt(e) {
     });
   });
 }
-function Ct(e) {
-  return I(e == null ? void 0 : e.getReader);
+function Tt(e) {
+  return N(e == null ? void 0 : e.getReader);
 }
-function Pe(e) {
-  if (e instanceof R)
+function Ie(e) {
+  if (e instanceof _)
     return e;
   if (e != null) {
-    if (mt(e))
-      return so(e);
-    if (vt(e))
-      return co(e);
-    if (yt(e))
-      return po(e);
-    if (ht(e))
-      return xt(e);
-    if (St(e))
-      return fo(e);
     if (Ct(e))
-      return vo(e);
+      return Gr(e);
+    if (bt(e))
+      return qr(e);
+    if (gt(e))
+      return Hr(e);
+    if (St(e))
+      return Ft(e);
+    if (Vt(e))
+      return Wr(e);
+    if (Tt(e))
+      return zr(e);
   }
-  throw bt(e);
+  throw wt(e);
 }
-function so(e) {
-  return new R(function(n) {
-    var t = e[Ee]();
-    if (I(t.subscribe))
+function Gr(e) {
+  return new _(function(n) {
+    var t = e[Ae]();
+    if (N(t.subscribe))
       return t.subscribe(n);
     throw new TypeError("Provided object does not correctly implement Symbol.observable");
   });
 }
-function co(e) {
-  return new R(function(n) {
+function qr(e) {
+  return new _(function(n) {
     for (var t = 0; t < e.length && !n.closed; t++)
       n.next(e[t]);
     n.complete();
   });
 }
-function po(e) {
-  return new R(function(n) {
+function Hr(e) {
+  return new _(function(n) {
     e.then(function(t) {
       n.closed || (n.next(t), n.complete());
     }, function(t) {
       return n.error(t);
-    }).then(null, dt);
+    }).then(null, vt);
   });
 }
-function fo(e) {
-  return new R(function(n) {
-    var t, r;
+function Wr(e) {
+  return new _(function(n) {
+    var t, o;
     try {
-      for (var o = X(e), a = o.next(); !a.done; a = o.next()) {
+      for (var r = Q(e), a = r.next(); !a.done; a = r.next()) {
         var l = a.value;
         if (n.next(l), n.closed)
           return;
@@ -3761,7 +4457,7 @@ function fo(e) {
       t = { error: u };
     } finally {
       try {
-        a && !a.done && (r = o.return) && r.call(o);
+        a && !a.done && (o = r.return) && o.call(r);
       } finally {
         if (t) throw t.error;
       }
@@ -3769,29 +4465,29 @@ function fo(e) {
     n.complete();
   });
 }
-function xt(e) {
-  return new R(function(n) {
-    yo(e, n).catch(function(t) {
+function Ft(e) {
+  return new _(function(n) {
+    Yr(e, n).catch(function(t) {
       return n.error(t);
     });
   });
 }
-function vo(e) {
-  return xt(wt(e));
+function zr(e) {
+  return Ft(Bt(e));
 }
-function yo(e, n) {
-  var t, r, o, a;
-  return Lr(this, void 0, void 0, function() {
+function Yr(e, n) {
+  var t, o, r, a;
+  return gr(this, void 0, void 0, function() {
     var l, u;
-    return it(this, function(s) {
+    return ct(this, function(s) {
       switch (s.label) {
         case 0:
-          s.trys.push([0, 5, 6, 11]), t = _r(e), s.label = 1;
+          s.trys.push([0, 5, 6, 11]), t = Sr(e), s.label = 1;
         case 1:
           return [4, t.next()];
         case 2:
-          if (r = s.sent(), !!r.done) return [3, 4];
-          if (l = r.value, n.next(l), n.closed)
+          if (o = s.sent(), !!o.done) return [3, 4];
+          if (l = o.value, n.next(l), n.closed)
             return [2];
           s.label = 3;
         case 3:
@@ -3799,15 +4495,15 @@ function yo(e, n) {
         case 4:
           return [3, 11];
         case 5:
-          return u = s.sent(), o = { error: u }, [3, 11];
+          return u = s.sent(), r = { error: u }, [3, 11];
         case 6:
-          return s.trys.push([6, , 9, 10]), r && !r.done && (a = t.return) ? [4, a.call(t)] : [3, 8];
+          return s.trys.push([6, , 9, 10]), o && !o.done && (a = t.return) ? [4, a.call(t)] : [3, 8];
         case 7:
           s.sent(), s.label = 8;
         case 8:
           return [3, 10];
         case 9:
-          if (o) throw o.error;
+          if (r) throw r.error;
           return [7];
         case 10:
           return [7];
@@ -3817,60 +4513,60 @@ function yo(e, n) {
     });
   });
 }
-function Y(e, n, t, r, o) {
-  r === void 0 && (r = 0), o === void 0 && (o = !1);
+function Z(e, n, t, o, r) {
+  o === void 0 && (o = 0), r === void 0 && (r = !1);
   var a = n.schedule(function() {
-    t(), o ? e.add(this.schedule(null, r)) : this.unsubscribe();
-  }, r);
-  if (e.add(a), !o)
+    t(), r ? e.add(this.schedule(null, o)) : this.unsubscribe();
+  }, o);
+  if (e.add(a), !r)
     return a;
 }
-function Vt(e, n) {
-  return n === void 0 && (n = 0), Ae(function(t, r) {
-    t.subscribe(pt(r, function(o) {
-      return Y(r, e, function() {
-        return r.next(o);
+function kt(e, n) {
+  return n === void 0 && (n = 0), Pe(function(t, o) {
+    t.subscribe(mt(o, function(r) {
+      return Z(o, e, function() {
+        return o.next(r);
       }, n);
     }, function() {
-      return Y(r, e, function() {
-        return r.complete();
+      return Z(o, e, function() {
+        return o.complete();
       }, n);
-    }, function(o) {
-      return Y(r, e, function() {
-        return r.error(o);
+    }, function(r) {
+      return Z(o, e, function() {
+        return o.error(r);
       }, n);
     }));
   });
 }
-function Tt(e, n) {
-  return n === void 0 && (n = 0), Ae(function(t, r) {
-    r.add(e.schedule(function() {
-      return t.subscribe(r);
+function Et(e, n) {
+  return n === void 0 && (n = 0), Pe(function(t, o) {
+    o.add(e.schedule(function() {
+      return t.subscribe(o);
     }, n));
   });
 }
-function mo(e, n) {
-  return Pe(e).pipe(Tt(n), Vt(n));
+function Zr(e, n) {
+  return Ie(e).pipe(Et(n), kt(n));
 }
-function ho(e, n) {
-  return Pe(e).pipe(Tt(n), Vt(n));
+function Jr(e, n) {
+  return Ie(e).pipe(Et(n), kt(n));
 }
-function bo(e, n) {
-  return new R(function(t) {
-    var r = 0;
+function Xr(e, n) {
+  return new _(function(t) {
+    var o = 0;
     return n.schedule(function() {
-      r === e.length ? t.complete() : (t.next(e[r++]), t.closed || this.schedule());
+      o === e.length ? t.complete() : (t.next(e[o++]), t.closed || this.schedule());
     });
   });
 }
-function go(e, n) {
-  return new R(function(t) {
-    var r;
-    return Y(t, n, function() {
-      r = e[gt](), Y(t, n, function() {
-        var o, a, l;
+function Qr(e, n) {
+  return new _(function(t) {
+    var o;
+    return Z(t, n, function() {
+      o = e[xt](), Z(t, n, function() {
+        var r, a, l;
         try {
-          o = r.next(), a = o.value, l = o.done;
+          r = o.next(), a = r.value, l = r.done;
         } catch (u) {
           t.error(u);
           return;
@@ -3878,158 +4574,158 @@ function go(e, n) {
         l ? t.complete() : t.next(a);
       }, 0, !0);
     }), function() {
-      return I(r == null ? void 0 : r.return) && r.return();
+      return N(o == null ? void 0 : o.return) && o.return();
     };
   });
 }
-function Bt(e, n) {
+function Mt(e, n) {
   if (!e)
     throw new Error("Iterable cannot be null");
-  return new R(function(t) {
-    Y(t, n, function() {
-      var r = e[Symbol.asyncIterator]();
-      Y(t, n, function() {
-        r.next().then(function(o) {
-          o.done ? t.complete() : t.next(o.value);
+  return new _(function(t) {
+    Z(t, n, function() {
+      var o = e[Symbol.asyncIterator]();
+      Z(t, n, function() {
+        o.next().then(function(r) {
+          r.done ? t.complete() : t.next(r.value);
         });
       }, 0, !0);
     });
   });
 }
-function So(e, n) {
-  return Bt(wt(e), n);
+function Kr(e, n) {
+  return Mt(Bt(e), n);
 }
-function wo(e, n) {
+function ea(e, n) {
   if (e != null) {
-    if (mt(e))
-      return mo(e, n);
-    if (vt(e))
-      return bo(e, n);
-    if (yt(e))
-      return ho(e, n);
-    if (ht(e))
-      return Bt(e, n);
-    if (St(e))
-      return go(e, n);
     if (Ct(e))
-      return So(e, n);
+      return Zr(e, n);
+    if (bt(e))
+      return Xr(e, n);
+    if (gt(e))
+      return Jr(e, n);
+    if (St(e))
+      return Mt(e, n);
+    if (Vt(e))
+      return Qr(e, n);
+    if (Tt(e))
+      return Kr(e, n);
   }
-  throw bt(e);
+  throw wt(e);
 }
-function Co(e, n) {
-  return n ? wo(e, n) : Pe(e);
+function ta(e, n) {
+  return n ? ea(e, n) : Ie(e);
 }
-function xo() {
+function na() {
   for (var e = [], n = 0; n < arguments.length; n++)
     e[n] = arguments[n];
-  var t = lo(e);
-  return Co(e, t);
+  var t = Ur(e);
+  return ta(e, t);
 }
-function Vo(e, n) {
-  return n === void 0 && (n = oo), Ae(function(t, r) {
-    var o = null, a = null, l = null, u = function() {
-      if (o) {
-        o.unsubscribe(), o = null;
+function oa(e, n) {
+  return n === void 0 && (n = $r), Pe(function(t, o) {
+    var r = null, a = null, l = null, u = function() {
+      if (r) {
+        r.unsubscribe(), r = null;
         var i = a;
-        a = null, r.next(i);
+        a = null, o.next(i);
       }
     };
     function s() {
       var i = l + e, d = n.now();
       if (d < i) {
-        o = this.schedule(void 0, i - d), r.add(o);
+        r = this.schedule(void 0, i - d), o.add(r);
         return;
       }
       u();
     }
-    t.subscribe(pt(r, function(i) {
-      a = i, l = n.now(), o || (o = n.schedule(s, e), r.add(o));
+    t.subscribe(mt(o, function(i) {
+      a = i, l = n.now(), r || (r = n.schedule(s, e), o.add(r));
     }, function() {
-      u(), r.complete();
+      u(), o.complete();
     }, void 0, function() {
-      a = o = null;
+      a = r = null;
     }));
   });
 }
-const ye = /* @__PURE__ */ W({
+const me = /* @__PURE__ */ G({
   name: "FPropertyEditor",
-  props: ze,
+  props: Ze,
   emits: ["propertyEditorValueChanged"],
   setup(e, n) {
-    const t = y(In), r = y(""), o = y("const"), a = y([]), l = y(!1);
+    const t = v(Gn), o = v(""), r = v("const"), a = v([]), l = v(!1);
     let u;
-    const s = y(""), i = y(""), d = y([]);
+    const s = v(""), i = v(""), d = v([]);
     let c;
-    const f = y([]), p = y("是");
-    y("");
-    const v = y(!1), m = y("<span class='f-icon f-icon-more-horizontal'></span>"), b = y(!1), S = y([]), {
+    const f = v([]), p = v("是");
+    v("");
+    const y = v(!1), m = v("<span class='f-icon f-icon-more-horizontal'></span>"), b = v(!1), S = v([]), {
       numberConstValue: E,
-      bindVariableValue: k,
-      dataStatesBindValue: C,
+      bindVariableValue: M,
+      dataStatesBindValue: x,
       dataStatesValueArray: T,
-      constEnumBindValue: g,
+      constEnumBindValue: C,
       setValue: F
-    } = Dr(t, a, o, c, p, r, v), {
+    } = hr(t, a, r, c, p, o, y), {
       updateData: A,
-      changeState: N,
-      prefix: q,
-      propertyEditorValueChange: _
-    } = $r(n, t, g, a, P, f, c, p, T, r, b, o);
+      changeState: I,
+      prefix: W,
+      propertyEditorValueChange: U
+    } = br(n, t, C, a, P, f, c, p, T, o, b, r);
     function K() {
-      S.value = On.value.filter((h) => t.value.editorOptions.types.includes(h.id));
+      S.value = _n.value.filter((h) => t.value.editorOptions.types.includes(h.id));
     }
-    function M() {
-      o.value = B(S.value.find((h) => h.id === t.value.propertyValue.type));
+    function k() {
+      r.value = B(S.value.find((h) => h.id === t.value.propertyValue.type));
     }
-    function D() {
-      M(), o.value.id === "variable" && t.value.propertyValue.value === void 0 && (t.value.propertyValue = B(P.value.variableValue)), P.value[`${o.value.id}Value`] = B(t.value.propertyValue), F();
+    function L() {
+      k(), r.value.id === "variable" && t.value.propertyValue.value === void 0 && (t.value.propertyValue = B(P.value.variableValue)), P.value[`${r.value.id}Value`] = B(t.value.propertyValue), F();
     }
     function re(h) {
-      o.value = B(S.value.find((j) => j.label === h[0].label)), o.value.id === "expression" && (P.value.expressionValue.value && (r.value = P.value.expressionValue.value.value), v.value = !0), o.value.id === "custom" && $t(), A();
+      r.value = B(S.value.find((j) => j.label === h[0].label)), r.value.id === "expression" && (P.value.expressionValue.value && (o.value = P.value.expressionValue.value.value), y.value = !0), r.value.id === "custom" && _t(), A();
     }
-    function pe(h) {
-      g.value = B(h.value), t.value.propertyValue.value = B(h.value), P.value.constValue.value = B(h.value), A();
+    function fe(h) {
+      C.value = B(h.value), t.value.propertyValue.value = B(h.value), P.value.constValue.value = B(h.value), A();
     }
-    function Ft(h) {
+    function At(h) {
       P.value.constValue.value = h, A();
     }
-    function Mt(h) {
+    function Pt(h) {
       P.value.constValue.value = h, A();
     }
-    function kt() {
-      const h = t.value.propertyName, j = h[0].toUpperCase() + h.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}${j}`, Et();
+    function It() {
+      const h = t.value.propertyName, j = h[0].toUpperCase() + h.substr(1), R = t.value.controlName, je = t.value.editorOptions.newVariablePrefix || "", nn = je ? R[0].toUpperCase() + R.substr(1) : R[0].toLowerCase() + R.substr(1);
+      u = `${je}${nn}${j}`, Ot();
     }
-    function Et() {
-      At(), o.value.id === "variable" && (k.value = t.value.propertyValue.value.path), Ne(), i.value !== t.value.propertyValue.value.path && A();
+    function Ot() {
+      Nt(), r.value.id === "variable" && (M.value = t.value.propertyValue.value.path), Oe(), i.value !== t.value.propertyValue.value.path && A();
     }
-    function At() {
+    function Nt() {
       var j;
       let h = 0;
-      (j = t.value.editorOptions.variables) == null || j.forEach((U) => {
-        U.path !== u ? h += 1 : (i.value = t.value.propertyValue.value.path, t.value.propertyValue.value = B(U), P.value.variableValue.value = B(U));
-      }), Pt(h);
+      (j = t.value.editorOptions.variables) == null || j.forEach((R) => {
+        R.path !== u ? h += 1 : (i.value = t.value.propertyValue.value.path, t.value.propertyValue.value = B(R), P.value.variableValue.value = B(R));
+      }), jt(h);
     }
-    function Pt(h) {
+    function jt(h) {
       var j;
-      h === ((j = t.value.editorOptions.variables) == null ? void 0 : j.length) && (t.value.propertyValue.value.category = "local", t.value.propertyValue.value.path = u, t.value.propertyValue.value.field = s, t.value.propertyValue.value.fullPath = u, t.value.propertyValue.value.newVariableType = t.value.editorOptions.newVariableType, _.value.isNewVariable = !0, t.value.editorOptions.variables.push(B(t.value.propertyValue.value)), P.value.variableValue.value = B(t.value.propertyValue.value));
+      h === ((j = t.value.editorOptions.variables) == null ? void 0 : j.length) && (t.value.propertyValue.value.category = "local", t.value.propertyValue.value.path = u, t.value.propertyValue.value.field = s, t.value.propertyValue.value.fullPath = u, t.value.propertyValue.value.newVariableType = t.value.editorOptions.newVariableType, U.value.isNewVariable = !0, t.value.editorOptions.variables.push(B(t.value.propertyValue.value)), P.value.variableValue.value = B(t.value.propertyValue.value));
     }
-    function Nt(h) {
-      !h || !h.selections || h.selections.length < 1 || (P.value.variableValue.value.category = B(h.selections[0].category), P.value.variableValue.value.path = B(h.selections[0].path), P.value.variableValue.value.fullPath = B(h.selections[0].fullPath), P.value.variableValue.value.field = B(h.selections[0].field), k.value = B(h.value), A());
+    function Lt(h) {
+      !h || !h.selections || h.selections.length < 1 || (P.value.variableValue.value.category = B(h.selections[0].category), P.value.variableValue.value.path = B(h.selections[0].path), P.value.variableValue.value.fullPath = B(h.selections[0].fullPath), P.value.variableValue.value.field = B(h.selections[0].field), M.value = B(h.value), A());
     }
-    function Ot() {
-      t.value.propertyValue.value.category = "", t.value.propertyValue.value.path = "", t.value.propertyValue.value.field = "", t.value.propertyValue.value.fullPath = "", o.value.id === "variable" && (k.value = t.value.propertyValue.value.path), A();
+    function $t() {
+      t.value.propertyValue.value.category = "", t.value.propertyValue.value.path = "", t.value.propertyValue.value.field = "", t.value.propertyValue.value.fullPath = "", r.value.id === "variable" && (M.value = t.value.propertyValue.value.path), A();
     }
-    function Ne() {
+    function Oe() {
       d.value = B(t.value.editorOptions.variables);
     }
-    const It = (h) => {
-      const j = t.value.editorOptions.getVariables, U = {
+    const Dt = (h) => {
+      const j = t.value.editorOptions.getVariables, R = {
         showDialog: !0
       };
-      return j && (d.value = j(), h && (h.data = d)), xo(U);
+      return j && (d.value = j(), h && (h.data = d)), na(R);
     };
-    function jt(h) {
+    function Rt(h) {
       const j = {
         id: h[0].id,
         name: h[0].exist,
@@ -4037,92 +4733,92 @@ const ye = /* @__PURE__ */ W({
       };
       P.value.stateMachineValue.value = B(j), p.value = t.value.propertyValue.value.exist === "是" ? "是" : "否", c = B(j.id), A();
     }
-    function Dt() {
+    function Ut() {
       f.value = B(t.value.editorOptions.stateMachine), p.value = P.value.stateMachineValue.value.exist === "是" ? "是" : "否";
     }
-    const Oe = new ft();
-    function $t() {
-      Oe.pipe(Vo(700)).subscribe((h) => {
+    const Ne = new ht();
+    function _t() {
+      Ne.pipe(oa(700)).subscribe((h) => {
         P.value.customValue.value = h, A();
       });
     }
-    function Lt(h) {
-      Oe.next(h);
+    function Gt(h) {
+      Ne.next(h);
     }
-    function Ut() {
+    function qt() {
     }
-    function _t(h) {
+    function Ht(h) {
       t.value.propertyValue.value = B(h), P.value.dataStatesValue.value = B(h);
-      const j = h.map((U) => U.valueField).join(",");
-      C.value = B(j), A();
+      const j = h.map((R) => R.valueField).join(",");
+      x.value = B(j), A();
     }
-    function Rt() {
-      return w("div", {
+    function Wt() {
+      return g("div", {
         class: "f-page-single-property-editor-component-right-variable"
-      }, [w(G, {
+      }, [g(H, {
         class: [{
           "form-control-select-show": l.value
         }, {
           "form-control-select-hide": !l.value
         }],
-        modelValue: k.value,
-        "onUpdate:modelValue": (h) => k.value = h,
+        modelValue: M.value,
+        "onUpdate:modelValue": (h) => M.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !0,
         valueField: "path",
         textField: "fullPath",
         data: d.value,
-        beforeShow: It,
+        beforeShow: Dt,
         readonly: b.value,
         editable: !1,
-        onValueChange: (h) => Nt(h),
-        onClear: Ot
-      }, null), l.value ? w("div", {
+        onValueChange: (h) => Lt(h),
+        onClear: $t
+      }, null), l.value ? g("div", {
         class: "f-page-single-property-editor-component-variable-button"
-      }, [w("button", {
+      }, [g("button", {
         title: "variable-button",
         class: "f-variable-button",
-        onClick: kt
-      }, [w("span", {
+        onClick: It
+      }, [g("span", {
         class: "f-icon f-icon-add",
         style: "margin:unset;"
       }, null)])]) : ""]);
     }
-    function Gt() {
-      return w("div", {
+    function zt() {
+      return g("div", {
         class: "f-page-single-property-editor-component-right-customize"
-      }, [me(w("input", {
+      }, [he(g("input", {
         class: "form-control",
         placeholder: "输入自定义内容",
         "onUpdate:modelValue": (h) => P.value.customValue.value = h,
-        onChange: (h) => Lt(h.target.value),
+        onChange: (h) => Gt(h.target.value),
         disabled: b.value
-      }, null), [[De, P.value.customValue.value]])]);
+      }, null), [[Le, P.value.customValue.value]])]);
     }
-    function Ht() {
-      return w("div", {
+    function Yt() {
+      return g("div", {
         class: "f-page-single-property-editor-component-right-expression"
-      }, [w(ee, {
+      }, [g(ee, {
         editable: !1,
         enableClear: !1,
         readonly: b.value,
         groupText: m.value,
-        modelValue: r.value,
-        "onUpdate:modelValue": (h) => r.value = h,
-        onClickHandle: Ut
+        modelValue: o.value,
+        "onUpdate:modelValue": (h) => o.value = h,
+        onClickHandle: qt
       }, null)]);
     }
-    function qt() {
-      return w("div", {
+    function Zt() {
+      return g("div", {
         class: "f-page-single-property-editor-component-right-stateMachine"
-      }, [w("div", {
+      }, [g("div", {
         class: "f-stateMachine-exist",
-        onClick: N
-      }, [p.value]), w("div", {
+        onClick: I
+      }, [p.value]), g("div", {
         class: "f-stateMachine-combo",
         style: "border:unset"
-      }, [w(G, {
+      }, [g(H, {
         modelValue: c,
         "onUpdate:modelValue": (h) => c = h,
         placeholder: "",
@@ -4134,16 +4830,16 @@ const ye = /* @__PURE__ */ W({
         editable: !1,
         readonly: b.value,
         onChange: (h) => {
-          jt(h);
+          Rt(h);
         }
       }, null)])]);
     }
-    function Wt() {
-      return w("div", {
+    function Jt() {
+      return g("div", {
         class: "f-page-single-property-editor-component-right-dataStates"
-      }, [w(G, {
-        modelValue: C.value,
-        "onUpdate:modelValue": (h) => C.value = h,
+      }, [g(H, {
+        modelValue: x.value,
+        "onUpdate:modelValue": (h) => x.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4155,24 +4851,24 @@ const ye = /* @__PURE__ */ W({
         data: T.value,
         editable: !1,
         readonly: b.value,
-        onChange: (h) => _t(h)
+        onChange: (h) => Ht(h)
       }, null)]);
     }
-    function zt() {
-      return me(w("input", {
+    function Xt() {
+      return he(g("input", {
         class: "form-control",
         "onUpdate:modelValue": (h) => P.value.constValue.value = h,
         onChange: (h) => {
-          Mt(h);
+          Pt(h);
         },
         disabled: b.value,
         placeholder: "输入自定义内容"
-      }, null), [[De, P.value.constValue.value]]);
+      }, null), [[Le, P.value.constValue.value]]);
     }
-    function Yt() {
-      return w(G, {
-        modelValue: g.value,
-        "onUpdate:modelValue": (h) => g.value = h,
+    function Qt() {
+      return g(H, {
+        modelValue: C.value,
+        "onUpdate:modelValue": (h) => C.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4181,27 +4877,27 @@ const ye = /* @__PURE__ */ W({
         data: a.value,
         editable: !1,
         readonly: b.value,
-        onValueChange: (h) => pe(h)
+        onValueChange: (h) => fe(h)
       }, null);
     }
-    function Zt() {
-      return w(te, {
+    function Kt() {
+      return g(te, {
         canNull: !0,
         readonly: b.value,
         modelValue: E.value,
         "onUpdate:modelValue": (h) => E.value = h,
         onValueChange: (h) => {
-          Ft(h);
+          At(h);
         },
         class: "f-page-single-property-editor-component-const-number"
       }, null);
     }
-    function Jt() {
-      return w("div", {
+    function en() {
+      return g("div", {
         class: "f-page-single-property-editor-component-left-controller"
-      }, [w(G, {
-        modelValue: o.value.id,
-        "onUpdate:modelValue": (h) => o.value.id = h,
+      }, [g(H, {
+        modelValue: r.value.id,
+        "onUpdate:modelValue": (h) => r.value.id = h,
         placeholder: "",
         enableClear: !1,
         valueField: "id",
@@ -4212,30 +4908,30 @@ const ye = /* @__PURE__ */ W({
         onChange: (h) => re(h)
       }, null)]);
     }
-    function Qt() {
-      return w("div", {
+    function tn() {
+      return g("div", {
         class: "f-page-single-property-editor-component-right-controller"
-      }, [o.value.id === "const" ? w("div", {
+      }, [r.value.id === "const" ? g("div", {
         class: "f-page-single-property-editor-component-right-const"
-      }, [t.value.propertyType === "string" ? zt() : "", t.value.propertyType === "enum" ? Yt() : "", t.value.propertyType === "number" ? Zt() : ""]) : "", o.value.id === "variable" ? Rt() : "", o.value.id === "custom" ? Gt() : "", o.value.id === "expression" && v.value ? Ht() : "", o.value.id === "stateMachine" ? qt() : "", o.value.id === "dataStates" ? Wt() : ""]);
+      }, [t.value.propertyType === "string" ? Xt() : "", t.value.propertyType === "enum" ? Qt() : "", t.value.propertyType === "number" ? Kt() : ""]) : "", r.value.id === "variable" ? Wt() : "", r.value.id === "custom" ? zt() : "", r.value.id === "expression" && y.value ? Yt() : "", r.value.id === "stateMachine" ? Zt() : "", r.value.id === "dataStates" ? Jt() : ""]);
     }
-    return H(() => {
-      K(), D(), Ne(), Dt(), t.value.hasPrefix && t.value.hasPrefix === 2 && (q.value = !0), t.value.controlName !== void 0 && (l.value = !0);
-    }), () => w(he, null, [w("div", {
+    return q(() => {
+      K(), L(), Oe(), Ut(), t.value.hasPrefix && t.value.hasPrefix === 2 && (W.value = !0), t.value.controlName !== void 0 && (l.value = !0);
+    }), () => g(be, null, [g("div", {
       class: "f-page-single-property-editor-component clearfix"
-    }, [Jt(), Qt()])]);
+    }, [en(), tn()])]);
   }
-}), Io = {
+}), ya = {
   install(e) {
-    e.component(ye.name, ye);
+    e.component(me.name, me);
   },
-  register(e, n, t, r) {
-    e["property-editor"] = ye, n["property-editor"] = Nn;
+  register(e, n, t, o) {
+    e["property-editor"] = me, n["property-editor"] = Un;
   }
 };
 export {
-  Io as default,
-  ye as propertyEditor,
-  ze as propertyEditorProps,
-  Nn as propsResolver
+  ya as default,
+  me as propertyEditor,
+  Ze as propertyEditorProps,
+  Un as propsResolver
 };