@farris/ui-vue 1.2.7 → 1.2.9

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

@@ -1,61 +1,63 @@
 var Kt = Object.defineProperty;
-var Jt = (e, n, t) => n in e ? Kt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var j = (e, n, t) => Jt(e, typeof n != "symbol" ? n + "" : n, t);
-import { ref as y, defineComponent as q, watch as N, computed as V, createVNode as S, inject as Z, onMounted as G, nextTick as Ie, reactive as en, withDirectives as ve, resolveDirective as tn, Fragment as ye, vModelText as Oe } from "vue";
-import { cloneDeep as F } from "lodash-es";
-import nn from "@farris/ui-vue/components/list-view";
-import _e from "@farris/ui-vue/components/button-edit";
-import { useDesignerComponent as on } from "@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-component";
+var en = (e, n, t) => n in e ? Kt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var $ = (e, n, t) => en(e, typeof n != "symbol" ? n + "" : n, t);
+import { ref as y, defineComponent as W, computed as x, watch as O, createVNode as w, inject as Q, onMounted as H, nextTick as je, reactive as tn, withDirectives as me, resolveDirective as nn, Fragment as he, vModelText as De } from "vue";
+import { cloneDeep as B } from "lodash-es";
+import rn from "../list-view/index.esm.js";
+import on from "../button-edit/index.esm.js";
+import an from "../button-edit/index.esm.js/src/designer/button-edit.design.component";
+import { getSchemaByType as $e } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as ln } from "../designer-canvas/index.esm.js";
 import L from "bignumber.js";
