@farris/ui-vue 1.3.0 → 1.3.3

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

@@ -1,32 +1,36 @@
-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: 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;
+var tn = Object.defineProperty;
+var nn = (e, n, t) => n in e ? tn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var I = (e, n, t) => nn(e, typeof n != "symbol" ? n + "" : n, t);
+import { ref as b, defineComponent as D, computed as E, watch as O, createVNode as C, Teleport as on, createApp as rn, onUnmounted as an, inject as _, nextTick as te, onMounted as U, mergeProps as ln, reactive as un, withDirectives as de, resolveDirective as sn, Fragment as pe, vModelText as Ie } from "vue";
+import { isPlainObject as Me, cloneDeep as F } from "lodash-es";
+import cn from "../list-view/index.esm.js";
+import dn from "../button-edit/index.esm.js";
+import { resolveAppearance as pn } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as ve, DgControl as Pe } from "../designer-canvas/index.esm.js";
+import { withInstall as me, useTextBox as fn, useClear as De, useTextBoxDesign as yn } from "../common/index.esm.js";
+import { useNumber as vn, useFormat as mn, useSpinner as hn, useTextBox as bn } from "../number-spinner/index.esm.js";
+import L from "bignumber.js";
+const Ue = {}, Re = {};
+function he(e) {
+  const { properties: n, title: t, ignore: o } = e, r = o && Array.isArray(o), a = Object.keys(n).reduce((i, s) => ((!r || !o.find((d) => d === s)) && (i[s] = n[s].type === "object" && n[s].properties ? he(n[s]) : F(n[s].default)), i), {});
+  if (t && (!r || !o.find((i) => i === "id"))) {
+    const i = t.toLowerCase().replace(/-/g, "_");
+    a.id = `${i}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return a;
 }
-function ge(e, n = {}, t) {
-  const o = ze[e];
+function Ge(e, n = {}, t) {
+  const o = Ue[e];
   if (o) {
-    let r = we(o);
-    const a = Ye[e];
-    return r = a ? a({ getSchemaByType: ge }, r, n, t) : r, r;
+    let r = he(o);
+    const a = Re[e];
+    return r = a ? a({ getSchemaByType: Ge }, r, n, t) : r, r;
   }
   return null;
 }
-function Cn(e, n) {
-  const t = we(n);
-  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 gn(e, n) {
+  const t = he(n);
+  return Object.keys(t).reduce((o, r) => (o[r] && Me(o[r]) && Me(e[r] || !e[r]) ? Object.assign(o[r], e[r] || {}) : o[r] = e[r], o), t), t;
 }
 function Sn(e, n) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, r) => {
@@ -35,73 +39,73 @@ function Sn(e, n) {
       if (typeof a == "string")
         o[a] = e[r];
       else {
-        const l = a(r, e[r], e);
-        Object.assign(o, l);
+        const i = a(r, e[r], e);
+        Object.assign(o, i);
       }
     } else
       o[r] = e[r];
     return o;
   }, {});
 }
-function wn(e, n, t = /* @__PURE__ */ new Map()) {
-  const o = Cn(e, n);
+function Cn(e, n, t = /* @__PURE__ */ new Map()) {
+  const o = gn(e, n);
   return Sn(o, t);
 }
-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], y = c[p];
+function wn(e = {}) {
+  function n(l, c, u, f) {
+    if (typeof u == "number")
+      return f[l].length === u;
+    if (typeof u == "object") {
+      const p = Object.keys(u)[0], y = u[p];
       if (p === "not")
-        return Number(f[i].length) !== Number(y);
+        return Number(f[l].length) !== Number(y);
       if (p === "moreThan")
-        return Number(f[i].length) >= Number(y);
+        return Number(f[l].length) >= Number(y);
       if (p === "lessThan")
-        return Number(f[i].length) <= Number(y);
+        return Number(f[l].length) <= Number(y);
     }
     return !1;
   }
-  function t(i, d, c, f) {
-    return f[i] && f[i].propertyValue && String(f[i].propertyValue.value) === String(c);
+  function t(l, c, u, f) {
+    return f[l] && f[l].propertyValue && String(f[l].propertyValue.value) === String(u);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", n],
     ["getProperty", t]
   ]);
-  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) => {
+  Object.keys(e).reduce((l, c) => (l.set(c, e[c]), l), o);
+  function r(l, c) {
+    const u = l;
+    return typeof c == "number" ? [{ target: u, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: u, operator: "getProperty", param: l, value: !!c }] : typeof c == "object" ? Object.keys(c).map((f) => {
       if (f === "length")
-        return { target: c, operator: "length", param: null, value: d[f] };
-      const p = f, y = d[f];
-      return { target: c, operator: "getProperty", param: p, value: y };
+        return { target: u, operator: "length", param: null, value: c[f] };
+      const p = f, y = c[f];
+      return { target: u, operator: "getProperty", param: p, value: y };
     }) : [];
   }
-  function a(i) {
-    return Object.keys(i).reduce((c, f) => {
-      const p = r(f, i[f]);
-      return c.push(...p), c;
+  function a(l) {
+    return Object.keys(l).reduce((u, f) => {
+      const p = r(f, l[f]);
+      return u.push(...p), u;
     }, []);
   }
-  function l(i, d) {
-    if (o.has(i.operator)) {
-      const c = o.get(i.operator);
-      return c && c(i.target, i.param, i.value, d) || !1;
+  function i(l, c) {
+    if (o.has(l.operator)) {
+      const u = o.get(l.operator);
+      return u && u(l.target, l.param, l.value, c) || !1;
     }
     return !1;
   }
-  function u(i, d) {
-    return a(i).reduce((p, y) => p && l(y, d), !0);
+  function s(l, c) {
+    return a(l).reduce((p, y) => p && i(y, c), !0);
   }
-  function s(i, 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));
+  function d(l, c) {
+    const u = Object.keys(l), f = u.includes("allOf"), p = u.includes("anyOf"), y = f || p, S = (y ? l[y ? f ? "allOf" : "anyOf" : "allOf"] : [l]).map((k) => s(k, c));
     return f ? !S.includes(!1) : S.includes(!0);
   }
-  return { parseValueSchema: s };
+  return { parseValueSchema: d };
 }
-const V = {
+const B = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -139,25 +143,26 @@ const V = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "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);
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
+}, Vn = {}, xn = {};
+wn();
+function J(e, n, t = /* @__PURE__ */ new Map(), o = (i, s, d, l) => s, r = {}, a = (i) => i) {
+  return Ue[n.title] = n, Re[n.title] = o, Vn[n.title] = r, xn[n.title] = a, (i = {}) => {
+    const s = Cn(i, n, t), d = Object.keys(e).reduce((l, c) => (l[c] = e[c].default, l), {});
+    return Object.assign(d, s);
   };
 }
-function pe(e, n) {
+function ie(e, n) {
   return { customClass: n.class, customStyle: n.style };
 }
-const Tn = /* @__PURE__ */ new Map([
-  ["appearance", pe]
+const Bn = /* @__PURE__ */ new Map([
+  ["appearance", ie]
 ]);
 function Fn(e, n, t) {
   return n;
 }
-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 = {
+const Tn = "https://json-schema.org/draft/2020-12/schema", kn = "https://farris-design.gitee.io/property-editor.schema.json", En = "property-editor", In = "A Farris Component", Mn = "object", Pn = {
   id: {
     description: "The unique identifier for property-editor",
     type: "string"
@@ -219,18 +224,18 @@ const kn = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-
     type: "boolean",
     default: !0
   }
-}, On = [
+}, An = [
   "id",
   "type"
 ], 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 = {
+  $schema: Tn,
+  $id: kn,
+  title: En,
+  description: In,
+  type: Mn,
+  properties: Pn,
+  required: An
+}, On = "property-editor", Ln = "A Farris Component", jn = "object", $n = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -252,12 +257,12 @@ const kn = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-
       }
     }
   }
-}, Rn = {
-  title: jn,
+}, Dn = {
+  title: On,
   description: Ln,
-  type: $n,
-  categories: Dn
-}, Ze = {}, Un = ne(Ze, Nn, Tn, Fn, Rn), P = v({
+  type: jn,
+  categories: $n
+}, _e = {}, Un = J(_e, Nn, Bn, Fn, Dn), P = b({
   /** 常量值 */
   constValue: {
     /** 值类型：常量（const）, 变量（variable）, 状态机（state）, 自定义（custom） */
@@ -295,7 +300,7 @@ const kn = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-
     type: "dataStates",
     value: ""
   }
-}), _n = v([
+}), Rn = b([
   {
     id: "const",
     label: "常量"
@@ -445,9 +450,9 @@ const kn = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-
   },
   /** 状态机是否有前缀viewModel.stateMachine &&  */
   hasPrefix: 2
-}, 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 = {
+}, _n = /* @__PURE__ */ new Map([
+  ["appearance", ie]
+]), qn = "https://json-schema.org/draft/2020-12/schema", Hn = "https://farris-design.gitee.io/combo-list.schema.json", Wn = "combo-list", zn = "A Farris Input Component", Yn = "object", Zn = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -480,6 +485,11 @@ const kn = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-
     type: "boolean",
     default: !1
   },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
   editable: {
     description: "",
     type: "boolean",
@@ -504,6 +514,11 @@ const kn = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-
     type: "string",
     default: ""
   },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
   valueField: {
     description: "",
     type: "string",
@@ -566,24 +581,25 @@ const kn = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-
 }, Xn = [
   "id",
   "type"
-], Qn = [
+], Jn = [
   "id",
   "appearance",
-  "binding"
-], Kn = {
-  $schema: Hn,
-  $id: Wn,
-  title: zn,
-  description: Yn,
-  type: Zn,
-  properties: Jn,
+  "binding",
+  "visible"
+], Qn = {
+  $schema: qn,
+  $id: Hn,
+  title: Wn,
+  description: zn,
+  type: Yn,
+  properties: Zn,
   required: Xn,
-  ignore: Qn
+  ignore: Jn
 };
-function eo(e, n, t) {
+function Kn(e, n, t) {
   return n;
 }
-const xe = {
+const be = {
   /**
    * 组件标识
    */
@@ -744,12 +760,12 @@ const xe = {
    */
   beforeOpen: { type: Function, default: null },
   searchOption: {
-    type: Object,
+    type: [Boolean, Function],
     default: !1
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, Je = ne(xe, Kn, qn, eo), to = {
+}, qe = J(be, Qn, _n, Kn), eo = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -765,160 +781,163 @@ const xe = {
   onSelectionChange: { type: Function, default: () => {
   } },
   searchOption: {
-    type: Object,
+    type: [Boolean, Function],
     default: !1
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, no = /* @__PURE__ */ G({
+}, to = /* @__PURE__ */ D({
   name: "FComboListContainer",
-  props: to,
+  props: eo,
   emits: ["selectionChange"],
   setup(e, n) {
-    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(() => ({
+    const t = b(), o = b(e.dataSource), r = b([]), a = b(e.separator), i = b(e.width), s = b(e.maxHeight), d = b(String(e.selectedValues).split(a.value)), l = E(() => e.multiSelect), c = E(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
-      showCheckbox: i.value,
+      showCheckbox: l.value,
       showSelectAll: !1,
       showSelection: !0
     }));
     O(e.dataSource, () => {
       o.value = e.dataSource;
     });
-    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;
+    const u = E(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = E(() => {
+      const v = {};
+      return i.value !== void 0 && (v.width = `${i.value}px`), s.value !== void 0 && s.value > 0 && (v.maxHeight = `${s.value}px`), v;
     });
-    function p(m) {
-      r.value = m.map((b) => Object.assign({}, b)), s.value = m.map((b) => b[e.idField]), n.emit("selectionChange", r.value);
+    function p(v) {
+      r.value = v.map((m) => Object.assign({}, m)), d.value = v.map((m) => m[e.idField]), n.emit("selectionChange", r.value);
     }
-    function y(m) {
+    function y(v) {
       if (e.enableHighlightSearch)
         return;
-      let 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);
+      let m = [];
+      const {
+        searchOption: S
+      } = e;
+      typeof S == "function" ? m = o.value.filter((V) => S(v, V)) : m = o.value.filter((V) => V[e.valueField].indexOf(v) > -1 || V[e.textField].indexOf(v) > -1), t.value.updateDataSource(m);
     }
-    return O([() => e.selectedValues], ([m]) => {
-      s.value = m.split(a.value);
-    }), () => g("div", {
+    return O([() => e.selectedValues], ([v]) => {
+      d.value = v.split(a.value);
+    }), () => C("div", {
       class: "f-combo-list-container pl-1",
       style: f.value
-    }, [g(pn, {
+    }, [C(cn, {
       ref: t,
       size: "small",
       itemClass: "f-combo-list-item",
-      header: c.value,
+      header: u.value,
       headerClass: "f-combo-list-search-box",
       data: o.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      selection: d.value,
+      selection: c.value,
       enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: s.value,
+      selectionValues: d.value,
       onSelectionChange: p,
       onAfterSearch: y
     }, null)]);
   }
 });
-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 no(e) {
+  const n = b(""), t = b(e.modelValue), o = b(e.data || []), r = b(e.editable);
+  function a(u) {
+    const f = String(u).split(e.separator), p = f.map((m) => [m, !0]), y = new Map(p);
+    return o.value.filter((m) => y.has(String(m[e.valueField]))).sort((m, S) => {
+      const V = f.indexOf(m[e.valueField]), k = f.indexOf(S[e.valueField]);
+      return V - k;
     });
   }
-  function l(c) {
-    const f = a(c).map((p) => p[e.textField]).join(e.separator);
-    n.value = r.value ? f || c : f;
+  function i(u) {
+    const f = a(u).map((p) => p[e.textField]).join(e.separator);
+    n.value = r.value ? f || u : f;
   }
-  function u(c) {
-    const f = c.split(e.separator).map((y) => [y, !0]), p = new Map(f);
+  function s(u) {
+    const f = u.split(e.separator).map((y) => [y, !0]), p = new Map(f);
     return o.value.filter((y) => p.has(y[e.textField]));
   }
-  function s(c) {
+  function d(u) {
     const f = {};
-    return f[e.idField] = c, f[e.textField] = c, [f];
+    return f[e.idField] = u, f[e.textField] = u, [f];
   }
-  function i(c) {
-    let f = u(c);
+  function l(u) {
+    let f = s(u);
     const p = f && f.length > 0;
-    return r.value && !p && (f = s(c)), f;
+    return r.value && !p && (f = d(u)), 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;
+  function c() {
+    const { url: u, method: f = "GET", headers: p = {}, body: y = null } = e.remote, v = f.toLowerCase() === "get" ? { method: f, headers: p } : { method: f, headers: p, body: y };
+    let m = !1;
+    fetch(u, v).then((S) => {
+      var k, w;
       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();
+        return m = !!((w = (k = S.headers) == null ? void 0 : k.get("content-type")) != null && w.includes("application/json")), m ? S.text() : S.json();
       throw new Error(S.statusText);
     }).then((S) => {
-      o.value = b ? JSON.parse(S) : S;
+      o.value = m ? JSON.parse(S) : S;
     }).catch((S) => {
       console.error(S);
     });
   }
-  return e.remote && d(), O(() => e.data, () => {
+  return e.remote && c(), O(() => e.data, () => {
     o.value = e.data;
-  }), O([o], ([c]) => {
+  }), O([o], ([u]) => {
     if (e.modelValue != null) {
-      const f = c.find((p) => p[e.valueField] === e.modelValue);
+      const f = u.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 };
+  }), O(() => e.modelValue, (u) => {
+    t.value = u, i(u);
+  }), i(e.modelValue), { dataSource: o, displayText: n, editable: r, modelValue: t, getItemsByDisplayText: s, getItemsByValue: a, getSelectedItemsByDisplayText: l };
 }
-const H = /* @__PURE__ */ G({
+const G = /* @__PURE__ */ D({
   name: "FComboList",
-  props: xe,
+  props: be,
   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);
+    const t = b(), o = b(e.disabled), r = b(e.enableClear), a = b(e.enableSearch), i = b(e.readonly), {
+      dataSource: s,
+      displayText: d,
+      editable: l,
+      modelValue: c,
+      getSelectedItemsByDisplayText: u
+    } = no(e), f = E(() => e.multiSelect), p = E(() => 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 v(g) {
+      d.value = g.map((x) => x[e.textField]).join(e.separator), g.length === 1 ? c.value = g[0][e.valueField] : c.value = g.map((x) => x[e.valueField]).join(e.separator), n.emit("update:modelValue", c.value), n.emit("change", g, c.value), y();
     }
-    function b() {
-      l.value || t.value.togglePopup();
+    function m() {
+      i.value || t.value.togglePopup();
     }
-    function S(T) {
-      d.value = "", n.emit("update:modelValue", ""), n.emit("clear");
+    function S(g) {
+      c.value = "", n.emit("update:modelValue", ""), n.emit("clear");
     }
-    function E(T) {
-      const C = c(T);
-      m(C);
+    function V(g) {
+      const x = u(g);
+      v(x);
     }
-    function M() {
-      return s.value;
+    function k() {
+      return d.value;
     }
-    function x(T) {
-      n.emit("input", T);
+    function w(g) {
+      n.emit("input", g);
     }
     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, {
+      getDisplayText: k
+    }), O([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([g, x, T, M, R]) => {
+      o.value = g, l.value = x, r.value = T, a.value = M, i.value = R;
+    }), () => C(dn, {
       ref: t,
       id: e.id,
       disable: o.value,
-      readonly: l.value,
+      readonly: i.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: i.value,
+      editable: l.value,
       buttonContent: e.dropDownIcon,
       placeholder: e.placeholder,
       enableClear: r.value,
@@ -927,39 +946,39 @@ const H = /* @__PURE__ */ G({
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: s.value,
-      "onUpdate:modelValue": (T) => s.value = T,
+      modelValue: d.value,
+      "onUpdate:modelValue": (g) => d.value = g,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
       onClear: S,
-      onClick: b,
-      onChange: E,
-      onInput: x,
+      onClick: m,
+      onChange: V,
+      onInput: w,
       beforeOpen: e.beforeOpen
     }, {
-      default: () => [g(no, {
+      default: () => [C(to, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
         titleField: e.titleField,
-        dataSource: u.value,
-        selectedValues: d.value,
+        dataSource: s.value,
+        selectedValues: c.value,
         multiSelect: e.multiSelect,
         enableSearch: a.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
         width: e.fitEditor ? p.value : void 0,
-        onSelectionChange: m
+        onSelectionChange: v
       }, null)]
     });
   }
-}), ro = /* @__PURE__ */ new Map([
-  ["appearance", yn]
+}), oo = /* @__PURE__ */ new Map([
+  ["appearance", pn]
 ]);
-function ao(e, n, t) {
+function ro(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 = {
+const ao = "https://json-schema.org/draft/2020-12/schema", io = "https://farris-design.gitee.io/button-edit.schema.json", lo = "button-edit", uo = "A Farris Input Component", so = "object", co = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1143,18 +1162,18 @@ const io = "https://json-schema.org/draft/2020-12/schema", lo = "https://farris-
     type: "string",
     default: ""
   }
-}, fo = [
+}, po = [
   "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 = {
+], fo = {
+  $schema: ao,
+  $id: io,
+  title: lo,
+  description: uo,
+  type: so,
+  properties: co,
+  required: po
+}, yo = "buttonEdit", vo = "A Farris Component", mo = "object", ho = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1225,7 +1244,7 @@ const io = "https://json-schema.org/draft/2020-12/schema", lo = "https://farris-
             },
             {
               value: "center",
-              name: "居中对齐"
+              name: "居中"
             },
             {
               value: "right",
@@ -1236,12 +1255,12 @@ const io = "https://json-schema.org/draft/2020-12/schema", lo = "https://farris-
       }
     }
   }
-}, go = {
-  title: vo,
-  description: mo,
-  type: ho,
-  categories: bo
-}, Xe = {
+}, bo = {
+  title: yo,
+  description: vo,
+  type: mo,
+  categories: ho
+}, He = {
   /**
    * 组件标识
    */
@@ -1350,66 +1369,66 @@ const io = "https://json-schema.org/draft/2020-12/schema", lo = "https://farris-
   /** 更新方式 blur | change */
   updateOn: { type: String, default: "change" }
 };
-ne(Xe, yo, ro, ao, go);
-const Co = {
+J(He, fo, oo, ro, bo);
+const go = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
-}, So = /* @__PURE__ */ G({
+}, So = /* @__PURE__ */ D({
   name: "FOverlay",
-  props: Co,
+  props: go,
   emits: ["click"],
   setup(e, n) {
-    const t = v(e.popupContentPosition), o = v(e.host), r = w(() => ({
+    const t = b(e.popupContentPosition), o = b(e.host), r = E(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
-    function a(u) {
-      n.emit("click"), u.preventDefault(), u.stopPropagation();
+    function a(s) {
+      n.emit("click"), s.preventDefault(), s.stopPropagation();
     }
-    w(() => {
-      const u = o.value;
-      if (u) {
-        const s = u.getBoundingClientRect(), {
-          left: i,
-          top: d,
-          height: c
-        } = s;
+    E(() => {
+      const s = o.value;
+      if (s) {
+        const d = s.getBoundingClientRect(), {
+          left: l,
+          top: c,
+          height: u
+        } = d;
         return {
-          left: i,
-          top: d + c
+          left: l,
+          top: c + u
         };
       }
       return t.value;
     });
-    const l = w(() => ({
+    const i = E(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
     }));
-    return () => g(an, {
+    return () => C(on, {
       to: "body"
     }, {
       default: () => {
-        var u, s;
-        return [g("div", {
+        var s, d;
+        return [C("div", {
           class: "overlay-container",
-          onClick: (i) => a(i),
+          onClick: (l) => a(l),
           style: r.value
-        }, [g("div", {
-          style: l.value
-        }, [(s = (u = n.slots).default) == null ? void 0 : s.call(u)])])];
+        }, [C("div", {
+          style: i.value
+        }, [(d = (s = n.slots).default) == null ? void 0 : d.call(s)])])];
       }
     });
   }
 });
-function wo(e) {
+function Co(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function xo(e) {
+function wo(e) {
   const n = document.createElement("div");
   n.style.display = "contents";
   let t;
@@ -1417,13 +1436,13 @@ function xo(e) {
   }), r = () => {
     o(), t && t.unmount();
   };
-  return t = ln({
+  return t = rn({
     setup() {
-      un(() => {
+      an(() => {
         document.body.removeChild(n);
       });
-      const a = wo(e);
-      return () => g(So, {
+      const a = Co(e);
+      return () => C(So, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: r,
@@ -1436,11 +1455,11 @@ function xo(e) {
 }
 class Vo {
   static show(n) {
-    return xo(n);
+    return wo(n);
   }
 }
-const Bo = Symbol("FModalService");
-function Qe(e, n) {
+const xo = Symbol("FModalService");
+function We(e, n) {
   function t() {
     const o = e.beforeOpen || e.beforeClickButton || null;
     let r = Promise.resolve(!0);
@@ -1454,79 +1473,79 @@ function Qe(e, n) {
   }
   return { judgeCanOpen: t };
 }
-function To(e, n, t, o, r) {
-  const a = v(e.buttonBehavior), l = v(e.popupOnInput), u = w(() => ({
+function Bo(e, n, t, o, r) {
+  const a = b(e.buttonBehavior), i = b(e.popupOnInput), s = E(() => ({
     "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;
+  })), { judgeCanOpen: d } = We(e, r), l = E(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), c = _(xo, null), u = b();
+  async function f(v) {
+    if (await d() && l.value) {
+      const m = !!n.slots.default;
       if (a.value === "Modal") {
-        const S = e.modalOptions, E = d == null ? void 0 : d.open({
+        const S = e.modalOptions, V = c == null ? void 0 : c.open({
           ...S,
           render: () => n.slots.default && n.slots.default()
         });
-        c.value = E == null ? void 0 : E.modalRef;
+        u.value = V == null ? void 0 : V.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 });
+      }), m && a.value === "Popup" && o.togglePopup(!0), m && i.value && o.hidePopup(), n.emit("clickButton", { origin: v, value: e.modelValue });
     }
   }
-  function p(m) {
-    n.emit("mouseEnterIcon", m);
+  function p(v) {
+    n.emit("mouseEnterIcon", v);
   }
-  function y(m) {
-    n.emit("mouseLeaveIcon", m);
+  function y(v) {
+    n.emit("mouseLeaveIcon", v);
   }
   return {
-    buttonGroupClass: u,
+    buttonGroupClass: s,
     onClickButton: f,
     onMouseEnterButton: p,
     onMouseLeaveButton: y,
-    modalRef: c
+    modalRef: u
   };
 }
 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);
+  const r = b(), a = b(!1), { judgeCanOpen: i } = We(e, o);
+  function s() {
+    const u = r.value;
+    u && u.show(t.value);
   }
-  async function s(c = !1) {
+  async function d(u = !1) {
     if (!!n.slots.default) {
-      if (!c && !a.value && !await l())
+      if (!u && !a.value && !await i())
         return;
-      a.value = !a.value, await le(), u();
+      a.value = !a.value, await te(), s();
     }
   }
-  async function i(c = !1) {
+  async function l(u = !1) {
     if (!!n.slots.default) {
-      if (!c && !await l())
+      if (!u && !await i())
         return;
-      a.value = !0, await le(), u();
+      a.value = !0, await te(), s();
     }
   }
-  function d() {
+  function c() {
     a.value = !1;
   }
-  return { hidePopup: d, popup: i, shouldPopupContent: a, togglePopup: s, popoverRef: r };
+  return { hidePopup: c, popup: l, shouldPopupContent: a, togglePopup: d, popoverRef: r };
 }
-function ko(e, n, t) {
+function To(e, n, t) {
   const {
     buttonGroupClass: o
-  } = t, r = v();
+  } = t, r = b();
   return {
-    renderButtonGroup: () => g("div", {
+    renderButtonGroup: () => C("div", {
       id: `${e.id}-button-group`,
       class: o.value
-    }, [n.slots.buttonContent ? g("span", {
+    }, [n.slots.buttonContent ? C("span", {
       class: "input-group-text input-group-append-button"
-    }, [n.slots.buttonContent()]) : e.buttonContent ? g("span", {
+    }, [n.slots.buttonContent()]) : e.buttonContent ? C("span", {
       class: "input-group-text input-group-append-button",
       innerHTML: e.buttonContent,
       ref: r
@@ -1534,93 +1553,59 @@ function ko(e, n, t) {
     buttonHandleElement: r
   };
 }
-const Eo = /* @__PURE__ */ G({
+const ko = /* @__PURE__ */ D({
   name: "FButtonEdit",
-  props: Xe,
+  props: He,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, n) {
-    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(() => ({
+    const t = b(), o = _("design-item-context"), r = ve(t, o), a = b(e.customClass), i = b(e.modelValue), s = Fo(e, n, t, i), d = Bo(e, n, t, s, i), l = b(), c = E(() => ({
       "f-cmp-inputgroup": !0,
       "input-group": !0,
       "f-state-disable": !0,
       "f-state-editable": !1,
       "f-state-readonly": !0
     }));
-    q(() => {
+    U(() => {
       t.value.componentInstance = r;
     }), n.expose(r.value);
-    const c = w(() => {
+    const u = E(() => {
       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;
+      return a.value && a.value.split(" ").reduce((y, v) => (y[v] = !0, y), p), p;
     }), {
       renderButtonGroup: f
-    } = ko(e, n, s);
-    return () => g("div", sn(n.attrs, {
+    } = To(e, n, d);
+    return () => C("div", ln(n.attrs, {
       ref: t,
-      class: c.value,
+      class: u.value,
       id: e.id
-    }), [g("div", {
-      class: d.value
-    }, [g("input", {
-      ref: i,
+    }), [C("div", {
+      class: c.value
+    }, [C("input", {
+      ref: l,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
     }, null), f()])]);
   }
 });
-function Ve(e, n) {
-  e.schema;
-  const t = v(!0), o = v(!0);
-  function r(c) {
-    return !1;
-  }
-  function a() {
-    return !1;
-  }
-  function l() {
-    return !1;
-  }
-  function u() {
-    return !0;
-  }
-  function s(c) {
-  }
-  function i() {
-  }
-  function d(c) {
-    return null;
-  }
-  return {
-    canAccepts: r,
-    checkCanDeleteComponent: a,
-    checkCanMoveComponent: l,
-    hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: s,
-    resolveComponentContext: i,
-    triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: d
-  };
-}
-class Mo {
+class Eo {
   constructor(n, t) {
-    $(this, "componentId");
-    $(this, "viewModelId");
-    $(this, "eventsEditorUtils");
-    $(this, "formSchemaUtils");
-    $(this, "formMetadataConverter");
-    $(this, "designViewModelUtils");
-    $(this, "designViewModelField");
-    $(this, "controlCreatorUtils");
-    $(this, "designerHostService");
-    $(this, "schemaService", null);
-    $(this, "metadataService", null);
-    $(this, "propertyConfig", {
+    I(this, "componentId");
+    I(this, "viewModelId");
+    I(this, "eventsEditorUtils");
+    I(this, "formSchemaUtils");
+    I(this, "formMetadataConverter");
+    I(this, "designViewModelUtils");
+    I(this, "designViewModelField");
+    I(this, "controlCreatorUtils");
+    I(this, "designerHostService");
+    I(this, "schemaService", null);
+    I(this, "metadataService", null);
+    I(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
@@ -1632,13 +1617,14 @@ class Mo {
     return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(n) {
+    var o;
     const t = n.binding && n.binding.type === "Form" && n.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((r) => r.id === t);
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((a) => a.id === t);
       }
-      n.updateOn = this.designViewModelField.updateOn;
+      n.updateOn = (o = this.designViewModelField) == null ? void 0 : o.updateOn;
     }
   }
   changeFieldEditorType(n, t) {
@@ -1662,7 +1648,7 @@ class Mo {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: n.type, name: V[n.type].name }]
+            data: [{ value: n.type, name: B[n.type].name }]
           }
         }
       }
@@ -1698,16 +1684,16 @@ class Mo {
     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]);
+    const r = o.contents.findIndex((i) => i.id === n), a = F(o.contents[r]);
     o.contents.splice(r, 1), o.contents.splice(r, 0, a);
   }
 }
-const J = class J {
+const W = class W {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(n) {
-    const t = J.fieldControlTypeMapping[n];
+    const t = W.fieldControlTypeMapping[n];
     return t || [{ key: "", value: "" }];
   }
   /**
@@ -1715,8 +1701,8 @@ const J = class J {
    */
   static getAllInputTypes() {
     const n = [];
-    for (let t in J.fieldControlTypeMapping)
-      J.fieldControlTypeMapping[t].forEach((o) => {
+    for (const t in W.fieldControlTypeMapping)
+      W.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;
@@ -1725,69 +1711,174 @@ const J = class J {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-$(J, "fieldControlTypeMapping", {
+I(W, "fieldControlTypeMapping", {
   String: [
-    { key: V["input-group"].type, value: V["input-group"].name },
-    { key: V.lookup.type, value: V.lookup.name },
-    { key: V["date-picker"].type, value: V["date-picker"].name },
-    { key: V["check-box"].type, value: V["check-box"].name },
-    { key: V["radio-group"].type, value: V["radio-group"].name },
-    { key: V["combo-list"].type, value: V["combo-list"].name },
-    { key: V.textarea.type, value: V.textarea.name }
+    { key: B["input-group"].type, value: B["input-group"].name },
+    { key: B.lookup.type, value: B.lookup.name },
+    { key: B["date-picker"].type, value: B["date-picker"].name },
+    { key: B["check-box"].type, value: B["check-box"].name },
+    { key: B["check-group"].type, value: B["check-group"].name },
+    { key: B["radio-group"].type, value: B["radio-group"].name },
+    { key: B["combo-list"].type, value: B["combo-list"].name },
+    { key: B.textarea.type, value: B.textarea.name }
   ],
   Text: [
-    { key: V.textarea.type, value: V.textarea.name },
-    { key: V.lookup.type, value: V.lookup.name }
+    { key: B.textarea.type, value: B.textarea.name },
+    { key: B.lookup.type, value: B.lookup.name }
   ],
   Decimal: [
-    { key: V["number-spinner"].type, value: V["number-spinner"].name }
+    { key: B["number-spinner"].type, value: B["number-spinner"].name }
   ],
   Integer: [
-    { key: V["number-spinner"].type, value: V["number-spinner"].name }
+    { key: B["number-spinner"].type, value: B["number-spinner"].name }
   ],
   Number: [
-    { key: V["number-spinner"].type, value: V["number-spinner"].name }
+    { key: B["number-spinner"].type, value: B["number-spinner"].name }
   ],
   BigNumber: [
-    { key: V["number-spinner"].type, value: V["number-spinner"].name }
+    { key: B["number-spinner"].type, value: B["number-spinner"].name }
   ],
   Date: [
-    { key: V["date-picker"].type, value: V["date-picker"].name }
+    { key: B["date-picker"].type, value: B["date-picker"].name }
   ],
   DateTime: [
-    { key: V["date-picker"].type, value: V["date-picker"].name }
+    { key: B["date-picker"].type, value: B["date-picker"].name }
   ],
   Boolean: [
-    { key: V.switch.type, value: V.switch.name },
-    { key: V["check-box"].type, value: V["check-box"].name }
+    { key: B.switch.type, value: B.switch.name },
+    { key: B["check-box"].type, value: B["check-box"].name }
   ],
   Enum: [
-    { key: V["combo-list"].type, value: V["combo-list"].name },
-    { key: V["radio-group"].type, value: V["radio-group"].name }
+    { key: B["combo-list"].type, value: B["combo-list"].name },
+    { key: B["radio-group"].type, value: B["radio-group"].name }
   ],
   Object: [
-    { key: V.lookup.type, value: V.lookup.name },
-    { key: V["combo-list"].type, value: V["combo-list"].name },
-    { key: V["radio-group"].type, value: V["radio-group"].name }
+    { key: B.lookup.type, value: B.lookup.name },
+    { key: B["combo-list"].type, value: B["combo-list"].name },
+    { key: B["radio-group"].type, value: B["radio-group"].name }
   ]
 });
-let ue = J;
-const Ao = v(0);
-class Be extends Mo {
+let ne = W;
+const Io = b(0);
+class Mo {
+  constructor() {
+    /** 控件标题 */
+    I(this, "label", "");
+    /** 控件id */
+    I(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    I(this, "columnInSM", 12);
+    I(this, "columnInMD", 6);
+    I(this, "columnInLG", 3);
+    I(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    I(this, "displayWidthInSM", 1);
+    I(this, "displayWidthInMD", 1);
+    I(this, "displayWidthInLG", 1);
+    I(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    I(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    I(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    I(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    I(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    I(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    I(this, "fieldSetId", "");
+  }
+}
+function Po(e) {
+  let n, t;
+  const o = /* @__PURE__ */ new Map();
+  let r = [];
+  function a(c, u) {
+    const p = c.split(" ").filter((V) => V.startsWith("col-"));
+    if (p.length === 0) {
+      u.isSupportedClass = !1;
+      return;
+    }
+    let y = p.find((V) => /^col-([1-9]|10|11|12)$/.test(V)), v = p.find((V) => /^col-md-([1-9]|10|11|12)$/.test(V)), m = p.find((V) => /^col-xl-([1-9]|10|11|12)$/.test(V)), S = p.find((V) => /^col-el-([1-9]|10|11|12)$/.test(V));
+    y = y || "col-12", u.columnInSM = parseInt(y.replace("col-", ""), 10), u.displayWidthInSM = u.columnInSM / 12, u.displayWidthInSM !== 1 && (u.isSupportedClass = !1), v = v || "col-md-" + u.columnInSM, u.columnInMD = parseInt(v.replace("col-md-", ""), 10), u.displayWidthInMD = u.columnInMD / 6, [1, 2].includes(u.displayWidthInMD) || (u.isSupportedClass = !1), m = m || "col-xl-" + u.columnInMD, u.columnInLG = parseInt(m.replace("col-xl-", ""), 10), u.displayWidthInLG = u.columnInLG / 3, [1, 2, 3, 4].includes(u.displayWidthInLG) || (u.isSupportedClass = !1), S = S || "col-el-" + u.columnInLG, u.columnInEL = parseInt(S.replace("col-el-", ""), 10), u.displayWidthInEL = u.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(u.displayWidthInEL) || (u.isSupportedClass = !1);
+  }
+  function i(c, u, f, p = !1) {
+    let y = !1;
+    c.contents.forEach((v) => {
+      if (v.type === "fieldset") {
+        f += 1, i(v, u, f, !0), y = !0;
+        return;
+      }
+      y && (f += 1, y = !1);
+      const m = v.appearance && v.appearance.class, S = new Mo();
+      m ? a(m, S) : S.isSupportedClass = !1, S.label = v.label || v.id, S.id = v.id, S.group = f, p && (S.fieldSetId = c.id), t === v.id && (n = f), o.set(v.id, v), u.push(S);
+    });
+  }
+  function s(c) {
+    const u = e.getComponentById(c);
+    if (!u || !u.componentType || !u.componentType.startsWith("form"))
+      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
+    const f = e.selectNode(u, (p) => p.type === Pe["response-form"].type);
+    return !f || !f.contents || f.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: f };
+  }
+  function d(c, u) {
+    u = u || c.id;
+    const { result: f, message: p, formNode: y } = s(u);
+    if (!f)
+      return { result: f, message: p };
+    t = c.id, r = [], o.clear();
+    const v = y.contents[0].type === Pe.fieldset.type ? 0 : 1;
+    i(y, r, v);
+    const m = r.find((V) => !V.isSupportedClass);
+    return {
+      defaultState: {
+        defaultGroupNumber: n || 1,
+        model: m ? "customize" : "standard"
+      },
+      importData: r
+    };
+  }
+  function l(c, u) {
+    u = u;
+    const { result: f, formNode: p } = s(u);
+    if (!f)
+      return "";
+    const y = [];
+    return c.forEach((v) => {
+      var V;
+      const m = o.get(v.id), S = m.appearance && m.appearance.class;
+      if (S) {
+        const w = S.split(" ").filter((le) => !le.startsWith("col-")), g = "col-" + v.columnInSM, x = "col-md-" + v.columnInMD, T = "col-xl-" + v.columnInLG, M = "col-el-" + v.columnInEL, R = [g, x, T, M].concat(w);
+        m.appearance.class = R.join(" ");
+      }
+      if (v.fieldSetId) {
+        const k = p.contents.find((g) => g.id === v.fieldSetId), w = y.find((g) => g.id === v.fieldSetId);
+        w ? (V = w.contents) == null || V.push(m) : (y.push(k), k.contents = [m]);
+      } else
+        y.push(m);
+    }), p.contents = y, p.id;
+  }
+  return {
+    checkCanFindFormNode: s,
+    checkCanOpenLayoutEditor: d,
+    changeFormControlsByResponseLayoutConfig: l,
+    getResonseFormLayoutConfig: i
+  };
+}
+class ge extends Eo {
   constructor(t, o) {
     super(t, o);
-    $(this, "responseLayoutEditorFunction");
-    this.responseLayoutEditorFunction = vn(this.formSchemaUtils);
+    I(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = Po(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(t);
-    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), l = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
+    var a;
+    const r = this;
+    return this.setDesignViewModelField(t), this.formSchemaUtils.getFormMetadataBasicInfo(), {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -1808,7 +1899,7 @@ class Be extends Mo {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? ue.getEditorTypesByMDataType((u = r.designViewModelField.type) == null ? void 0 : u.name) : ue.getAllInputTypes()
+            data: r.designViewModelField ? ne.getEditorTypesByMDataType((a = r.designViewModelField.type) == null ? void 0 : a.name) : ne.getAllInputTypes()
           }
         },
         label: {
@@ -1819,33 +1910,29 @@ class Be extends Mo {
         binding: {
           description: "绑定的表单字段",
           title: "绑定",
-          $converter: "/converter/field-selector.converter",
           editor: {
-            type: "field-selector",
+            type: "binding-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: t,
-              formBasicInfo: a
+              componentSchema: t,
+              needSyncToViewModel: !0,
+              viewModelId: this.viewModelId,
+              designerHostService: this.designerHostService,
+              disableOccupiedFields: !0
             },
-            columns: [
-              { field: "name", title: "字段名称" },
-              { field: "bindingField", title: "绑定字段" },
-              { field: "fieldType", title: "字段类型" }
-            ],
-            textField: "bindingField",
-            data: l
+            textField: "bindingField"
           }
         }
       },
-      setPropertyRelates(s, i) {
-        if (s)
-          switch (s && s.propertyID) {
+      setPropertyRelates(i, s) {
+        if (i)
+          switch (i && i.propertyID) {
             case "type": {
-              r.changeControlType(t, s, o);
+              r.changeControlType(t, i, o);
               break;
             }
             case "label": {
-              s.needRefreshControlTree = !0;
+              i.needRefreshControlTree = !0;
               break;
             }
           }
@@ -1853,7 +1940,7 @@ class Be extends Mo {
     };
   }
   getAppearanceProperties(t, o) {
-    var r = this;
+    const r = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -1883,7 +1970,7 @@ class Be extends Mo {
           }
         }
       },
-      setPropertyRelates(a, l) {
+      setPropertyRelates(a, i) {
         if (a)
           switch (a && a.propertyID) {
             case "responseLayout":
@@ -1905,12 +1992,12 @@ class Be extends Mo {
    * @param newControlType 新控件类型
    */
   changeControlType(t, o, r) {
-    var d, c, f, p;
-    const a = o.propertyValue, l = r && r.parent && r.parent.schema;
-    if (!l)
+    var c, u, f, p;
+    const a = o.propertyValue, i = r && r.parent && r.parent.schema;
+    if (!i)
       return;
-    const u = l.contents.findIndex((y) => y.id === t.id), s = l.contents[u];
-    let i;
+    const s = i.contents.findIndex((y) => y.id === t.id), d = i.contents[s];
+    let l;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
         $type: a
@@ -1918,22 +2005,22 @@ class Be extends Mo {
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !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(
+    }, !1), l = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), l || (l = this.controlCreatorUtils.createFormGroupWithoutField(a)), Object.assign(l, {
+      id: d.id,
+      appearance: d.appearance,
+      size: d.size,
+      label: d.label,
+      binding: d.binding,
+      visible: d.visible
+    }), Object.assign(l.editor, {
+      isTextArea: l.isTextArea && d.isTextArea,
+      placeholder: (c = d.editor) == null ? void 0 : c.placeholder,
+      holdPlace: (u = d.editor) == null ? void 0 : u.holdPlace,
+      readonly: (f = d.editor) == null ? void 0 : f.readonly,
+      require: (p = d.editor) == null ? void 0 : p.require
+    }), i.contents.splice(s, 1), i.contents.splice(s, 0, l), r.schema = Object.assign(d, l), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
       (y) => y.classList.remove("dgComponentSelected")
-    ), Ao.value++;
+    ), Io.value++;
   }
   getComponentConfig(t, o = {}, r = {}) {
     const a = Object.assign({
@@ -1941,7 +2028,7 @@ class Be extends Mo {
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, o), l = Object.assign({
+    }, o), i = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1963,7 +2050,7 @@ class Be extends Mo {
         type: "string"
       }
     }, r);
-    return { ...a, properties: { ...l } };
+    return { ...a, properties: { ...i } };
   }
   /**
   * 修改某一输入控件的样式后更新Form的统一布局配置
@@ -1973,16 +2060,16 @@ class Be extends Mo {
   */
   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 = {
+    let i = a.find((u) => /^col-([1-9]|10|11|12)$/.test(u)), s = a.find((u) => /^col-md-([1-9]|10|11|12)$/.test(u)), d = a.find((u) => /^col-xl-([1-9]|10|11|12)$/.test(u)), l = a.find((u) => /^col-el-([1-9]|10|11|12)$/.test(u));
+    i = i || "col-12", s = s || "col-md-" + i.replace("col-", ""), d = d || "col-xl-" + s.replace("col-md-", ""), l = l || "col-el-" + d.replace("col-xl-", "");
+    const c = {
       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)
+      columnInSM: parseInt(i.replace("col-", ""), 10),
+      columnInMD: parseInt(s.replace("col-md-", ""), 10),
+      columnInLG: parseInt(d.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(l.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(r, d);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(r, c);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
@@ -1995,13 +2082,13 @@ class Be extends Mo {
       return;
     const a = [];
     if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(r, a, 1), o) {
-      const y = a.find((m) => m.id === o.id);
+      const y = a.find((v) => v.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;
+    const i = a.map((y) => y.columnInSM), s = a.map((y) => y.columnInMD), d = a.map((y) => y.columnInLG), l = a.map((y) => y.columnInEL), c = this.checkIsUniqueColumn(i) ? i[0] : null, u = this.checkIsUniqueColumn(s) ? s[0] : null, f = this.checkIsUniqueColumn(d) ? d[0] : null, p = this.checkIsUniqueColumn(l) ? l[0] : null;
     Object.assign(r.unifiedLayout, {
-      uniqueColClassInSM: d,
-      uniqueColClassInMD: c,
+      uniqueColClassInSM: c,
+      uniqueColClassInMD: u,
       uniqueColClassInLG: f,
       uniqueColClassInEL: p
     });
@@ -2014,65 +2101,89 @@ class Be extends Mo {
     return Array.from(o).length === 1;
   }
 }
-class Po extends Be {
+class Ao extends ge {
   constructor(n, t) {
     super(n, t);
   }
   getEditorProperties(n) {
-    return this.getComponentConfig(n, { type: "combo-list" }, {
+    const t = this.getComponentConfig(n, { type: "combo-list" }, {
       editable: {
         description: "",
         title: "允许编辑",
         type: "boolean"
       },
+      enableClear: {
+        description: "",
+        title: "启用清空",
+        type: "boolean"
+      },
       textField: {
+        visible: !1,
         description: "",
         title: "数据源显示字段",
         type: "string"
       },
-      idField: {
+      valueField: {
+        visible: !1,
         description: "",
         title: "数据源值字段",
         type: "string"
+      },
+      idField: {
+        visible: !1,
+        description: "",
+        title: "数据源标识字段",
+        type: "string"
+      },
+      data: {
+        description: "",
+        title: "数据",
+        type: "array",
+        editor: {
+          columns: [
+            { field: n.editor.valueField, title: "值", dataType: "string" },
+            { field: n.editor.textField, title: "名称", dataType: "string" },
+            { field: "disabled", title: "禁用", visible: !1, dataType: "boolean", editor: { type: "switch" } }
+          ],
+          type: "item-collection-editor",
+          valueField: n.editor.valueField,
+          nameField: n.editor.textField,
+          requiredFields: [n.editor.valueField, n.editor.textField],
+          uniqueFields: [n.editor.valueField, n.editor.textField]
+        },
+        // 这个属性，标记当属性变更得时候触发重新更新属性
+        refreshPanelAfterChanged: !0
       }
     });
+    return t.setPropertyRelates = function(o) {
+      if (o)
+        switch (o.propertyID) {
+          case "data": {
+            o.propertyValue.parameters && (n.editor.valueField = o.propertyValue.parameters.valueField, n.editor.textField = o.propertyValue.parameters.nameField), n.editor.data = o.propertyValue.value;
+            break;
+          }
+        }
+    }, t;
   }
 }
-function Io(e, n) {
-  const {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: a,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ve(e), d = e.schema;
-  function c(f, p) {
-    return new Po(f, n).getPropertyConfig(d, p);
+function No(e, n) {
+  const t = e.schema;
+  function o(r, a) {
+    return new Ao(r, n).getPropertyConfig(t, a);
   }
   return {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: a,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: c
+    getPropsConfig: o
   };
 }
-const Oo = /* @__PURE__ */ G({
+const Oo = /* @__PURE__ */ D({
   name: "FComboListDesign",
-  props: xe,
+  props: be,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, n) {
-    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), () => g(Eo, {
+    const t = b(), o = _("designer-host-service"), r = _("design-item-context"), a = No(r, o), i = ve(t, r, a);
+    return U(() => {
+      t.value.componentInstance = i;
+    }), n.expose(i.value), () => C(ko, {
       ref: t,
       buttonContent: e.dropDownIcon,
       readonly: !0,
@@ -2082,26 +2193,21 @@ const Oo = /* @__PURE__ */ G({
       enableClear: !0
     }, null);
   }
-}), Te = (e) => {
-  const n = e;
-  return n.install = function(t) {
-    t.component(n.name, e);
-  }, e;
-};
-H.register = (e, n, t, o) => {
-  e["combo-list"] = H, n["combo-list"] = Je;
+});
+G.register = (e, n, t, o) => {
+  e["combo-list"] = G, n["combo-list"] = qe;
 };
-H.registerDesigner = (e, n, t) => {
-  e["combo-list"] = Oo, n["combo-list"] = Je;
+G.registerDesigner = (e, n, t) => {
+  e["combo-list"] = Oo, n["combo-list"] = qe;
 };
-Te(H);
-const No = /* @__PURE__ */ new Map([
-  ["appearance", pe]
+me(G);
+const Lo = /* @__PURE__ */ new Map([
+  ["appearance", ie]
 ]);
 function jo(e, n, t) {
   return n;
 }
-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 = {
+const $o = "https://json-schema.org/draft/2020-12/schema", Do = "https://farris-design.gitee.io/input-group.schema.json", Uo = "input-group", Ro = "A Farris Input Component", Go = "object", _o = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -2163,11 +2269,6 @@ const Lo = "https://json-schema.org/draft/2020-12/schema", $o = "https://farris-
     type: "boolean",
     default: !1
   },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
   tabIndex: {
     description: "",
     type: "number",
@@ -2303,18 +2404,24 @@ const Lo = "https://json-schema.org/draft/2020-12/schema", $o = "https://farris-
     type: "string",
     default: ""
   }
-}, Go = [
+}, qo = [
   "id",
   "type"
-], qo = {
-  $schema: Lo,
-  $id: $o,
-  title: Do,
+], Ho = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], Wo = {
+  $schema: $o,
+  $id: Do,
+  title: Uo,
   description: Ro,
-  type: Uo,
+  type: Go,
   properties: _o,
-  required: Go
-}, Fe = {
+  required: qo,
+  ignore: Ho
+}, Se = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -2381,612 +2488,334 @@ const Lo = "https://json-schema.org/draft/2020-12/schema", $o = "https://farris-
    * - input: 输入时更新
    */
   updateOn: { type: String, default: "blur" }
-}, 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 = w(() => {
-    const k = {
-      "f-cmp-inputgroup": !0,
-      "input-group": !0,
-      "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, 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,
-    (k, L) => {
-      k !== L && (t.value = k, o.value = k);
-    }
-  ), O(() => e.disabled, (k, L) => {
-    k !== L && (r.value = k);
-  });
-  function T(k) {
-    return a.value = !1, n.emit("blur", k), k.stopPropagation(), !1;
-  }
-  function C(k) {
-    n.emit("click", k);
-  }
-  function F(k) {
-    e.disabled || (u.value && (a.value = !0), d.value && n.emit("focus", k));
-  }
-  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 I(k) {
-    n.emit("keydown", k);
-  }
-  function W(k) {
-    n.emit("keyup", k);
-  }
-  function U(k) {
-    k.target.tagName !== "INPUT" && k.preventDefault(), k.stopPropagation();
-  }
-  function K(k) {
-    if (i.value === "blur") {
-      const L = k.target.value;
-      k.stopPropagation(), x(L);
-    }
-  }
-  return {
-    changeTextBoxValue: x,
-    disabled: r,
-    displayText: o,
-    editable: c,
-    hasFocused: f,
-    inputGroupClass: E,
-    inputType: l,
-    isEmpty: p,
-    modelValue: t,
-    readonly: m,
-    onBlur: T,
-    onClick: C,
-    onFocus: F,
-    onInput: A,
-    onKeydown: I,
-    onKeyup: W,
-    onMousedown: U,
-    onTextBoxValueChange: K,
-    placeholder: y,
-    textBoxClass: S,
-    textBoxTitle: b,
-    inputGroupStyle: M
-  };
-}
-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 = 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 = w(() => u.value ? "" : "border-width : 0 ");
-  return {
-    // changeTextBoxValue,
-    disabled: r,
-    displayText: o,
-    editable: i,
-    hasFocused: d,
-    inputGroupClass: b,
-    inputType: l,
-    isEmpty: c,
-    modelValue: t,
-    readonly: p,
-    // onBlur,
-    // onClick,
-    // onFocus,
-    // onInput,
-    // onKeydown,
-    // onKeyup,
-    // onMousedown,
-    // onTextBoxValueChange,
-    placeholder: f,
-    textBoxClass: m,
-    textBoxTitle: y,
-    inputGroupStyle: S
-  };
-}
-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) {
-    o.value = m;
-  }
-  O(l, () => {
-    u != null && u.value ? i(!!(l != null && l.value)) : i(!1);
-  });
-  const d = w(() => ({
-    "input-group-text": !0,
-    "input-group-clear": !0
-  })), c = w(() => ({
-    width: "24px",
-    display: o.value ? "flex" : "none"
-  }));
-  function f(m) {
-    m.stopPropagation(), r.value && (a("", !0), i(!o.value), n.emit("clear"));
-  }
-  function p(m) {
-    r.value && !s.value && i(!0);
-  }
-  function y(m) {
-    r.value && i(!1);
-  }
-  return { clearButtonClass: d, clearButtonStyle: c, hasShownClearButton: o, onClearValue: f, onMouseEnter: p, onMouseLeave: y, shouldShowClearButton: r };
-}
-const zo = ["moz", "ms", "webkit"];
-function Yo() {
-  let e = 0;
-  return (n) => {
-    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 Zo() {
-  if (typeof window > "u")
-    return () => 0;
-  if (window.requestAnimationFrame)
-    return window.requestAnimationFrame.bind(window);
-  const e = zo.filter((n) => `${n}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : Yo();
-}
-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(() => ({
+}, ze = J(Se, Wo, Lo, jo);
+function Ye(e, n) {
+  const t = b(e.groupText), o = E(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), r = E(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: E(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
   })), appendedContent: t, shouldShowAppendedButton: r };
 }
-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);
+function Ze(e, n, t, o) {
+  const { appendedContent: r } = o, a = b(e.enableViewPassword), i = E(() => e.type === "password"), s = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', d = '<span class="f-icon f-icon-eye"></span>', l = b(!1);
   O(() => [e.readonly, e.disabled], ([f, p]) => {
-    l.value && (t.value = f || p ? "password" : t.value, r.value = f || p ? s : r.value);
+    i.value && (t.value = f || p ? "password" : t.value, r.value = f || p ? d : r.value);
   });
-  function d() {
-    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", r.value = l.value ? a.value ? s : "" : r.value;
+    return l.value = !l.value, t.value = l.value ? "text" : "password", r.value = l.value ? s : d, !1;
   }
-  return c(), { isPassword: l, onClickAppendedButton: d };
+  function u() {
+    t.value = i.value ? "password" : "text", r.value = i.value ? a.value ? d : "" : r.value;
+  }
+  return u(), { isPassword: i, onClickAppendedButton: c };
 }
-function ot(e, n, t) {
-  const o = v(), {
+function Xe(e, n, t) {
+  const o = b(), {
     onBlurTextBox: r,
     onFocusTextBox: a,
-    onInput: l,
-    onKeyDown: u,
-    textBoxValue: s
-  } = t, i = w(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = w(() => ({
+    onInput: i,
+    onKeyDown: s,
+    textBoxValue: d
+  } = t, l = E(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), c = E(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), c = w(() => ({
+  })), u = E(() => ({
     "text-align": e.textAlign
   }));
-  function f(m) {
-    m.stopPropagation();
+  function f(v) {
+    v.stopPropagation();
   }
   function p() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function y(m) {
-    a(m), await le, p();
+  async function y(v) {
+    a(v), await te, p();
   }
-  return q(async () => {
-    await le, p();
-  }), () => g("input", {
+  return U(async () => {
+    await te, p();
+  }), () => C("input", {
     ref: o,
-    class: d.value,
-    style: c.value,
+    class: c.value,
+    style: u.value,
     type: "text",
-    value: s.value,
+    value: d.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: i.value,
+    placeholder: l.value,
     onBlur: r,
     onChange: f,
     onFocus: y,
-    onInput: l,
-    onKeydown: u
+    onInput: i,
+    onKeydown: s
   }, null);
 }
-function ke(e, n, t) {
+function Ce(e, n, t) {
   const {
     canDownward: o,
     canUpward: r,
     onClickDownButton: a,
-    onClickUpButton: l
-  } = t, u = w(() => ({
+    onClickUpButton: i
+  } = t, s = E(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), s = w(() => ({
+  })), d = E(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = w(() => ({
+  })), l = E(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), d = w(() => ({
+  })), c = E(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => g("div", {
-    class: u.value
-  }, [g("button", {
+  return () => C("div", {
+    class: s.value
+  }, [C("button", {
     title: "upButton",
-    class: s.value,
-    style: i.value,
-    onClick: l,
+    class: d.value,
+    style: l.value,
+    onClick: i,
     disabled: !r()
-  }, [g("span", {
+  }, [C("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), g("button", {
+  }, null)]), C("button", {
     title: "downButton",
-    class: s.value,
-    style: d.value,
+    class: d.value,
+    style: c.value,
     onClick: a,
     disabled: !o()
-  }, [g("span", {
+  }, [C("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-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 = ot(e, n, a), {
-    format: c
+function zo(e, n) {
+  const t = vn(e, n), o = mn(e, n, t), r = hn(e, n, o, t), a = bn(e, n, o, t, r), i = Ce(e, n, r), {
+    displayValue: s,
+    modelValue: d,
+    getRealValue: l
+  } = t, c = Xe(e, n, a), {
+    format: u
   } = o, {
     isFocus: f
-  } = a, p = w(() => !e.disabled && !e.readonly);
-  return q(() => {
-    const y = i(e.modelValue);
-    u.value = c(y);
+  } = a, p = E(() => !e.disabled && !e.readonly);
+  return U(() => {
+    const y = l(e.modelValue);
+    s.value = u(y);
   }), O(() => [e.value], ([y]) => {
-    const m = i(y);
-    s.value = m, u.value = c(m);
+    const v = l(y);
+    d.value = v, s.value = u(v);
   }), O(() => [e.modelValue], ([y]) => {
-    y !== s.value && (s.value = y, !f.value && (u.value = c(i(y))));
+    y !== d.value && (d.value = y, !f.value && (s.value = u(l(y))));
   }), O(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    u.value = c(s.value);
-  }), () => g("div", {
+    s.value = u(d.value);
+  }), () => C("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [d(), p.value && l()]);
+  }, [c(), p.value && i()]);
 }
-function Xo(e, n, t, o) {
-  const r = v(), a = v(e.autocomplete), l = v(e.enableTitle), {
-    isPassword: u
-  } = t, s = v(e.minLength), i = v(e.maxLength), d = v(e.tabIndex), {
-    disabled: c,
+function Yo(e, n, t, o) {
+  const r = b(), a = b(e.autocomplete), i = b(e.enableTitle), {
+    isPassword: s
+  } = t, d = b(e.minLength), l = b(e.maxLength), c = b(e.tabIndex), {
+    disabled: u,
     displayText: f,
     inputType: p,
     onBlur: y,
-    onFocus: m,
-    onInput: b,
+    onFocus: v,
+    onInput: m,
     onClick: S,
-    onKeydown: E,
-    onKeyup: M,
-    onMousedown: x,
-    onTextBoxValueChange: T,
-    readonly: C,
-    placeholder: F,
-    textBoxClass: A,
-    textBoxTitle: I
+    onKeydown: V,
+    onKeyup: k,
+    onMousedown: w,
+    onTextBoxValueChange: g,
+    readonly: x,
+    placeholder: T,
+    textBoxClass: M,
+    textBoxTitle: R
   } = o;
-  return q(() => {
+  return U(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => g("input", {
+  }), () => C("input", {
     ref: r,
     name: "input-group-value",
     autocomplete: a.value,
-    class: A.value,
-    disabled: c == null ? void 0 : c.value,
-    maxlength: i.value,
-    minlength: s.value,
-    placeholder: F.value,
-    readonly: C == null ? void 0 : C.value,
-    tabindex: d.value,
-    title: l.value && !u.value ? I.value : "",
+    class: M.value,
+    disabled: u == null ? void 0 : u.value,
+    maxlength: l.value,
+    minlength: d.value,
+    placeholder: T.value,
+    readonly: x == null ? void 0 : x.value,
+    tabindex: c.value,
+    title: i.value && !s.value ? R.value : "",
     type: p.value,
     value: f == null ? void 0 : f.value,
     onBlur: y,
     onClick: S,
-    onChange: T,
-    onFocus: m,
-    onInput: b,
-    onKeydown: E,
-    onKeyup: M,
-    onMousedown: x
+    onChange: g,
+    onFocus: v,
+    onInput: m,
+    onKeydown: V,
+    onKeyup: k,
+    onMousedown: w
   }, null);
 }
-function Qo(e, n) {
-  const t = w(() => e.useExtendInfo && !!e.extendInfo), o = cn({
+function Zo(e, n) {
+  const t = E(() => e.useExtendInfo && !!e.extendInfo), o = un({
     content: e.extendInfo
   });
   function r() {
     n.emit("updateExtendInfo");
   }
-  return () => t.value && he(g("span", {
+  return () => t.value && de(C("span", {
     class: "input-group-before-tips",
     onMouseenter: r
-  }, [g("i", {
+  }, [C("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), g("b", {
+  }, null), C("b", {
     class: "tips-arrow"
-  }, null)]), [[dn("tooltip"), o]]);
+  }, null)]), [[sn("tooltip"), o]]);
 }
-function rt(e, n, t, o, r) {
+function Je(e, n, t, o, r) {
   const {
     appendedButtonClass: a,
-    appendedContent: l
-  } = 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,
+    appendedContent: i
+  } = t, s = E(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), d = E(() => i.value && !n.slots.groupTextTemplate), l = E(() => !!n.slots.groupTextTemplate), {
+    clearButtonClass: c,
+    clearButtonStyle: u,
     onClearValue: f,
     shouldShowClearButton: p
   } = o;
   function y() {
-    return g("span", {
+    return C("span", {
       id: "clearIcon",
-      class: d.value,
-      style: c.value,
-      onClick: (F) => f(F)
-    }, [g("i", {
+      class: c.value,
+      style: u.value,
+      onClick: (T) => f(T)
+    }, [C("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function m(F) {
-    n.emit("iconMouseEnter", F);
+  function v(T) {
+    n.emit("iconMouseEnter", T);
   }
-  function b(F) {
-    n.emit("iconMouseLeave", F);
+  function m(T) {
+    n.emit("iconMouseLeave", T);
   }
-  function S(F) {
-    u.value && n.emit("clickHandle", {
-      originalEvent: F
-    }), F.stopPropagation();
+  function S(T) {
+    s.value && n.emit("clickHandle", {
+      originalEvent: T
+    }), T.stopPropagation();
   }
-  const E = e.type === "password" ? r.onClickAppendedButton : S;
-  function M() {
-    return g("span", {
+  const V = e.type === "password" ? r.onClickAppendedButton : S;
+  function k() {
+    return C("span", {
       class: "input-group-text",
-      onMouseenter: (F) => m(F),
-      onMouseleave: (F) => b(F),
-      innerHTML: l.value,
-      onClick: (F) => E(F)
+      onMouseenter: (T) => v(T),
+      onMouseleave: (T) => m(T),
+      innerHTML: i.value,
+      onClick: (T) => V(T)
     }, null);
   }
-  function x() {
+  function w() {
     return n.slots.groupTextTemplate && n.slots.groupTextTemplate();
   }
-  function T() {
-    return s.value ? M : i.value ? x : "";
+  function g() {
+    return d.value ? k : l.value ? w : "";
   }
-  const C = T();
-  return () => g("div", {
+  const x = g();
+  return () => C("div", {
     class: a.value
-  }, [p.value && y(), C && C()]);
+  }, [p.value && y(), x && x()]);
 }
-const ee = /* @__PURE__ */ G({
+const Z = /* @__PURE__ */ D({
   name: "FInputGroup",
-  props: Fe,
+  props: Se,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, n) {
-    const t = v(e.modelValue), o = v(e.modelValue), r = Ho(e, n, t, o), {
+    const t = b(e.modelValue), o = b(e.modelValue), r = fn(e, n, t, o), {
       inputGroupClass: a,
-      inputType: l,
-      inputGroupStyle: u
-    } = r, s = tt(e), {
-      shouldShowAppendedButton: i
-    } = s, d = et(e, n, r), {
-      onMouseEnter: c,
+      inputType: i,
+      inputGroupStyle: s
+    } = r, d = Ye(e), {
+      shouldShowAppendedButton: l
+    } = d, c = De(e, n, r), {
+      onMouseEnter: u,
       onMouseLeave: f
-    } = 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(() => {
+    } = c, p = Ze(e, n, i, d), y = zo(e, n), v = Yo(e, n, p, r), m = Je(e, n, d, c, p), S = Zo(e, n), V = E(() => e.type === "number");
+    O(() => [e.value], ([w]) => {
+      t.value = w, o.value = w;
+    }), O(() => [e.modelValue], ([w]) => {
+      t.value = w, o.value = w;
+    }), U(() => {
       e.value && (t.value = e.value, o.value = e.value);
     });
-    const M = () => g(be, null, [g("div", {
+    const k = () => C(pe, null, [C("div", {
       id: e.id,
       class: a.value,
-      style: u.value,
-      onMouseenter: c,
+      style: s.value,
+      onMouseenter: u,
       onMouseleave: f
-    }, [E.value ? y() : g(be, null, [S(), m(), i.value && b()])])]);
-    return () => M();
+    }, [V.value ? y() : C(pe, null, [S(), v(), l.value && m()])])]);
+    return () => k();
   }
 });
-class Ko extends Be {
+class Xo extends ge {
   constructor(n, t) {
     super(n, t);
   }
 }
-function er(e, n) {
-  const {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: a,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ve(e), d = e.schema;
-  function c(f, p) {
-    return new Ko(f, n).getPropertyConfig(d, p);
-  }
-  return {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: a,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: c
-  };
-}
-function at(e, n, t) {
-  var T;
-  function o() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  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;
-  }
-  function s() {
-    return !1;
-  }
-  function i() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function d() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function c(C) {
-    if (!C || !C.value)
-      return null;
-    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(C = n) {
-    const { componentInstance: F, designerItemElementRef: A } = C;
-    return !F || !F.value ? null : F.value.canMove ? A : f(C.parent);
-  }
-  function p(C) {
-    return !!t && t.canAccepts(C);
-  }
-  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(C, F) {
-    F && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(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 U && !U.id && U.type === A && (U.id = `${K}_${Math.random().toString().slice(2, 6)}`), U;
-  }
-  function M(C) {
-  }
-  function x(...C) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...C);
+function Jo(e, n) {
+  const t = e.schema;
+  function o(r, a) {
+    return new Xo(r, n).getPropertyConfig(t, a);
   }
-  return l.value = {
-    canMove: u(),
-    canSelectParent: s(),
-    canDelete: i(),
-    canNested: !d(),
-    contents: n == null ? void 0 : n.schema.contents,
-    elementRef: e,
-    parent: (T = n == null ? void 0 : n.parent) == null ? void 0 : T.componentInstance,
-    schema: n == null ? void 0 : n.schema,
-    styles: r,
-    designerClass: a,
-    canAccepts: p,
-    getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: y,
-    getPropConfig: x,
-    getDragScopeElement: m,
-    onAcceptMovedChildElement: b,
-    onAcceptNewChildElement: E,
-    onChildElementMovedOut: M,
-    addNewChildComponentSchema: S,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || v(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || v(!1)
-  }, l;
+  return { getPropsConfig: o };
 }
-const tr = /* @__PURE__ */ G({
+const Qo = /* @__PURE__ */ D({
   name: "FInputGroupDesign",
-  props: Fe,
+  props: Se,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, n) {
-    const t = v(e.modelValue), o = v(e.modelValue), r = Wo(e, n, t, o), {
+    const t = b(e.modelValue), o = b(e.modelValue), r = yn(e, n, t, o), {
       inputGroupClass: a,
-      inputType: l,
-      inputGroupStyle: u
-    } = r, s = tt(e), {
-      shouldShowAppendedButton: i
-    } = s, d = et(e, n, r), {
-      onMouseEnter: c,
+      inputType: i,
+      inputGroupStyle: s
+    } = r, d = Ye(e), {
+      shouldShowAppendedButton: l
+    } = d, c = De(e, n, r), {
+      onMouseEnter: u,
       onMouseLeave: f
-    } = 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 M = rt(e, n, s, d, p), x = v();
-    return () => g("div", {
+    } = c, p = Ze(e, n, i, d), y = b(), v = _("designer-host-service"), m = _("design-item-context"), S = Jo(m, v), V = ve(y, m, S);
+    U(() => {
+      y.value.componentInstance = V;
+    }), n.expose(V.value);
+    const k = Je(e, n, d, c, p), w = b();
+    return () => C("div", {
       id: "inputGroup",
       ref: y,
       class: a.value,
-      style: u.value,
-      onMouseenter: c,
+      style: s.value,
+      onMouseenter: u,
       onMouseleave: f
-    }, [g("input", {
-      ref: x,
+    }, [C("input", {
+      ref: w,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), i.value && M()]);
+    }, null), l.value && k()]);
   }
 });
-ee.register = (e, n, t, o) => {
-  e["input-group"] = ee, n["input-group"] = Ke;
+Z.register = (e, n, t, o) => {
+  e["input-group"] = Z, n["input-group"] = ze;
 };
-ee.registerDesigner = (e, n, t) => {
-  e["input-group"] = tr, n["input-group"] = Ke;
+Z.registerDesigner = (e, n, t) => {
+  e["input-group"] = Qo, n["input-group"] = ze;
 };
-Te(ee);
-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 = {
+me(Z);
+const Ko = /* @__PURE__ */ new Map([
+  ["appearance", ie]
+]), er = "https://json-schema.org/draft/2020-12/schema", tr = "https://farris-design.gitee.io/number-spinner.schema.json", nr = "number-spinner", or = "A Farris Input Component", rr = "object", ar = {
   id: {
     description: "The unique identifier for a number spinner",
     type: "string"
@@ -3019,20 +2848,6 @@ const nr = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
   placeholder: {
     description: "",
     type: "string",
@@ -3053,6 +2868,20 @@ const nr = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !1
   },
+  precision: {
+    description: "",
+    type: "number",
+    default: 0
+  },
+  min: {
+    description: "",
+    type: "number"
+  },
+  step: {
+    description: "",
+    type: "number",
+    default: 1
+  },
   tabindex: {
     description: "",
     type: "number",
@@ -3087,27 +2916,28 @@ const nr = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, sr = [
+}, ir = [
   "id",
   "type"
-], cr = [
+], lr = [
   "id",
   "appearance",
-  "binding"
-], dr = {
-  $schema: or,
-  $id: rr,
-  title: ar,
-  description: ir,
-  type: lr,
-  properties: ur,
-  required: sr,
-  ignore: cr
+  "binding",
+  "visible"
+], ur = {
+  $schema: er,
+  $id: tr,
+  title: nr,
+  description: or,
+  type: rr,
+  properties: ar,
+  required: ir,
+  ignore: lr
 };
-function pr(e, n, t) {
+function sr(e, n, t) {
   return n;
 }
-const Ee = {
+const we = {
   /**
    * 组件标识
    */
@@ -3211,157 +3041,268 @@ const Ee = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, 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 D(u.value || 0);
-    return !(e.max && !new D(e.max).isNaN() && b.gte(new D(e.max)));
+}, Qe = J(we, ur, Ko, sr);
+function Ke(e, n, t, o) {
+  const { format: r } = t, { displayValue: a, getRealValue: i, modelValue: s, onNumberValueChanged: d } = o;
+  function l() {
+    const m = new L(s.value || 0);
+    return !(e.max && !new L(e.max).isNaN() && m.gte(new L(e.max)));
   }
-  function d() {
-    const b = new D(u.value || 0);
-    return !(e.min && !new D(e.min).isNaN() && b.lte(new D(e.min)));
+  function c() {
+    const m = new L(s.value || 0);
+    return !(e.min && !new L(e.min).isNaN() && m.lte(new L(e.min)));
   }
-  function c(b) {
+  function u(m) {
     if (e.readonly || e.disabled)
       return;
-    const S = b === "up" ? i : d, E = b === "up" ? "plus" : "minus";
+    const S = m === "up" ? l : c, V = m === "up" ? "plus" : "minus";
     if (S()) {
-      const x = new D(u.value || 0)[E](Number(e.step)), T = x.toFixed();
-      a.value = r(T), s(l(x));
+      const w = new L(s.value || 0)[V](Number(e.step)), g = w.toFixed();
+      a.value = r(g), d(i(w));
     }
   }
   function f() {
-    c("up");
+    u("up");
   }
   function p() {
-    c("down");
+    u("down");
   }
-  function y(b) {
-    f(), b.stopPropagation();
+  function y(m) {
+    f(), m.stopPropagation();
   }
-  function m(b) {
-    p(), b.stopPropagation();
+  function v(m) {
+    p(), m.stopPropagation();
   }
-  return { canDownward: d, canUpward: i, downward: p, onClickDownButton: m, onClickUpButton: y, upward: f };
+  return { canDownward: c, canUpward: l, downward: p, onClickDownButton: v, onClickUpButton: y, upward: f };
 }
-function ut(e, n, t) {
-  const o = w(() => ({
+function et(e, n, t) {
+  const o = E(() => ({
     prefix: e.prefix,
     suffix: e.suffix,
     decimalSeparator: e.decimalSeparator,
     groupSeparator: e.useThousands ? e.groupSeparator : "",
     groupSize: e.groupSize
   })), { 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;
+  function i(l) {
+    return l = l == null || l === "" ? "" : String(l), l = l.replace(new RegExp(e.prefix, "g"), "").replace(new RegExp(e.suffix, "g"), "").replace(/,/g, ""), e.groupSeparator && e.groupSeparator !== "," && (l = l.replace(new RegExp(`\\${e.groupSeparator}`, "g"), "")), e.decimalSeparator && e.decimalSeparator !== "." && (l = l.replace(new RegExp(`\\${e.decimalSeparator}`, "g"), ".")), l;
   }
-  function u(i, d) {
-    return e.precision !== null && e.precision !== void 0 ? i.toFormat(a.value, d) : i.toFormat(d);
+  function s(l, c) {
+    return e.precision !== null && e.precision !== void 0 ? l.toFormat(a.value, c) : l.toFormat(c);
   }
-  function s(i) {
-    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);
+  function d(l) {
+    const c = i(l), u = new L(c, 10), f = r(u);
+    return f.valueOf() === "0" && !e.showZero || f.isNaN() ? "" : e.formatter ? e.formatter(f.toNumber()) : s(f, o.value);
   }
-  return { cleanFormat: l, format: s };
+  return { cleanFormat: i, format: d };
 }
-function st(e, n) {
-  const t = v(""), o = v(e.modelValue), r = w(() => Number(e.precision) || 0);
-  function a(d) {
-    return d.toFixed(r.value);
+function tt(e, n) {
+  const t = b(""), o = b(e.modelValue), r = E(() => Number(e.precision) || 0);
+  function a(c) {
+    return c.toFixed(r.value);
   }
-  function l(d) {
-    return isNaN(d) || d === null || d === void 0 || d === "";
+  function i(c) {
+    return isNaN(c) || c === null || c === void 0 || c === "";
   }
-  function u(d) {
-    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(c) {
+    const u = i(e.max) ? null : new L(String(e.max), 10), f = i(e.min) ? null : new L(String(e.min), 10);
+    return u && c.gt(u) ? u : f && c.lt(f) ? f : c;
   }
-  function s(d) {
+  function d(c) {
     if (e.parser)
-      return isNaN(Number(d)) ? e.parser(d) : d;
-    let c = u(new D(d, 10));
-    if (c.isNaN()) {
+      return isNaN(Number(c)) ? e.parser(c) : c;
+    let u = s(new L(c, 10));
+    if (u.isNaN()) {
       if (e.canNull)
         return null;
-      const p = new D("" + e.min, 10), y = new D("" + e.max, 10);
+      const p = new L("" + e.min, 10), y = new L("" + e.max, 10);
       if (!p.isNaN())
-        c = p;
+        u = p;
       else if (!y.isNaN())
-        c = y;
+        u = y;
       else
         return 0;
     }
-    return a(c);
+    return a(u);
   }
-  function i(d) {
-    const c = Number(d);
-    o.value = c, n.emit("update:modelValue", c), n.emit("valueChange", c), n.emit("change", c);
+  function l(c) {
+    const u = Number(c);
+    o.value = u, n.emit("update:modelValue", u), n.emit("valueChange", u), n.emit("change", u);
   }
-  return { displayValue: t, getRealValue: s, modelValue: o, isEmpty: l, onNumberValueChanged: i, precision: r, getValidNumberObject: u };
+  return { displayValue: t, getRealValue: d, modelValue: o, isEmpty: i, onNumberValueChanged: l, precision: r, getValidNumberObject: s };
 }
-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 (x.stopPropagation(), y.value = !1, e.readonly || e.disabled)
+function cr(e, n, t, o, r) {
+  const { cleanFormat: a, format: i } = t, { displayValue: s, getRealValue: d, modelValue: l, isEmpty: c, onNumberValueChanged: u } = o, { downward: f, upward: p } = r, y = b(!1), v = E(() => s.value);
+  function m(w) {
+    var T;
+    if (w.stopPropagation(), y.value = !1, e.readonly || e.disabled)
       return;
-    let T = (F = x.target) == null ? void 0 : F.value;
-    e.canNull || (T = T || 0);
-    const C = a(T);
-    u.value = l(C), c(s(C)), n.emit("blur", { event: x, 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(x) {
-    var F;
-    x.stopPropagation();
-    let T = (F = x.target) == null ? void 0 : F.value;
-    e.canNull || (T = T || 0);
-    const C = a(T);
-    u.value = C, c(s(C));
-  }
-  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: M, isFocus: y };
+    let g = (T = w.target) == null ? void 0 : T.value;
+    e.canNull || (g = g || 0);
+    const x = a(g);
+    s.value = i(x), u(d(x)), n.emit("blur", { event: w, formatted: s.value, value: l.value });
+  }
+  function S(w) {
+    w.stopPropagation(), y.value = !0, !(e.readonly || e.disabled) && (s.value = c(l.value) || !e.showZero && l.value === "0" ? "" : String(l.value), n.emit("focus", { event: w, formatted: s.value, value: l.value }));
+  }
+  function V(w) {
+    var T;
+    w.stopPropagation();
+    let g = (T = w.target) == null ? void 0 : T.value;
+    e.canNull || (g = g || 0);
+    const x = a(g);
+    s.value = x, u(d(x));
+  }
+  function k(w) {
+    w.key === "ArrowDown" && (w.preventDefault(), f()), w.key === "ArrowUp" && (w.preventDefault(), p()), w.stopPropagation();
+  }
+  return { textBoxValue: v, onBlurTextBox: m, onFocusTextBox: S, onInput: V, onKeyDown: k, isFocus: y };
 }
-const te = /* @__PURE__ */ G({
+const X = /* @__PURE__ */ D({
   name: "FNumberSpinner",
-  props: Ee,
+  props: we,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    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 = ot(e, n, a), {
-      format: c
+    const t = tt(e, n), o = et(e, n, t), r = Ke(e, n, o, t), a = cr(e, n, o, t, r), i = Ce(e, n, r), {
+      displayValue: s,
+      modelValue: d,
+      getRealValue: l
+    } = t, c = Xe(e, n, a), {
+      format: u
     } = o, {
       isFocus: f
-    } = a, p = w(() => !e.disabled && !e.readonly && e.showButton);
-    return q(() => {
-      const y = i(e.modelValue);
-      u.value = c(y);
+    } = a, p = E(() => !e.disabled && !e.readonly && e.showButton);
+    return U(() => {
+      const y = l(e.modelValue);
+      s.value = u(y);
     }), O(() => [e.value], ([y]) => {
-      const m = i(y);
-      s.value = m, u.value = c(m);
+      const v = l(y);
+      d.value = v, s.value = u(v);
     }), O(() => [e.modelValue], ([y]) => {
-      y !== s.value && (s.value = y, !f.value && (u.value = c(i(y))));
+      y !== d.value && (d.value = y, !f.value && (s.value = u(l(y))));
     }), O(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      u.value = c(s.value);
-    }), () => g("div", {
+      s.value = u(d.value);
+    }), () => C("div", {
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-    }, [d(), p.value && l()]);
+    }, [c(), p.value && i()]);
   }
 });
-class yr extends Be {
+function dr(e, n, t) {
+  var w;
+  const o = t && t.getStyles && t.getStyles() || "", r = t && t.getDesignerClass && t.getDesignerClass() || "", a = b();
+  function i() {
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
+  }
+  function s() {
+    return !1;
+  }
+  function d() {
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+  }
+  function l() {
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+  }
+  function c(g) {
+    if (!g || !g.value)
+      return null;
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const x = b(g == null ? void 0 : g.value.parent), T = c(x);
+    return T || null;
+  }
+  function u(g = n) {
+    const { componentInstance: x, designerItemElementRef: T } = g;
+    return !x || !x.value ? null : x.value.canMove ? T : u(g.parent);
+  }
+  function f(g) {
+    return !!t && t.canAccepts(g);
+  }
+  function p() {
+    return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
+  }
+  function y() {
+  }
+  function v(g, x) {
+    x && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(x);
+  }
+  function m(g, x) {
+    const { componentType: T } = g;
+    let M = Ge(T, g, x);
+    t && t.onResolveNewComponentSchema && (M = t.onResolveNewComponentSchema(g, M));
+    const R = T.toLowerCase().replace(/-/g, "_");
+    return M && !M.id && M.type === T && (M.id = `${R}_${Math.random().toString().slice(2, 6)}`), M;
+  }
+  function S(g) {
+  }
+  function V(...g) {
+    if (t && t.getPropsConfig)
+      return t.getPropsConfig(...g);
+  }
+  function k() {
+    t && t.onRemoveComponent && t.onRemoveComponent(), n != null && n.schema.contents && n.schema.contents.map((g) => {
+      var M;
+      let x = g.id;
+      g.type === "component-ref" && (x = g.component);
+      const T = e.value.querySelector(`#${x}-design-item`);
+      (M = T == null ? void 0 : T.componentInstance) != null && M.value.onRemoveComponent && T.componentInstance.value.onRemoveComponent();
+    });
+  }
+  return a.value = {
+    canMove: i(),
+    canSelectParent: s(),
+    canDelete: d(),
+    canNested: !l(),
+    contents: n == null ? void 0 : n.schema.contents,
+    elementRef: e,
+    parent: (w = n == null ? void 0 : n.parent) == null ? void 0 : w.componentInstance,
+    schema: n == null ? void 0 : n.schema,
+    styles: o,
+    designerClass: r,
+    canAccepts: f,
+    getBelongedComponentInstance: c,
+    getDraggableDesignItemElement: u,
+    getDraggingDisplayText: p,
+    getPropConfig: V,
+    getDragScopeElement: y,
+    onAcceptMovedChildElement: v,
+    onChildElementMovedOut: S,
+    addNewChildComponentSchema: m,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || b(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || b(!1),
+    onRemoveComponent: k
+  }, a;
+}
+class pr extends ge {
   constructor(n, t) {
     super(n, t);
   }
   getEditorProperties(n) {
     return this.getComponentConfig(n, { type: "number-spinner" }, {
+      precision: {
+        description: "",
+        title: "精度",
+        type: "number"
+      },
+      step: {
+        description: "",
+        title: "步长",
+        type: "number"
+      },
+      max: {
+        description: "",
+        title: "最大值",
+        type: "number",
+        editor: {
+          canNull: !0
+        }
+      },
+      min: {
+        description: "",
+        title: "最小值",
+        type: "number",
+        editor: {
+          canNull: !0
+        }
+      },
       textAlign: {
         description: "",
         title: "对齐方式",
@@ -3377,7 +3318,7 @@ class yr extends Be {
             },
             {
               value: "center",
-              name: "居中对齐"
+              name: "居中"
             },
             {
               value: "right",
@@ -3389,104 +3330,85 @@ class yr extends Be {
     });
   }
 }
-function vr(e, n) {
-  const {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: a,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ve(e), d = e.schema;
-  function c(f, p) {
-    return new yr(f, n).getPropertyConfig(d, p);
+function fr(e, n) {
+  const t = e.schema;
+  function o(r, a) {
+    return new pr(r, n).getPropertyConfig(t, a);
   }
-  return {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: a,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: c
-  };
+  return { getPropsConfig: o };
 }
-const mr = /* @__PURE__ */ G({
+const yr = /* @__PURE__ */ D({
   name: "FNumberSpinnerDesign",
-  props: Ee,
+  props: we,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    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 = v();
-    return () => g("div", {
-      ref: l,
+    const t = tt(e, n), o = et(e, n, t), r = Ke(e, n, o, t), a = Ce(e, n, r), i = b(), s = _("designer-host-service"), d = _("design-item-context"), l = fr(d, s), c = dr(i, d, l);
+    U(() => {
+      i.value.componentInstance = c, e.readonly = !0;
+    }), n.expose(c.value);
+    const u = b();
+    return () => C("div", {
+      ref: i,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
-    }, [g("input", {
-      ref: c,
+    }, [C("input", {
+      ref: u,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
     }, null), a()]);
   }
 });
-te.register = (e, n, t, o) => {
-  e["number-spinner"] = te, n["number-spinner"] = it;
+X.register = (e, n, t, o) => {
+  e["number-spinner"] = X, n["number-spinner"] = Qe;
 };
-te.registerDesigner = (e, n, t) => {
-  e["number-spinner"] = mr, n["number-spinner"] = it;
+X.registerDesigner = (e, n, t) => {
+  e["number-spinner"] = yr, n["number-spinner"] = Qe;
 };
-Te(te);
-function hr(e, n, t, o, r, a, l) {
-  const u = v(0), s = v(""), i = v([]), d = v(""), c = v("");
+me(X);
+function vr(e, n, t, o, r, a, i) {
+  const s = b(0), d = b(""), l = b([]), c = b(""), u = b("");
   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));
+    e.value.propertyType === "enum" && e.value.propertyValue.type === "const" && (c.value = F(e.value.propertyValue.value), n.value = F(e.value.editorOptions.enums));
   }
   function p() {
-    e.value.propertyType === "number" && (u.value = e.value.propertyValue.value);
+    e.value.propertyType === "number" && (s.value = e.value.propertyValue.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 = "否");
+    t.value.id === "stateMachine" && (o = F(e.value.propertyValue.value.id), o ? r.value = F(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 x = e.value.propertyValue.value, T = i.value.filter((C) => x.includes(C.value)).map((C) => C.value).join(",");
-      s.value = B(T);
+  function v() {
+    if (t.value.id === "dataStates" && (l.value = F(e.value.editorOptions.dataStates), e.value.propertyValue.value)) {
+      const w = e.value.propertyValue.value, g = l.value.filter((x) => w.includes(x.value)).map((x) => x.value).join(",");
+      d.value = F(g);
     }
   }
-  function b() {
-    t.value.id === "variable" && (c.value = e.value.propertyValue.value.path);
+  function m() {
+    t.value.id === "variable" && (u.value = e.value.propertyValue.value.path);
   }
   function S() {
     if (t.value.id === "expression") {
-      l.value = !0;
-      const { handleExpressionValue: x } = e.value.editorOptions.expressionConfig;
-      x ? a.value = x().value.value : a.value = e.value.editorOptions.expressionConfig.expressionValue.value.value;
+      i.value = !0;
+      const { handleExpressionValue: w } = e.value.editorOptions.expressionConfig;
+      w ? a.value = w().value.value : a.value = e.value.editorOptions.expressionConfig.expressionValue.value.value;
     }
   }
-  function E() {
+  function V() {
     t.value.id;
   }
-  function M() {
-    f(), p(), b(), y(), m(), S(), E();
+  function k() {
+    f(), p(), m(), y(), v(), S(), V();
   }
   return {
-    numberConstValue: u,
-    bindVariableValue: c,
-    dataStatesBindValue: s,
-    dataStatesValueArray: i,
-    constEnumBindValue: d,
-    setValue: M
+    numberConstValue: s,
+    bindVariableValue: u,
+    dataStatesBindValue: d,
+    dataStatesValueArray: l,
+    constEnumBindValue: c,
+    setValue: k
   };
 }
-function br(e, n, t, o, r, a, l, u, s, i, d, c) {
-  const f = v(!1), p = v({
+function mr(e, n, t, o, r, a, i, s, d, l, c, u) {
+  const f = b(!1), p = b({
     propertyName: "",
     /** 属性类型：boolean, string, number, enum */
     propertyType: "",
@@ -3498,33 +3420,33 @@ function br(e, n, t, o, r, a, l, u, s, i, d, c) {
     hasPrefix: !1
   });
   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));
+    n.value.propertyValue.type === "const" && (n.value.propertyValue.value = F(r.value.constValue.value), t.value = F(r.value.constValue.value), o.value = F(n.value.editorOptions.enums));
   }
-  function m() {
-    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 = {
+  function v() {
+    n.value.propertyValue.type === "stateMachine" && (n.value.propertyValue.value = F(r.value.stateMachineValue.value), a.value = F(n.value.editorOptions.stateMachine), n.value.propertyValue.value.name ? F(n.value.propertyValue.value.id) : (n.value.propertyValue.value = {
       id: "",
       name: "",
       exist: ""
-    }, u.value = "否"));
+    }, s.value = "否"));
   }
-  function b() {
-    n.value.propertyValue.type === "dataStates" && (n.value.propertyValue.value = B(r.value.dataStatesValue.value), s.value = B(n.value.editorOptions.dataStates));
+  function m() {
+    n.value.propertyValue.type === "dataStates" && (n.value.propertyValue.value = F(r.value.dataStatesValue.value), d.value = F(n.value.editorOptions.dataStates));
   }
   function S() {
-    i.value = "", r.value.expressionValue && (r.value.expressionValue.value = "");
+    l.value = "", r.value.expressionValue && (r.value.expressionValue.value = "");
   }
-  function E() {
-    d.value || (u.value = u.value === "否" ? "是" : "否", n.value.propertyValue.value.exist = u, r.value.stateMachineValue.value.exist = u, T());
+  function V() {
+    c.value || (s.value = s.value === "否" ? "是" : "否", n.value.propertyValue.value.exist = s, r.value.stateMachineValue.value.exist = s, g());
   }
-  function M() {
+  function k() {
     p.value.propertyValue.value && p.value.propertyValue.value.includes("viewModel.stateMachine") && (r.value.customValue.value = "");
   }
-  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 w() {
+    p.value.propertyName = F(n.value.propertyName), p.value.propertyType = F(n.value.propertyType), p.value.propertyValue = F(n.value.propertyValue), p.value.hasPrefix = F(f);
   }
-  function T() {
-    if (!d.value)
-      switch (x(), p.value.propertyValue.type) {
+  function g() {
+    if (!c.value)
+      switch (w(), 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;
@@ -3532,10 +3454,10 @@ function br(e, n, t, o, r, a, l, u, s, i, d, c) {
           p.value.propertyValue.value.path !== "" && (S(), e.emit("propertyEditorValueChanged", p));
           break;
         case "custom":
-          S(), M(), e.emit("propertyEditorValueChanged", p);
+          S(), k(), e.emit("propertyEditorValueChanged", p);
           break;
         case "expression":
-          i.value && e.emit("propertyEditorValueChanged", p);
+          l.value && e.emit("propertyEditorValueChanged", p);
           break;
         case "stateMachine":
           p.value.propertyValue.value.id && (S(), e.emit("propertyEditorValueChanged", p));
@@ -3547,120 +3469,120 @@ function br(e, n, t, o, r, a, l, u, s, i, d, c) {
           }
       }
   }
-  function C() {
-    n.value.propertyValue = r.value[`${c.value.id}Value`], y(), m(), b(), T(), p.value.isNewVariable = !1;
+  function x() {
+    n.value.propertyValue = r.value[`${u.value.id}Value`], y(), v(), m(), g(), p.value.isNewVariable = !1;
   }
   return {
-    updateData: C,
-    changeState: E,
+    updateData: x,
+    changeState: V,
     prefix: f,
     propertyEditorValueChange: p
   };
 }
-var Ce = function(e, n) {
-  return Ce = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, o) {
+var fe = function(e, n) {
+  return fe = 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);
+  }, fe(e, n);
 };
-function Y(e, n) {
+function q(e, n) {
   if (typeof n != "function" && n !== null)
     throw new TypeError("Class extends value " + String(n) + " is not a constructor or null");
-  Ce(e, n);
+  fe(e, n);
   function t() {
     this.constructor = e;
   }
   e.prototype = n === null ? Object.create(n) : (t.prototype = n.prototype, new t());
 }
-function gr(e, n, t, o) {
+function hr(e, n, t, o) {
   function r(a) {
-    return a instanceof t ? a : new t(function(l) {
-      l(a);
+    return a instanceof t ? a : new t(function(i) {
+      i(a);
     });
   }
-  return new (t || (t = Promise))(function(a, l) {
-    function u(d) {
+  return new (t || (t = Promise))(function(a, i) {
+    function s(c) {
       try {
-        i(o.next(d));
-      } catch (c) {
-        l(c);
+        l(o.next(c));
+      } catch (u) {
+        i(u);
       }
     }
-    function s(d) {
+    function d(c) {
       try {
-        i(o.throw(d));
-      } catch (c) {
-        l(c);
+        l(o.throw(c));
+      } catch (u) {
+        i(u);
       }
     }
-    function i(d) {
-      d.done ? a(d.value) : r(d.value).then(u, s);
+    function l(c) {
+      c.done ? a(c.value) : r(c.value).then(s, d);
     }
-    i((o = o.apply(e, n || [])).next());
+    l((o = o.apply(e, n || [])).next());
   });
 }
-function ct(e, n) {
+function nt(e, n) {
   var t = { label: 0, sent: function() {
     if (a[0] & 1) throw a[1];
     return a[1];
-  }, 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() {
+  }, trys: [], ops: [] }, o, r, a, i = Object.create((typeof Iterator == "function" ? Iterator : Object).prototype);
+  return i.next = s(0), i.throw = s(1), i.return = s(2), typeof Symbol == "function" && (i[Symbol.iterator] = function() {
     return this;
-  }), l;
-  function u(i) {
-    return function(d) {
-      return s([i, d]);
+  }), i;
+  function s(l) {
+    return function(c) {
+      return d([l, c]);
     };
   }
-  function s(i) {
+  function d(l) {
     if (o) throw new TypeError("Generator is already executing.");
-    for (; l && (l = 0, i[0] && (t = 0)), t; ) try {
-      if (o = 1, r && (a = i[0] & 2 ? r.return : i[0] ? r.throw || ((a = r.return) && a.call(r), 0) : r.next) && !(a = a.call(r, i[1])).done) return a;
-      switch (r = 0, a && (i = [i[0] & 2, a.value]), i[0]) {
+    for (; i && (i = 0, l[0] && (t = 0)), t; ) try {
+      if (o = 1, r && (a = l[0] & 2 ? r.return : l[0] ? r.throw || ((a = r.return) && a.call(r), 0) : r.next) && !(a = a.call(r, l[1])).done) return a;
+      switch (r = 0, a && (l = [l[0] & 2, a.value]), l[0]) {
         case 0:
         case 1:
-          a = i;
+          a = l;
           break;
         case 4:
-          return t.label++, { value: i[1], done: !1 };
+          return t.label++, { value: l[1], done: !1 };
         case 5:
-          t.label++, r = i[1], i = [0];
+          t.label++, r = l[1], l = [0];
           continue;
         case 7:
-          i = t.ops.pop(), t.trys.pop();
+          l = t.ops.pop(), t.trys.pop();
           continue;
         default:
-          if (a = t.trys, !(a = a.length > 0 && a[a.length - 1]) && (i[0] === 6 || i[0] === 2)) {
+          if (a = t.trys, !(a = a.length > 0 && a[a.length - 1]) && (l[0] === 6 || l[0] === 2)) {
             t = 0;
             continue;
           }
-          if (i[0] === 3 && (!a || i[1] > a[0] && i[1] < a[3])) {
-            t.label = i[1];
+          if (l[0] === 3 && (!a || l[1] > a[0] && l[1] < a[3])) {
+            t.label = l[1];
             break;
           }
-          if (i[0] === 6 && t.label < a[1]) {
-            t.label = a[1], a = i;
+          if (l[0] === 6 && t.label < a[1]) {
+            t.label = a[1], a = l;
             break;
           }
           if (a && t.label < a[2]) {
-            t.label = a[2], t.ops.push(i);
+            t.label = a[2], t.ops.push(l);
             break;
           }
           a[2] && t.ops.pop(), t.trys.pop();
           continue;
       }
-      i = n.call(e, t);
-    } catch (d) {
-      i = [6, d], r = 0;
+      l = n.call(e, t);
+    } catch (c) {
+      l = [6, c], r = 0;
     } finally {
       o = a = 0;
     }
-    if (i[0] & 5) throw i[1];
-    return { value: i[0] ? i[1] : void 0, done: !0 };
+    if (l[0] & 5) throw l[1];
+    return { value: l[0] ? l[1] : void 0, done: !0 };
   }
 }
-function Q(e) {
+function Y(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 {
@@ -3670,98 +3592,98 @@ function Q(e) {
   };
   throw new TypeError(n ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function se(e, n) {
+function oe(e, n) {
   var t = typeof Symbol == "function" && e[Symbol.iterator];
   if (!t) return e;
-  var o = t.call(e), r, a = [], l;
+  var o = t.call(e), r, a = [], i;
   try {
     for (; (n === void 0 || n-- > 0) && !(r = o.next()).done; ) a.push(r.value);
-  } catch (u) {
-    l = { error: u };
+  } catch (s) {
+    i = { error: s };
   } finally {
     try {
       r && !r.done && (t = o.return) && t.call(o);
     } finally {
-      if (l) throw l.error;
+      if (i) throw i.error;
     }
   }
   return a;
 }
-function ce(e, n, t) {
+function re(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 X(e) {
-  return this instanceof X ? (this.v = e, this) : new X(e);
+function z(e) {
+  return this instanceof z ? (this.v = e, this) : new z(e);
 }
-function Cr(e, n, t) {
+function br(e, n, t) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   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 r = Object.create((typeof AsyncIterator == "function" ? AsyncIterator : Object).prototype), s("next"), s("throw"), s("return", i), r[Symbol.asyncIterator] = function() {
     return this;
   }, r;
-  function l(p) {
+  function i(p) {
     return function(y) {
-      return Promise.resolve(y).then(p, c);
+      return Promise.resolve(y).then(p, u);
     };
   }
-  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);
+  function s(p, y) {
+    o[p] && (r[p] = function(v) {
+      return new Promise(function(m, S) {
+        a.push([p, v, m, S]) > 1 || d(p, v);
       });
     }, y && (r[p] = y(r[p])));
   }
-  function s(p, y) {
+  function d(p, y) {
     try {
-      i(o[p](y));
-    } catch (m) {
-      f(a[0][3], m);
+      l(o[p](y));
+    } catch (v) {
+      f(a[0][3], v);
     }
   }
-  function i(p) {
-    p.value instanceof X ? Promise.resolve(p.value.v).then(d, c) : f(a[0][2], p);
-  }
-  function d(p) {
-    s("next", p);
+  function l(p) {
+    p.value instanceof z ? Promise.resolve(p.value.v).then(c, u) : f(a[0][2], p);
   }
   function c(p) {
-    s("throw", p);
+    d("next", p);
+  }
+  function u(p) {
+    d("throw", p);
   }
   function f(p, y) {
-    p(y), a.shift(), a.length && s(a[0][0], a[0][1]);
+    p(y), a.shift(), a.length && d(a[0][0], a[0][1]);
   }
 }
-function Sr(e) {
+function gr(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 Q == "function" ? Q(e) : e[Symbol.iterator](), t = {}, o("next"), o("throw"), o("return"), t[Symbol.asyncIterator] = function() {
+  return n ? n.call(e) : (e = typeof Y == "function" ? Y(e) : e[Symbol.iterator](), t = {}, o("next"), o("throw"), o("return"), t[Symbol.asyncIterator] = function() {
     return this;
   }, t);
   function o(a) {
-    t[a] = e[a] && function(l) {
-      return new Promise(function(u, s) {
-        l = e[a](l), r(u, s, l.done, l.value);
+    t[a] = e[a] && function(i) {
+      return new Promise(function(s, d) {
+        i = e[a](i), r(s, d, i.done, i.value);
       });
     };
   }
-  function r(a, l, u, s) {
-    Promise.resolve(s).then(function(i) {
-      a({ value: i, done: u });
-    }, l);
+  function r(a, i, s, d) {
+    Promise.resolve(d).then(function(l) {
+      a({ value: l, done: s });
+    }, i);
   }
 }
-function N(e) {
+function A(e) {
   return typeof e == "function";
 }
-function dt(e) {
+function ot(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 ye = dt(function(e) {
+var ue = ot(function(e) {
   return function(t) {
     e(this), this.message = t ? t.length + ` errors occurred during unsubscription:
 ` + t.map(function(o, r) {
@@ -3770,13 +3692,13 @@ var ye = dt(function(e) {
   `) : "", this.name = "UnsubscriptionError", this.errors = t;
   };
 });
-function de(e, n) {
+function ae(e, n) {
   if (e) {
     var t = e.indexOf(n);
     0 <= t && e.splice(t, 1);
   }
 }
-var oe = function() {
+var Q = function() {
   function e(n) {
     this.initialTeardown = n, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
@@ -3784,46 +3706,46 @@ var oe = function() {
     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))
+      var i = this._parentage;
+      if (i)
+        if (this._parentage = null, Array.isArray(i))
           try {
-            for (var u = Q(l), s = u.next(); !s.done; s = u.next()) {
-              var i = s.value;
-              i.remove(this);
+            for (var s = Y(i), d = s.next(); !d.done; d = s.next()) {
+              var l = d.value;
+              l.remove(this);
             }
-          } catch (m) {
-            n = { error: m };
+          } catch (v) {
+            n = { error: v };
           } finally {
             try {
-              s && !s.done && (t = u.return) && t.call(u);
+              d && !d.done && (t = s.return) && t.call(s);
             } finally {
               if (n) throw n.error;
             }
           }
         else
-          l.remove(this);
-      var d = this.initialTeardown;
-      if (N(d))
+          i.remove(this);
+      var c = this.initialTeardown;
+      if (A(c))
         try {
-          d();
-        } catch (m) {
-          a = m instanceof ye ? m.errors : [m];
+          c();
+        } catch (v) {
+          a = v instanceof ue ? v.errors : [v];
         }
-      var c = this._finalizers;
-      if (c) {
+      var u = this._finalizers;
+      if (u) {
         this._finalizers = null;
         try {
-          for (var f = Q(c), p = f.next(); !p.done; p = f.next()) {
+          for (var f = Y(u), p = f.next(); !p.done; p = f.next()) {
             var y = p.value;
             try {
-              Re(y);
-            } catch (m) {
-              a = a ?? [], m instanceof ye ? a = ce(ce([], se(a)), se(m.errors)) : a.push(m);
+              Ae(y);
+            } catch (v) {
+              a = a ?? [], v instanceof ue ? a = re(re([], oe(a)), oe(v.errors)) : a.push(v);
             }
           }
-        } catch (m) {
-          o = { error: m };
+        } catch (v) {
+          o = { error: v };
         } finally {
           try {
             p && !p.done && (r = f.return) && r.call(f);
@@ -3833,13 +3755,13 @@ var oe = function() {
         }
       }
       if (a)
-        throw new ye(a);
+        throw new ue(a);
     }
   }, e.prototype.add = function(n) {
     var t;
     if (n && n !== this)
       if (this.closed)
-        Re(n);
+        Ae(n);
       else {
         if (n instanceof e) {
           if (n.closed || n._hasParent(this))
@@ -3856,56 +3778,56 @@ var oe = 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) && de(t, n);
+    t === n ? this._parentage = null : Array.isArray(t) && ae(t, n);
   }, e.prototype.remove = function(n) {
     var t = this._finalizers;
-    t && de(t, n), n instanceof e && n._removeParent(this);
+    t && ae(t, n), n instanceof e && n._removeParent(this);
   }, e.EMPTY = function() {
     var n = new e();
     return n.closed = !0, n;
   }(), e;
-}(), pt = oe.EMPTY;
-function ft(e) {
-  return e instanceof oe || e && "closed" in e && N(e.remove) && N(e.add) && N(e.unsubscribe);
+}(), rt = Q.EMPTY;
+function at(e) {
+  return e instanceof Q || e && "closed" in e && A(e.remove) && A(e.add) && A(e.unsubscribe);
 }
-function Re(e) {
-  N(e) ? e() : e.unsubscribe();
+function Ae(e) {
+  A(e) ? e() : e.unsubscribe();
 }
-var yt = {
+var it = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, wr = {
+}, Sr = {
   setTimeout: function(e, n) {
     for (var t = [], o = 2; o < arguments.length; o++)
       t[o - 2] = arguments[o];
-    return setTimeout.apply(void 0, ce([e, n], se(t)));
+    return setTimeout.apply(void 0, re([e, n], oe(t)));
   },
   clearTimeout: function(e) {
     return clearTimeout(e);
   },
   delegate: void 0
 };
-function vt(e) {
-  wr.setTimeout(function() {
+function lt(e) {
+  Sr.setTimeout(function() {
     throw e;
   });
 }
-function Ue() {
+function Ne() {
 }
-function ie(e) {
+function ee(e) {
   e();
 }
-var Me = function(e) {
-  Y(n, e);
+var Ve = function(e) {
+  q(n, e);
   function n(t) {
     var o = e.call(this) || this;
-    return o.isStopped = !1, t ? (o.destination = t, ft(t) && t.add(o)) : o.destination = Tr, o;
+    return o.isStopped = !1, t ? (o.destination = t, at(t) && t.add(o)) : o.destination = xr, o;
   }
   return n.create = function(t, o, r) {
-    return new Se(t, o, r);
+    return new ye(t, o, r);
   }, n.prototype.next = function(t) {
     this.isStopped || this._next(t);
   }, n.prototype.error = function(t) {
@@ -3929,11 +3851,11 @@ var Me = function(e) {
       this.unsubscribe();
     }
   }, n;
-}(oe), xr = Function.prototype.bind;
-function ve(e, n) {
-  return xr.call(e, n);
+}(Q), Cr = Function.prototype.bind;
+function se(e, n) {
+  return Cr.call(e, n);
 }
-var Vr = function() {
+var wr = function() {
   function e(n) {
     this.partialObserver = n;
   }
@@ -3943,7 +3865,7 @@ var Vr = function() {
       try {
         t.next(n);
       } catch (o) {
-        ae(o);
+        K(o);
       }
   }, e.prototype.error = function(n) {
     var t = this.partialObserver;
@@ -3951,68 +3873,68 @@ var Vr = function() {
       try {
         t.error(n);
       } catch (o) {
-        ae(o);
+        K(o);
       }
     else
-      ae(n);
+      K(n);
   }, e.prototype.complete = function() {
     var n = this.partialObserver;
     if (n.complete)
       try {
         n.complete();
       } catch (t) {
-        ae(t);
+        K(t);
       }
   }, e;
-}(), Se = function(e) {
-  Y(n, e);
+}(), ye = function(e) {
+  q(n, e);
   function n(t, o, r) {
-    var a = e.call(this) || this, l;
-    if (N(t) || !t)
-      l = {
+    var a = e.call(this) || this, i;
+    if (A(t) || !t)
+      i = {
         next: t ?? void 0,
         error: o ?? void 0,
         complete: r ?? void 0
       };
     else {
-      var u;
-      a && yt.useDeprecatedNextContext ? (u = Object.create(t), u.unsubscribe = function() {
+      var s;
+      a && it.useDeprecatedNextContext ? (s = Object.create(t), s.unsubscribe = function() {
         return a.unsubscribe();
-      }, l = {
-        next: t.next && ve(t.next, u),
-        error: t.error && ve(t.error, u),
-        complete: t.complete && ve(t.complete, u)
-      }) : l = t;
+      }, i = {
+        next: t.next && se(t.next, s),
+        error: t.error && se(t.error, s),
+        complete: t.complete && se(t.complete, s)
+      }) : i = t;
     }
-    return a.destination = new Vr(l), a;
+    return a.destination = new wr(i), a;
   }
   return n;
-}(Me);
-function ae(e) {
-  vt(e);
+}(Ve);
+function K(e) {
+  lt(e);
 }
-function Br(e) {
+function Vr(e) {
   throw e;
 }
-var Tr = {
+var xr = {
   closed: !0,
-  next: Ue,
-  error: Br,
-  complete: Ue
-}, Ae = function() {
+  next: Ne,
+  error: Vr,
+  complete: Ne
+}, xe = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function Fr(e) {
+function Br(e) {
   return e;
 }
-function kr(e) {
-  return e.length === 0 ? Fr : e.length === 1 ? e[0] : function(t) {
+function Fr(e) {
+  return e.length === 0 ? Br : e.length === 1 ? e[0] : function(t) {
     return e.reduce(function(o, r) {
       return r(o);
     }, t);
   };
 }
-var _ = function() {
+var $ = function() {
   function e(n) {
     n && (this._subscribe = n);
   }
@@ -4020,10 +3942,10 @@ var _ = function() {
     var t = new e();
     return t.source = this, t.operator = n, t;
   }, 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));
+    var r = this, a = kr(n) ? n : new ye(n, t, o);
+    return ee(function() {
+      var i = r, s = i.operator, d = i.source;
+      a.add(s ? s.call(a, d) : d ? r._subscribe(a) : r._trySubscribe(a));
     }), a;
   }, e.prototype._trySubscribe = function(n) {
     try {
@@ -4033,37 +3955,37 @@ var _ = function() {
     }
   }, e.prototype.forEach = function(n, t) {
     var o = this;
-    return t = _e(t), new t(function(r, a) {
-      var l = new Se({
-        next: function(u) {
+    return t = Oe(t), new t(function(r, a) {
+      var i = new ye({
+        next: function(s) {
           try {
-            n(u);
-          } catch (s) {
-            a(s), l.unsubscribe();
+            n(s);
+          } catch (d) {
+            a(d), i.unsubscribe();
           }
         },
         error: a,
         complete: r
       });
-      o.subscribe(l);
+      o.subscribe(i);
     });
   }, e.prototype._subscribe = function(n) {
     var t;
     return (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(n);
-  }, e.prototype[Ae] = function() {
+  }, e.prototype[xe] = function() {
     return this;
   }, e.prototype.pipe = function() {
     for (var n = [], t = 0; t < arguments.length; t++)
       n[t] = arguments[t];
-    return kr(n)(this);
+    return Fr(n)(this);
   }, e.prototype.toPromise = function(n) {
     var t = this;
-    return n = _e(n), new n(function(o, r) {
+    return n = Oe(n), new n(function(o, r) {
       var a;
-      t.subscribe(function(l) {
-        return a = l;
-      }, function(l) {
-        return r(l);
+      t.subscribe(function(i) {
+        return a = i;
+      }, function(i) {
+        return r(i);
       }, function() {
         return o(a);
       });
@@ -4072,22 +3994,22 @@ var _ = function() {
     return new e(n);
   }, e;
 }();
-function _e(e) {
+function Oe(e) {
   var n;
-  return (n = e ?? yt.Promise) !== null && n !== void 0 ? n : Promise;
+  return (n = e ?? it.Promise) !== null && n !== void 0 ? n : Promise;
 }
-function Er(e) {
-  return e && N(e.next) && N(e.error) && N(e.complete);
+function Tr(e) {
+  return e && A(e.next) && A(e.error) && A(e.complete);
 }
-function Mr(e) {
-  return e && e instanceof Me || Er(e) && ft(e);
+function kr(e) {
+  return e && e instanceof Ve || Tr(e) && at(e);
 }
-function Ar(e) {
-  return N(e == null ? void 0 : e.lift);
+function Er(e) {
+  return A(e == null ? void 0 : e.lift);
 }
-function Pe(e) {
+function Be(e) {
   return function(n) {
-    if (Ar(n))
+    if (Er(n))
       return n.lift(function(t) {
         try {
           return e(t, this);
@@ -4098,36 +4020,36 @@ function Pe(e) {
     throw new TypeError("Unable to lift unknown Observable type");
   };
 }
-function mt(e, n, t, o, r) {
-  return new Pr(e, n, t, o, r);
+function ut(e, n, t, o, r) {
+  return new Ir(e, n, t, o, r);
 }
-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 = o ? function(i) {
+var Ir = function(e) {
+  q(n, e);
+  function n(t, o, r, a, i, s) {
+    var d = e.call(this, t) || this;
+    return d.onFinalize = i, d.shouldUnsubscribe = s, d._next = o ? function(l) {
       try {
-        o(i);
-      } catch (d) {
-        t.error(d);
+        o(l);
+      } catch (c) {
+        t.error(c);
       }
-    } : e.prototype._next, s._error = a ? function(i) {
+    } : e.prototype._next, d._error = a ? function(l) {
       try {
-        a(i);
-      } catch (d) {
-        t.error(d);
+        a(l);
+      } catch (c) {
+        t.error(c);
       } finally {
         this.unsubscribe();
       }
-    } : e.prototype._error, s._complete = r ? function() {
+    } : e.prototype._error, d._complete = r ? function() {
       try {
         r();
-      } catch (i) {
-        t.error(i);
+      } catch (l) {
+        t.error(l);
       } finally {
         this.unsubscribe();
       }
-    } : e.prototype._complete, s;
+    } : e.prototype._complete, d;
   }
   return n.prototype.unsubscribe = function() {
     var t;
@@ -4136,38 +4058,38 @@ var Pr = function(e) {
       e.prototype.unsubscribe.call(this), !o && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
     }
   }, n;
-}(Me), Ir = dt(function(e) {
+}(Ve), Mr = ot(function(e) {
   return function() {
     e(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), ht = function(e) {
-  Y(n, e);
+}), st = function(e) {
+  q(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 o = new Ge(this, this);
+    var o = new Le(this, this);
     return o.operator = t, o;
   }, n.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new Ir();
+      throw new Mr();
   }, n.prototype.next = function(t) {
     var o = this;
-    ie(function() {
+    ee(function() {
       var r, a;
       if (o._throwIfClosed(), !o.isStopped) {
         o.currentObservers || (o.currentObservers = Array.from(o.observers));
         try {
-          for (var l = Q(o.currentObservers), u = l.next(); !u.done; u = l.next()) {
-            var s = u.value;
-            s.next(t);
+          for (var i = Y(o.currentObservers), s = i.next(); !s.done; s = i.next()) {
+            var d = s.value;
+            d.next(t);
           }
-        } catch (i) {
-          r = { error: i };
+        } catch (l) {
+          r = { error: l };
         } finally {
           try {
-            u && !u.done && (a = l.return) && a.call(l);
+            s && !s.done && (a = i.return) && a.call(i);
           } finally {
             if (r) throw r.error;
           }
@@ -4176,7 +4098,7 @@ var Pr = function(e) {
     });
   }, n.prototype.error = function(t) {
     var o = this;
-    ie(function() {
+    ee(function() {
       if (o._throwIfClosed(), !o.isStopped) {
         o.hasError = o.isStopped = !0, o.thrownError = t;
         for (var r = o.observers; r.length; )
@@ -4185,7 +4107,7 @@ var Pr = function(e) {
     });
   }, n.prototype.complete = function() {
     var t = this;
-    ie(function() {
+    ee(function() {
       if (t._throwIfClosed(), !t.isStopped) {
         t.isStopped = !0;
         for (var o = t.observers; o.length; )
@@ -4206,21 +4128,21 @@ var Pr = function(e) {
   }, n.prototype._subscribe = function(t) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(t), this._innerSubscribe(t);
   }, n.prototype._innerSubscribe = function(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);
+    var o = this, r = this, a = r.hasError, i = r.isStopped, s = r.observers;
+    return a || i ? rt : (this.currentObservers = null, s.push(t), new Q(function() {
+      o.currentObservers = null, ae(s, t);
     }));
   }, n.prototype._checkFinalizedStatuses = function(t) {
-    var o = this, r = o.hasError, a = o.thrownError, l = o.isStopped;
-    r ? t.error(a) : l && t.complete();
+    var o = this, r = o.hasError, a = o.thrownError, i = o.isStopped;
+    r ? t.error(a) : i && t.complete();
   }, n.prototype.asObservable = function() {
-    var t = new _();
+    var t = new $();
     return t.source = this, t;
   }, n.create = function(t, o) {
-    return new Ge(t, o);
+    return new Le(t, o);
   }, n;
-}(_), Ge = function(e) {
-  Y(n, e);
+}($), Le = function(e) {
+  q(n, e);
   function n(t, o) {
     var r = e.call(this) || this;
     return r.destination = t, r.source = o, r;
@@ -4236,33 +4158,33 @@ var Pr = function(e) {
     (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 o, r;
-    return (r = (o = this.source) === null || o === void 0 ? void 0 : o.subscribe(t)) !== null && r !== void 0 ? r : pt;
+    return (r = (o = this.source) === null || o === void 0 ? void 0 : o.subscribe(t)) !== null && r !== void 0 ? r : rt;
   }, n;
-}(ht), Or = {
+}(st), Pr = {
   now: function() {
     return Date.now();
   },
   delegate: void 0
-}, Nr = function(e) {
-  Y(n, e);
+}, Ar = function(e) {
+  q(n, e);
   function n(t, o) {
     return e.call(this) || this;
   }
   return n.prototype.schedule = function(t, o) {
     return this;
   }, n;
-}(oe), qe = {
+}(Q), je = {
   setInterval: function(e, n) {
     for (var t = [], o = 2; o < arguments.length; o++)
       t[o - 2] = arguments[o];
-    return setInterval.apply(void 0, ce([e, n], se(t)));
+    return setInterval.apply(void 0, re([e, n], oe(t)));
   },
   clearInterval: function(e) {
     return clearInterval(e);
   },
   delegate: void 0
-}, jr = function(e) {
-  Y(n, e);
+}, Nr = function(e) {
+  q(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;
@@ -4272,14 +4194,14 @@ var Pr = function(e) {
     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, o)), this.pending = !0, this.delay = o, this.id = (r = this.id) !== null && r !== void 0 ? r : this.requestAsyncId(l, this.id, o), this;
+    var a = this.id, i = this.scheduler;
+    return a != null && (this.id = this.recycleAsyncId(i, a, o)), this.pending = !0, this.delay = o, this.id = (r = this.id) !== null && r !== void 0 ? r : this.requestAsyncId(i, 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);
+    return r === void 0 && (r = 0), je.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);
+    o != null && je.clearInterval(o);
   }, n.prototype.execute = function(t, o) {
     if (this.closed)
       return new Error("executing a cancelled action");
@@ -4292,28 +4214,28 @@ var Pr = function(e) {
     var r = !1, a;
     try {
       this.work(t);
-    } catch (l) {
-      r = !0, a = l || new Error("Scheduled action threw falsy error");
+    } catch (i) {
+      r = !0, a = i || new Error("Scheduled action threw falsy error");
     }
     if (r)
       return this.unsubscribe(), a;
   }, n.prototype.unsubscribe = function() {
     if (!this.closed) {
       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);
+      this.work = this.state = this.scheduler = null, this.pending = !1, ae(a, this), o != null && (this.id = this.recycleAsyncId(r, o, null)), this.delay = null, e.prototype.unsubscribe.call(this);
     }
   }, n;
-}(Nr), He = function() {
+}(Ar), $e = function() {
   function e(n, t) {
     t === void 0 && (t = e.now), this.schedulerActionCtor = n, this.now = t;
   }
   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);
+  }, e.now = Pr.now, e;
+}(), Or = function(e) {
+  q(n, e);
   function n(t, o) {
-    o === void 0 && (o = He.now);
+    o === void 0 && (o = $e.now);
     var r = e.call(this, t, o) || this;
     return r.actions = [], r._active = !1, r;
   }
@@ -4335,59 +4257,59 @@ var Pr = function(e) {
       throw r;
     }
   }, n;
-}(He), $r = new Lr(jr);
-function Dr(e) {
-  return e && N(e.schedule);
+}($e), Lr = new Or(Nr);
+function jr(e) {
+  return e && A(e.schedule);
 }
-function Rr(e) {
+function $r(e) {
   return e[e.length - 1];
 }
-function Ur(e) {
-  return Dr(Rr(e)) ? e.pop() : void 0;
+function Dr(e) {
+  return jr($r(e)) ? e.pop() : void 0;
 }
-var bt = function(e) {
+var ct = function(e) {
   return e && typeof e.length == "number" && typeof e != "function";
 };
-function gt(e) {
-  return N(e == null ? void 0 : e.then);
+function dt(e) {
+  return A(e == null ? void 0 : e.then);
 }
-function Ct(e) {
-  return N(e[Ae]);
+function pt(e) {
+  return A(e[xe]);
 }
-function St(e) {
-  return Symbol.asyncIterator && N(e == null ? void 0 : e[Symbol.asyncIterator]);
+function ft(e) {
+  return Symbol.asyncIterator && A(e == null ? void 0 : e[Symbol.asyncIterator]);
 }
-function wt(e) {
+function yt(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 _r() {
+function Ur() {
   return typeof Symbol != "function" || !Symbol.iterator ? "@@iterator" : Symbol.iterator;
 }
-var xt = _r();
-function Vt(e) {
-  return N(e == null ? void 0 : e[xt]);
+var vt = Ur();
+function mt(e) {
+  return A(e == null ? void 0 : e[vt]);
 }
-function Bt(e) {
-  return Cr(this, arguments, function() {
+function ht(e) {
+  return br(this, arguments, function() {
     var t, o, r, a;
-    return ct(this, function(l) {
-      switch (l.label) {
+    return nt(this, function(i) {
+      switch (i.label) {
         case 0:
-          t = e.getReader(), l.label = 1;
+          t = e.getReader(), i.label = 1;
         case 1:
-          l.trys.push([1, , 9, 10]), l.label = 2;
+          i.trys.push([1, , 9, 10]), i.label = 2;
         case 2:
-          return [4, X(t.read())];
+          return [4, z(t.read())];
         case 3:
-          return o = l.sent(), r = o.value, a = o.done, a ? [4, X(void 0)] : [3, 5];
+          return o = i.sent(), r = o.value, a = o.done, a ? [4, z(void 0)] : [3, 5];
         case 4:
-          return [2, l.sent()];
+          return [2, i.sent()];
         case 5:
-          return [4, X(r)];
+          return [4, z(r)];
         case 6:
-          return [4, l.sent()];
+          return [4, i.sent()];
         case 7:
-          return l.sent(), [3, 2];
+          return i.sent(), [3, 2];
         case 8:
           return [3, 10];
         case 9:
@@ -4398,63 +4320,63 @@ function Bt(e) {
     });
   });
 }
-function Tt(e) {
-  return N(e == null ? void 0 : e.getReader);
+function bt(e) {
+  return A(e == null ? void 0 : e.getReader);
 }
-function Ie(e) {
-  if (e instanceof _)
+function Fe(e) {
+  if (e instanceof $)
     return e;
   if (e != null) {
-    if (Ct(e))
+    if (pt(e))
+      return Rr(e);
+    if (ct(e))
       return Gr(e);
-    if (bt(e))
+    if (dt(e))
+      return _r(e);
+    if (ft(e))
+      return gt(e);
+    if (mt(e))
       return qr(e);
-    if (gt(e))
+    if (bt(e))
       return Hr(e);
-    if (St(e))
-      return Ft(e);
-    if (Vt(e))
-      return Wr(e);
-    if (Tt(e))
-      return zr(e);
-  }
-  throw wt(e);
+  }
+  throw yt(e);
 }
-function Gr(e) {
-  return new _(function(n) {
-    var t = e[Ae]();
-    if (N(t.subscribe))
+function Rr(e) {
+  return new $(function(n) {
+    var t = e[xe]();
+    if (A(t.subscribe))
       return t.subscribe(n);
     throw new TypeError("Provided object does not correctly implement Symbol.observable");
   });
 }
-function qr(e) {
-  return new _(function(n) {
+function Gr(e) {
+  return new $(function(n) {
     for (var t = 0; t < e.length && !n.closed; t++)
       n.next(e[t]);
     n.complete();
   });
 }
-function Hr(e) {
-  return new _(function(n) {
+function _r(e) {
+  return new $(function(n) {
     e.then(function(t) {
       n.closed || (n.next(t), n.complete());
     }, function(t) {
       return n.error(t);
-    }).then(null, vt);
+    }).then(null, lt);
   });
 }
-function Wr(e) {
-  return new _(function(n) {
+function qr(e) {
+  return new $(function(n) {
     var t, o;
     try {
-      for (var r = Q(e), a = r.next(); !a.done; a = r.next()) {
-        var l = a.value;
-        if (n.next(l), n.closed)
+      for (var r = Y(e), a = r.next(); !a.done; a = r.next()) {
+        var i = a.value;
+        if (n.next(i), n.closed)
           return;
       }
-    } catch (u) {
-      t = { error: u };
+    } catch (s) {
+      t = { error: s };
     } finally {
       try {
         a && !a.done && (o = r.return) && o.call(r);
@@ -4465,41 +4387,41 @@ function Wr(e) {
     n.complete();
   });
 }
-function Ft(e) {
-  return new _(function(n) {
-    Yr(e, n).catch(function(t) {
+function gt(e) {
+  return new $(function(n) {
+    Wr(e, n).catch(function(t) {
       return n.error(t);
     });
   });
 }
-function zr(e) {
-  return Ft(Bt(e));
+function Hr(e) {
+  return gt(ht(e));
 }
-function Yr(e, n) {
+function Wr(e, n) {
   var t, o, r, a;
-  return gr(this, void 0, void 0, function() {
-    var l, u;
-    return ct(this, function(s) {
-      switch (s.label) {
+  return hr(this, void 0, void 0, function() {
+    var i, s;
+    return nt(this, function(d) {
+      switch (d.label) {
         case 0:
-          s.trys.push([0, 5, 6, 11]), t = Sr(e), s.label = 1;
+          d.trys.push([0, 5, 6, 11]), t = gr(e), d.label = 1;
         case 1:
           return [4, t.next()];
         case 2:
-          if (o = s.sent(), !!o.done) return [3, 4];
-          if (l = o.value, n.next(l), n.closed)
+          if (o = d.sent(), !!o.done) return [3, 4];
+          if (i = o.value, n.next(i), n.closed)
             return [2];
-          s.label = 3;
+          d.label = 3;
         case 3:
           return [3, 1];
         case 4:
           return [3, 11];
         case 5:
-          return u = s.sent(), r = { error: u }, [3, 11];
+          return s = d.sent(), r = { error: s }, [3, 11];
         case 6:
-          return s.trys.push([6, , 9, 10]), o && !o.done && (a = t.return) ? [4, a.call(t)] : [3, 8];
+          return d.trys.push([6, , 9, 10]), o && !o.done && (a = t.return) ? [4, a.call(t)] : [3, 8];
         case 7:
-          s.sent(), s.label = 8;
+          d.sent(), d.label = 8;
         case 8:
           return [3, 10];
         case 9:
@@ -4513,7 +4435,7 @@ function Yr(e, n) {
     });
   });
 }
-function Z(e, n, t, o, r) {
+function H(e, n, t, o, r) {
   o === void 0 && (o = 0), r === void 0 && (r = !1);
   var a = n.schedule(function() {
     t(), r ? e.add(this.schedule(null, o)) : this.unsubscribe();
@@ -4521,70 +4443,70 @@ function Z(e, n, t, o, r) {
   if (e.add(a), !r)
     return a;
 }
-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() {
+function St(e, n) {
+  return n === void 0 && (n = 0), Be(function(t, o) {
+    t.subscribe(ut(o, function(r) {
+      return H(o, e, function() {
         return o.next(r);
       }, n);
     }, function() {
-      return Z(o, e, function() {
+      return H(o, e, function() {
         return o.complete();
       }, n);
     }, function(r) {
-      return Z(o, e, function() {
+      return H(o, e, function() {
         return o.error(r);
       }, n);
     }));
   });
 }
-function Et(e, n) {
-  return n === void 0 && (n = 0), Pe(function(t, o) {
+function Ct(e, n) {
+  return n === void 0 && (n = 0), Be(function(t, o) {
     o.add(e.schedule(function() {
       return t.subscribe(o);
     }, n));
   });
 }
-function Zr(e, n) {
-  return Ie(e).pipe(Et(n), kt(n));
+function zr(e, n) {
+  return Fe(e).pipe(Ct(n), St(n));
 }
-function Jr(e, n) {
-  return Ie(e).pipe(Et(n), kt(n));
+function Yr(e, n) {
+  return Fe(e).pipe(Ct(n), St(n));
 }
-function Xr(e, n) {
-  return new _(function(t) {
+function Zr(e, n) {
+  return new $(function(t) {
     var o = 0;
     return n.schedule(function() {
       o === e.length ? t.complete() : (t.next(e[o++]), t.closed || this.schedule());
     });
   });
 }
-function Qr(e, n) {
-  return new _(function(t) {
+function Xr(e, n) {
+  return new $(function(t) {
     var o;
-    return Z(t, n, function() {
-      o = e[xt](), Z(t, n, function() {
-        var r, a, l;
+    return H(t, n, function() {
+      o = e[vt](), H(t, n, function() {
+        var r, a, i;
         try {
-          r = o.next(), a = r.value, l = r.done;
-        } catch (u) {
-          t.error(u);
+          r = o.next(), a = r.value, i = r.done;
+        } catch (s) {
+          t.error(s);
           return;
         }
-        l ? t.complete() : t.next(a);
+        i ? t.complete() : t.next(a);
       }, 0, !0);
     }), function() {
-      return N(o == null ? void 0 : o.return) && o.return();
+      return A(o == null ? void 0 : o.return) && o.return();
     };
   });
 }
-function Mt(e, n) {
+function wt(e, n) {
   if (!e)
     throw new Error("Iterable cannot be null");
-  return new _(function(t) {
-    Z(t, n, function() {
+  return new $(function(t) {
+    H(t, n, function() {
       var o = e[Symbol.asyncIterator]();
-      Z(t, n, function() {
+      H(t, n, function() {
         o.next().then(function(r) {
           r.done ? t.complete() : t.next(r.value);
         });
@@ -4592,235 +4514,235 @@ function Mt(e, n) {
     });
   });
 }
-function Kr(e, n) {
-  return Mt(Bt(e), n);
+function Jr(e, n) {
+  return wt(ht(e), n);
 }
-function ea(e, n) {
+function Qr(e, n) {
   if (e != null) {
-    if (Ct(e))
+    if (pt(e))
+      return zr(e, n);
+    if (ct(e))
       return Zr(e, n);
-    if (bt(e))
+    if (dt(e))
+      return Yr(e, n);
+    if (ft(e))
+      return wt(e, n);
+    if (mt(e))
       return Xr(e, n);
-    if (gt(e))
+    if (bt(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 wt(e);
+  }
+  throw yt(e);
 }
-function ta(e, n) {
-  return n ? ea(e, n) : Ie(e);
+function Kr(e, n) {
+  return n ? Qr(e, n) : Fe(e);
 }
-function na() {
+function ea() {
   for (var e = [], n = 0; n < arguments.length; n++)
     e[n] = arguments[n];
-  var t = Ur(e);
-  return ta(e, t);
+  var t = Dr(e);
+  return Kr(e, t);
 }
-function oa(e, n) {
-  return n === void 0 && (n = $r), Pe(function(t, o) {
-    var r = null, a = null, l = null, u = function() {
+function ta(e, n) {
+  return n === void 0 && (n = Lr), Be(function(t, o) {
+    var r = null, a = null, i = null, s = function() {
       if (r) {
         r.unsubscribe(), r = null;
-        var i = a;
-        a = null, o.next(i);
+        var l = a;
+        a = null, o.next(l);
       }
     };
-    function s() {
-      var i = l + e, d = n.now();
-      if (d < i) {
-        r = this.schedule(void 0, i - d), o.add(r);
+    function d() {
+      var l = i + e, c = n.now();
+      if (c < l) {
+        r = this.schedule(void 0, l - c), o.add(r);
         return;
       }
-      u();
+      s();
     }
-    t.subscribe(mt(o, function(i) {
-      a = i, l = n.now(), r || (r = n.schedule(s, e), o.add(r));
+    t.subscribe(ut(o, function(l) {
+      a = l, i = n.now(), r || (r = n.schedule(d, e), o.add(r));
     }, function() {
-      u(), o.complete();
+      s(), o.complete();
     }, void 0, function() {
       a = r = null;
     }));
   });
 }
-const me = /* @__PURE__ */ G({
+const ce = /* @__PURE__ */ D({
   name: "FPropertyEditor",
-  props: Ze,
+  props: _e,
   emits: ["propertyEditorValueChanged"],
   setup(e, n) {
-    const t = v(Gn), o = v(""), r = v("const"), a = v([]), l = v(!1);
+    const t = b(Gn), o = b(""), r = b("const"), a = b([]), i = b(!1);
+    let s;
+    const d = b(""), l = b(""), c = b([]);
     let u;
-    const s = v(""), i = v(""), d = v([]);
-    let c;
-    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: M,
-      dataStatesBindValue: x,
-      dataStatesValueArray: T,
-      constEnumBindValue: C,
-      setValue: F
-    } = hr(t, a, r, c, p, o, y), {
-      updateData: A,
-      changeState: I,
-      prefix: W,
-      propertyEditorValueChange: U
-    } = br(n, t, C, a, P, f, c, p, T, o, b, r);
-    function K() {
-      S.value = _n.value.filter((h) => t.value.editorOptions.types.includes(h.id));
+    const f = b([]), p = b("是");
+    b("");
+    const y = b(!1), v = b("<span class='f-icon f-icon-more-horizontal'></span>"), m = b(!1), S = b([]), {
+      numberConstValue: V,
+      bindVariableValue: k,
+      dataStatesBindValue: w,
+      dataStatesValueArray: g,
+      constEnumBindValue: x,
+      setValue: T
+    } = vr(t, a, r, u, p, o, y), {
+      updateData: M,
+      changeState: R,
+      prefix: le,
+      propertyEditorValueChange: Vt
+    } = mr(n, t, x, a, P, f, u, p, g, o, m, r);
+    function xt() {
+      S.value = Rn.value.filter((h) => t.value.editorOptions.types.includes(h.id));
     }
-    function k() {
-      r.value = B(S.value.find((h) => h.id === t.value.propertyValue.type));
+    function Bt() {
+      r.value = F(S.value.find((h) => h.id === t.value.propertyValue.type));
     }
-    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 Ft() {
+      Bt(), r.value.id === "variable" && t.value.propertyValue.value === void 0 && (t.value.propertyValue = F(P.value.variableValue)), P.value[`${r.value.id}Value`] = F(t.value.propertyValue), T();
     }
-    function re(h) {
-      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 Tt(h) {
+      r.value = F(S.value.find((N) => N.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" && Ut(), M();
     }
-    function fe(h) {
-      C.value = B(h.value), t.value.propertyValue.value = B(h.value), P.value.constValue.value = B(h.value), A();
+    function kt(h) {
+      x.value = F(h.value), t.value.propertyValue.value = F(h.value), P.value.constValue.value = F(h.value), M();
     }
-    function At(h) {
-      P.value.constValue.value = h, A();
+    function Et(h) {
+      P.value.constValue.value = h, M();
     }
-    function Pt(h) {
-      P.value.constValue.value = h, A();
+    function It(h) {
+      P.value.constValue.value = h, M();
     }
-    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 Mt() {
+      const h = t.value.propertyName, N = h[0].toUpperCase() + h.substr(1), j = t.value.controlName, Ee = t.value.editorOptions.newVariablePrefix || "", en = Ee ? j[0].toUpperCase() + j.substr(1) : j[0].toLowerCase() + j.substr(1);
+      s = `${Ee}${en}${N}`, Pt();
     }
-    function Ot() {
-      Nt(), r.value.id === "variable" && (M.value = t.value.propertyValue.value.path), Oe(), i.value !== t.value.propertyValue.value.path && A();
+    function Pt() {
+      At(), r.value.id === "variable" && (k.value = t.value.propertyValue.value.path), Te(), l.value !== t.value.propertyValue.value.path && M();
     }
-    function Nt() {
-      var j;
+    function At() {
+      var N;
       let h = 0;
-      (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);
+      (N = t.value.editorOptions.variables) == null || N.forEach((j) => {
+        j.path !== s ? h += 1 : (l.value = t.value.propertyValue.value.path, t.value.propertyValue.value = F(j), P.value.variableValue.value = F(j));
+      }), Nt(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, 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) {
+      var N;
+      h === ((N = t.value.editorOptions.variables) == null ? void 0 : N.length) && (t.value.propertyValue.value.category = "local", t.value.propertyValue.value.path = s, t.value.propertyValue.value.field = d, t.value.propertyValue.value.fullPath = s, t.value.propertyValue.value.newVariableType = t.value.editorOptions.newVariableType, Vt.value.isNewVariable = !0, t.value.editorOptions.variables.push(F(t.value.propertyValue.value)), P.value.variableValue.value = F(t.value.propertyValue.value));
     }
-    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(h) {
+      !h || !h.selections || h.selections.length < 1 || (P.value.variableValue.value.category = F(h.selections[0].category), P.value.variableValue.value.path = F(h.selections[0].path), P.value.variableValue.value.fullPath = F(h.selections[0].fullPath), P.value.variableValue.value.field = F(h.selections[0].field), k.value = F(h.value), M());
     }
-    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 Lt() {
+      t.value.propertyValue.value.category = "", t.value.propertyValue.value.path = "", t.value.propertyValue.value.field = "", t.value.propertyValue.value.fullPath = "", r.value.id === "variable" && (k.value = t.value.propertyValue.value.path), M();
     }
-    function Oe() {
-      d.value = B(t.value.editorOptions.variables);
+    function Te() {
+      c.value = F(t.value.editorOptions.variables);
     }
-    const Dt = (h) => {
-      const j = t.value.editorOptions.getVariables, R = {
+    const jt = (h) => {
+      const N = t.value.editorOptions.getVariables, j = {
         showDialog: !0
       };
-      return j && (d.value = j(), h && (h.data = d)), na(R);
+      return N && (c.value = N(), h && (h.data = c)), ea(j);
     };
-    function Rt(h) {
-      const j = {
+    function $t(h) {
+      const N = {
         id: h[0].id,
         name: h[0].exist,
         exist: h[0].name
       };
-      P.value.stateMachineValue.value = B(j), p.value = t.value.propertyValue.value.exist === "是" ? "是" : "否", c = B(j.id), A();
+      P.value.stateMachineValue.value = F(N), p.value = t.value.propertyValue.value.exist === "是" ? "是" : "否", u = F(N.id), M();
     }
-    function Ut() {
-      f.value = B(t.value.editorOptions.stateMachine), p.value = P.value.stateMachineValue.value.exist === "是" ? "是" : "否";
+    function Dt() {
+      f.value = F(t.value.editorOptions.stateMachine), p.value = P.value.stateMachineValue.value.exist === "是" ? "是" : "否";
     }
-    const Ne = new ht();
-    function _t() {
-      Ne.pipe(oa(700)).subscribe((h) => {
-        P.value.customValue.value = h, A();
+    const ke = new st();
+    function Ut() {
+      ke.pipe(ta(700)).subscribe((h) => {
+        P.value.customValue.value = h, M();
       });
     }
-    function Gt(h) {
-      Ne.next(h);
+    function Rt(h) {
+      ke.next(h);
     }
-    function qt() {
+    function Gt() {
     }
-    function Ht(h) {
-      t.value.propertyValue.value = B(h), P.value.dataStatesValue.value = B(h);
-      const j = h.map((R) => R.valueField).join(",");
-      x.value = B(j), A();
+    function _t(h) {
+      t.value.propertyValue.value = F(h), P.value.dataStatesValue.value = F(h);
+      const N = h.map((j) => j.valueField).join(",");
+      w.value = F(N), M();
     }
-    function Wt() {
-      return g("div", {
+    function qt() {
+      return C("div", {
         class: "f-page-single-property-editor-component-right-variable"
-      }, [g(H, {
+      }, [C(G, {
         class: [{
-          "form-control-select-show": l.value
+          "form-control-select-show": i.value
         }, {
-          "form-control-select-hide": !l.value
+          "form-control-select-hide": !i.value
         }],
-        modelValue: M.value,
-        "onUpdate:modelValue": (h) => M.value = h,
+        modelValue: k.value,
+        "onUpdate:modelValue": (h) => k.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !0,
         valueField: "path",
         textField: "fullPath",
-        data: d.value,
-        beforeShow: Dt,
-        readonly: b.value,
+        data: c.value,
+        beforeShow: jt,
+        readonly: m.value,
         editable: !1,
-        onValueChange: (h) => Lt(h),
-        onClear: $t
-      }, null), l.value ? g("div", {
+        onValueChange: (h) => Ot(h),
+        onClear: Lt
+      }, null), i.value ? C("div", {
         class: "f-page-single-property-editor-component-variable-button"
-      }, [g("button", {
+      }, [C("button", {
         title: "variable-button",
         class: "f-variable-button",
-        onClick: It
-      }, [g("span", {
+        onClick: Mt
+      }, [C("span", {
         class: "f-icon f-icon-add",
         style: "margin:unset;"
       }, null)])]) : ""]);
     }
-    function zt() {
-      return g("div", {
+    function Ht() {
+      return C("div", {
         class: "f-page-single-property-editor-component-right-customize"
-      }, [he(g("input", {
+      }, [de(C("input", {
         class: "form-control",
         placeholder: "输入自定义内容",
         "onUpdate:modelValue": (h) => P.value.customValue.value = h,
-        onChange: (h) => Gt(h.target.value),
-        disabled: b.value
-      }, null), [[Le, P.value.customValue.value]])]);
+        onChange: (h) => Rt(h.target.value),
+        disabled: m.value
+      }, null), [[Ie, P.value.customValue.value]])]);
     }
-    function Yt() {
-      return g("div", {
+    function Wt() {
+      return C("div", {
         class: "f-page-single-property-editor-component-right-expression"
-      }, [g(ee, {
+      }, [C(Z, {
         editable: !1,
         enableClear: !1,
-        readonly: b.value,
-        groupText: m.value,
+        readonly: m.value,
+        groupText: v.value,
         modelValue: o.value,
         "onUpdate:modelValue": (h) => o.value = h,
-        onClickHandle: qt
+        onClickHandle: Gt
       }, null)]);
     }
-    function Zt() {
-      return g("div", {
+    function zt() {
+      return C("div", {
         class: "f-page-single-property-editor-component-right-stateMachine"
-      }, [g("div", {
+      }, [C("div", {
         class: "f-stateMachine-exist",
-        onClick: I
-      }, [p.value]), g("div", {
+        onClick: R
+      }, [p.value]), C("div", {
         class: "f-stateMachine-combo",
         style: "border:unset"
-      }, [g(H, {
-        modelValue: c,
-        "onUpdate:modelValue": (h) => c = h,
+      }, [C(G, {
+        modelValue: u,
+        "onUpdate:modelValue": (h) => u = h,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4828,18 +4750,18 @@ const me = /* @__PURE__ */ G({
         textField: "name",
         data: f.value,
         editable: !1,
-        readonly: b.value,
+        readonly: m.value,
         onChange: (h) => {
-          Rt(h);
+          $t(h);
         }
       }, null)])]);
     }
-    function Jt() {
-      return g("div", {
+    function Yt() {
+      return C("div", {
         class: "f-page-single-property-editor-component-right-dataStates"
-      }, [g(H, {
-        modelValue: x.value,
-        "onUpdate:modelValue": (h) => x.value = h,
+      }, [C(G, {
+        modelValue: w.value,
+        "onUpdate:modelValue": (h) => w.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4848,27 +4770,27 @@ const me = /* @__PURE__ */ G({
         valueField: "valueField",
         textField: "textField",
         titleField: "titleField",
-        data: T.value,
+        data: g.value,
         editable: !1,
-        readonly: b.value,
-        onChange: (h) => Ht(h)
+        readonly: m.value,
+        onChange: (h) => _t(h)
       }, null)]);
     }
-    function Xt() {
-      return he(g("input", {
+    function Zt() {
+      return de(C("input", {
         class: "form-control",
         "onUpdate:modelValue": (h) => P.value.constValue.value = h,
         onChange: (h) => {
-          Pt(h);
+          It(h);
         },
-        disabled: b.value,
+        disabled: m.value,
         placeholder: "输入自定义内容"
-      }, null), [[Le, P.value.constValue.value]]);
+      }, null), [[Ie, P.value.constValue.value]]);
     }
-    function Qt() {
-      return g(H, {
-        modelValue: C.value,
-        "onUpdate:modelValue": (h) => C.value = h,
+    function Xt() {
+      return C(G, {
+        modelValue: x.value,
+        "onUpdate:modelValue": (h) => x.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4876,26 +4798,26 @@ const me = /* @__PURE__ */ G({
         textField: "value",
         data: a.value,
         editable: !1,
-        readonly: b.value,
-        onValueChange: (h) => fe(h)
+        readonly: m.value,
+        onValueChange: (h) => kt(h)
       }, null);
     }
-    function Kt() {
-      return g(te, {
+    function Jt() {
+      return C(X, {
         canNull: !0,
-        readonly: b.value,
-        modelValue: E.value,
-        "onUpdate:modelValue": (h) => E.value = h,
+        readonly: m.value,
+        modelValue: V.value,
+        "onUpdate:modelValue": (h) => V.value = h,
         onValueChange: (h) => {
-          At(h);
+          Et(h);
         },
         class: "f-page-single-property-editor-component-const-number"
       }, null);
     }
-    function en() {
-      return g("div", {
+    function Qt() {
+      return C("div", {
         class: "f-page-single-property-editor-component-left-controller"
-      }, [g(H, {
+      }, [C(G, {
         modelValue: r.value.id,
         "onUpdate:modelValue": (h) => r.value.id = h,
         placeholder: "",
@@ -4904,34 +4826,34 @@ const me = /* @__PURE__ */ G({
         textField: "label",
         data: S.value,
         editable: !1,
-        readonly: b.value,
-        onChange: (h) => re(h)
+        readonly: m.value,
+        onChange: (h) => Tt(h)
       }, null)]);
     }
-    function tn() {
-      return g("div", {
+    function Kt() {
+      return C("div", {
         class: "f-page-single-property-editor-component-right-controller"
-      }, [r.value.id === "const" ? g("div", {
+      }, [r.value.id === "const" ? C("div", {
         class: "f-page-single-property-editor-component-right-const"
-      }, [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() : ""]);
+      }, [t.value.propertyType === "string" ? Zt() : "", t.value.propertyType === "enum" ? Xt() : "", t.value.propertyType === "number" ? Jt() : ""]) : "", r.value.id === "variable" ? qt() : "", r.value.id === "custom" ? Ht() : "", r.value.id === "expression" && y.value ? Wt() : "", r.value.id === "stateMachine" ? zt() : "", r.value.id === "dataStates" ? Yt() : ""]);
     }
-    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", {
+    return U(() => {
+      xt(), Ft(), Te(), Dt(), t.value.hasPrefix && t.value.hasPrefix === 2 && (le.value = !0), t.value.controlName !== void 0 && (i.value = !0);
+    }), () => C(pe, null, [C("div", {
       class: "f-page-single-property-editor-component clearfix"
-    }, [en(), tn()])]);
+    }, [Qt(), Kt()])]);
   }
-}), ya = {
+}), pa = {
   install(e) {
-    e.component(me.name, me);
+    e.component(ce.name, ce);
   },
   register(e, n, t, o) {
-    e["property-editor"] = me, n["property-editor"] = Un;
+    e["property-editor"] = ce, n["property-editor"] = Un;
   }
 };
 export {
-  ya as default,
-  me as propertyEditor,
-  Ze as propertyEditorProps,
+  pa as default,
+  ce as propertyEditor,
+  _e as propertyEditorProps,
   Un as propsResolver
 };