-import { useNumber as rn, useFormat as an, useSpinner as ln, useTextBox as un } from "@farris/ui-vue/components/number-spinner";
-const He = {}, Ge = {};
-function ge(e) {
-  const { properties: n, title: t } = e, o = Object.keys(n).reduce((r, a) => (r[a] = n[a].type === "object" && n[a].properties ? ge(n[a]) : F(n[a].default), r), {});
-  return o.id = `${t}-${Date.now()}`, o;
+import { useNumber as un, useFormat as sn, useSpinner as cn, useTextBox as dn } from "../number-spinner/index.esm.js";
+const qe = {}, We = {};
+function we(e) {
+  const { properties: n, title: t, ignore: r } = e, o = r && Array.isArray(r), a = Object.keys(n).reduce((l, u) => ((!o || !r.find((s) => s == u)) && (l[u] = n[u].type === "object" && n[u].properties ? we(n[u]) : B(n[u].default)), l), {});
+  return (!o || !r.find((l) => l == "id")) && (a.id = `${t}-${Date.now()}`), a;
 }
-function me(e, n = {}) {
-  const t = He[e];
-  if (t) {
-    let o = ge(t);
-    const r = Ge[e];
-    return o = r ? r({ getSchemaByType: me }, o, n) : o, o;
+function be(e, n = {}, t) {
+  const r = qe[e];
+  if (r) {
+    let o = we(r);
+    const a = We[e];
+    return o = a ? a({ getSchemaByType: be }, o, n, t) : o, o;
   }
   return null;
 }
-function sn(e, n) {
-  const t = ge(n);
-  return Object.keys(e).reduce((o, r) => (o[r] = e[r], o), t), t;
+function pn(e, n) {
+  const t = we(n);
+  return Object.keys(e).reduce((r, o) => (r[o] && typeof r[o] == "object" ? Object.assign(r[o], e[o]) : r[o] = e[o], r), t), t;
 }
-function cn(e, n) {
-  return Object.keys(e).filter((o) => e[o] != null).reduce((o, r) => {
-    if (n.has(r)) {
-      const a = n.get(r);
+function fn(e, n) {
+  return Object.keys(e).filter((r) => e[r] != null).reduce((r, o) => {
+    if (n.has(o)) {
+      const a = n.get(o);
       if (typeof a == "string")
-        o[a] = e[r];
+        r[a] = e[o];
       else {
-        const l = a(r, e[r], e);
-        Object.assign(o, l);
+        const l = a(o, e[o], e);
+        Object.assign(r, l);
       }
     } else
-      o[r] = e[r];
-    return o;
+      r[o] = e[o];
+    return r;
   }, {});
 }
-function dn(e, n, t = /* @__PURE__ */ new Map()) {
-  const o = sn(e, n);
-  return cn(o, t);
+function vn(e, n, t = /* @__PURE__ */ new Map()) {
+  const r = pn(e, n);
+  return fn(r, t);
 }
-function pn(e = {}) {
+function yn(e = {}) {
   function n(i, d, c, f) {
     if (typeof c == "number")
       return f[i].length === c;
     if (typeof c == "object") {
-      const s = Object.keys(c)[0], v = c[s];
-      if (s === "not")
+      const p = Object.keys(c)[0], v = c[p];
+      if (p === "not")
         return Number(f[i].length) !== Number(v);
-      if (s === "moreThan")
+      if (p === "moreThan")
         return Number(f[i].length) >= Number(v);
-      if (s === "lessThan")
+      if (p === "lessThan")
         return Number(f[i].length) <= Number(v);
     }
     return !1;
@@ -63,49 +65,47 @@ function pn(e = {}) {
   function t(i, d, c, f) {
     return f[i] && f[i].propertyValue && String(f[i].propertyValue.value) === String(c);
   }
-  const o = /* @__PURE__ */ new Map([
+  const r = /* @__PURE__ */ new Map([
     ["length", n],
     ["getProperty", t]
   ]);
-  Object.keys(e).reduce((i, d) => (i.set(d, e[d]), i), o);
-  function r(i, d) {
+  Object.keys(e).reduce((i, d) => (i.set(d, e[d]), i), r);
+  function o(i, d) {
     const c = i;
     return typeof d == "number" ? [{ target: c, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: c, operator: "getProperty", param: i, value: !!d }] : typeof d == "object" ? Object.keys(d).map((f) => {
       if (f === "length")
         return { target: c, operator: "length", param: null, value: d[f] };
-      const s = f, v = d[f];
-      return { target: c, operator: "getProperty", param: s, value: v };
+      const p = f, v = d[f];
+      return { target: c, operator: "getProperty", param: p, value: v };
     }) : [];
   }
   function a(i) {
     return Object.keys(i).reduce((c, f) => {
-      const s = r(f, i[f]);
-      return c.push(...s), c;
+      const p = o(f, i[f]);
+      return c.push(...p), c;
     }, []);
   }
   function l(i, d) {
-    if (o.has(i.operator)) {
-      const c = o.get(i.operator);
+    if (r.has(i.operator)) {
+      const c = r.get(i.operator);
       return c && c(i.target, i.param, i.value, d) || !1;
     }
     return !1;
   }
   function u(i, d) {
-    return a(i).reduce((s, v) => s && l(v, d), !0);
+    return a(i).reduce((p, v) => p && l(v, d), !0);
   }
-  function p(i, d) {
-    const c = Object.keys(i), f = c.includes("allOf"), s = c.includes("anyOf"), v = f || s, x = (v ? i[v ? f ? "allOf" : "anyOf" : "allOf"] : [i]).map((E) => u(E, d));
-    return f ? !x.includes(!1) : x.includes(!0);
+  function s(i, d) {
+    const c = Object.keys(i), f = c.includes("allOf"), p = c.includes("anyOf"), v = f || p, S = (v ? i[v ? f ? "allOf" : "anyOf" : "allOf"] : [i]).map((k) => u(k, d));
+    return f ? !S.includes(!1) : S.includes(!0);
   }
-  return { parseValueSchema: p };
+  return { parseValueSchema: s };
 }
-const g = {
-  Button: { type: "Button", name: "按钮", icon: "Button" },
-  ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
+const V = {
+  button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
-  "response-toolbar-item": { type: "response-toolbar-item", name: "工具栏项", icon: "Button" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
   "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
-  DisplayField: { type: "DisplayField", name: "标签", icon: "DisplayField" },
   "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
   textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
   lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
@@ -116,118 +116,47 @@ const g = {
   "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
   "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
   "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
-  /** 暂时没用 */
-  FlexLayout: { type: "FlexLayout", name: "弹性布局" },
-  /** 暂时没用 */
-  FlowLayout: { type: "FlowLayout", name: "流布局" },
-  ResponseLayout: { type: "ResponseLayout", name: "布局容器", icon: "ResponseLayout3" },
-  ResponseLayoutItem: { type: "ResponseLayoutItem", name: "布局", icon: "ResponseLayout1" },
+  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
   "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
-  TreeGridField: { type: "TreeGridField", name: "树表格列" },
-  FieldSet: { type: "FieldSet", name: "分组", icon: "FieldSet" },
-  Form: { type: "Form", name: "卡片面板", icon: "Form" },
-  QueryForm: { type: "QueryForm", name: "查询面板", icon: "Form" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
   "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
   "data-grid-column": { type: "data-grid-column", name: "表格列" },
-  Panel: { type: "Panel", name: "面板", icon: "ContentContainer" },
-  Module: { type: "Module", name: "模块", icon: "Module" },
+  module: { type: "Module", name: "模块", icon: "Module" },
   component: { type: "component", name: "组件", icon: "Component" },
-  ExternalContainer: { type: "ExternalContainer", name: "外部容器", icon: "ContentContainer" },
-  Image: { type: "Image", name: "图像", icon: "Image" },
-  ImageUpload: { type: "ImageUpload", name: "图片上传", icon: "imageupload" },
-  HiddenContainer: { type: "HiddenContainer", name: "隐藏区域", icon: "ContentContainer" },
-  ModalContainer: { type: "ModalContainer", name: "弹窗容器", icon: "ContentContainer" },
-  RouteContainer: { type: "RouteContainer", name: "路由区域", icon: "ContentContainer" },
   tabs: { type: "tabs", name: "标签页", icon: "Tab" },
   "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
   "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
-  Tag: { type: "Tag", name: "Tag", icon: "Tag" },
-  Sidebar: { type: "Sidebar", name: "侧边栏", icon: "Sidebar" },
-  HtmlTemplate: { type: "HtmlTemplate", name: "模版容器", icon: "HtmlTemplate" },
-  ListView: { type: "ListView", name: "列表", icon: "ListView" },
-  RichTextBox: { type: "RichTextBox", name: "富文本", icon: "RichTextBox" },
-  TimeSpinner: { type: "TimeSpinner", name: "时间调节器", icon: "TimePicker" },
-  TimePicker: { type: "TimePicker", name: "时间选择", icon: "TimePicker" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
   section: { type: "section", name: "分组面板", icon: "Section" },
-  SectionToolbar: { type: "SectionToolbar", name: "分组面板工具栏" },
-  SectionToolbarItem: { type: "SectionToolbarItem", name: "分组面板按钮" },
-  QueryScheme: { type: "QueryScheme", name: "筛选方案", icon: "QueryScheme" },
-  FormHeader: { type: "FormHeader", name: "翻页" },
-  Splitter: { type: "Splitter", name: "分栏面板", icon: "Splitter" },
-  SplitterPane: { type: "SplitterPane", name: "分栏面板项", dependentParentControl: "Splitter" },
-  WizardDetail: { type: "WizardDetail", name: "向导详情页" },
-  WizardDetailContainer: { type: "WizardDetailContainer", name: "向导详情容器" },
-  Wizard: { type: "Wizard", name: "向导", icon: "Wizard" },
-  MultiSelect: { type: "MultiSelect", name: "数据分配", icon: "MultiSelect" },
-  Steps: { type: "Steps", name: "步骤条", icon: "Steps" },
-  avatar: { type: "avatar", name: "头像", icon: "Avatar" },
-  ListFilter: { type: "ListFilter", name: "筛选条", icon: "ListFilter" },
-  ListNav: { type: "ListNav", name: "列表导航", icon: "ListNav" },
-  NumberRange: { type: "NumberRange", name: "数字区间选择", icon: "NumericBox" },
-  Scrollspy: { type: "Scrollspy", name: "滚动监听", icon: "Scrollspy" },
-  LanguageTextBox: { type: "LanguageTextBox", name: "多语言输入框", icon: "LanguageTextBox" },
-  ComponentRef: { type: "ComponentRef", name: "组件引用节点" },
-  FileUpload: { type: "FileUpload", name: "附件上传", icon: "FileUpload" },
-  FilePreview: { type: "FilePreview", name: "附件预览", icon: "FilePreview" },
-  ViewChange: { type: "ViewChange", name: "多视图切换", icon: "Button" },
-  MultiViewContainer: { type: "MultiViewContainer", name: "多视图", icon: "MultiViewContainer" },
-  MultiViewItem: { type: "MultiViewItem", name: "多视图项", dependentParentControl: "MultiViewContainer" },
-  Footer: { type: "Footer", name: "页脚" },
-  DiscussionEditor: { type: "DiscussionEditor", name: "评论编辑区", icon: "DiscussionEditor" },
-  DiscussionList: { type: "DiscussionList", name: "评论列表", icon: "DiscussionList" },
-  NavTab: { type: "NavTab", name: "标签类导航", icon: "NavTab" },
-  Tags: { type: "Tags", name: "标记组", icon: "Tags" },
-  Portlet: { type: "Portlet", name: "小部件", icon: "dingzhi" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
-  ModalFooter: { type: "ModalFooter", name: "弹窗页脚", icon: "ModalFooter" },
-  ScrollCollapsibleArea: { type: "ScrollCollapsibleArea", name: "滚动收折区域", icon: "ScrollCollapsibleArea" },
-  PersonnelSelector: { type: "PersonnelSelector", name: "人员选择", icon: "PersonnelSelector" },
-  Table: { type: "Table", name: "表格", icon: "DataGrid" },
-  LoopContainer: { type: "LoopContainer", name: "循环容器", icon: "ContentContainer" },
-  FileUploadPreview: { type: "FileUploadPreview", name: "附件上传预览", icon: "FileUpload" },
-  DynamicArea: { type: "DynamicArea", name: "动态区域", icon: "ContentContainer" },
-  DynamicAreaItem: { type: "DynamicAreaItem", name: "动态区域项", icon: "ContentContainer" },
-  TabToolbar: { type: "TabToolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  HeaderToolBar: { type: "HeaderToolBar", name: "头部组件工具栏", icon: "HeaderToolBar" },
-  ModalFooterToolBar: { type: "ModalFooterToolBar", name: "底部组件工具栏", icon: "ModalFooterToolBar" },
-  HeaderToolBarItem: { type: "HeaderToolBarItem", name: "头部组件工具栏按钮", icon: "HeaderToolBarItem" },
-  ModalFooterToolBarItem: { type: "ModalFooterToolBarItem", name: "底部组件工具栏按钮", icon: "ModalFooterToolBarItem" },
-  OrganizationSelector: { type: "OrganizationSelector", name: "组织选择", icon: "OrganizationSelector" },
-  AdminOrganizationSelector: { type: "AdminOrganizationSelector", name: "组织选择", icon: "OrganizationSelector" },
-  EmployeeSelector: { type: "EmployeeSelector", name: "人员选择", icon: "PersonnelSelector" },
-  OaRelation: { type: "OaRelation", name: "关联行政审批", icon: "TextBox" },
-  CitySelector: { type: "CitySelector", name: "城市选择", icon: "CitySelector" },
-  ExtIntergration: { type: "ExtIntergration", name: "外部服务集成", icon: "ViewModel" },
-  AppointmentCalendar: { type: "AppointmentCalendar", name: "预约日历", icon: "DateBox" },
-  /** 查询类 start */
-  Charts: { type: "Charts", name: "图表", icon: "Charts" },
-  QdpFramework: { type: "QdpFramework", name: "查询结果工具栏", icon: "QdpFramework" },
-  SpreadSheet: { type: "SpreadSheet", name: "查询表格控件", icon: "Charts" },
-  QdpConditionDialog: { type: "QdpConditionDialog", name: "查询筛选对话框", icon: "ContentContainer" },
-  QdpConditionDialogTab: { type: "QdpConditionDialogTab", name: "查询筛选标签页", icon: "Tab" },
-  /** 查询类 end */
-  /** 审批类 start */
-  ApprovalLogs: { type: "ApprovalLogs", name: "审批记录", icon: "ApprovalLogs" },
-  ApprovalComments: { type: "ApprovalComments", name: "审批意见", icon: "shenpiyijian" }
-  /** 审批类 end */
-}, fn = {}, vn = {};
-pn();
-function ue(e, n, t = /* @__PURE__ */ new Map(), o = (l, u, p) => u, r = {}, a = (l) => l) {
-  return He[n.title] = n, Ge[n.title] = o, fn[n.title] = r, vn[n.title] = a, (l = {}) => {
-    const u = dn(l, n, t), p = Object.keys(e).reduce((i, d) => (i[d] = e[d].default, i), {});
-    return Object.assign(p, u);
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+}, mn = {}, hn = {};
+yn();
+function ce(e, n, t = /* @__PURE__ */ new Map(), r = (l, u, s) => u, o = {}, a = (l) => l) {
+  return qe[n.title] = n, We[n.title] = r, mn[n.title] = o, hn[n.title] = a, (l = {}) => {
+    const u = vn(l, n, t), s = Object.keys(e).reduce((i, d) => (i[d] = e[d].default, i), {});
+    return Object.assign(s, u);
   };
 }
-function se(e, n) {
+function de(e, n) {
   return { customClass: n.class, customStyle: n.style };
 }
-const yn = /* @__PURE__ */ new Map([
-  ["appearance", se]
+const bn = /* @__PURE__ */ new Map([
+  ["appearance", de]
 ]);
-function mn(e, n, t) {
+function gn(e, n, t) {
   return n;
 }
-const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-design.gitee.io/property-editor.schema.json", gn = "property-editor", Sn = "A Farris Component", Cn = "object", wn = {
+const Sn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-design.gitee.io/property-editor.schema.json", Cn = "property-editor", xn = "A Farris Component", Vn = "object", Tn = {
   id: {
     description: "The unique identifier for property-editor",
     type: "string"
@@ -289,18 +218,18 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
     type: "boolean",
     default: !0
   }
-}, xn = [
+}, Bn = [
   "id",
   "type"
-], Vn = {
-  $schema: hn,
-  $id: bn,
-  title: gn,
-  description: Sn,
-  type: Cn,
-  properties: wn,
-  required: xn
-}, Tn = "property-editor", Bn = "A Farris Component", Fn = "object", Mn = {
+], Fn = {
+  $schema: Sn,
+  $id: wn,
+  title: Cn,
+  description: xn,
+  type: Vn,
+  properties: Tn,
+  required: Bn
+}, Mn = "property-editor", kn = "A Farris Component", En = "object", An = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -323,11 +252,11 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
     }
   }
 }, Pn = {
-  title: Tn,
-  description: Bn,
-  type: Fn,
-  categories: Mn
-}, qe = {}, En = ue(qe, Vn, yn, mn, Pn), k = y({
+  title: Mn,
+  description: kn,
+  type: En,
+  categories: An
+}, ze = {}, Nn = ce(ze, Fn, bn, gn, Pn), P = y({
   /** 常量值 */
   constValue: {
     /** 值类型：常量（const）, 变量（variable）, 状态机（state）, 自定义（custom） */
@@ -365,7 +294,7 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
     type: "dataStates",
     value: ""
   }
-}), An = y([
+}), On = y([
   {
     id: "const",
     label: "常量"
@@ -390,7 +319,7 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
     id: "dataStates",
     label: "数据状态"
   }
-]), kn = {
+]), In = {
   controlName: "userName",
   propertyName: "readonly",
   propertyType: "enum",
@@ -515,9 +444,9 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
   },
   /** 状态机是否有前缀viewModel.stateMachine &&  */
   hasPrefix: 2
-}, Nn = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]), In = "https://json-schema.org/draft/2020-12/schema", On = "https://farris-design.gitee.io/combo-list.schema.json", Dn = "combo-list", jn = "A Farris Input Component", Ln = "object", $n = {
+}, jn = /* @__PURE__ */ new Map([
+  ["appearance", de]
+]), Dn = "https://json-schema.org/draft/2020-12/schema", $n = "https://farris-design.gitee.io/combo-list.schema.json", Ln = "combo-list", Un = "A Farris Input Component", _n = "object", Rn = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -545,6 +474,11 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
     type: "object",
     default: {}
   },
+  disabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
   editable: {
     description: "",
     type: "boolean",
@@ -572,7 +506,7 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
   valueField: {
     description: "",
     type: "string",
-    default: "value"
+    default: "id"
   },
   titleField: {
     description: "",
@@ -628,22 +562,27 @@ const hn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-
     type: "sting",
     default: ""
   }
-}, Un = [
+}, Gn = [
   "id",
   "type"
-], Rn = {
-  $schema: In,
-  $id: On,
-  title: Dn,
-  description: jn,
-  type: Ln,
-  properties: $n,
-  required: Un
+], Hn = [
+  "id",
+  "appearance",
+  "binding"
+], qn = {
+  $schema: Dn,
+  $id: $n,
+  title: Ln,
+  description: Un,
+  type: _n,
+  properties: Rn,
+  required: Gn,
+  ignore: Hn
 };
-function _n(e, n, t) {
+function Wn(e, n, t) {
   return n;
 }
-const Se = {
+const Ce = {
   /**
    * 组件标识
    */
@@ -720,7 +659,7 @@ const Se = {
    * 可选，是否支持多选
    * 默认`false`
    */
-  multiSelect: { default: !1, type: Boolean },
+  multiSelect: { type: Boolean, default: !1 },
   /**
    * 绑定值
    */
@@ -809,11 +748,11 @@ const Se = {
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, ze = ue(Se, Rn, Nn, _n), Hn = {
+}, Ye = ce(Ce, qn, jn, Wn), zn = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
-  multiSelect: { default: !1, type: Boolean },
+  multiSelect: { type: Boolean, default: !1 },
   selectedValues: { type: String, default: "" },
   separator: { type: String, default: "," },
   textField: { type: String, default: "name" },
@@ -829,172 +768,177 @@ const Se = {
     default: !1
   },
   // 搜索启用高亮
-  enableHighlightSearch: { type: Boolean, default: !0 }
-}, Gn = /* @__PURE__ */ q({
+  enableHighlightSearch: { type: Boolean, default: !0 },
+  // 是否展示复选框
+  showCheckbox: { type: Boolean, default: !1 }
+}, Yn = /* @__PURE__ */ W({
   name: "FComboListContainer",
-  props: Hn,
+  props: zn,
   emits: ["selectionChange"],
   setup(e, n) {
-    const t = y(), o = y(e.dataSource), r = y([]), a = y(e.separator), l = y(e.width), u = y(e.maxHeight), p = y(String(e.selectedValues).split(a.value));
-    N(e.dataSource, () => {
-      o.value = e.dataSource;
+    const t = y(), r = y(e.dataSource), o = y([]), a = y(e.separator), l = y(e.width), u = y(e.maxHeight), s = y(String(e.selectedValues).split(a.value)), i = x(() => e.multiSelect), d = x(() => ({
+      enableSelectRow: !0,
+      multiSelect: e.multiSelect,
+      multiSelectMode: "OnCheckAndClick",
+      showCheckbox: i.value,
+      showSelectAll: !1,
+      showSelection: !0
+    }));
+    O(e.dataSource, () => {
+      r.value = e.dataSource;
     });
-    const i = V(() => e.enableSearch ? "SearchBar" : "ContentHeader"), d = V(() => {
-      const s = {};
-      return l.value !== void 0 && (s.width = `${l.value}px`), u.value !== void 0 && u.value > 0 && (s.maxHeight = `${u.value}px`), s;
+    const c = x(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = x(() => {
+      const m = {};
+      return l.value !== void 0 && (m.width = `${l.value}px`), u.value !== void 0 && u.value > 0 && (m.maxHeight = `${u.value}px`), m;
     });
-    function c(s) {
-      r.value = s.map((v) => Object.assign({}, v)), p.value = s.map((v) => v[e.idField]), n.emit("selectionChange", r.value);
+    function p(m) {
+      o.value = m.map((b) => Object.assign({}, b)), s.value = m.map((b) => b[e.idField]), n.emit("selectionChange", o.value);
     }
-    function f(s) {
+    function v(m) {
       if (e.enableHighlightSearch)
         return;
-      let v = [];
-      typeof e.searchOption == "function" ? v = o.value.filter((h) => e.searchOption(s, h)) : v = o.value.filter((h) => h[e.valueField].indexOf(s) > -1 || h[e.textField].indexOf(s) > -1), t.value.updateDataSource(v);
+      let b = [];
+      typeof e.searchOption == "function" ? b = r.value.filter((S) => e.searchOption(m, S)) : b = r.value.filter((S) => S[e.valueField].indexOf(m) > -1 || S[e.textField].indexOf(m) > -1), t.value.updateDataSource(b);
     }
-    return N([() => e.selectedValues], ([s]) => {
-      p.value = s.split(a.value);
-    }), () => S("div", {
-      class: "f-combo-list-container pl-3",
-      style: d.value
-    }, [S(nn, {
+    return O([() => e.selectedValues], ([m]) => {
+      s.value = m.split(a.value);
+    }), () => w("div", {
+      class: "f-combo-list-container pl-1",
+      style: f.value
+    }, [w(rn, {
       ref: t,
       size: "small",
       itemClass: "f-combo-list-item",
-      header: i.value,
+      header: c.value,
       headerClass: "f-combo-list-search-box",
-      data: o.value,
+      data: r.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      selection: {
-        enableSelectRow: !0,
-        multiSelect: !0,
-        multiSelectMode: "OnCheckAndClick",
-        showCheckbox: !0,
-        showSelectAll: !1,
-        showSelection: !0
-      },
+      selection: d.value,
       enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: p.value,
-      onSelectionChange: c,
-      onAfterSearch: f
+      selectionValues: s.value,
+      onSelectionChange: p,
+      onAfterSearch: v
     }, null)]);
   }
 });
-function qn(e) {
-  const n = y(""), t = y(e.modelValue), o = y(e.data || []), r = y(e.editable);
+function Zn(e) {
+  const n = y(""), t = y(e.modelValue), r = y(e.data || []), o = y(e.editable);
   function a(c) {
-    const f = String(c).split(e.separator).map((v) => [v, !0]), s = new Map(f);
-    return o.value.filter((v) => s.has(String(v[e.valueField])));
+    const f = String(c).split(e.separator), p = f.map((b) => [b, !0]), v = new Map(p);
+    return r.value.filter((b) => v.has(String(b[e.valueField]))).sort((b, S) => {
+      const E = f.indexOf(b[e.valueField]), k = f.indexOf(S[e.valueField]);
+      return E - k;
+    });
   }
   function l(c) {
-    const f = a(c).map((s) => s[e.textField]).join(e.separator);
-    n.value = r.value ? f || c : f;
+    const f = a(c).map((p) => p[e.textField]).join(e.separator);
+    n.value = o.value ? f || c : f;
   }
   function u(c) {
-    const f = c.split(e.separator).map((v) => [v, !0]), s = new Map(f);
-    return o.value.filter((v) => s.has(v[e.textField]));
+    const f = c.split(e.separator).map((v) => [v, !0]), p = new Map(f);
+    return r.value.filter((v) => p.has(v[e.textField]));
   }
-  function p(c) {
+  function s(c) {
     const f = {};
     return f[e.idField] = c, f[e.textField] = c, [f];
   }
   function i(c) {
     let f = u(c);
-    const s = f && f.length > 0;
-    return r.value && !s && (f = p(c)), f;
+    const p = f && f.length > 0;
+    return o.value && !p && (f = s(c)), f;
   }
   function d() {
-    const { url: c, method: f = "GET", headers: s = {}, body: v = null } = e.remote, h = f.toLowerCase() == "get" ? { method: f, headers: s } : { method: f, headers: s, body: v };
-    let C = !1;
-    fetch(c, h).then((x) => {
-      var E, w;
-      if (x.status === 200)
-        return C = !!((w = (E = x.headers) == null ? void 0 : E.get("content-type")) != null && w.includes("application/json")), C ? x.text() : x.json();
-      throw new Error(x.statusText);
-    }).then((x) => {
-      o.value = C ? JSON.parse(x) : x;
-    }).catch((x) => {
-      console.error(x);
+    const { url: c, method: f = "GET", headers: p = {}, body: v = null } = e.remote, m = f.toLowerCase() == "get" ? { method: f, headers: p } : { method: f, headers: p, body: v };
+    let b = !1;
+    fetch(c, m).then((S) => {
+      var k, C;
+      if (S.status === 200)
+        return b = !!((C = (k = S.headers) == null ? void 0 : k.get("content-type")) != null && C.includes("application/json")), b ? S.text() : S.json();
+      throw new Error(S.statusText);
+    }).then((S) => {
+      r.value = b ? JSON.parse(S) : S;
+    }).catch((S) => {
+      console.error(S);
     });
   }
-  return e.remote && d(), N(() => e.data, () => {
-    o.value = e.data;
-  }), N([o], ([c]) => {
+  return e.remote && d(), O(() => e.data, () => {
+    r.value = e.data;
+  }), O([r], ([c]) => {
     if (e.modelValue) {
-      const f = c.find((s) => s[e.valueField] === e.modelValue);
+      const f = c.find((p) => p[e.valueField] === e.modelValue);
       f && (n.value = f[e.textField]);
     }
-  }), N(() => e.modelValue, (c) => {
+  }), 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 };
+  }), l(e.modelValue), { dataSource: r, displayText: n, editable: o, modelValue: t, getItemsByDisplayText: u, getItemsByValue: a, getSelectedItemsByDisplayText: i };
 }
-const H = /* @__PURE__ */ q({
+const G = /* @__PURE__ */ W({
   name: "FComboList",
-  props: Se,
+  props: Ce,
   emits: ["clear", "update:modelValue", "change", "input"],
   setup(e, n) {
-    const t = y(), o = y(e.disabled), r = y(e.enableClear), a = y(e.enableSearch), l = y(e.readonly), {
+    const t = y(), r = y(e.disabled), o = y(e.enableClear), a = y(e.enableSearch), l = y(e.readonly), {
       dataSource: u,
-      displayText: p,
+      displayText: s,
       editable: i,
       modelValue: d,
       getSelectedItemsByDisplayText: c
-    } = qn(e), f = V(() => e.multiSelect), s = V(() => t.value ? t.value.elementRef.getBoundingClientRect().width : 0);
+    } = Zn(e), f = x(() => e.multiSelect), p = x(() => t.value ? t.value.elementRef.getBoundingClientRect().width : 0);
     function v() {
       !f.value && t.value && t.value.hidePopup();
     }
-    function h(B) {
-      p.value = B.map((b) => b[e.textField]).join(e.separator), B.length === 1 ? d.value = B[0][e.valueField] : d.value = B.map((b) => b[e.valueField]).join(e.separator), n.emit("update:modelValue", d.value), n.emit("change", B, d.value), v();
+    function m(T) {
+      s.value = T.map((g) => g[e.textField]).join(e.separator), T.length === 1 ? d.value = T[0][e.valueField] : d.value = T.map((g) => g[e.valueField]).join(e.separator), n.emit("update:modelValue", d.value), n.emit("change", T, d.value), v();
     }
-    function C() {
+    function b() {
       l.value || t.value.togglePopup();
     }
-    function x(B) {
+    function S(T) {
       d.value = "", n.emit("update:modelValue", ""), n.emit("clear");
     }
-    function A(B) {
-      const b = c(B);
-      h(b);
+    function E(T) {
+      const g = c(T);
+      m(g);
     }
-    function E() {
-      return p.value;
+    function k() {
+      return s.value;
     }
-    function w(B) {
-      n.emit("input", B);
+    function C(T) {
+      n.emit("input", T);
     }
     return n.expose({
-      getDisplayText: E
-    }), N([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, b, T, P, $]) => {
-      o.value = B, i.value = b, r.value = T, a.value = P, l.value = $;
-    }), () => S(_e, {
+      getDisplayText: k
+    }), O([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([T, g, F, A, N]) => {
+      r.value = T, i.value = g, o.value = F, a.value = A, l.value = N;
+    }), () => w(on, {
       ref: t,
       id: e.id,
-      disable: o.value,
+      disable: r.value,
       readonly: l.value,
       forcePlaceholder: e.forcePlaceholder,
       editable: i.value,
       buttonContent: e.dropDownIcon,
       placeholder: e.placeholder,
-      enableClear: r.value,
+      enableClear: o.value,
       maxLength: e.maxLength,
       tabIndex: e.tabIndex,
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: p.value,
-      "onUpdate:modelValue": (B) => p.value = B,
+      modelValue: s.value,
+      "onUpdate:modelValue": (T) => s.value = T,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
-      onClear: x,
-      onClick: C,
-      onChange: A,
-      onInput: w,
+      onClear: S,
+      onClick: b,
+      onChange: E,
+      onInput: C,
       beforeOpen: e.beforeOpen
     }, {
-      default: () => [S(Gn, {
+      default: () => [w(Yn, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
@@ -1005,16 +949,16 @@ const H = /* @__PURE__ */ q({
         enableSearch: a.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
-        width: e.fitEditor ? s.value : void 0,
-        onSelectionChange: h
+        width: e.fitEditor ? p.value : void 0,
+        onSelectionChange: m
       }, null)]
     });
   }
 });
-function Ce(e, n) {
+function xe(e, n) {
   e.schema;
-  const t = y(!0), o = y(!0);
-  function r(c) {
+  const t = y(!0), r = y(!0);
+  function o(c) {
     return !1;
   }
   function a() {
@@ -1026,7 +970,7 @@ function Ce(e, n) {
   function u() {
     return !0;
   }
-  function p(c) {
+  function s(c) {
   }
   function i() {
   }
@@ -1034,121 +978,183 @@ function Ce(e, n) {
     return null;
   }
   return {
-    canAccepts: r,
+    canAccepts: o,
     checkCanDeleteComponent: a,
     checkCanMoveComponent: l,
     hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: p,
+    onAcceptMovedChildElement: s,
     resolveComponentContext: i,
     triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
     getPropsConfig: d
   };
 }
-class We {
+class Jn {
+  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", {
+      type: "object",
+      categories: {}
+    });
+    var r;
+    this.componentId = n, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
+  }
+  getTableInfo() {
+    var n;
+    return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(n) {
+    const t = n.binding && n.binding.type === "Form" && n.binding.field;
+    if (t) {
+      if (!this.designViewModelField) {
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((o) => o.id === t);
+      }
+      n.updateOn = this.designViewModelField.updateOn;
+    }
+  }
+  changeFieldEditorType(n, t) {
+  }
+  getBasicPropConfig(n) {
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "select",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            data: [{ value: n.type, name: V[n.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(n = null) {
+    return {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
+  }
+}
+const Z = class Z {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
   static getEditorTypesByMDataType(n) {
-    const t = this.fieldControlTypeMapping[n];
+    const t = Z.fieldControlTypeMapping[n];
     return t || [{ key: "", value: "" }];
   }
-}
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const n = [];
+    for (let t in Z.fieldControlTypeMapping)
+      Z.fieldControlTypeMapping[t].forEach((r) => {
+        n.find((o) => o.key === r.key && o.value === r.value) || n.push({ key: r.key, value: r.value });
+      });
+    return n;
+  }
+};
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-j(We, "fieldControlTypeMapping", {
+$(Z, "fieldControlTypeMapping", {
   String: [
-    { key: g["input-group"].type, value: g["input-group"].name },
-    { key: g.lookup.type, value: g.lookup.name },
-    { key: g.Image.type, value: g.Image.name },
-    { key: g["date-picker"].type, value: g["date-picker"].name },
-    { key: g["check-box"].type, value: g["check-box"].name },
-    { key: g["radio-group"].type, value: g["radio-group"].name },
-    { key: g["combo-list"].type, value: g["combo-list"].name },
-    { key: g.textarea.type, value: g.textarea.name }
-    // { key: DgControl.Tags.type, value: DgControl.Tags.name },
+    { 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 }
   ],
   Text: [
-    { key: g.textarea.type, value: g.textarea.name },
-    { key: g.avatar.type, value: g.avatar.name },
-    { key: g.lookup.type, value: g.lookup.name }
+    { key: V.textarea.type, value: V.textarea.name },
+    { key: V.lookup.type, value: V.lookup.name }
   ],
   Decimal: [
-    { key: g["number-spinner"].type, value: g["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Integer: [
-    { key: g["number-spinner"].type, value: g["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Number: [
-    { key: g["number-spinner"].type, value: g["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   BigNumber: [
-    { key: g["number-spinner"].type, value: g["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Date: [
-    { key: g["date-picker"].type, value: g["date-picker"].name }
+    { key: V["date-picker"].type, value: V["date-picker"].name }
   ],
   DateTime: [
-    { key: g["date-picker"].type, value: g["date-picker"].name }
+    { key: V["date-picker"].type, value: V["date-picker"].name }
   ],
   Boolean: [
-    { key: g.switch.type, value: g.switch.name },
-    { key: g["check-box"].type, value: g["check-box"].name }
+    { key: V.switch.type, value: V.switch.name },
+    { key: V["check-box"].type, value: V["check-box"].name }
   ],
   Enum: [
-    { key: g["combo-list"].type, value: g["combo-list"].name },
-    { key: g["radio-group"].type, value: g["radio-group"].name }
+    { key: V["combo-list"].type, value: V["combo-list"].name },
+    { key: V["radio-group"].type, value: V["radio-group"].name }
   ],
   Object: [
-    { key: g.lookup.type, value: g.lookup.name },
-    { key: g["combo-list"].type, value: g["combo-list"].name },
-    { key: g["radio-group"].type, value: g["radio-group"].name }
-  ],
-  EmployeeSelector: [
-    { key: g.EmployeeSelector.type, value: g.EmployeeSelector.name }
-  ],
-  AdminOrganizationSelector: [
-    { key: g.AdminOrganizationSelector.type, value: g.AdminOrganizationSelector.name }
+    { 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 }
   ]
 });
-class zn {
+let ie = Z;
+const Qn = y(0);
+class Ve extends Jn {
   constructor(n, t) {
-    j(this, "componentId");
-    j(this, "viewModelId");
-    j(this, "eventsEditorUtils");
-    j(this, "formSchemaUtils");
-    j(this, "formMetadataConverter");
-    j(this, "designViewModelUtils");
-    j(this, "designViewModelField");
-    j(this, "controlCreatorUtils");
-    j(this, "designerHostService");
-    j(this, "schemaService", null);
-    j(this, "metadataService", null);
-    j(this, "propertyConfig", {
-      type: "object",
-      categories: {}
-    });
-    var o;
-    this.componentId = n, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
-  }
-  getTableInfo() {
-    var n;
-    return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
-  }
-  setDesignViewModelField(n) {
-    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);
-      }
-      n.updateOn = this.designViewModelField.updateOn;
-    }
+    super(n, t);
   }
-  changeFieldEditorType(n, t) {
+  getPropertyConfig(n, t) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(n, t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(n), this.propertyConfig.categories.editor = this.getEditorProperties(n), this.propertyConfig;
   }
-  getBasicPropConfig(n) {
-    var o, r;
-    var t = this;
-    return this.setDesignViewModelField(n), {
+  getBasicProperties(n, t) {
+    var l;
+    var r = this;
+    this.setDesignViewModelField(n);
+    const o = this.formSchemaUtils.getFormMetadataBasicInfo(), a = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    return {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -1159,8 +1165,8 @@ class zn {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -1168,63 +1174,52 @@ class zn {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: We.getEditorTypesByMDataType(((r = (o = t.designViewModelField) == null ? void 0 : o.type) == null ? void 0 : r.name) || ""),
-            editable: !1
+            editable: !1,
+            data: r.designViewModelField ? ie.getEditorTypesByMDataType((l = r.designViewModelField.type) == null ? void 0 : l.name) : ie.getAllInputTypes()
           }
         },
         label: {
           title: "标签",
           type: "string",
           $converter: "/converter/form-group-label.converter"
+        },
+        binding: {
+          description: "绑定的表单字段",
+          title: "绑定",
+          $converter: "/converter/field-selector.converter",
+          editor: {
+            type: "field-selector",
+            bindingType: { enable: !1 },
+            editorParams: {
+              propertyData: n,
+              formBasicInfo: o
+            },
+            columns: [
+              { field: "name", title: "字段名称" },
+              { field: "bindingField", title: "绑定字段" },
+              { field: "fieldType", title: "字段类型" }
+            ],
+            textField: "bindingField",
+            data: a
+          }
         }
       },
-      setPropertyRelates(a, l) {
-        if (a)
-          switch (a && a.propertyID) {
+      setPropertyRelates(u, s) {
+        if (u)
+          switch (u && u.propertyID) {
             case "type": {
-              t.changeControlType(n, a);
+              r.changeControlType(n, u, t);
+              break;
+            }
+            case "label": {
+              u.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  /**
-  * 卡片控件：切换控件类型后事件
-  * @param propertyData 控件DOM属性
-  * @param newControlType 新控件类型
-  */
-  changeControlType(n, t) {
-    var i, d, c, f, s;
-    const o = t.propertyValue, r = this.formSchemaUtils.getComponentById(this.componentId);
-    let a = this.getControlParentContainer(n.id, r);
-    if (!a)
-      return;
-    const l = a.contents.findIndex((v) => v.id === n.id), u = a.contents[l];
-    let p;
-    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
-      editor: {
-        $type: o
-      },
-      name: this.designViewModelField.name,
-      require: this.designViewModelField.require,
-      readonly: this.designViewModelField.readonly
-    }, !1), p = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(p, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label
-    }), Object.assign(p.editor, {
-      isTextArea: p.isTextArea && u.isTextArea,
-      type: o || "",
-      placeHolder: (i = u.editor) == null ? void 0 : i.placeHolder,
-      holdPlace: (d = u.editor) == null ? void 0 : d.holdPlace,
-      readonly: (c = u.editor) == null ? void 0 : c.readonly,
-      require: (f = u.editor) == null ? void 0 : f.require,
-      visible: (s = u.editor) == null ? void 0 : s.visible
-    }), a.contents.splice(l, 1, p);
-  }
-  getAppearanceConfig(n = null) {
+  getAppearanceProperties(n) {
     return {
       title: "样式",
       description: "Appearance",
@@ -1254,70 +1249,49 @@ class zn {
       }
     };
   }
-  /**
-  * 获取控件：以contents为节点进行定位
-  * @param controlId 控件ID
-  * @param domJson 容器
-  */
-  getControlParentContainer(n, t) {
-    let o;
-    if (!t || !t.contents || t.contents.length === 0)
-      return null;
-    for (const r of t.contents) {
-      if (r.id === n)
-        return o = t, t;
-      if (o = this.getControlParentContainer(n, r), o)
-        return o;
-    }
-  }
-}
-class we extends zn {
-  constructor(n, t) {
-    super(n, t);
-  }
-  getBasicProperties(n) {
-    let t = this.getBasicPropConfig(n);
-    return t.properties.binding = this.getFieldSelectorOptions(n), t;
-  }
-  getAppearanceProperties(n) {
-    return this.getAppearanceConfig(n);
-  }
   getEditorProperties(n) {
     return this.getComponentConfig(n);
   }
-  getPropertyConfig(n) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(n), this.propertyConfig.categories.editor = this.getEditorProperties(n), this.propertyConfig;
-  }
-  getFieldSelectorOptions(n) {
-    const t = this.formSchemaUtils.getFormMetadataBasicInfo(), o = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
-      description: "绑定的表单字段",
-      title: "绑定",
-      $converter: "/converter/field-selector.converter",
+  /**
+   * 卡片控件：切换控件类型后事件
+   * @param propertyData 控件DOM属性
+   * @param newControlType 新控件类型
+   */
+  changeControlType(n, t, r) {
+    var i, d, c, f;
+    const o = t.propertyValue, a = r && r.parent && r.parent.schema;
+    if (!a)
+      return;
+    const l = a.contents.findIndex((p) => p.id === n.id), u = a.contents[l];
+    let s;
+    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        type: "field-selector",
-        bindingType: { enable: !1 },
-        editorParams: {
-          propertyData: n,
-          formBasicInfo: t
-        },
-        columns: [
-          { field: "name", title: "字段名称" },
-          { field: "bindingField", title: "绑定字段" },
-          { field: "fieldType", title: "字段类型" }
-        ],
-        textField: "bindingField",
-        data: o
-      }
-    };
-  }
-  getBindingOtions(n) {
-    return this.getFieldSelectorOptions(n);
-  }
-  getComponentConfig(n, t = {}, o = {}) {
-    const r = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+        $type: o
+      },
+      name: this.designViewModelField.name,
+      require: this.designViewModelField.require,
+      readonly: this.designViewModelField.readonly
+    }, !1), s = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, o)), s || (s = $e("form-group") || {}, s.editor = $e(o) || {}, delete s.editor.id, delete s.editor.binding, delete s.editor.appearance), Object.assign(s, {
+      id: u.id,
+      appearance: u.appearance,
+      size: u.size,
+      label: u.label,
+      binding: u.binding,
+      visible: u.visible
+    }), Object.assign(s.editor, {
+      isTextArea: s.isTextArea && u.isTextArea,
+      placeholder: (i = u.editor) == null ? void 0 : i.placeholder,
+      holdPlace: (d = u.editor) == null ? void 0 : d.holdPlace,
+      readonly: (c = u.editor) == null ? void 0 : c.readonly,
+      require: (f = u.editor) == null ? void 0 : f.require
+    }), a.contents.splice(l, 1), a.contents.splice(l, 0, s), r.schema = Object.assign(u, s), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (p) => p.classList.remove("dgComponentSelected")
+    ), Qn.value++;
+  }
+  getComponentConfig(n, t = {}, r = {}) {
+    const o = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
     }, t), a = Object.assign({
@@ -1341,11 +1315,11 @@ class we extends zn {
         title: "提示文本",
         type: "string"
       }
-    }, o);
-    return { ...r, properties: { ...a } };
+    }, r);
+    return { ...o, properties: { ...a } };
   }
 }
-class Wn extends we {
+class Xn extends Ve {
   constructor(n, t) {
     super(n, t);
   }
@@ -1369,77 +1343,70 @@ class Wn extends we {
     });
   }
 }
-function Qn(e, n) {
+function Kn(e, n) {
   const {
     canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ce(e), d = e.schema;
-  function c(f) {
-    return new Wn(f, n).getPropertyConfig(d);
+  } = xe(e), d = e.schema;
+  function c(f, p) {
+    return new Xn(f, n).getPropertyConfig(d, p);
   }
   return {
     canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i,
     getPropsConfig: c
   };
 }
-const Yn = /* @__PURE__ */ q({
+const er = /* @__PURE__ */ W({
   name: "FComboListDesign",
-  props: Se,
+  props: Ce,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, n) {
-    const t = y(), o = Z("designer-host-service"), r = Z("design-item-context"), a = Qn(r, o), l = on(t, r, a);
-    return G(() => {
+    const t = y(), r = Q("designer-host-service"), o = Q("design-item-context"), a = Kn(o, r), l = ln(t, o, a);
+    return H(() => {
       t.value.componentInstance = l;
-    }), n.expose(l.value), () => S(_e, {
+    }), n.expose(l.value), () => w(an, {
       ref: t,
-      id: e.id,
-      disable: e.disabled,
-      readonly: e.readonly,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: !1,
       buttonContent: e.dropDownIcon,
+      readonly: !0,
+      editable: !1,
+      forcePlaceholder: !0,
       placeholder: e.placeholder,
-      enableClear: !1,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? "tag" : "text"
+      enableClear: !0
     }, null);
   }
-}), xe = (e) => {
+}), 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"] = ze;
+G.register = (e, n, t, r) => {
+  e["combo-list"] = G, n["combo-list"] = Ye;
 };
-H.registerDesigner = (e, n, t) => {
-  e["combo-list"] = Yn, n["combo-list"] = ze;
+G.registerDesigner = (e, n, t) => {
+  e["combo-list"] = er, n["combo-list"] = Ye;
 };
-xe(H);
-const Zn = /* @__PURE__ */ new Map([
-  ["appearance", se]
+Te(G);
+const tr = /* @__PURE__ */ new Map([
+  ["appearance", de]
 ]);
-function Xn(e, n, t) {
+function nr(e, n, t) {
   return n;
 }
-const Kn = "https://json-schema.org/draft/2020-12/schema", Jn = "https://farris-design.gitee.io/input-group.schema.json", eo = "input-group", to = "A Farris Input Component", no = "object", oo = {
+const rr = "https://json-schema.org/draft/2020-12/schema", or = "https://farris-design.gitee.io/input-group.schema.json", ar = "input-group", ir = "A Farris Input Component", lr = "object", ur = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1641,18 +1608,18 @@ const Kn = "https://json-schema.org/draft/2020-12/schema", Jn = "https://farris-
     type: "string",
     default: ""
   }
-}, ro = [
+}, sr = [
   "id",
   "type"
-], ao = {
-  $schema: Kn,
-  $id: Jn,
-  title: eo,
-  description: to,
-  type: no,
-  properties: oo,
-  required: ro
-}, Ve = {
+], cr = {
+  $schema: rr,
+  $id: or,
+  title: ar,
+  description: ir,
+  type: lr,
+  properties: ur,
+  required: sr
+}, Be = {
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
   /** 自定义CLASS */
@@ -1718,118 +1685,118 @@ const Kn = "https://json-schema.org/draft/2020-12/schema", Jn = "https://farris-
    * - input: 输入时更新
    */
   updateOn: { type: String, default: "blur" }
-}, Qe = ue(Ve, ao, Zn, Xn);
-function io(e, n, t, o) {
-  const r = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), p = y(e.textAlign), i = y(e.updateOn), d = V(() => e.editable || !e.readonly), c = V(() => e.editable && !e.disabled && !e.readonly), f = V(() => !e.disabled && a.value), s = V(() => t.value === "" || t.value === null || t.value === void 0), v = V(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), h = V(() => e.readonly || !e.editable), C = V(() => e.enableTitle ? t.value : ""), x = V(() => ({
+}, Ze = ce(Be, cr, tr, nr);
+function dr(e, n, t, r) {
+  const o = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), s = y(e.textAlign), i = y(e.updateOn), d = x(() => e.editable || !e.readonly), c = x(() => e.editable && !e.disabled && !e.readonly), f = x(() => !e.disabled && a.value), p = x(() => t.value === "" || t.value === null || t.value === void 0), v = x(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), m = x(() => e.readonly || !e.editable), b = x(() => e.enableTitle ? t.value : ""), S = x(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
-    "text-left": p.value === "left",
-    "text-center": p.value === "center",
-    "text-right": p.value === "right"
-  })), A = V(() => {
+    "text-left": s.value === "left",
+    "text-center": s.value === "center",
+    "text-right": s.value === "right"
+  })), E = x(() => {
     const M = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
-      "f-state-disable": r.value,
+      "f-state-disable": o.value,
       "f-state-editable": c.value,
-      "f-state-readonly": h.value,
+      "f-state-readonly": m.value,
       "f-state-focus": f.value
     };
-    return (e.customClass || "").split(" ").reduce((ne, ce) => (ne[ce] = !0, ne), M), M;
-  }), E = V(() => u.value ? "" : "border-width : 0 ");
-  function w(M, D = !0) {
-    t.value = M, o.value !== M && (o.value = M), D && n.emit("change", M), n.emit("update:modelValue", M), n.emit("update:value", M);
+    return (e.customClass || "").split(" ").reduce((re, pe) => (re[pe] = !0, re), M), M;
+  }), k = x(() => u.value ? "" : "border-width : 0 ");
+  function C(M, D = !0) {
+    t.value = M, r.value !== M && (r.value = M), D && n.emit("change", M), n.emit("update:modelValue", M), n.emit("update:value", M);
   }
-  N(
+  O(
     () => e.modelValue,
     (M, D) => {
-      M !== D && (t.value = M, o.value = M);
+      M !== D && (t.value = M, r.value = M);
     }
-  ), N(() => e.disabled, (M, D) => {
-    M !== D && (r.value = M);
+  ), O(() => e.disabled, (M, D) => {
+    M !== D && (o.value = M);
   });
-  function B(M) {
+  function T(M) {
     return a.value = !1, n.emit("blur", M), M.stopPropagation(), !1;
   }
-  function b(M) {
+  function g(M) {
     n.emit("click", M);
   }
-  function T(M) {
+  function F(M) {
     e.disabled || (u.value && (a.value = !0), d.value && n.emit("focus", M));
   }
-  function P(M) {
+  function A(M) {
     n.emit("input", M.target.value);
     const D = M.target.value;
-    o.value = D, i.value === "input" && (n.emit("update:modelValue", D), n.emit("update:value", D));
+    r.value = D, i.value === "input" && (n.emit("update:modelValue", D), n.emit("update:value", D));
   }
-  function $(M) {
+  function N(M) {
     n.emit("keydown", M);
   }
-  function Q(M) {
+  function q(M) {
     n.emit("keyup", M);
   }
-  function R(M) {
+  function _(M) {
     M.target.tagName !== "INPUT" && M.preventDefault(), M.stopPropagation();
   }
   function K(M) {
     if (i.value === "blur") {
       const D = M.target.value;
-      M.stopPropagation(), w(D);
+      M.stopPropagation(), C(D);
     }
   }
   return {
-    changeTextBoxValue: w,
-    disabled: r,
-    displayText: o,
+    changeTextBoxValue: C,
+    disabled: o,
+    displayText: r,
     editable: c,
     hasFocused: f,
-    inputGroupClass: A,
+    inputGroupClass: E,
     inputType: l,
-    isEmpty: s,
+    isEmpty: p,
     modelValue: t,
-    readonly: h,
-    onBlur: B,
-    onClick: b,
-    onFocus: T,
-    onInput: P,
-    onKeydown: $,
-    onKeyup: Q,
-    onMousedown: R,
+    readonly: m,
+    onBlur: T,
+    onClick: g,
+    onFocus: F,
+    onInput: A,
+    onKeydown: N,
+    onKeyup: q,
+    onMousedown: _,
     onTextBoxValueChange: K,
     placeholder: v,
-    textBoxClass: x,
-    textBoxTitle: C,
-    inputGroupStyle: E
+    textBoxClass: S,
+    textBoxTitle: b,
+    inputGroupStyle: k
   };
 }
-function lo(e, n, t, o) {
-  const r = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), p = y(e.textAlign);
-  V(() => e.editable || !e.readonly);
-  const i = V(() => e.editable && !e.disabled && !e.readonly), d = V(() => !e.disabled && a.value), c = V(() => t.value === "" || t.value === null || t.value === void 0), f = V(() => e.placeholder), s = V(() => e.readonly || !e.editable), v = V(() => e.enableTitle ? t.value : ""), h = V(() => ({
+function pr(e, n, t, r) {
+  const o = y(e.disabled), a = y(!1), l = y("text"), u = y(e.showBorder), s = y(e.textAlign);
+  x(() => e.editable || !e.readonly);
+  const i = x(() => e.editable && !e.disabled && !e.readonly), d = x(() => !e.disabled && a.value), c = x(() => t.value === "" || t.value === null || t.value === void 0), f = x(() => e.placeholder), p = x(() => e.readonly || !e.editable), v = x(() => e.enableTitle ? t.value : ""), m = x(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
-    "text-left": p.value === "left",
-    "text-center": p.value === "center",
-    "text-right": p.value === "right"
-  })), C = V(() => ({
+    "text-left": s.value === "left",
+    "text-center": s.value === "center",
+    "text-right": s.value === "right"
+  })), b = x(() => ({
     "f-cmp-inputgroup": !0,
     "input-group": !0,
     "f-state-disable": !0,
     "f-state-editable": !1,
     "f-state-readonly": !0
     // 'f-state-focus': hasFocused.value
-  })), x = V(() => u.value ? "" : "border-width : 0 ");
+  })), S = x(() => u.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
-    disabled: r,
-    displayText: o,
+    disabled: o,
+    displayText: r,
     editable: i,
     hasFocused: d,
-    inputGroupClass: C,
+    inputGroupClass: b,
     inputType: l,
     isEmpty: c,
     modelValue: t,
-    readonly: s,
+    readonly: p,
     // onBlur,
     // onClick,
     // onFocus,
@@ -1839,369 +1806,369 @@ function lo(e, n, t, o) {
     // onMousedown,
     // onTextBoxValueChange,
     placeholder: f,
-    textBoxClass: h,
+    textBoxClass: m,
     textBoxTitle: v,
-    inputGroupStyle: x
+    inputGroupStyle: S
   };
 }
-function Ye(e, n, t) {
-  const o = y(!1), r = V(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: a, displayText: l, hasFocused: u, isEmpty: p } = t;
-  function i(h) {
-    o.value = h;
+function Je(e, n, t) {
+  const r = y(!1), o = x(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: a, displayText: l, hasFocused: u, isEmpty: s } = t;
+  function i(m) {
+    r.value = m;
   }
-  N(l, () => {
+  O(l, () => {
     u != null && u.value ? i(!!(l != null && l.value)) : i(!1);
   });
-  const d = V(() => ({
+  const d = x(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), c = V(() => ({
+  })), c = x(() => ({
     width: "24px",
-    display: o.value ? "flex" : "none"
+    display: r.value ? "flex" : "none"
   }));
-  function f(h) {
-    h.stopPropagation(), r.value && (a("", !0), i(!o.value), n.emit("clear"));
+  function f(m) {
+    m.stopPropagation(), o.value && (a("", !0), i(!r.value), n.emit("clear"));
   }
-  function s(h) {
-    r.value && !p.value && i(!0);
+  function p(m) {
+    o.value && !s.value && i(!0);
   }
-  function v(h) {
-    r.value && i(!1);
+  function v(m) {
+    o.value && i(!1);
   }
-  return { clearButtonClass: d, clearButtonStyle: c, hasShownClearButton: o, onClearValue: f, onMouseEnter: s, onMouseLeave: v, shouldShowClearButton: r };
+  return { clearButtonClass: d, clearButtonStyle: c, hasShownClearButton: r, onClearValue: f, onMouseEnter: p, onMouseLeave: v, shouldShowClearButton: o };
 }
-const uo = ["moz", "ms", "webkit"];
-function so() {
+const fr = ["moz", "ms", "webkit"];
+function vr() {
   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;
+    const t = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (t - e)), o = setTimeout(() => {
+      n(t + r);
+    }, r);
+    return e = t + r, o;
   };
 }
-function co() {
+function yr() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = uo.filter((n) => `${n}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : so();
+  const e = fr.filter((n) => `${n}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : vr();
 }
-co();
-function Ze(e, n) {
-  const t = y(e.groupText), o = V(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), r = V(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: V(() => ({
+yr();
+function Qe(e, n) {
+  const t = y(e.groupText), r = x(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), o = x(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: x(() => ({
     "input-group-append": !0,
-    "append-force-show": o.value
-  })), appendedContent: t, shouldShowAppendedButton: r };
+    "append-force-show": r.value
+  })), appendedContent: t, shouldShowAppendedButton: o };
 }
-function Xe(e, n, t, o) {
-  const { appendedContent: r } = o, a = y(e.enableViewPassword), l = V(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', p = '<span class="f-icon f-icon-eye"></span>', i = y(!1);
-  N(() => [e.readonly, e.disabled], ([f, s]) => {
-    l.value && (t.value = f || s ? "password" : t.value, r.value = f || s ? p : r.value);
+function Xe(e, n, t, r) {
+  const { appendedContent: o } = r, a = y(e.enableViewPassword), l = x(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', s = '<span class="f-icon f-icon-eye"></span>', i = y(!1);
+  O(() => [e.readonly, e.disabled], ([f, p]) => {
+    l.value && (t.value = f || p ? "password" : t.value, o.value = f || p ? s : o.value);
   });
   function d() {
-    return i.value = !i.value, t.value = i.value ? "text" : "password", r.value = i.value ? u : p, !1;
+    return i.value = !i.value, t.value = i.value ? "text" : "password", o.value = i.value ? u : s, !1;
   }
   function c() {
-    t.value = l.value ? "password" : "text", r.value = l.value ? a.value ? p : "" : r.value;
+    t.value = l.value ? "password" : "text", o.value = l.value ? a.value ? s : "" : o.value;
   }
   return c(), { isPassword: l, onClickAppendedButton: d };
 }
 function Ke(e, n, t) {
-  const o = y(), {
-    onBlurTextBox: r,
+  const r = y(), {
+    onBlurTextBox: o,
     onFocusTextBox: a,
     onInput: l,
     onKeyDown: u,
-    textBoxValue: p
-  } = t, i = V(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = V(() => ({
+    textBoxValue: s
+  } = t, i = x(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = x(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), c = V(() => ({
+  })), c = x(() => ({
     "text-align": e.textAlign
   }));
-  function f(h) {
-    h.stopPropagation();
+  function f(m) {
+    m.stopPropagation();
   }
-  function s() {
+  function p() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function v(h) {
-    a(h), await Ie, s();
+  async function v(m) {
+    a(m), await je, p();
   }
-  return G(async () => {
-    await Ie, s();
-  }), () => S("input", {
-    ref: o,
+  return H(async () => {
+    await je, p();
+  }), () => w("input", {
+    ref: r,
     class: d.value,
     style: c.value,
     type: "text",
-    value: p.value,
+    value: s.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: i.value,
-    onBlur: r,
+    onBlur: o,
     onChange: f,
     onFocus: v,
     onInput: l,
     onKeydown: u
   }, null);
 }
-function Te(e, n, t) {
+function Fe(e, n, t) {
   const {
-    canDownward: o,
-    canUpward: r,
+    canDownward: r,
+    canUpward: o,
     onClickDownButton: a,
     onClickUpButton: l
-  } = t, u = V(() => ({
+  } = t, u = x(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), p = V(() => ({
+  })), s = x(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = V(() => ({
-    cursor: r() ? "pointer" : "not-allowed",
-    "margin-left": 0
-  })), d = V(() => ({
+  })), i = x(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
+  })), d = x(() => ({
+    cursor: r() ? "pointer" : "not-allowed",
+    "margin-left": 0
   }));
-  return () => S("div", {
+  return () => w("div", {
     class: u.value
-  }, [S("button", {
+  }, [w("button", {
     title: "upButton",
-    class: p.value,
+    class: s.value,
     style: i.value,
     onClick: l,
-    disabled: !r()
-  }, [S("span", {
+    disabled: !o()
+  }, [w("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), S("button", {
+  }, null)]), w("button", {
     title: "downButton",
-    class: p.value,
+    class: s.value,
     style: d.value,
     onClick: a,
-    disabled: !o()
-  }, [S("span", {
+    disabled: !r()
+  }, [w("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function po(e, n) {
-  const t = rn(e, n), o = an(e, n, t), r = ln(e, n, o, t), a = un(e, n, o, t, r), l = Te(e, n, r), {
+function mr(e, n) {
+  const t = un(e, n), r = sn(e, n, t), o = cn(e, n, r, t), a = dn(e, n, r, t, o), l = Fe(e, n, o), {
     displayValue: u,
-    modelValue: p,
+    modelValue: s,
     getRealValue: i
   } = t, d = Ke(e, n, a), {
     format: c
-  } = o, {
+  } = r, {
     isFocus: f
-  } = a, s = V(() => !e.disabled && !e.readonly);
-  return G(() => {
+  } = a, p = x(() => !e.disabled && !e.readonly);
+  return H(() => {
     const v = i(e.modelValue);
     u.value = c(v);
-  }), N(() => [e.value], ([v]) => {
-    const h = i(v);
-    p.value = h, u.value = c(h);
-  }), N(() => [e.modelValue], ([v]) => {
-    v !== p.value && (p.value = v, !f.value && (u.value = c(i(v))));
-  }), N(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    u.value = c(p.value);
-  }), () => S("div", {
+  }), O(() => [e.value], ([v]) => {
+    const m = i(v);
+    s.value = m, u.value = c(m);
+  }), O(() => [e.modelValue], ([v]) => {
+    v !== s.value && (s.value = v, !f.value && (u.value = c(i(v))));
+  }), O(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    u.value = c(s.value);
+  }), () => w("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [d(), s.value && l()]);
+  }, [d(), p.value && l()]);
 }
-function fo(e, n, t, o) {
-  const r = y(), a = y(e.autocomplete), l = y(e.enableTitle), {
+function hr(e, n, t, r) {
+  const o = y(), a = y(e.autocomplete), l = y(e.enableTitle), {
     isPassword: u
-  } = t, p = y(e.minLength), i = y(e.maxLength), d = y(e.tabIndex), {
+  } = t, s = y(e.minLength), i = y(e.maxLength), d = y(e.tabIndex), {
     disabled: c,
     displayText: f,
-    inputType: s,
+    inputType: p,
     onBlur: v,
-    onFocus: h,
-    onInput: C,
-    onClick: x,
-    onKeydown: A,
-    onKeyup: E,
-    onMousedown: w,
-    onTextBoxValueChange: B,
-    readonly: b,
-    placeholder: T,
-    textBoxClass: P,
-    textBoxTitle: $
-  } = o;
-  return G(() => {
+    onFocus: m,
+    onInput: b,
+    onClick: S,
+    onKeydown: E,
+    onKeyup: k,
+    onMousedown: C,
+    onTextBoxValueChange: T,
+    readonly: g,
+    placeholder: F,
+    textBoxClass: A,
+    textBoxTitle: N
+  } = r;
+  return H(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => S("input", {
-    ref: r,
+  }), () => w("input", {
+    ref: o,
     name: "input-group-value",
     autocomplete: a.value,
-    class: P.value,
+    class: A.value,
     disabled: c == null ? void 0 : c.value,
     maxlength: i.value,
-    minlength: p.value,
-    placeholder: T.value,
-    readonly: b == null ? void 0 : b.value,
+    minlength: s.value,
+    placeholder: F.value,
+    readonly: g == null ? void 0 : g.value,
     tabindex: d.value,
-    title: l.value && !u.value ? $.value : "",
-    type: s.value,
+    title: l.value && !u.value ? N.value : "",
+    type: p.value,
     value: f == null ? void 0 : f.value,
     onBlur: v,
-    onClick: x,
-    onChange: B,
-    onFocus: h,
-    onInput: C,
-    onKeydown: A,
-    onKeyup: E,
-    onMousedown: w
+    onClick: S,
+    onChange: T,
+    onFocus: m,
+    onInput: b,
+    onKeydown: E,
+    onKeyup: k,
+    onMousedown: C
   }, null);
 }
-function vo(e, n) {
-  const t = V(() => e.useExtendInfo && !!e.extendInfo), o = en({
+function br(e, n) {
+  const t = x(() => e.useExtendInfo && !!e.extendInfo), r = tn({
     content: e.extendInfo
   });
-  function r() {
+  function o() {
     n.emit("updateExtendInfo");
   }
-  return () => t.value && ve(S("span", {
+  return () => t.value && me(w("span", {
     class: "input-group-before-tips",
-    onMouseenter: r
-  }, [S("i", {
+    onMouseenter: o
+  }, [w("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), S("b", {
+  }, null), w("b", {
     class: "tips-arrow"
-  }, null)]), [[tn("tooltip"), o]]);
+  }, null)]), [[nn("tooltip"), r]]);
 }
-function Je(e, n, t, o, r) {
+function et(e, n, t, r, o) {
   const {
     appendedButtonClass: a,
     appendedContent: l
-  } = t, u = V(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), p = V(() => l.value && !n.slots.groupTextTemplate), i = V(() => !!n.slots.groupTextTemplate), {
+  } = t, u = x(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), s = x(() => l.value && !n.slots.groupTextTemplate), i = x(() => !!n.slots.groupTextTemplate), {
     clearButtonClass: d,
     clearButtonStyle: c,
     onClearValue: f,
-    shouldShowClearButton: s
-  } = o;
+    shouldShowClearButton: p
+  } = r;
   function v() {
-    return S("span", {
+    return w("span", {
       id: "clearIcon",
       class: d.value,
       style: c.value,
-      onClick: (T) => f(T)
-    }, [S("i", {
+      onClick: (F) => f(F)
+    }, [w("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function h(T) {
-    n.emit("iconMouseEnter", T);
+  function m(F) {
+    n.emit("iconMouseEnter", F);
   }
-  function C(T) {
-    n.emit("iconMouseLeave", T);
+  function b(F) {
+    n.emit("iconMouseLeave", F);
   }
-  function x(T) {
+  function S(F) {
     u.value && n.emit("clickHandle", {
-      originalEvent: T
-    }), T.stopPropagation();
+      originalEvent: F
+    }), F.stopPropagation();
   }
-  const A = e.type === "password" ? r.onClickAppendedButton : x;
-  function E() {
-    return S("span", {
+  const E = e.type === "password" ? o.onClickAppendedButton : S;
+  function k() {
+    return w("span", {
       class: "input-group-text",
-      onMouseenter: (T) => h(T),
-      onMouseleave: (T) => C(T),
+      onMouseenter: (F) => m(F),
+      onMouseleave: (F) => b(F),
       innerHTML: l.value,
-      onClick: (T) => A(T)
+      onClick: (F) => E(F)
     }, null);
   }
-  function w() {
+  function C() {
     return n.slots.groupTextTemplate && n.slots.groupTextTemplate();
   }
-  function B() {
-    return p.value ? E : i.value ? w : "";
+  function T() {
+    return s.value ? k : i.value ? C : "";
   }
-  const b = B();
-  return () => S("div", {
+  const g = T();
+  return () => w("div", {
     class: a.value
-  }, [s.value && v(), b && b()]);
+  }, [p.value && v(), g && g()]);
 }
-const J = /* @__PURE__ */ q({
+const ee = /* @__PURE__ */ W({
   name: "FInputGroup",
-  props: Ve,
+  props: Be,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, n) {
-    const t = y(e.modelValue), o = y(e.modelValue), r = io(e, n, t, o), {
+    const t = y(e.modelValue), r = y(e.modelValue), o = dr(e, n, t, r), {
       inputGroupClass: a,
       inputType: l,
       inputGroupStyle: u
-    } = r, p = Ze(e), {
+    } = o, s = Qe(e), {
       shouldShowAppendedButton: i
-    } = p, d = Ye(e, n, r), {
+    } = s, d = Je(e, n, o), {
       onMouseEnter: c,
       onMouseLeave: f
-    } = d, s = Xe(e, n, l, p), v = po(e, n), h = fo(e, n, s, r), C = Je(e, n, p, d, s), x = vo(e, n), A = V(() => e.type === "number");
-    N(() => [e.value], ([w]) => {
-      t.value = w, o.value = w;
-    }), N(() => [e.modelValue], ([w]) => {
-      t.value = w, o.value = w;
-    }), G(() => {
-      e.value && (t.value = e.value, o.value = e.value);
+    } = d, p = Xe(e, n, l, s), v = mr(e, n), m = hr(e, n, p, o), b = et(e, n, s, d, p), S = br(e, n), E = x(() => e.type === "number");
+    O(() => [e.value], ([C]) => {
+      t.value = C, r.value = C;
+    }), O(() => [e.modelValue], ([C]) => {
+      t.value = C, r.value = C;
+    }), H(() => {
+      e.value && (t.value = e.value, r.value = e.value);
     });
-    const E = () => S(ye, null, [S("div", {
+    const k = () => w(he, null, [w("div", {
       id: "inputGroup",
       class: a.value,
       style: u.value,
       onMouseenter: c,
       onMouseleave: f
-    }, [A.value ? v() : S(ye, null, [x(), h(), i.value && C()])])]);
-    return () => E();
+    }, [E.value ? v() : w(he, null, [S(), m(), i.value && b()])])]);
+    return () => k();
   }
 });
-class yo extends we {
+class gr extends Ve {
   constructor(n, t) {
     super(n, t);
   }
 }
-function mo(e, n) {
+function Sr(e, n) {
   const {
     canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ce(e), d = e.schema;
-  function c(f) {
-    return new yo(f, n).getPropertyConfig(d);
+  } = xe(e), d = e.schema;
+  function c(f, p) {
+    return new gr(f, n).getPropertyConfig(d, p);
   }
   return {
     canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i,
     getPropsConfig: c
   };
 }
-function et(e, n, t) {
-  var B;
-  function o() {
+function tt(e, n, t) {
+  var T;
+  function r() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  o();
-  const r = t && t.getStyles && t.getStyles() || "", a = t && t.getDesignerClass && t.getDesignerClass() || "", l = y();
+  r();
+  const o = t && t.getStyles && t.getStyles() || "", a = t && t.getDesignerClass && t.getDesignerClass() || "", l = y();
   function u() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function p() {
+  function s() {
     return !1;
   }
   function i() {
@@ -2210,120 +2177,120 @@ function et(e, n, t) {
   function d() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function c(b) {
-    if (!b || !b.value)
+  function c(g) {
+    if (!g || !g.value)
       return null;
-    if (b.value.schema && b.value.schema.type === "component")
-      return b.value;
-    const T = y(b == null ? void 0 : b.value.parent), P = c(T);
-    return P || null;
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const F = y(g == null ? void 0 : g.value.parent), A = c(F);
+    return A || null;
   }
-  function f(b = n) {
-    const { componentInstance: T, designerItemElementRef: P } = b;
-    return !T || !T.value ? null : T.value.canMove ? P : f(b.parent);
+  function f(g = n) {
+    const { componentInstance: F, designerItemElementRef: A } = g;
+    return !F || !F.value ? null : F.value.canMove ? A : f(g.parent);
   }
-  function s(b) {
-    return !!t && t.canAccepts(b);
+  function p(g) {
+    return !!t && t.canAccepts(g);
   }
   function v() {
     return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
   }
-  function h() {
+  function m() {
   }
-  function C(b, T) {
-    T && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(T);
+  function b(g, F) {
+    F && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(F);
   }
-  function x(b) {
-    const { componentType: T } = b;
-    let P = me(T, b);
-    t && t.onResolveNewComponentSchema && (P = t.onResolveNewComponentSchema(b, P));
-    const $ = T.toLowerCase().replace("-", "_");
-    return P && !P.id && P.type === T && (P.id = `${$}_${Math.random().toString().slice(2, 6)}`), P;
+  function S(g, F) {
+    const { componentType: A } = g;
+    let N = be(A, g, F);
+    t && t.onResolveNewComponentSchema && (N = t.onResolveNewComponentSchema(g, N));
+    const q = A.toLowerCase().replace("-", "_");
+    return N && !N.id && N.type === A && (N.id = `${q}_${Math.random().toString().slice(2, 6)}`), N;
   }
-  function A(b, T) {
-    const P = String(b.getAttribute("data-controltype")), $ = b.getAttribute("data-feature"), Q = $ ? JSON.parse($) : {};
-    Q.parentComponentInstance = l.value;
-    let R = me(P, Q);
-    t && t.onAcceptNewChildElement && (R = t.onAcceptNewChildElement(b, T, R));
-    const K = P.toLowerCase().replace("-", "_");
-    return R && !R.id && R.type === P && (R.id = `${K}_${Math.random().toString().slice(2, 6)}`), R;
+  function E(g, F) {
+    const A = String(g.getAttribute("data-controltype")), N = g.getAttribute("data-feature"), q = N ? JSON.parse(N) : {};
+    q.parentComponentInstance = l.value;
+    let _ = be(A, q);
+    t && t.onAcceptNewChildElement && (_ = t.onAcceptNewChildElement(g, F, _));
+    const K = A.toLowerCase().replace("-", "_");
+    return _ && !_.id && _.type === A && (_.id = `${K}_${Math.random().toString().slice(2, 6)}`), _;
   }
-  function E(b) {
+  function k(g) {
   }
-  function w(...b) {
+  function C(...g) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...b);
+      return t.getPropsConfig(...g);
   }
   return l.value = {
     canMove: u(),
-    canSelectParent: p(),
+    canSelectParent: s(),
     canDelete: i(),
     canNested: !d(),
     contents: n == null ? void 0 : n.schema.contents,
     elementRef: e,
-    parent: (B = n == null ? void 0 : n.parent) == null ? void 0 : B.componentInstance,
+    parent: (T = n == null ? void 0 : n.parent) == null ? void 0 : T.componentInstance,
     schema: n == null ? void 0 : n.schema,
-    styles: r,
+    styles: o,
     designerClass: a,
-    canAccepts: s,
+    canAccepts: p,
     getBelongedComponentInstance: c,
     getDraggableDesignItemElement: f,
     getDraggingDisplayText: v,
-    getPropConfig: w,
-    getDragScopeElement: h,
-    onAcceptMovedChildElement: C,
-    onAcceptNewChildElement: A,
-    onChildElementMovedOut: E,
-    addNewChildComponentSchema: x,
-    updateDragAndDropRules: o,
+    getPropConfig: C,
+    getDragScopeElement: m,
+    onAcceptMovedChildElement: b,
+    onAcceptNewChildElement: E,
+    onChildElementMovedOut: k,
+    addNewChildComponentSchema: S,
+    updateDragAndDropRules: r,
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || y(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || y(!1)
   }, l;
 }
-const ho = /* @__PURE__ */ q({
+const wr = /* @__PURE__ */ W({
   name: "FInputGroupDesign",
-  props: Ve,
+  props: Be,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, n) {
-    const t = y(e.modelValue), o = y(e.modelValue), r = lo(e, n, t, o), {
+    const t = y(e.modelValue), r = y(e.modelValue), o = pr(e, n, t, r), {
       inputGroupClass: a,
       inputType: l,
       inputGroupStyle: u
-    } = r, p = Ze(e), {
+    } = o, s = Qe(e), {
       shouldShowAppendedButton: i
-    } = p, d = Ye(e, n, r), {
+    } = s, d = Je(e, n, o), {
       onMouseEnter: c,
       onMouseLeave: f
-    } = d, s = Xe(e, n, l, p), v = y(), h = Z("designer-host-service"), C = Z("design-item-context"), x = mo(C, h), A = et(v, C, x);
-    G(() => {
-      v.value.componentInstance = A;
-    }), n.expose(A.value);
-    const E = Je(e, n, p, d, s), w = y();
-    return () => S("div", {
+    } = d, p = Xe(e, n, l, s), v = y(), m = Q("designer-host-service"), b = Q("design-item-context"), S = Sr(b, m), E = tt(v, b, S);
+    H(() => {
+      v.value.componentInstance = E;
+    }), n.expose(E.value);
+    const k = et(e, n, s, d, p), C = y();
+    return () => w("div", {
       id: "inputGroup",
       ref: v,
       class: a.value,
       style: u.value,
       onMouseenter: c,
       onMouseleave: f
-    }, [S("input", {
-      ref: w,
+    }, [w("input", {
+      ref: C,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), i.value && E()]);
+    }, null), i.value && k()]);
   }
 });
-J.register = (e, n, t, o) => {
-  e["input-group"] = J, n["input-group"] = Qe;
+ee.register = (e, n, t, r) => {
+  e["input-group"] = ee, n["input-group"] = Ze;
 };
-J.registerDesigner = (e, n, t) => {
-  e["input-group"] = ho, n["input-group"] = Qe;
+ee.registerDesigner = (e, n, t) => {
+  e["input-group"] = wr, n["input-group"] = Ze;
 };
-xe(J);
-const bo = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]), go = "https://json-schema.org/draft/2020-12/schema", So = "https://farris-design.gitee.io/number-spinner.schema.json", Co = "number-spinner", wo = "A Farris Input Component", xo = "object", Vo = {
+Te(ee);
+const Cr = /* @__PURE__ */ new Map([
+  ["appearance", de]
+]), xr = "https://json-schema.org/draft/2020-12/schema", Vr = "https://farris-design.gitee.io/number-spinner.schema.json", Tr = "number-spinner", Br = "A Farris Input Component", Fr = "object", Mr = {
   id: {
     description: "The unique identifier for a number spinner",
     type: "string"
@@ -2424,22 +2391,27 @@ const bo = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, To = [
+}, kr = [
   "id",
   "type"
-], Bo = {
-  $schema: go,
-  $id: So,
-  title: Co,
-  description: wo,
-  type: xo,
-  properties: Vo,
-  required: To
+], Er = [
+  "id",
+  "appearance",
+  "binding"
+], Ar = {
+  $schema: xr,
+  $id: Vr,
+  title: Tr,
+  description: Br,
+  type: Fr,
+  properties: Mr,
+  required: kr,
+  ignore: Er
 };
-function Fo(e, n, t) {
+function Pr(e, n, t) {
   return n;
 }
-const Be = {
+const Me = {
   /**
    * 组件标识
    */
@@ -2543,64 +2515,64 @@ const Be = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, tt = ue(Be, Bo, bo, Fo);
-function nt(e, n, t, o) {
-  const { format: r } = t, { displayValue: a, getRealValue: l, modelValue: u, onNumberValueChanged: p } = o;
+}, nt = ce(Me, Ar, Cr, Pr);
+function rt(e, n, t, r) {
+  const { format: o } = t, { displayValue: a, getRealValue: l, modelValue: u, onNumberValueChanged: s } = r;
   function i() {
-    const C = new L(u.value || 0);
-    return !(e.max && !new L(e.max).isNaN() && C.gte(new L(e.max)));
+    const b = new L(u.value || 0);
+    return !(e.max && !new L(e.max).isNaN() && b.gte(new L(e.max)));
   }
   function d() {
-    const C = new L(u.value || 0);
-    return !(e.min && !new L(e.min).isNaN() && C.lte(new L(e.min)));
+    const b = new L(u.value || 0);
+    return !(e.min && !new L(e.min).isNaN() && b.lte(new L(e.min)));
   }
-  function c(C) {
+  function c(b) {
     if (e.readonly || e.disabled)
       return;
-    const x = C === "up" ? i : d, A = C === "up" ? "plus" : "minus";
-    if (x()) {
-      const w = new L(u.value || 0)[A](Number(e.step)), B = w.toFixed();
-      a.value = r(B), p(l(w));
+    const S = b === "up" ? i : d, E = b === "up" ? "plus" : "minus";
+    if (S()) {
+      const C = new L(u.value || 0)[E](Number(e.step)), T = C.toFixed();
+      a.value = o(T), s(l(C));
     }
   }
   function f() {
     c("up");
   }
-  function s() {
+  function p() {
     c("down");
   }
-  function v(C) {
-    f(), C.stopPropagation();
+  function v(b) {
+    f(), b.stopPropagation();
   }
-  function h(C) {
-    s(), C.stopPropagation();
+  function m(b) {
+    p(), b.stopPropagation();
   }
-  return { canDownward: d, canUpward: i, downward: s, onClickDownButton: h, onClickUpButton: v, upward: f };
+  return { canDownward: d, canUpward: i, downward: p, onClickDownButton: m, onClickUpButton: v, upward: f };
 }
 function ot(e, n, t) {
-  const o = V(() => ({
+  const r = x(() => ({
     prefix: e.prefix,
     suffix: e.suffix,
     decimalSeparator: e.decimalSeparator,
     groupSeparator: e.useThousands ? e.groupSeparator : "",
     groupSize: e.groupSize
-  })), { getValidNumberObject: r, precision: a } = t;
+  })), { getValidNumberObject: o, 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 u(i, d) {
     return e.precision !== null && e.precision !== void 0 ? i.toFormat(a.value, d) : i.toFormat(d);
   }
-  function p(i) {
-    const d = l(i), c = new L(d, 10), f = r(c);
-    return f.valueOf() === "0" && !e.showZero || f.isNaN() ? "" : e.formatter ? e.formatter(f.toNumber()) : u(f, o.value);
+  function s(i) {
+    const d = l(i), c = new L(d, 10), f = o(c);
+    return f.valueOf() === "0" && !e.showZero || f.isNaN() ? "" : e.formatter ? e.formatter(f.toNumber()) : u(f, r.value);
   }
-  return { cleanFormat: l, format: p };
+  return { cleanFormat: l, format: s };
 }
-function rt(e, n) {
-  const t = y(""), o = y(e.modelValue), r = V(() => Number(e.precision) || 0);
+function at(e, n) {
+  const t = y(""), r = y(e.modelValue), o = x(() => Number(e.precision) || 0);
   function a(d) {
-    return d.toFixed(r.value);
+    return d.toFixed(o.value);
   }
   function l(d) {
     return isNaN(d) || d === null || d === void 0 || d === "";
@@ -2609,16 +2581,16 @@ function rt(e, n) {
     const c = l(e.max) ? null : new L(String(e.max), 10), f = l(e.min) ? null : new L(String(e.min), 10);
     return c && d.gt(c) ? c : f && d.lt(f) ? f : d;
   }
-  function p(d) {
+  function s(d) {
     if (e.parser)
       return isNaN(Number(d)) ? e.parser(d) : d;
     let c = u(new L(d, 10));
     if (c.isNaN()) {
       if (e.canNull)
         return null;
-      const s = new L("" + e.min, 10), v = new L("" + e.max, 10);
-      if (!s.isNaN())
-        c = s;
+      const p = new L("" + e.min, 10), v = new L("" + e.max, 10);
+      if (!p.isNaN())
+        c = p;
       else if (!v.isNaN())
         c = v;
       else
@@ -2628,67 +2600,67 @@ function rt(e, n) {
   }
   function i(d) {
     const c = Number(d);
-    o.value = c, n.emit("update:modelValue", c), n.emit("valueChange", c), n.emit("change", c);
+    r.value = c, n.emit("update:modelValue", c), n.emit("valueChange", c), n.emit("change", c);
   }
-  return { displayValue: t, getRealValue: p, modelValue: o, isEmpty: l, onNumberValueChanged: i, precision: r, getValidNumberObject: u };
+  return { displayValue: t, getRealValue: s, modelValue: r, isEmpty: l, onNumberValueChanged: i, precision: o, getValidNumberObject: u };
 }
-function Mo(e, n, t, o, r) {
-  const { cleanFormat: a, format: l } = t, { displayValue: u, getRealValue: p, modelValue: i, isEmpty: d, onNumberValueChanged: c } = o, { downward: f, upward: s } = r, v = y(!1), h = V(() => u.value);
-  function C(w) {
-    var T;
-    if (w.stopPropagation(), v.value = !1, e.readonly || e.disabled)
+function Nr(e, n, t, r, o) {
+  const { cleanFormat: a, format: l } = t, { displayValue: u, getRealValue: s, modelValue: i, isEmpty: d, onNumberValueChanged: c } = r, { downward: f, upward: p } = o, v = y(!1), m = x(() => u.value);
+  function b(C) {
+    var F;
+    if (C.stopPropagation(), v.value = !1, e.readonly || e.disabled)
       return;
-    let B = (T = w.target) == null ? void 0 : T.value;
-    e.canNull || (B = B || 0);
-    const b = a(B);
-    u.value = l(b), c(p(b)), n.emit("blur", { event: w, formatted: u.value, value: i.value });
-  }
-  function x(w) {
-    w.stopPropagation(), v.value = !0, !(e.readonly || e.disabled) && (u.value = d(i.value) || !e.showZero && i.value === "0" ? "" : String(i.value), n.emit("focus", { event: w, formatted: u.value, value: i.value }));
-  }
-  function A(w) {
-    var T;
-    w.stopPropagation();
-    let B = (T = w.target) == null ? void 0 : T.value;
-    e.canNull || (B = B || 0);
-    const b = a(B);
-    u.value = b, c(p(b));
-  }
-  function E(w) {
-    w.key === "ArrowDown" && (w.preventDefault(), f()), w.key === "ArrowUp" && (w.preventDefault(), s()), w.stopPropagation();
-  }
-  return { textBoxValue: h, onBlurTextBox: C, onFocusTextBox: x, onInput: A, onKeyDown: E, isFocus: v };
+    let T = (F = C.target) == null ? void 0 : F.value;
+    e.canNull || (T = T || 0);
+    const g = a(T);
+    u.value = l(g), c(s(g)), n.emit("blur", { event: C, formatted: u.value, value: i.value });
+  }
+  function S(C) {
+    C.stopPropagation(), v.value = !0, !(e.readonly || e.disabled) && (u.value = d(i.value) || !e.showZero && i.value === "0" ? "" : String(i.value), n.emit("focus", { event: C, formatted: u.value, value: i.value }));
+  }
+  function E(C) {
+    var F;
+    C.stopPropagation();
+    let T = (F = C.target) == null ? void 0 : F.value;
+    e.canNull || (T = T || 0);
+    const g = a(T);
+    u.value = g, c(s(g));
+  }
+  function k(C) {
+    C.key === "ArrowDown" && (C.preventDefault(), f()), C.key === "ArrowUp" && (C.preventDefault(), p()), C.stopPropagation();
+  }
+  return { textBoxValue: m, onBlurTextBox: b, onFocusTextBox: S, onInput: E, onKeyDown: k, isFocus: v };
 }
-const ee = /* @__PURE__ */ q({
+const te = /* @__PURE__ */ W({
   name: "FNumberSpinner",
-  props: Be,
+  props: Me,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    const t = rt(e, n), o = ot(e, n, t), r = nt(e, n, o, t), a = Mo(e, n, o, t, r), l = Te(e, n, r), {
+    const t = at(e, n), r = ot(e, n, t), o = rt(e, n, r, t), a = Nr(e, n, r, t, o), l = Fe(e, n, o), {
       displayValue: u,
-      modelValue: p,
+      modelValue: s,
       getRealValue: i
     } = t, d = Ke(e, n, a), {
       format: c
-    } = o, {
+    } = r, {
       isFocus: f
-    } = a, s = V(() => !e.disabled && !e.readonly && e.showButton);
-    return G(() => {
+    } = a, p = x(() => !e.disabled && !e.readonly && e.showButton);
+    return H(() => {
       const v = i(e.modelValue);
       u.value = c(v);
-    }), N(() => [e.value], ([v]) => {
-      const h = i(v);
-      p.value = h, u.value = c(h);
-    }), N(() => [e.modelValue], ([v]) => {
-      v !== p.value && (p.value = v, !f.value && (u.value = c(i(v))));
-    }), N(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      u.value = c(p.value);
-    }), () => S("div", {
+    }), O(() => [e.value], ([v]) => {
+      const m = i(v);
+      s.value = m, u.value = c(m);
+    }), O(() => [e.modelValue], ([v]) => {
+      v !== s.value && (s.value = v, !f.value && (u.value = c(i(v))));
+    }), O(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+      u.value = c(s.value);
+    }), () => w("div", {
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-    }, [d(), s.value && l()]);
+    }, [d(), p.value && l()]);
   }
 });
-class Po extends we {
+class Or extends Ve {
   constructor(n, t) {
     super(n, t);
   }
@@ -2721,46 +2693,46 @@ class Po extends we {
     });
   }
 }
-function Eo(e, n) {
+function Ir(e, n) {
   const {
     canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ce(e), d = e.schema;
-  function c(f) {
-    return new Po(f, n).getPropertyConfig(d);
+  } = xe(e), d = e.schema;
+  function c(f, p) {
+    return new Or(f, n).getPropertyConfig(d, p);
   }
   return {
     canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
     hideNestedPaddingInDesginerView: a,
     onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i,
     getPropsConfig: c
   };
 }
-const Ao = /* @__PURE__ */ q({
+const jr = /* @__PURE__ */ W({
   name: "FNumberSpinnerDesign",
-  props: Be,
+  props: Me,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    const t = rt(e, n), o = ot(e, n, t), r = nt(e, n, o, t), a = Te(e, n, r), l = y(), u = Z("designer-host-service"), p = Z("design-item-context"), i = Eo(p, u), d = et(l, p, i);
-    G(() => {
+    const t = at(e, n), r = ot(e, n, t), o = rt(e, n, r, t), a = Fe(e, n, o), l = y(), u = Q("designer-host-service"), s = Q("design-item-context"), i = Ir(s, u), d = tt(l, s, i);
+    H(() => {
       l.value.componentInstance = d, e.readonly = !0;
     }), n.expose(d.value);
     const c = y();
-    return () => S("div", {
+    return () => w("div", {
       ref: l,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
-    }, [S("input", {
+    }, [w("input", {
       ref: c,
       class: "form-control",
       readonly: !0,
@@ -2768,57 +2740,57 @@ const Ao = /* @__PURE__ */ q({
     }, null), a()]);
   }
 });
-ee.register = (e, n, t, o) => {
-  e["number-spinner"] = ee, n["number-spinner"] = tt;
+te.register = (e, n, t, r) => {
+  e["number-spinner"] = te, n["number-spinner"] = nt;
 };
-ee.registerDesigner = (e, n, t) => {
-  e["number-spinner"] = Ao, n["number-spinner"] = tt;
+te.registerDesigner = (e, n, t) => {
+  e["number-spinner"] = jr, n["number-spinner"] = nt;
 };
-xe(ee);
-function ko(e, n, t, o, r, a, l) {
-  const u = y(0), p = y(""), i = y([]), d = y(""), c = y("");
+Te(te);
+function Dr(e, n, t, r, o, a, l) {
+  const u = y(0), s = y(""), i = y([]), d = y(""), c = y("");
   function f() {
-    e.value.propertyType === "enum" && e.value.propertyValue.type === "const" && (d.value = F(e.value.propertyValue.value), n.value = F(e.value.editorOptions.enums));
+    e.value.propertyType === "enum" && e.value.propertyValue.type === "const" && (d.value = B(e.value.propertyValue.value), n.value = B(e.value.editorOptions.enums));
   }
-  function s() {
+  function p() {
     e.value.propertyType === "number" && (u.value = e.value.propertyValue.value);
   }
   function v() {
-    t.value.id === "stateMachine" && (o = F(e.value.propertyValue.value.id), o ? r.value = F(e.value.propertyValue.value.exist) : r.value = "否");
+    t.value.id === "stateMachine" && (r = B(e.value.propertyValue.value.id), r ? o.value = B(e.value.propertyValue.value.exist) : o.value = "否");
   }
-  function h() {
-    if (t.value.id === "dataStates" && (i.value = F(e.value.editorOptions.dataStates), e.value.propertyValue.value)) {
-      const w = e.value.propertyValue.value, B = i.value.filter((b) => w.includes(b.value)).map((b) => b.value).join(",");
-      p.value = F(B);
+  function m() {
+    if (t.value.id === "dataStates" && (i.value = B(e.value.editorOptions.dataStates), e.value.propertyValue.value)) {
+      const C = e.value.propertyValue.value, T = i.value.filter((g) => C.includes(g.value)).map((g) => g.value).join(",");
+      s.value = B(T);
     }
   }
-  function C() {
+  function b() {
     t.value.id === "variable" && (c.value = e.value.propertyValue.value.path);
   }
-  function x() {
+  function S() {
     if (t.value.id === "expression") {
       l.value = !0;
-      const { handleExpressionValue: w } = e.value.editorOptions.expressionConfig;
-      w ? a.value = w().value.value : a.value = e.value.editorOptions.expressionConfig.expressionValue.value.value;
+      const { handleExpressionValue: C } = e.value.editorOptions.expressionConfig;
+      C ? a.value = C().value.value : a.value = e.value.editorOptions.expressionConfig.expressionValue.value.value;
     }
   }
-  function A() {
+  function E() {
     t.value.id;
   }
-  function E() {
-    f(), s(), C(), v(), h(), x(), A();
+  function k() {
+    f(), p(), b(), v(), m(), S(), E();
   }
   return {
     numberConstValue: u,
     bindVariableValue: c,
-    dataStatesBindValue: p,
+    dataStatesBindValue: s,
     dataStatesValueArray: i,
     constEnumBindValue: d,
-    setValue: E
+    setValue: k
   };
 }
-function No(e, n, t, o, r, a, l, u, p, i, d, c) {
-  const f = y(!1), s = y({
+function $r(e, n, t, r, o, a, l, u, s, i, d, c) {
+  const f = y(!1), p = y({
     propertyName: "",
     /** 属性类型：boolean, string, number, enum */
     propertyType: "",
@@ -2830,83 +2802,83 @@ function No(e, n, t, o, r, a, l, u, p, i, d, c) {
     hasPrefix: !1
   });
   function v() {
-    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));
+    n.value.propertyValue.type === "const" && (n.value.propertyValue.value = B(o.value.constValue.value), t.value = B(o.value.constValue.value), r.value = B(n.value.editorOptions.enums));
   }
-  function h() {
-    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 = {
+  function m() {
+    n.value.propertyValue.type === "stateMachine" && (n.value.propertyValue.value = B(o.value.stateMachineValue.value), a.value = B(n.value.editorOptions.stateMachine), n.value.propertyValue.value.name ? B(n.value.propertyValue.value.id) : (n.value.propertyValue.value = {
       id: "",
       name: "",
       exist: ""
     }, u.value = "否"));
   }
-  function C() {
-    n.value.propertyValue.type === "dataStates" && (n.value.propertyValue.value = F(r.value.dataStatesValue.value), p.value = F(n.value.editorOptions.dataStates));
-  }
-  function x() {
-    i.value = "", r.value.expressionValue && (r.value.expressionValue.value = "");
+  function b() {
+    n.value.propertyValue.type === "dataStates" && (n.value.propertyValue.value = B(o.value.dataStatesValue.value), s.value = B(n.value.editorOptions.dataStates));
   }
-  function A() {
-    d.value || (u.value = u.value === "否" ? "是" : "否", n.value.propertyValue.value.exist = u, r.value.stateMachineValue.value.exist = u, B());
+  function S() {
+    i.value = "", o.value.expressionValue && (o.value.expressionValue.value = "");
   }
   function E() {
-    s.value.propertyValue.value && s.value.propertyValue.value.includes("viewModel.stateMachine") && (r.value.customValue.value = "");
+    d.value || (u.value = u.value === "否" ? "是" : "否", n.value.propertyValue.value.exist = u, o.value.stateMachineValue.value.exist = u, T());
+  }
+  function k() {
+    p.value.propertyValue.value && p.value.propertyValue.value.includes("viewModel.stateMachine") && (o.value.customValue.value = "");
   }
-  function w() {
-    s.value.propertyName = F(n.value.propertyName), s.value.propertyType = F(n.value.propertyType), s.value.propertyValue = F(n.value.propertyValue), s.value.hasPrefix = F(f);
+  function C() {
+    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 B() {
+  function T() {
     if (!d.value)
-      switch (w(), s.value.propertyValue.type) {
+      switch (C(), p.value.propertyValue.type) {
         case "const":
-          (s.value.propertyType === "enum" && s.value.propertyValue.value !== "" || s.value.propertyType === "number" && s.value.propertyValue.value != null || s.value.propertyType === "string") && (x(), e.emit("propertyEditorValueChanged", s));
+          (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;
         case "variable":
-          s.value.propertyValue.value.path !== "" && (x(), e.emit("propertyEditorValueChanged", s));
+          p.value.propertyValue.value.path !== "" && (S(), e.emit("propertyEditorValueChanged", p));
           break;
         case "custom":
-          x(), E(), e.emit("propertyEditorValueChanged", s);
+          S(), k(), e.emit("propertyEditorValueChanged", p);
           break;
         case "expression":
-          i.value && e.emit("propertyEditorValueChanged", s);
+          i.value && e.emit("propertyEditorValueChanged", p);
           break;
         case "stateMachine":
-          s.value.propertyValue.value.id && (x(), e.emit("propertyEditorValueChanged", s));
+          p.value.propertyValue.value.id && (S(), e.emit("propertyEditorValueChanged", p));
           break;
         case "dataStates":
-          if (s.value.propertyValue.value !== "") {
-            x(), e.emit("propertyEditorValueChanged", s);
+          if (p.value.propertyValue.value !== "") {
+            S(), e.emit("propertyEditorValueChanged", p);
             break;
           }
       }
   }
-  function b() {
-    n.value.propertyValue = r.value[`${c.value.id}Value`], v(), h(), C(), B(), s.value.isNewVariable = !1;
+  function g() {
+    n.value.propertyValue = o.value[`${c.value.id}Value`], v(), m(), b(), T(), p.value.isNewVariable = !1;
   }
   return {
-    updateData: b,
-    changeState: A,
+    updateData: g,
+    changeState: E,
     prefix: f,
-    propertyEditorValueChange: s
+    propertyEditorValueChange: p
   };
 }
-var he = function(e, n) {
-  return he = 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]);
-  }, he(e, n);
+var ge = function(e, n) {
+  return ge = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, r) {
+    t.__proto__ = r;
+  } || function(t, r) {
+    for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
+  }, ge(e, n);
 };
 function z(e, n) {
   if (typeof n != "function" && n !== null)
     throw new TypeError("Class extends value " + String(n) + " is not a constructor or null");
-  he(e, n);
+  ge(e, n);
   function t() {
     this.constructor = e;
   }
   e.prototype = n === null ? Object.create(n) : (t.prototype = n.prototype, new t());
 }
-function Io(e, n, t, o) {
-  function r(a) {
+function Lr(e, n, t, r) {
+  function o(a) {
     return a instanceof t ? a : new t(function(l) {
       l(a);
     });
@@ -2914,42 +2886,42 @@ function Io(e, n, t, o) {
   return new (t || (t = Promise))(function(a, l) {
     function u(d) {
       try {
-        i(o.next(d));
+        i(r.next(d));
       } catch (c) {
         l(c);
       }
     }
-    function p(d) {
+    function s(d) {
       try {
-        i(o.throw(d));
+        i(r.throw(d));
       } catch (c) {
         l(c);
       }
     }
     function i(d) {
-      d.done ? a(d.value) : r(d.value).then(u, p);
+      d.done ? a(d.value) : o(d.value).then(u, s);
     }
-    i((o = o.apply(e, n || [])).next());
+    i((r = r.apply(e, n || [])).next());
   });
 }
-function at(e, n) {
+function it(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);
+  }, trys: [], ops: [] }, r, o, a, l = Object.create((typeof Iterator == "function" ? Iterator : Object).prototype);
   return l.next = u(0), l.throw = u(1), l.return = u(2), typeof Symbol == "function" && (l[Symbol.iterator] = function() {
     return this;
   }), l;
   function u(i) {
     return function(d) {
-      return p([i, d]);
+      return s([i, d]);
     };
   }
-  function p(i) {
-    if (o) throw new TypeError("Generator is already executing.");
+  function s(i) {
+    if (r) 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]) {
+      if (r = 1, o && (a = i[0] & 2 ? o.return : i[0] ? o.throw || ((a = o.return) && a.call(o), 0) : o.next) && !(a = a.call(o, i[1])).done) return a;
+      switch (o = 0, a && (i = [i[0] & 2, a.value]), i[0]) {
         case 0:
         case 1:
           a = i;
@@ -2957,7 +2929,7 @@ function at(e, n) {
         case 4:
           return t.label++, { value: i[1], done: !1 };
         case 5:
-          t.label++, r = i[1], i = [0];
+          t.label++, o = i[1], i = [0];
           continue;
         case 7:
           i = t.ops.pop(), t.trys.pop();
@@ -2984,102 +2956,102 @@ function at(e, n) {
       }
       i = n.call(e, t);
     } catch (d) {
-      i = [6, d], r = 0;
+      i = [6, d], o = 0;
     } finally {
-      o = a = 0;
+      r = a = 0;
     }
     if (i[0] & 5) throw i[1];
     return { value: i[0] ? i[1] : void 0, done: !0 };
   }
 }
 function X(e) {
-  var n = typeof Symbol == "function" && Symbol.iterator, t = n && e[n], o = 0;
+  var n = typeof Symbol == "function" && Symbol.iterator, t = n && e[n], r = 0;
   if (t) return t.call(e);
   if (e && typeof e.length == "number") return {
     next: function() {
-      return e && o >= e.length && (e = void 0), { value: e && e[o++], done: !e };
+      return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e };
     }
   };
   throw new TypeError(n ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function ae(e, n) {
+function le(e, n) {
   var t = typeof Symbol == "function" && e[Symbol.iterator];
   if (!t) return e;
-  var o = t.call(e), r, a = [], l;
+  var r = t.call(e), o, a = [], l;
   try {
-    for (; (n === void 0 || n-- > 0) && !(r = o.next()).done; ) a.push(r.value);
+    for (; (n === void 0 || n-- > 0) && !(o = r.next()).done; ) a.push(o.value);
   } catch (u) {
     l = { error: u };
   } finally {
     try {
-      r && !r.done && (t = o.return) && t.call(o);
+      o && !o.done && (t = r.return) && t.call(r);
     } finally {
       if (l) throw l.error;
     }
   }
   return a;
 }
-function ie(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]);
+function ue(e, n, t) {
+  if (t || arguments.length === 2) for (var r = 0, o = n.length, a; r < o; r++)
+    (a || !(r in n)) && (a || (a = Array.prototype.slice.call(n, 0, r)), a[r] = n[r]);
   return e.concat(a || Array.prototype.slice.call(n));
 }
-function Y(e) {
-  return this instanceof Y ? (this.v = e, this) : new Y(e);
+function J(e) {
+  return this instanceof J ? (this.v = e, this) : new J(e);
 }
-function Oo(e, n, t) {
+function Ur(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() {
+  var r = t.apply(e, n || []), o, a = [];
+  return o = Object.create((typeof AsyncIterator == "function" ? AsyncIterator : Object).prototype), u("next"), u("throw"), u("return", l), o[Symbol.asyncIterator] = function() {
     return this;
-  }, r;
-  function l(s) {
+  }, o;
+  function l(p) {
     return function(v) {
-      return Promise.resolve(v).then(s, c);
+      return Promise.resolve(v).then(p, c);
     };
   }
-  function u(s, v) {
-    o[s] && (r[s] = function(h) {
-      return new Promise(function(C, x) {
-        a.push([s, h, C, x]) > 1 || p(s, h);
+  function u(p, v) {
+    r[p] && (o[p] = function(m) {
+      return new Promise(function(b, S) {
+        a.push([p, m, b, S]) > 1 || s(p, m);
       });
-    }, v && (r[s] = v(r[s])));
+    }, v && (o[p] = v(o[p])));
   }
-  function p(s, v) {
+  function s(p, v) {
     try {
-      i(o[s](v));
-    } catch (h) {
-      f(a[0][3], h);
+      i(r[p](v));
+    } catch (m) {
+      f(a[0][3], m);
     }
   }
-  function i(s) {
-    s.value instanceof Y ? Promise.resolve(s.value.v).then(d, c) : f(a[0][2], s);
+  function i(p) {
+    p.value instanceof J ? Promise.resolve(p.value.v).then(d, c) : f(a[0][2], p);
   }
-  function d(s) {
-    p("next", s);
+  function d(p) {
+    s("next", p);
   }
-  function c(s) {
-    p("throw", s);
+  function c(p) {
+    s("throw", p);
   }
-  function f(s, v) {
-    s(v), a.shift(), a.length && p(a[0][0], a[0][1]);
+  function f(p, v) {
+    p(v), a.shift(), a.length && s(a[0][0], a[0][1]);
   }
 }
-function Do(e) {
+function _r(e) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   var n = e[Symbol.asyncIterator], t;
-  return n ? n.call(e) : (e = typeof X == "function" ? X(e) : e[Symbol.iterator](), t = {}, o("next"), o("throw"), o("return"), t[Symbol.asyncIterator] = function() {
+  return n ? n.call(e) : (e = typeof X == "function" ? X(e) : e[Symbol.iterator](), t = {}, r("next"), r("throw"), r("return"), t[Symbol.asyncIterator] = function() {
     return this;
   }, t);
-  function o(a) {
+  function r(a) {
     t[a] = e[a] && function(l) {
-      return new Promise(function(u, p) {
-        l = e[a](l), r(u, p, l.done, l.value);
+      return new Promise(function(u, s) {
+        l = e[a](l), o(u, s, l.done, l.value);
       });
     };
   }
-  function r(a, l, u, p) {
-    Promise.resolve(p).then(function(i) {
+  function o(a, l, u, s) {
+    Promise.resolve(s).then(function(i) {
       a({ value: i, done: u });
     }, l);
   }
@@ -3087,48 +3059,48 @@ function Do(e) {
 function I(e) {
   return typeof e == "function";
 }
-function it(e) {
-  var n = function(o) {
-    Error.call(o), o.stack = new Error().stack;
+function lt(e) {
+  var n = function(r) {
+    Error.call(r), r.stack = new Error().stack;
   }, t = e(n);
   return t.prototype = Object.create(Error.prototype), t.prototype.constructor = t, t;
 }
-var de = it(function(e) {
+var fe = lt(function(e) {
   return function(t) {
     e(this), this.message = t ? t.length + ` errors occurred during unsubscription:
-` + t.map(function(o, r) {
-      return r + 1 + ") " + o.toString();
+` + t.map(function(r, o) {
+      return o + 1 + ") " + r.toString();
     }).join(`
   `) : "", this.name = "UnsubscriptionError", this.errors = t;
   };
 });
-function le(e, n) {
+function se(e, n) {
   if (e) {
     var t = e.indexOf(n);
     0 <= t && e.splice(t, 1);
   }
 }
-var te = function() {
+var ne = function() {
   function e(n) {
     this.initialTeardown = n, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
   return e.prototype.unsubscribe = function() {
-    var n, t, o, r, a;
+    var n, t, r, o, a;
     if (!this.closed) {
       this.closed = !0;
       var l = this._parentage;
       if (l)
         if (this._parentage = null, Array.isArray(l))
           try {
-            for (var u = X(l), p = u.next(); !p.done; p = u.next()) {
-              var i = p.value;
+            for (var u = X(l), s = u.next(); !s.done; s = u.next()) {
+              var i = s.value;
               i.remove(this);
             }
-          } catch (h) {
-            n = { error: h };
+          } catch (m) {
+            n = { error: m };
           } finally {
             try {
-              p && !p.done && (t = u.return) && t.call(u);
+              s && !s.done && (t = u.return) && t.call(u);
             } finally {
               if (n) throw n.error;
             }
@@ -3139,39 +3111,39 @@ var te = function() {
       if (I(d))
         try {
           d();
-        } catch (h) {
-          a = h instanceof de ? h.errors : [h];
+        } catch (m) {
+          a = m instanceof fe ? m.errors : [m];
         }
       var c = this._finalizers;
       if (c) {
         this._finalizers = null;
         try {
-          for (var f = X(c), s = f.next(); !s.done; s = f.next()) {
-            var v = s.value;
+          for (var f = X(c), p = f.next(); !p.done; p = f.next()) {
+            var v = p.value;
             try {
-              De(v);
-            } catch (h) {
-              a = a ?? [], h instanceof de ? a = ie(ie([], ae(a)), ae(h.errors)) : a.push(h);
+              Le(v);
+            } catch (m) {
+              a = a ?? [], m instanceof fe ? a = ue(ue([], le(a)), le(m.errors)) : a.push(m);
             }
           }
-        } catch (h) {
-          o = { error: h };
+        } catch (m) {
+          r = { error: m };
         } finally {
           try {
-            s && !s.done && (r = f.return) && r.call(f);
+            p && !p.done && (o = f.return) && o.call(f);
           } finally {
-            if (o) throw o.error;
+            if (r) throw r.error;
           }
         }
       }
       if (a)
-        throw new de(a);
+        throw new fe(a);
     }
   }, e.prototype.add = function(n) {
     var t;
     if (n && n !== this)
       if (this.closed)
-        De(n);
+        Le(n);
       else {
         if (n instanceof e) {
           if (n.closed || n._hasParent(this))
@@ -3188,56 +3160,56 @@ var te = 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) && le(t, n);
+    t === n ? this._parentage = null : Array.isArray(t) && se(t, n);
   }, e.prototype.remove = function(n) {
     var t = this._finalizers;
-    t && le(t, n), n instanceof e && n._removeParent(this);
+    t && se(t, n), n instanceof e && n._removeParent(this);
   }, e.EMPTY = function() {
     var n = new e();
     return n.closed = !0, n;
   }(), e;
-}(), lt = te.EMPTY;
-function ut(e) {
-  return e instanceof te || e && "closed" in e && I(e.remove) && I(e.add) && I(e.unsubscribe);
+}(), ut = ne.EMPTY;
+function st(e) {
+  return e instanceof ne || e && "closed" in e && I(e.remove) && I(e.add) && I(e.unsubscribe);
 }
-function De(e) {
+function Le(e) {
   I(e) ? e() : e.unsubscribe();
 }
-var st = {
+var ct = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, jo = {
+}, Rr = {
   setTimeout: function(e, n) {
-    for (var t = [], o = 2; o < arguments.length; o++)
-      t[o - 2] = arguments[o];
-    return setTimeout.apply(void 0, ie([e, n], ae(t)));
+    for (var t = [], r = 2; r < arguments.length; r++)
+      t[r - 2] = arguments[r];
+    return setTimeout.apply(void 0, ue([e, n], le(t)));
   },
   clearTimeout: function(e) {
     return clearTimeout(e);
   },
   delegate: void 0
 };
-function ct(e) {
-  jo.setTimeout(function() {
+function dt(e) {
+  Rr.setTimeout(function() {
     throw e;
   });
 }
-function je() {
+function Ue() {
 }
-function re(e) {
+function ae(e) {
   e();
 }
-var Fe = function(e) {
+var ke = function(e) {
   z(n, e);
   function n(t) {
-    var o = e.call(this) || this;
-    return o.isStopped = !1, t ? (o.destination = t, ut(t) && t.add(o)) : o.destination = Ro, o;
+    var r = e.call(this) || this;
+    return r.isStopped = !1, t ? (r.destination = t, st(t) && t.add(r)) : r.destination = Wr, r;
   }
-  return n.create = function(t, o, r) {
-    return new be(t, o, r);
+  return n.create = function(t, r, o) {
+    return new Se(t, r, o);
   }, n.prototype.next = function(t) {
     this.isStopped || this._next(t);
   }, n.prototype.error = function(t) {
@@ -3261,11 +3233,11 @@ var Fe = function(e) {
       this.unsubscribe();
     }
   }, n;
-}(te), Lo = Function.prototype.bind;
-function pe(e, n) {
-  return Lo.call(e, n);
+}(ne), Gr = Function.prototype.bind;
+function ve(e, n) {
+  return Gr.call(e, n);
 }
-var $o = function() {
+var Hr = function() {
   function e(n) {
     this.partialObserver = n;
   }
@@ -3274,16 +3246,16 @@ var $o = function() {
     if (t.next)
       try {
         t.next(n);
-      } catch (o) {
-        oe(o);
+      } catch (r) {
+        oe(r);
       }
   }, e.prototype.error = function(n) {
     var t = this.partialObserver;
     if (t.error)
       try {
         t.error(n);
-      } catch (o) {
-        oe(o);
+      } catch (r) {
+        oe(r);
       }
     else
       oe(n);
@@ -3296,66 +3268,66 @@ var $o = function() {
         oe(t);
       }
   }, e;
-}(), be = function(e) {
+}(), Se = function(e) {
   z(n, e);
-  function n(t, o, r) {
+  function n(t, r, o) {
     var a = e.call(this) || this, l;
     if (I(t) || !t)
       l = {
         next: t ?? void 0,
-        error: o ?? void 0,
-        complete: r ?? void 0
+        error: r ?? void 0,
+        complete: o ?? void 0
       };
     else {
       var u;
-      a && st.useDeprecatedNextContext ? (u = Object.create(t), u.unsubscribe = function() {
+      a && ct.useDeprecatedNextContext ? (u = Object.create(t), u.unsubscribe = function() {
         return a.unsubscribe();
       }, l = {
-        next: t.next && pe(t.next, u),
-        error: t.error && pe(t.error, u),
-        complete: t.complete && pe(t.complete, u)
+        next: t.next && ve(t.next, u),
+        error: t.error && ve(t.error, u),
+        complete: t.complete && ve(t.complete, u)
       }) : l = t;
     }
-    return a.destination = new $o(l), a;
+    return a.destination = new Hr(l), a;
   }
   return n;
-}(Fe);
+}(ke);
 function oe(e) {
-  ct(e);
+  dt(e);
 }
-function Uo(e) {
+function qr(e) {
   throw e;
 }
-var Ro = {
+var Wr = {
   closed: !0,
-  next: je,
-  error: Uo,
-  complete: je
-}, Me = function() {
+  next: Ue,
+  error: qr,
+  complete: Ue
+}, Ee = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function _o(e) {
+function zr(e) {
   return e;
 }
-function Ho(e) {
-  return e.length === 0 ? _o : e.length === 1 ? e[0] : function(t) {
-    return e.reduce(function(o, r) {
-      return r(o);
+function Yr(e) {
+  return e.length === 0 ? zr : e.length === 1 ? e[0] : function(t) {
+    return e.reduce(function(r, o) {
+      return o(r);
     }, t);
   };
 }
-var _ = function() {
+var R = function() {
   function e(n) {
     n && (this._subscribe = n);
   }
   return e.prototype.lift = function(n) {
     var t = new e();
     return t.source = this, t.operator = n, t;
-  }, e.prototype.subscribe = function(n, t, o) {
-    var r = this, a = qo(n) ? n : new be(n, t, o);
-    return re(function() {
-      var l = r, u = l.operator, p = l.source;
-      a.add(u ? u.call(a, p) : p ? r._subscribe(a) : r._trySubscribe(a));
+  }, e.prototype.subscribe = function(n, t, r) {
+    var o = this, a = Jr(n) ? n : new Se(n, t, r);
+    return ae(function() {
+      var l = o, u = l.operator, s = l.source;
+      a.add(u ? u.call(a, s) : s ? o._subscribe(a) : o._trySubscribe(a));
     }), a;
   }, e.prototype._trySubscribe = function(n) {
     try {
@@ -3364,86 +3336,86 @@ var _ = function() {
       n.error(t);
     }
   }, e.prototype.forEach = function(n, t) {
-    var o = this;
-    return t = Le(t), new t(function(r, a) {
-      var l = new be({
+    var r = this;
+    return t = _e(t), new t(function(o, a) {
+      var l = new Se({
         next: function(u) {
           try {
             n(u);
-          } catch (p) {
-            a(p), l.unsubscribe();
+          } catch (s) {
+            a(s), l.unsubscribe();
           }
         },
         error: a,
-        complete: r
+        complete: o
       });
-      o.subscribe(l);
+      r.subscribe(l);
     });
   }, e.prototype._subscribe = function(n) {
     var t;
     return (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(n);
-  }, e.prototype[Me] = function() {
+  }, e.prototype[Ee] = function() {
     return this;
   }, e.prototype.pipe = function() {
     for (var n = [], t = 0; t < arguments.length; t++)
       n[t] = arguments[t];
-    return Ho(n)(this);
+    return Yr(n)(this);
   }, e.prototype.toPromise = function(n) {
     var t = this;
-    return n = Le(n), new n(function(o, r) {
+    return n = _e(n), new n(function(r, o) {
       var a;
       t.subscribe(function(l) {
         return a = l;
       }, function(l) {
-        return r(l);
+        return o(l);
       }, function() {
-        return o(a);
+        return r(a);
       });
     });
   }, e.create = function(n) {
     return new e(n);
   }, e;
 }();
-function Le(e) {
+function _e(e) {
   var n;
-  return (n = e ?? st.Promise) !== null && n !== void 0 ? n : Promise;
+  return (n = e ?? ct.Promise) !== null && n !== void 0 ? n : Promise;
 }
-function Go(e) {
+function Zr(e) {
   return e && I(e.next) && I(e.error) && I(e.complete);
 }
-function qo(e) {
-  return e && e instanceof Fe || Go(e) && ut(e);
+function Jr(e) {
+  return e && e instanceof ke || Zr(e) && st(e);
 }
-function zo(e) {
+function Qr(e) {
   return I(e == null ? void 0 : e.lift);
 }
-function Pe(e) {
+function Ae(e) {
   return function(n) {
-    if (zo(n))
+    if (Qr(n))
       return n.lift(function(t) {
         try {
           return e(t, this);
-        } catch (o) {
-          this.error(o);
+        } catch (r) {
+          this.error(r);
         }
       });
     throw new TypeError("Unable to lift unknown Observable type");
   };
 }
-function dt(e, n, t, o, r) {
-  return new Wo(e, n, t, o, r);
+function pt(e, n, t, r, o) {
+  return new Xr(e, n, t, r, o);
 }
-var Wo = function(e) {
+var Xr = function(e) {
   z(n, e);
-  function n(t, o, r, a, l, u) {
-    var p = e.call(this, t) || this;
-    return p.onFinalize = l, p.shouldUnsubscribe = u, p._next = o ? function(i) {
+  function n(t, r, o, a, l, u) {
+    var s = e.call(this, t) || this;
+    return s.onFinalize = l, s.shouldUnsubscribe = u, s._next = r ? function(i) {
       try {
-        o(i);
+        r(i);
       } catch (d) {
         t.error(d);
       }
-    } : e.prototype._next, p._error = a ? function(i) {
+    } : e.prototype._next, s._error = a ? function(i) {
       try {
         a(i);
       } catch (d) {
@@ -3451,77 +3423,77 @@ var Wo = function(e) {
       } finally {
         this.unsubscribe();
       }
-    } : e.prototype._error, p._complete = r ? function() {
+    } : e.prototype._error, s._complete = o ? function() {
       try {
-        r();
+        o();
       } catch (i) {
         t.error(i);
       } finally {
         this.unsubscribe();
       }
-    } : e.prototype._complete, p;
+    } : e.prototype._complete, s;
   }
   return n.prototype.unsubscribe = function() {
     var t;
     if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {
-      var o = this.closed;
-      e.prototype.unsubscribe.call(this), !o && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
+      var r = this.closed;
+      e.prototype.unsubscribe.call(this), !r && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
     }
   }, n;
-}(Fe), Qo = it(function(e) {
+}(ke), Kr = lt(function(e) {
   return function() {
     e(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), pt = function(e) {
+}), ft = function(e) {
   z(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 $e(this, this);
-    return o.operator = t, o;
+    var r = new Re(this, this);
+    return r.operator = t, r;
   }, n.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new Qo();
+      throw new Kr();
   }, n.prototype.next = function(t) {
-    var o = this;
-    re(function() {
-      var r, a;
-      if (o._throwIfClosed(), !o.isStopped) {
-        o.currentObservers || (o.currentObservers = Array.from(o.observers));
+    var r = this;
+    ae(function() {
+      var o, a;
+      if (r._throwIfClosed(), !r.isStopped) {
+        r.currentObservers || (r.currentObservers = Array.from(r.observers));
         try {
-          for (var l = X(o.currentObservers), u = l.next(); !u.done; u = l.next()) {
-            var p = u.value;
-            p.next(t);
+          for (var l = X(r.currentObservers), u = l.next(); !u.done; u = l.next()) {
+            var s = u.value;
+            s.next(t);
           }
         } catch (i) {
-          r = { error: i };
+          o = { error: i };
         } finally {
           try {
             u && !u.done && (a = l.return) && a.call(l);
           } finally {
-            if (r) throw r.error;
+            if (o) throw o.error;
           }
         }
       }
     });
   }, n.prototype.error = function(t) {
-    var o = this;
-    re(function() {
-      if (o._throwIfClosed(), !o.isStopped) {
-        o.hasError = o.isStopped = !0, o.thrownError = t;
-        for (var r = o.observers; r.length; )
-          r.shift().error(t);
+    var r = this;
+    ae(function() {
+      if (r._throwIfClosed(), !r.isStopped) {
+        r.hasError = r.isStopped = !0, r.thrownError = t;
+        for (var o = r.observers; o.length; )
+          o.shift().error(t);
       }
     });
   }, n.prototype.complete = function() {
     var t = this;
-    re(function() {
+    ae(function() {
       if (t._throwIfClosed(), !t.isStopped) {
         t.isStopped = !0;
-        for (var o = t.observers; o.length; )
-          o.shift().complete();
+        for (var r = t.observers; r.length; )
+          r.shift().complete();
       }
     });
   }, n.prototype.unsubscribe = function() {
@@ -3538,184 +3510,184 @@ var Wo = 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 ? lt : (this.currentObservers = null, u.push(t), new te(function() {
-      o.currentObservers = null, le(u, t);
+    var r = this, o = this, a = o.hasError, l = o.isStopped, u = o.observers;
+    return a || l ? ut : (this.currentObservers = null, u.push(t), new ne(function() {
+      r.currentObservers = null, se(u, t);
     }));
   }, 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 r = this, o = r.hasError, a = r.thrownError, l = r.isStopped;
+    o ? t.error(a) : l && t.complete();
   }, n.prototype.asObservable = function() {
-    var t = new _();
+    var t = new R();
     return t.source = this, t;
-  }, n.create = function(t, o) {
-    return new $e(t, o);
+  }, n.create = function(t, r) {
+    return new Re(t, r);
   }, n;
-}(_), $e = function(e) {
+}(R), Re = function(e) {
   z(n, e);
-  function n(t, o) {
-    var r = e.call(this) || this;
-    return r.destination = t, r.source = o, r;
+  function n(t, r) {
+    var o = e.call(this) || this;
+    return o.destination = t, o.source = r, o;
   }
   return n.prototype.next = function(t) {
-    var o, r;
-    (r = (o = this.destination) === null || o === void 0 ? void 0 : o.next) === null || r === void 0 || r.call(o, t);
+    var r, o;
+    (o = (r = this.destination) === null || r === void 0 ? void 0 : r.next) === null || o === void 0 || o.call(r, t);
   }, n.prototype.error = function(t) {
-    var o, r;
-    (r = (o = this.destination) === null || o === void 0 ? void 0 : o.error) === null || r === void 0 || r.call(o, t);
+    var r, o;
+    (o = (r = this.destination) === null || r === void 0 ? void 0 : r.error) === null || o === void 0 || o.call(r, t);
   }, n.prototype.complete = function() {
-    var t, o;
-    (o = (t = this.destination) === null || t === void 0 ? void 0 : t.complete) === null || o === void 0 || o.call(t);
+    var t, r;
+    (r = (t = this.destination) === null || t === void 0 ? void 0 : t.complete) === null || r === void 0 || r.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 : lt;
+    var r, o;
+    return (o = (r = this.source) === null || r === void 0 ? void 0 : r.subscribe(t)) !== null && o !== void 0 ? o : ut;
   }, n;
-}(pt), Yo = {
+}(ft), eo = {
   now: function() {
     return Date.now();
   },
   delegate: void 0
-}, Zo = function(e) {
+}, to = function(e) {
   z(n, e);
-  function n(t, o) {
+  function n(t, r) {
     return e.call(this) || this;
   }
-  return n.prototype.schedule = function(t, o) {
+  return n.prototype.schedule = function(t, r) {
     return this;
   }, n;
-}(te), Ue = {
+}(ne), Ge = {
   setInterval: function(e, n) {
-    for (var t = [], o = 2; o < arguments.length; o++)
-      t[o - 2] = arguments[o];
-    return setInterval.apply(void 0, ie([e, n], ae(t)));
+    for (var t = [], r = 2; r < arguments.length; r++)
+      t[r - 2] = arguments[r];
+    return setInterval.apply(void 0, ue([e, n], le(t)));
   },
   clearInterval: function(e) {
     return clearInterval(e);
   },
   delegate: void 0
-}, Xo = function(e) {
+}, no = function(e) {
   z(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;
+  function n(t, r) {
+    var o = e.call(this, t, r) || this;
+    return o.scheduler = t, o.work = r, o.pending = !1, o;
   }
-  return n.prototype.schedule = function(t, o) {
-    var r;
-    if (o === void 0 && (o = 0), this.closed)
+  return n.prototype.schedule = function(t, r) {
+    var o;
+    if (r === void 0 && (r = 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;
-  }, n.prototype.requestAsyncId = function(t, o, r) {
-    return r === void 0 && (r = 0), Ue.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 && Ue.clearInterval(o);
-  }, n.prototype.execute = function(t, o) {
+    return a != null && (this.id = this.recycleAsyncId(l, a, r)), this.pending = !0, this.delay = r, this.id = (o = this.id) !== null && o !== void 0 ? o : this.requestAsyncId(l, this.id, r), this;
+  }, n.prototype.requestAsyncId = function(t, r, o) {
+    return o === void 0 && (o = 0), Ge.setInterval(t.flush.bind(t, this), o);
+  }, n.prototype.recycleAsyncId = function(t, r, o) {
+    if (o === void 0 && (o = 0), o != null && this.delay === o && this.pending === !1)
+      return r;
+    r != null && Ge.clearInterval(r);
+  }, n.prototype.execute = function(t, r) {
     if (this.closed)
       return new Error("executing a cancelled action");
     this.pending = !1;
-    var r = this._execute(t, o);
-    if (r)
-      return r;
+    var o = this._execute(t, r);
+    if (o)
+      return o;
     this.pending === !1 && this.id != null && (this.id = this.recycleAsyncId(this.scheduler, this.id, null));
-  }, n.prototype._execute = function(t, o) {
-    var r = !1, a;
+  }, n.prototype._execute = function(t, r) {
+    var o = !1, a;
     try {
       this.work(t);
     } catch (l) {
-      r = !0, a = l || new Error("Scheduled action threw falsy error");
+      o = !0, a = l || new Error("Scheduled action threw falsy error");
     }
-    if (r)
+    if (o)
       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, le(a, this), o != null && (this.id = this.recycleAsyncId(r, o, null)), this.delay = null, e.prototype.unsubscribe.call(this);
+      var t = this, r = t.id, o = t.scheduler, a = o.actions;
+      this.work = this.state = this.scheduler = null, this.pending = !1, se(a, this), r != null && (this.id = this.recycleAsyncId(o, r, null)), this.delay = null, e.prototype.unsubscribe.call(this);
     }
   }, n;
-}(Zo), Re = function() {
+}(to), He = function() {
   function e(n, t) {
     t === void 0 && (t = e.now), this.schedulerActionCtor = n, this.now = t;
   }
-  return e.prototype.schedule = function(n, t, o) {
-    return t === void 0 && (t = 0), new this.schedulerActionCtor(this, n).schedule(o, t);
-  }, e.now = Yo.now, e;
-}(), Ko = function(e) {
+  return e.prototype.schedule = function(n, t, r) {
+    return t === void 0 && (t = 0), new this.schedulerActionCtor(this, n).schedule(r, t);
+  }, e.now = eo.now, e;
+}(), ro = function(e) {
   z(n, e);
-  function n(t, o) {
-    o === void 0 && (o = Re.now);
-    var r = e.call(this, t, o) || this;
-    return r.actions = [], r._active = !1, r;
+  function n(t, r) {
+    r === void 0 && (r = He.now);
+    var o = e.call(this, t, r) || this;
+    return o.actions = [], o._active = !1, o;
   }
   return n.prototype.flush = function(t) {
-    var o = this.actions;
+    var r = this.actions;
     if (this._active) {
-      o.push(t);
+      r.push(t);
       return;
     }
-    var r;
+    var o;
     this._active = !0;
     do
-      if (r = t.execute(t.state, t.delay))
+      if (o = t.execute(t.state, t.delay))
         break;
-    while (t = o.shift());
-    if (this._active = !1, r) {
-      for (; t = o.shift(); )
+    while (t = r.shift());
+    if (this._active = !1, o) {
+      for (; t = r.shift(); )
         t.unsubscribe();
-      throw r;
+      throw o;
     }
   }, n;
-}(Re), Jo = new Ko(Xo);
-function er(e) {
+}(He), oo = new ro(no);
+function ao(e) {
   return e && I(e.schedule);
 }
-function tr(e) {
+function io(e) {
   return e[e.length - 1];
 }
-function nr(e) {
-  return er(tr(e)) ? e.pop() : void 0;
+function lo(e) {
+  return ao(io(e)) ? e.pop() : void 0;
 }
-var ft = function(e) {
+var vt = function(e) {
   return e && typeof e.length == "number" && typeof e != "function";
 };
-function vt(e) {
-  return I(e == null ? void 0 : e.then);
-}
 function yt(e) {
-  return I(e[Me]);
+  return I(e == null ? void 0 : e.then);
 }
 function mt(e) {
-  return Symbol.asyncIterator && I(e == null ? void 0 : e[Symbol.asyncIterator]);
+  return I(e[Ee]);
 }
 function ht(e) {
+  return Symbol.asyncIterator && I(e == null ? void 0 : e[Symbol.asyncIterator]);
+}
+function bt(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 or() {
+function uo() {
   return typeof Symbol != "function" || !Symbol.iterator ? "@@iterator" : Symbol.iterator;
 }
-var bt = or();
-function gt(e) {
-  return I(e == null ? void 0 : e[bt]);
-}
+var gt = uo();
 function St(e) {
-  return Oo(this, arguments, function() {
-    var t, o, r, a;
-    return at(this, function(l) {
+  return I(e == null ? void 0 : e[gt]);
+}
+function wt(e) {
+  return Ur(this, arguments, function() {
+    var t, r, o, a;
+    return it(this, function(l) {
       switch (l.label) {
         case 0:
           t = e.getReader(), l.label = 1;
         case 1:
           l.trys.push([1, , 9, 10]), l.label = 2;
         case 2:
-          return [4, Y(t.read())];
+          return [4, J(t.read())];
         case 3:
-          return o = l.sent(), r = o.value, a = o.done, a ? [4, Y(void 0)] : [3, 5];
+          return r = l.sent(), o = r.value, a = r.done, a ? [4, J(void 0)] : [3, 5];
         case 4:
           return [2, l.sent()];
         case 5:
-          return [4, Y(r)];
+          return [4, J(o)];
         case 6:
           return [4, l.sent()];
         case 7:
@@ -3733,54 +3705,54 @@ function St(e) {
 function Ct(e) {
   return I(e == null ? void 0 : e.getReader);
 }
-function Ee(e) {
-  if (e instanceof _)
+function Pe(e) {
+  if (e instanceof R)
     return e;
   if (e != null) {
-    if (yt(e))
-      return rr(e);
-    if (ft(e))
-      return ar(e);
-    if (vt(e))
-      return ir(e);
     if (mt(e))
-      return wt(e);
-    if (gt(e))
-      return lr(e);
+      return so(e);
+    if (vt(e))
+      return co(e);
+    if (yt(e))
+      return po(e);
+    if (ht(e))
+      return xt(e);
+    if (St(e))
+      return fo(e);
     if (Ct(e))
-      return ur(e);
+      return vo(e);
   }
-  throw ht(e);
+  throw bt(e);
 }
-function rr(e) {
-  return new _(function(n) {
-    var t = e[Me]();
+function so(e) {
+  return new R(function(n) {
+    var t = e[Ee]();
     if (I(t.subscribe))
       return t.subscribe(n);
     throw new TypeError("Provided object does not correctly implement Symbol.observable");
   });
 }
-function ar(e) {
-  return new _(function(n) {
+function co(e) {
+  return new R(function(n) {
     for (var t = 0; t < e.length && !n.closed; t++)
       n.next(e[t]);
     n.complete();
   });
 }
-function ir(e) {
-  return new _(function(n) {
+function po(e) {
+  return new R(function(n) {
     e.then(function(t) {
       n.closed || (n.next(t), n.complete());
     }, function(t) {
       return n.error(t);
-    }).then(null, ct);
+    }).then(null, dt);
   });
 }
-function lr(e) {
-  return new _(function(n) {
-    var t, o;
+function fo(e) {
+  return new R(function(n) {
+    var t, r;
     try {
-      for (var r = X(e), a = r.next(); !a.done; a = r.next()) {
+      for (var o = X(e), a = o.next(); !a.done; a = o.next()) {
         var l = a.value;
         if (n.next(l), n.closed)
           return;
@@ -3789,7 +3761,7 @@ function lr(e) {
       t = { error: u };
     } finally {
       try {
-        a && !a.done && (o = r.return) && o.call(r);
+        a && !a.done && (r = o.return) && r.call(o);
       } finally {
         if (t) throw t.error;
       }
@@ -3797,45 +3769,45 @@ function lr(e) {
     n.complete();
   });
 }
-function wt(e) {
-  return new _(function(n) {
-    sr(e, n).catch(function(t) {
+function xt(e) {
+  return new R(function(n) {
+    yo(e, n).catch(function(t) {
       return n.error(t);
     });
   });
 }
-function ur(e) {
-  return wt(St(e));
+function vo(e) {
+  return xt(wt(e));
 }
-function sr(e, n) {
-  var t, o, r, a;
-  return Io(this, void 0, void 0, function() {
+function yo(e, n) {
+  var t, r, o, a;
+  return Lr(this, void 0, void 0, function() {
     var l, u;
-    return at(this, function(p) {
-      switch (p.label) {
+    return it(this, function(s) {
+      switch (s.label) {
         case 0:
-          p.trys.push([0, 5, 6, 11]), t = Do(e), p.label = 1;
+          s.trys.push([0, 5, 6, 11]), t = _r(e), s.label = 1;
         case 1:
           return [4, t.next()];
         case 2:
-          if (o = p.sent(), !!o.done) return [3, 4];
-          if (l = o.value, n.next(l), n.closed)
+          if (r = s.sent(), !!r.done) return [3, 4];
+          if (l = r.value, n.next(l), n.closed)
             return [2];
-          p.label = 3;
+          s.label = 3;
         case 3:
           return [3, 1];
         case 4:
           return [3, 11];
         case 5:
-          return u = p.sent(), r = { error: u }, [3, 11];
+          return u = s.sent(), o = { error: u }, [3, 11];
         case 6:
-          return p.trys.push([6, , 9, 10]), o && !o.done && (a = t.return) ? [4, a.call(t)] : [3, 8];
+          return s.trys.push([6, , 9, 10]), r && !r.done && (a = t.return) ? [4, a.call(t)] : [3, 8];
         case 7:
-          p.sent(), p.label = 8;
+          s.sent(), s.label = 8;
         case 8:
           return [3, 10];
         case 9:
-          if (r) throw r.error;
+          if (o) throw o.error;
           return [7];
         case 10:
           return [7];
@@ -3845,60 +3817,60 @@ function sr(e, n) {
     });
   });
 }
-function W(e, n, t, o, r) {
-  o === void 0 && (o = 0), r === void 0 && (r = !1);
+function Y(e, n, t, r, o) {
+  r === void 0 && (r = 0), o === void 0 && (o = !1);
   var a = n.schedule(function() {
-    t(), r ? e.add(this.schedule(null, o)) : this.unsubscribe();
-  }, o);
-  if (e.add(a), !r)
+    t(), o ? e.add(this.schedule(null, r)) : this.unsubscribe();
+  }, r);
+  if (e.add(a), !o)
     return a;
 }
-function xt(e, n) {
-  return n === void 0 && (n = 0), Pe(function(t, o) {
-    t.subscribe(dt(o, function(r) {
-      return W(o, e, function() {
-        return o.next(r);
+function Vt(e, n) {
+  return n === void 0 && (n = 0), Ae(function(t, r) {
+    t.subscribe(pt(r, function(o) {
+      return Y(r, e, function() {
+        return r.next(o);
       }, n);
     }, function() {
-      return W(o, e, function() {
-        return o.complete();
+      return Y(r, e, function() {
+        return r.complete();
       }, n);
-    }, function(r) {
-      return W(o, e, function() {
-        return o.error(r);
+    }, function(o) {
+      return Y(r, e, function() {
+        return r.error(o);
       }, n);
     }));
   });
 }
-function Vt(e, n) {
-  return n === void 0 && (n = 0), Pe(function(t, o) {
-    o.add(e.schedule(function() {
-      return t.subscribe(o);
+function Tt(e, n) {
+  return n === void 0 && (n = 0), Ae(function(t, r) {
+    r.add(e.schedule(function() {
+      return t.subscribe(r);
     }, n));
   });
 }
-function cr(e, n) {
-  return Ee(e).pipe(Vt(n), xt(n));
+function mo(e, n) {
+  return Pe(e).pipe(Tt(n), Vt(n));
 }
-function dr(e, n) {
-  return Ee(e).pipe(Vt(n), xt(n));
+function ho(e, n) {
+  return Pe(e).pipe(Tt(n), Vt(n));
 }
-function pr(e, n) {
-  return new _(function(t) {
-    var o = 0;
+function bo(e, n) {
+  return new R(function(t) {
+    var r = 0;
     return n.schedule(function() {
-      o === e.length ? t.complete() : (t.next(e[o++]), t.closed || this.schedule());
+      r === e.length ? t.complete() : (t.next(e[r++]), t.closed || this.schedule());
     });
   });
 }
-function fr(e, n) {
-  return new _(function(t) {
-    var o;
-    return W(t, n, function() {
-      o = e[bt](), W(t, n, function() {
-        var r, a, l;
+function go(e, n) {
+  return new R(function(t) {
+    var r;
+    return Y(t, n, function() {
+      r = e[gt](), Y(t, n, function() {
+        var o, a, l;
         try {
-          r = o.next(), a = r.value, l = r.done;
+          o = r.next(), a = o.value, l = o.done;
         } catch (u) {
           t.error(u);
           return;
@@ -3906,195 +3878,195 @@ function fr(e, n) {
         l ? t.complete() : t.next(a);
       }, 0, !0);
     }), function() {
-      return I(o == null ? void 0 : o.return) && o.return();
+      return I(r == null ? void 0 : r.return) && r.return();
     };
   });
 }
-function Tt(e, n) {
+function Bt(e, n) {
   if (!e)
     throw new Error("Iterable cannot be null");
-  return new _(function(t) {
-    W(t, n, function() {
-      var o = e[Symbol.asyncIterator]();
-      W(t, n, function() {
-        o.next().then(function(r) {
-          r.done ? t.complete() : t.next(r.value);
+  return new R(function(t) {
+    Y(t, n, function() {
+      var r = e[Symbol.asyncIterator]();
+      Y(t, n, function() {
+        r.next().then(function(o) {
+          o.done ? t.complete() : t.next(o.value);
         });
       }, 0, !0);
     });
   });
 }
-function vr(e, n) {
-  return Tt(St(e), n);
+function So(e, n) {
+  return Bt(wt(e), n);
 }
-function yr(e, n) {
+function wo(e, n) {
   if (e != null) {
-    if (yt(e))
-      return cr(e, n);
-    if (ft(e))
-      return pr(e, n);
-    if (vt(e))
-      return dr(e, n);
     if (mt(e))
-      return Tt(e, n);
-    if (gt(e))
-      return fr(e, n);
+      return mo(e, n);
+    if (vt(e))
+      return bo(e, n);
+    if (yt(e))
+      return ho(e, n);
+    if (ht(e))
+      return Bt(e, n);
+    if (St(e))
+      return go(e, n);
     if (Ct(e))
-      return vr(e, n);
+      return So(e, n);
   }
-  throw ht(e);
+  throw bt(e);
 }
-function mr(e, n) {
-  return n ? yr(e, n) : Ee(e);
+function Co(e, n) {
+  return n ? wo(e, n) : Pe(e);
 }
-function hr() {
+function xo() {
   for (var e = [], n = 0; n < arguments.length; n++)
     e[n] = arguments[n];
-  var t = nr(e);
-  return mr(e, t);
+  var t = lo(e);
+  return Co(e, t);
 }
-function br(e, n) {
-  return n === void 0 && (n = Jo), Pe(function(t, o) {
-    var r = null, a = null, l = null, u = function() {
-      if (r) {
-        r.unsubscribe(), r = null;
+function Vo(e, n) {
+  return n === void 0 && (n = oo), Ae(function(t, r) {
+    var o = null, a = null, l = null, u = function() {
+      if (o) {
+        o.unsubscribe(), o = null;
         var i = a;
-        a = null, o.next(i);
+        a = null, r.next(i);
       }
     };
-    function p() {
+    function s() {
       var i = l + e, d = n.now();
       if (d < i) {
-        r = this.schedule(void 0, i - d), o.add(r);
+        o = this.schedule(void 0, i - d), r.add(o);
         return;
       }
       u();
     }
-    t.subscribe(dt(o, function(i) {
-      a = i, l = n.now(), r || (r = n.schedule(p, e), o.add(r));
+    t.subscribe(pt(r, function(i) {
+      a = i, l = n.now(), o || (o = n.schedule(s, e), r.add(o));
     }, function() {
-      u(), o.complete();
+      u(), r.complete();
     }, void 0, function() {
-      a = r = null;
+      a = o = null;
     }));
   });
 }
-const fe = /* @__PURE__ */ q({
+const ye = /* @__PURE__ */ W({
   name: "FPropertyEditor",
-  props: qe,
+  props: ze,
   emits: ["propertyEditorValueChanged"],
   setup(e, n) {
-    const t = y(kn), o = y(""), r = y("const"), a = y([]), l = y(!1);
+    const t = y(In), r = y(""), o = y("const"), a = y([]), l = y(!1);
     let u;
-    const p = y(""), i = y(""), d = y([]);
+    const s = y(""), i = y(""), d = y([]);
     let c;
-    const f = y([]), s = y("是");
+    const f = y([]), p = y("是");
     y("");
-    const v = y(!1), h = y("<span class='f-icon f-icon-more-horizontal'></span>"), C = y(!1), x = y([]), {
-      numberConstValue: A,
-      bindVariableValue: E,
-      dataStatesBindValue: w,
-      dataStatesValueArray: B,
-      constEnumBindValue: b,
-      setValue: T
-    } = ko(t, a, r, c, s, o, v), {
-      updateData: P,
-      changeState: $,
-      prefix: Q,
-      propertyEditorValueChange: R
-    } = No(n, t, b, a, k, f, c, s, B, o, C, r);
+    const v = y(!1), m = y("<span class='f-icon f-icon-more-horizontal'></span>"), b = y(!1), S = y([]), {
+      numberConstValue: E,
+      bindVariableValue: k,
+      dataStatesBindValue: C,
+      dataStatesValueArray: T,
+      constEnumBindValue: g,
+      setValue: F
+    } = Dr(t, a, o, c, p, r, v), {
+      updateData: A,
+      changeState: N,
+      prefix: q,
+      propertyEditorValueChange: _
+    } = $r(n, t, g, a, P, f, c, p, T, r, b, o);
     function K() {
-      x.value = An.value.filter((m) => t.value.editorOptions.types.includes(m.id));
+      S.value = On.value.filter((h) => t.value.editorOptions.types.includes(h.id));
     }
     function M() {
-      r.value = F(x.value.find((m) => m.id === t.value.propertyValue.type));
+      o.value = B(S.value.find((h) => h.id === t.value.propertyValue.type));
     }
     function D() {
-      M(), r.value.id === "variable" && t.value.propertyValue.value === void 0 && (t.value.propertyValue = F(k.value.variableValue)), k.value[`${r.value.id}Value`] = F(t.value.propertyValue), T();
+      M(), o.value.id === "variable" && t.value.propertyValue.value === void 0 && (t.value.propertyValue = B(P.value.variableValue)), P.value[`${o.value.id}Value`] = B(t.value.propertyValue), F();
     }
-    function ne(m) {
-      r.value = F(x.value.find((O) => O.label === m[0].label)), r.value.id === "expression" && (k.value.expressionValue.value && (o.value = k.value.expressionValue.value.value), v.value = !0), r.value.id === "custom" && jt(), P();
+    function re(h) {
+      o.value = B(S.value.find((j) => j.label === h[0].label)), o.value.id === "expression" && (P.value.expressionValue.value && (r.value = P.value.expressionValue.value.value), v.value = !0), o.value.id === "custom" && $t(), A();
     }
-    function ce(m) {
-      b.value = F(m.value), t.value.propertyValue.value = F(m.value), k.value.constValue.value = F(m.value), P();
+    function pe(h) {
+      g.value = B(h.value), t.value.propertyValue.value = B(h.value), P.value.constValue.value = B(h.value), A();
     }
-    function Bt(m) {
-      k.value.constValue.value = m, P();
+    function Ft(h) {
+      P.value.constValue.value = h, A();
     }
-    function Ft(m) {
-      k.value.constValue.value = m, P();
+    function Mt(h) {
+      P.value.constValue.value = h, A();
     }
-    function Mt() {
-      const m = t.value.propertyName, O = m[0].toUpperCase() + m.substr(1), U = t.value.controlName, Ne = t.value.editorOptions.newVariablePrefix || "", Xt = Ne ? U[0].toUpperCase() + U.substr(1) : U[0].toLowerCase() + U.substr(1);
-      u = `${Ne}${Xt}${O}`, Pt();
-    }
-    function Pt() {
-      Et(), r.value.id === "variable" && (E.value = t.value.propertyValue.value.path), Ae(), i.value !== t.value.propertyValue.value.path && P();
+    function kt() {
+      const h = t.value.propertyName, j = h[0].toUpperCase() + h.substr(1), U = t.value.controlName, Ie = t.value.editorOptions.newVariablePrefix || "", Xt = Ie ? U[0].toUpperCase() + U.substr(1) : U[0].toLowerCase() + U.substr(1);
+      u = `${Ie}${Xt}${j}`, Et();
     }
     function Et() {
-      var O;
-      let m = 0;
-      (O = t.value.editorOptions.variables) == null || O.forEach((U) => {
-        U.path !== u ? m += 1 : (i.value = t.value.propertyValue.value.path, t.value.propertyValue.value = F(U), k.value.variableValue.value = F(U));
-      }), At(m);
+      At(), o.value.id === "variable" && (k.value = t.value.propertyValue.value.path), Ne(), i.value !== t.value.propertyValue.value.path && A();
+    }
+    function At() {
+      var j;
+      let h = 0;
+      (j = t.value.editorOptions.variables) == null || j.forEach((U) => {
+        U.path !== u ? h += 1 : (i.value = t.value.propertyValue.value.path, t.value.propertyValue.value = B(U), P.value.variableValue.value = B(U));
+      }), Pt(h);
     }
-    function At(m) {
-      var O;
-      m === ((O = t.value.editorOptions.variables) == null ? void 0 : O.length) && (t.value.propertyValue.value.category = "local", t.value.propertyValue.value.path = u, t.value.propertyValue.value.field = p, t.value.propertyValue.value.fullPath = u, t.value.propertyValue.value.newVariableType = t.value.editorOptions.newVariableType, R.value.isNewVariable = !0, t.value.editorOptions.variables.push(F(t.value.propertyValue.value)), k.value.variableValue.value = F(t.value.propertyValue.value));
+    function Pt(h) {
+      var j;
+      h === ((j = t.value.editorOptions.variables) == null ? void 0 : j.length) && (t.value.propertyValue.value.category = "local", t.value.propertyValue.value.path = u, t.value.propertyValue.value.field = s, t.value.propertyValue.value.fullPath = u, t.value.propertyValue.value.newVariableType = t.value.editorOptions.newVariableType, _.value.isNewVariable = !0, t.value.editorOptions.variables.push(B(t.value.propertyValue.value)), P.value.variableValue.value = B(t.value.propertyValue.value));
     }
-    function kt(m) {
-      !m || !m.selections || m.selections.length < 1 || (k.value.variableValue.value.category = F(m.selections[0].category), k.value.variableValue.value.path = F(m.selections[0].path), k.value.variableValue.value.fullPath = F(m.selections[0].fullPath), k.value.variableValue.value.field = F(m.selections[0].field), E.value = F(m.value), P());
+    function Nt(h) {
+      !h || !h.selections || h.selections.length < 1 || (P.value.variableValue.value.category = B(h.selections[0].category), P.value.variableValue.value.path = B(h.selections[0].path), P.value.variableValue.value.fullPath = B(h.selections[0].fullPath), P.value.variableValue.value.field = B(h.selections[0].field), k.value = B(h.value), A());
     }
-    function Nt() {
-      t.value.propertyValue.value.category = "", t.value.propertyValue.value.path = "", t.value.propertyValue.value.field = "", t.value.propertyValue.value.fullPath = "", r.value.id === "variable" && (E.value = t.value.propertyValue.value.path), P();
+    function Ot() {
+      t.value.propertyValue.value.category = "", t.value.propertyValue.value.path = "", t.value.propertyValue.value.field = "", t.value.propertyValue.value.fullPath = "", o.value.id === "variable" && (k.value = t.value.propertyValue.value.path), A();
     }
-    function Ae() {
-      d.value = F(t.value.editorOptions.variables);
+    function Ne() {
+      d.value = B(t.value.editorOptions.variables);
     }
-    const It = (m) => {
-      const O = t.value.editorOptions.getVariables, U = {
+    const It = (h) => {
+      const j = t.value.editorOptions.getVariables, U = {
         showDialog: !0
       };
-      return O && (d.value = O(), m && (m.data = d)), hr(U);
+      return j && (d.value = j(), h && (h.data = d)), xo(U);
     };
-    function Ot(m) {
-      const O = {
-        id: m[0].id,
-        name: m[0].exist,
-        exist: m[0].name
+    function jt(h) {
+      const j = {
+        id: h[0].id,
+        name: h[0].exist,
+        exist: h[0].name
       };
-      k.value.stateMachineValue.value = F(O), s.value = t.value.propertyValue.value.exist === "是" ? "是" : "否", c = F(O.id), P();
+      P.value.stateMachineValue.value = B(j), p.value = t.value.propertyValue.value.exist === "是" ? "是" : "否", c = B(j.id), A();
     }
     function Dt() {
-      f.value = F(t.value.editorOptions.stateMachine), s.value = k.value.stateMachineValue.value.exist === "是" ? "是" : "否";
+      f.value = B(t.value.editorOptions.stateMachine), p.value = P.value.stateMachineValue.value.exist === "是" ? "是" : "否";
     }
-    const ke = new pt();
-    function jt() {
-      ke.pipe(br(700)).subscribe((m) => {
-        k.value.customValue.value = m, P();
+    const Oe = new ft();
+    function $t() {
+      Oe.pipe(Vo(700)).subscribe((h) => {
+        P.value.customValue.value = h, A();
       });
     }
-    function Lt(m) {
-      ke.next(m);
+    function Lt(h) {
+      Oe.next(h);
     }
-    function $t() {
+    function Ut() {
     }
-    function Ut(m) {
-      t.value.propertyValue.value = F(m), k.value.dataStatesValue.value = F(m);
-      const O = m.map((U) => U.valueField).join(",");
-      w.value = F(O), P();
+    function _t(h) {
+      t.value.propertyValue.value = B(h), P.value.dataStatesValue.value = B(h);
+      const j = h.map((U) => U.valueField).join(",");
+      C.value = B(j), A();
     }
     function Rt() {
-      return S("div", {
+      return w("div", {
         class: "f-page-single-property-editor-component-right-variable"
-      }, [S(H, {
+      }, [w(G, {
         class: [{
           "form-control-select-show": l.value
         }, {
           "form-control-select-hide": !l.value
         }],
-        modelValue: E.value,
-        "onUpdate:modelValue": (m) => E.value = m,
+        modelValue: k.value,
+        "onUpdate:modelValue": (h) => k.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !0,
@@ -4102,57 +4074,57 @@ const fe = /* @__PURE__ */ q({
         textField: "fullPath",
         data: d.value,
         beforeShow: It,
-        readonly: C.value,
+        readonly: b.value,
         editable: !1,
-        onValueChange: (m) => kt(m),
-        onClear: Nt
-      }, null), l.value ? S("div", {
+        onValueChange: (h) => Nt(h),
+        onClear: Ot
+      }, null), l.value ? w("div", {
         class: "f-page-single-property-editor-component-variable-button"
-      }, [S("button", {
+      }, [w("button", {
         title: "variable-button",
         class: "f-variable-button",
-        onClick: Mt
-      }, [S("span", {
+        onClick: kt
+      }, [w("span", {
         class: "f-icon f-icon-add",
         style: "margin:unset;"
       }, null)])]) : ""]);
     }
-    function _t() {
-      return S("div", {
+    function Gt() {
+      return w("div", {
         class: "f-page-single-property-editor-component-right-customize"
-      }, [ve(S("input", {
+      }, [me(w("input", {
         class: "form-control",
         placeholder: "输入自定义内容",
-        "onUpdate:modelValue": (m) => k.value.customValue.value = m,
-        onChange: (m) => Lt(m.target.value),
-        disabled: C.value
-      }, null), [[Oe, k.value.customValue.value]])]);
+        "onUpdate:modelValue": (h) => P.value.customValue.value = h,
+        onChange: (h) => Lt(h.target.value),
+        disabled: b.value
+      }, null), [[De, P.value.customValue.value]])]);
     }
     function Ht() {
-      return S("div", {
+      return w("div", {
         class: "f-page-single-property-editor-component-right-expression"
-      }, [S(J, {
+      }, [w(ee, {
         editable: !1,
         enableClear: !1,
-        readonly: C.value,
-        groupText: h.value,
-        modelValue: o.value,
-        "onUpdate:modelValue": (m) => o.value = m,
-        onClickHandle: $t
+        readonly: b.value,
+        groupText: m.value,
+        modelValue: r.value,
+        "onUpdate:modelValue": (h) => r.value = h,
+        onClickHandle: Ut
       }, null)]);
     }
-    function Gt() {
-      return S("div", {
+    function qt() {
+      return w("div", {
         class: "f-page-single-property-editor-component-right-stateMachine"
-      }, [S("div", {
+      }, [w("div", {
         class: "f-stateMachine-exist",
-        onClick: $
-      }, [s.value]), S("div", {
+        onClick: N
+      }, [p.value]), w("div", {
         class: "f-stateMachine-combo",
         style: "border:unset"
-      }, [S(H, {
+      }, [w(G, {
         modelValue: c,
-        "onUpdate:modelValue": (m) => c = m,
+        "onUpdate:modelValue": (h) => c = h,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4160,18 +4132,18 @@ const fe = /* @__PURE__ */ q({
         textField: "name",
         data: f.value,
         editable: !1,
-        readonly: C.value,
-        onChange: (m) => {
-          Ot(m);
+        readonly: b.value,
+        onChange: (h) => {
+          jt(h);
         }
       }, null)])]);
     }
-    function qt() {
-      return S("div", {
+    function Wt() {
+      return w("div", {
         class: "f-page-single-property-editor-component-right-dataStates"
-      }, [S(H, {
-        modelValue: w.value,
-        "onUpdate:modelValue": (m) => w.value = m,
+      }, [w(G, {
+        modelValue: C.value,
+        "onUpdate:modelValue": (h) => C.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4180,27 +4152,27 @@ const fe = /* @__PURE__ */ q({
         valueField: "valueField",
         textField: "textField",
         titleField: "titleField",
-        data: B.value,
+        data: T.value,
         editable: !1,
-        readonly: C.value,
-        onChange: (m) => Ut(m)
+        readonly: b.value,
+        onChange: (h) => _t(h)
       }, null)]);
     }
     function zt() {
-      return ve(S("input", {
+      return me(w("input", {
         class: "form-control",
-        "onUpdate:modelValue": (m) => k.value.constValue.value = m,
-        onChange: (m) => {
-          Ft(m);
+        "onUpdate:modelValue": (h) => P.value.constValue.value = h,
+        onChange: (h) => {
+          Mt(h);
         },
-        disabled: C.value,
+        disabled: b.value,
         placeholder: "输入自定义内容"
-      }, null), [[Oe, k.value.constValue.value]]);
+      }, null), [[De, P.value.constValue.value]]);
     }
-    function Wt() {
-      return S(H, {
-        modelValue: b.value,
-        "onUpdate:modelValue": (m) => b.value = m,
+    function Yt() {
+      return w(G, {
+        modelValue: g.value,
+        "onUpdate:modelValue": (h) => g.value = h,
         placeholder: "",
         viewType: "text",
         enableClear: !1,
@@ -4208,62 +4180,62 @@ const fe = /* @__PURE__ */ q({
         textField: "value",
         data: a.value,
         editable: !1,
-        readonly: C.value,
-        onValueChange: (m) => ce(m)
+        readonly: b.value,
+        onValueChange: (h) => pe(h)
       }, null);
     }
-    function Qt() {
-      return S(ee, {
+    function Zt() {
+      return w(te, {
         canNull: !0,
-        readonly: C.value,
-        modelValue: A.value,
-        "onUpdate:modelValue": (m) => A.value = m,
-        onValueChange: (m) => {
-          Bt(m);
+        readonly: b.value,
+        modelValue: E.value,
+        "onUpdate:modelValue": (h) => E.value = h,
+        onValueChange: (h) => {
+          Ft(h);
         },
         class: "f-page-single-property-editor-component-const-number"
       }, null);
     }
-    function Yt() {
-      return S("div", {
+    function Jt() {
+      return w("div", {
         class: "f-page-single-property-editor-component-left-controller"
-      }, [S(H, {
-        modelValue: r.value.id,
-        "onUpdate:modelValue": (m) => r.value.id = m,
+      }, [w(G, {
+        modelValue: o.value.id,
+        "onUpdate:modelValue": (h) => o.value.id = h,
         placeholder: "",
         enableClear: !1,
         valueField: "id",
         textField: "label",
-        data: x.value,
+        data: S.value,
         editable: !1,
-        readonly: C.value,
-        onChange: (m) => ne(m)
+        readonly: b.value,
+        onChange: (h) => re(h)
       }, null)]);
     }
-    function Zt() {
-      return S("div", {
+    function Qt() {
+      return w("div", {
         class: "f-page-single-property-editor-component-right-controller"
-      }, [r.value.id === "const" ? S("div", {
+      }, [o.value.id === "const" ? w("div", {
         class: "f-page-single-property-editor-component-right-const"
-      }, [t.value.propertyType === "string" ? zt() : "", t.value.propertyType === "enum" ? Wt() : "", t.value.propertyType === "number" ? Qt() : ""]) : "", r.value.id === "variable" ? Rt() : "", r.value.id === "custom" ? _t() : "", r.value.id === "expression" && v.value ? Ht() : "", r.value.id === "stateMachine" ? Gt() : "", r.value.id === "dataStates" ? qt() : ""]);
+      }, [t.value.propertyType === "string" ? zt() : "", t.value.propertyType === "enum" ? Yt() : "", t.value.propertyType === "number" ? Zt() : ""]) : "", o.value.id === "variable" ? Rt() : "", o.value.id === "custom" ? Gt() : "", o.value.id === "expression" && v.value ? Ht() : "", o.value.id === "stateMachine" ? qt() : "", o.value.id === "dataStates" ? Wt() : ""]);
     }
-    return G(() => {
-      K(), D(), Ae(), Dt(), t.value.hasPrefix && t.value.hasPrefix === 2 && (Q.value = !0), t.value.controlName !== void 0 && (l.value = !0);
-    }), () => S(ye, null, [S("div", {
+    return H(() => {
+      K(), D(), Ne(), Dt(), t.value.hasPrefix && t.value.hasPrefix === 2 && (q.value = !0), t.value.controlName !== void 0 && (l.value = !0);
+    }), () => w(he, null, [w("div", {
       class: "f-page-single-property-editor-component clearfix"
-    }, [Yt(), Zt()])]);
+    }, [Jt(), Qt()])]);
   }
-}), Fr = {
+}), Io = {
   install(e) {
-    e.component(fe.name, fe);
+    e.component(ye.name, ye);
   },
-  register(e, n, t, o) {
-    e["property-editor"] = fe, n["property-editor"] = En;
+  register(e, n, t, r) {
+    e["property-editor"] = ye, n["property-editor"] = Nn;
   }
 };
 export {
-  Fr as default,
-  fe as propertyEditor,
-  qe as propertyEditorProps,
-  En as propsResolver
+  Io as default,
+  ye as propertyEditor,
+  ze as propertyEditorProps,
+  Nn as propsResolver
 };