@farris/ui-vue 1.2.7 → 1.2.9

package/components/input-group/index.esm.js

@@ -1,108 +1,107 @@
-var ne = Object.defineProperty;
-var oe = (e, t, n) => t in e ? ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var x = (e, t, n) => oe(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as b, computed as g, watch as E, onMounted as L, nextTick as z, createVNode as B, reactive as ae, withDirectives as ie, resolveDirective as re, defineComponent as Q, Fragment as W, inject as q } from "vue";
-import { cloneDeep as le } from "lodash-es";
+var ae = Object.defineProperty;
+var re = (e, t, n) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var A = (e, t, n) => re(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as b, computed as y, watch as V, onMounted as G, nextTick as z, createVNode as B, reactive as ie, withDirectives as le, resolveDirective as ue, defineComponent as Q, Fragment as J, inject as Z } from "vue";
+import { cloneDeep as se } from "lodash-es";
 import "bignumber.js";
-import { useNumber as ue, useFormat as ce, useSpinner as se, useTextBox as pe } from "@farris/ui-vue/components/number-spinner";
-const R = {}, _ = {};
-function U(e) {
-  const { properties: t, title: n } = e, o = Object.keys(t).reduce((a, l) => (a[l] = t[l].type === "object" && t[l].properties ? U(t[l]) : le(t[l].default), a), {});
-  return o.id = `${n}-${Date.now()}`, o;
+import { useNumber as ce, useFormat as de, useSpinner as pe, useTextBox as fe } from "../number-spinner/index.esm.js";
+import { getSchemaByType as _ } from "../dynamic-resolver/index.esm.js";
+const X = {}, Y = {};
+function q(e) {
+  const { properties: t, title: n, ignore: o } = e, a = o && Array.isArray(o), d = Object.keys(t).reduce((s, i) => ((!a || !o.find((u) => u == i)) && (s[i] = t[i].type === "object" && t[i].properties ? q(t[i]) : se(t[i].default)), s), {});
+  return (!a || !o.find((s) => s == "id")) && (d.id = `${n}-${Date.now()}`), d;
 }
-function G(e, t = {}) {
-  const n = R[e];
-  if (n) {
-    let o = U(n);
-    const a = _[e];
-    return o = a ? a({ getSchemaByType: G }, o, t) : o, o;
+function I(e, t = {}, n) {
+  const o = X[e];
+  if (o) {
+    let a = q(o);
+    const d = Y[e];
+    return a = d ? d({ getSchemaByType: I }, a, t, n) : a, a;
   }
   return null;
 }
-function de(e, t) {
-  const n = U(t);
-  return Object.keys(e).reduce((o, a) => (o[a] = e[a], o), n), n;
-}
 function me(e, t) {
+  const n = q(t);
+  return Object.keys(e).reduce((o, a) => (o[a] && typeof o[a] == "object" ? Object.assign(o[a], e[a]) : o[a] = e[a], o), n), n;
+}
+function ye(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, a) => {
     if (t.has(a)) {
-      const l = t.get(a);
-      if (typeof l == "string")
-        o[l] = e[a];
+      const d = t.get(a);
+      if (typeof d == "string")
+        o[d] = e[a];
       else {
-        const d = l(a, e[a], e);
-        Object.assign(o, d);
+        const s = d(a, e[a], e);
+        Object.assign(o, s);
       }
     } else
       o[a] = e[a];
     return o;
   }, {});
 }
-function ye(e, t, n = /* @__PURE__ */ new Map()) {
-  const o = de(e, t);
-  return me(o, n);
+function ve(e, t, n = /* @__PURE__ */ new Map()) {
+  const o = me(e, t);
+  return ye(o, n);
 }
-function fe(e = {}) {
-  function t(i, u, r, c) {
-    if (typeof r == "number")
-      return c[i].length === r;
-    if (typeof r == "object") {
-      const y = Object.keys(r)[0], f = r[y];
-      if (y === "not")
-        return Number(c[i].length) !== Number(f);
-      if (y === "moreThan")
-        return Number(c[i].length) >= Number(f);
-      if (y === "lessThan")
-        return Number(c[i].length) <= Number(f);
+function ge(e = {}) {
+  function t(r, c, l, p) {
+    if (typeof l == "number")
+      return p[r].length === l;
+    if (typeof l == "object") {
+      const m = Object.keys(l)[0], v = l[m];
+      if (m === "not")
+        return Number(p[r].length) !== Number(v);
+      if (m === "moreThan")
+        return Number(p[r].length) >= Number(v);
+      if (m === "lessThan")
+        return Number(p[r].length) <= Number(v);
     }
     return !1;
   }
-  function n(i, u, r, c) {
-    return c[i] && c[i].propertyValue && String(c[i].propertyValue.value) === String(r);
+  function n(r, c, l, p) {
+    return p[r] && p[r].propertyValue && String(p[r].propertyValue.value) === String(l);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((i, u) => (i.set(u, e[u]), i), o);
-  function a(i, u) {
-    const r = i;
-    return typeof u == "number" ? [{ target: r, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: r, operator: "getProperty", param: i, value: !!u }] : typeof u == "object" ? Object.keys(u).map((c) => {
-      if (c === "length")
-        return { target: r, operator: "length", param: null, value: u[c] };
-      const y = c, f = u[c];
-      return { target: r, operator: "getProperty", param: y, value: f };
+  Object.keys(e).reduce((r, c) => (r.set(c, e[c]), r), o);
+  function a(r, c) {
+    const l = r;
+    return typeof c == "number" ? [{ target: l, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: l, operator: "getProperty", param: r, value: !!c }] : typeof c == "object" ? Object.keys(c).map((p) => {
+      if (p === "length")
+        return { target: l, operator: "length", param: null, value: c[p] };
+      const m = p, v = c[p];
+      return { target: l, operator: "getProperty", param: m, value: v };
     }) : [];
   }
-  function l(i) {
-    return Object.keys(i).reduce((r, c) => {
-      const y = a(c, i[c]);
-      return r.push(...y), r;
+  function d(r) {
+    return Object.keys(r).reduce((l, p) => {
+      const m = a(p, r[p]);
+      return l.push(...m), l;
     }, []);
   }
-  function d(i, u) {
-    if (o.has(i.operator)) {
-      const r = o.get(i.operator);
-      return r && r(i.target, i.param, i.value, u) || !1;
+  function s(r, c) {
+    if (o.has(r.operator)) {
+      const l = o.get(r.operator);
+      return l && l(r.target, r.param, r.value, c) || !1;
     }
     return !1;
   }
-  function m(i, u) {
-    return l(i).reduce((y, f) => y && d(f, u), !0);
+  function i(r, c) {
+    return d(r).reduce((m, v) => m && s(v, c), !0);
   }
-  function s(i, u) {
-    const r = Object.keys(i), c = r.includes("allOf"), y = r.includes("anyOf"), f = c || y, S = (f ? i[f ? c ? "allOf" : "anyOf" : "allOf"] : [i]).map((P) => m(P, u));
-    return c ? !S.includes(!1) : S.includes(!0);
+  function u(r, c) {
+    const l = Object.keys(r), p = l.includes("allOf"), m = l.includes("anyOf"), v = p || m, T = (v ? r[v ? p ? "allOf" : "anyOf" : "allOf"] : [r]).map((E) => i(E, c));
+    return p ? !T.includes(!1) : T.includes(!0);
   }
-  return { parseValueSchema: s };
+  return { parseValueSchema: u };
 }
-const p = {
-  Button: { type: "Button", name: "按钮", icon: "Button" },
-  ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
+const f = {
+  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" },
@@ -113,118 +112,47 @@ const p = {
   "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 */
-}, ge = {}, ve = {};
-fe();
-function he(e, t, n = /* @__PURE__ */ new Map(), o = (d, m, s) => m, a = {}, l = (d) => d) {
-  return R[t.title] = t, _[t.title] = o, ge[t.title] = a, ve[t.title] = l, (d = {}) => {
-    const m = ye(d, t, n), s = Object.keys(e).reduce((i, u) => (i[u] = e[u].default, i), {});
-    return Object.assign(s, m);
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+}, be = {}, he = {};
+ge();
+function Ce(e, t, n = /* @__PURE__ */ new Map(), o = (s, i, u) => i, a = {}, d = (s) => s) {
+  return X[t.title] = t, Y[t.title] = o, be[t.title] = a, he[t.title] = d, (s = {}) => {
+    const i = ve(s, t, n), u = Object.keys(e).reduce((r, c) => (r[c] = e[c].default, r), {});
+    return Object.assign(u, i);
   };
 }
-function be(e, t) {
+function we(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const Ce = /* @__PURE__ */ new Map([
-  ["appearance", be]
+const Be = /* @__PURE__ */ new Map([
+  ["appearance", we]
 ]);
 function Te(e, t, n) {
   return t;
 }
-const we = "https://json-schema.org/draft/2020-12/schema", Be = "https://farris-design.gitee.io/input-group.schema.json", Se = "input-group", Me = "A Farris Input Component", ke = "object", Fe = {
+const ke = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/input-group.schema.json", xe = "input-group", Se = "A Farris Input Component", Pe = "object", Ae = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -426,18 +354,18 @@ const we = "https://json-schema.org/draft/2020-12/schema", Be = "https://farris-
     type: "string",
     default: ""
   }
-}, xe = [
+}, Ee = [
   "id",
   "type"
-], Pe = {
-  $schema: we,
-  $id: Be,
-  title: Se,
-  description: Me,
-  type: ke,
-  properties: Fe,
-  required: xe
-}, H = {
+], Fe = {
+  $schema: ke,
+  $id: Me,
+  title: xe,
+  description: Se,
+  type: Pe,
+  properties: Ae,
+  required: Ee
+}, W = {
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
   /** 自定义CLASS */
@@ -503,118 +431,118 @@ const we = "https://json-schema.org/draft/2020-12/schema", Be = "https://farris-
    * - input: 输入时更新
    */
   updateOn: { type: String, default: "blur" }
-}, Z = he(H, Pe, Ce, Te);
-function Ae(e, t, n, o) {
-  const a = b(e.disabled), l = b(!1), d = b("text"), m = b(e.showBorder), s = b(e.textAlign), i = b(e.updateOn), u = g(() => e.editable || !e.readonly), r = g(() => e.editable && !e.disabled && !e.readonly), c = g(() => !e.disabled && l.value), y = g(() => n.value === "" || n.value === null || n.value === void 0), f = g(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), T = g(() => e.readonly || !e.editable), k = g(() => e.enableTitle ? n.value : ""), S = g(() => ({
+}, R = Ce(W, Fe, Be, Te);
+function De(e, t, n, o) {
+  const a = b(e.disabled), d = b(!1), s = b("text"), i = b(e.showBorder), u = b(e.textAlign), r = b(e.updateOn), c = y(() => e.editable || !e.readonly), l = y(() => e.editable && !e.disabled && !e.readonly), p = y(() => !e.disabled && d.value), m = y(() => n.value === "" || n.value === null || n.value === void 0), v = y(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), C = y(() => e.readonly || !e.editable), x = y(() => e.enableTitle ? n.value : ""), T = y(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
-    "text-left": s.value === "left",
-    "text-center": s.value === "center",
-    "text-right": s.value === "right"
-  })), F = g(() => {
-    const v = {
+    "text-left": u.value === "left",
+    "text-center": u.value === "center",
+    "text-right": u.value === "right"
+  })), S = y(() => {
+    const g = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
       "f-state-disable": a.value,
-      "f-state-editable": r.value,
-      "f-state-readonly": T.value,
-      "f-state-focus": c.value
+      "f-state-editable": l.value,
+      "f-state-readonly": C.value,
+      "f-state-focus": p.value
     };
-    return (e.customClass || "").split(" ").reduce(($, te) => ($[te] = !0, $), v), v;
-  }), P = g(() => m.value ? "" : "border-width : 0 ");
-  function M(v, A = !0) {
-    n.value = v, o.value !== v && (o.value = v), A && t.emit("change", v), t.emit("update:modelValue", v), t.emit("update:value", v);
+    return (e.customClass || "").split(" ").reduce((H, oe) => (H[oe] = !0, H), g), g;
+  }), E = y(() => i.value ? "" : "border-width : 0 ");
+  function k(g, F = !0) {
+    n.value = g, o.value !== g && (o.value = g), F && t.emit("change", g), t.emit("update:modelValue", g), t.emit("update:value", g);
   }
-  E(
+  V(
     () => e.modelValue,
-    (v, A) => {
-      v !== A && (n.value = v, o.value = v);
+    (g, F) => {
+      g !== F && (n.value = g, o.value = g);
     }
-  ), E(() => e.disabled, (v, A) => {
-    v !== A && (a.value = v);
+  ), V(() => e.disabled, (g, F) => {
+    g !== F && (a.value = g);
   });
-  function O(v) {
-    return l.value = !1, t.emit("blur", v), v.stopPropagation(), !1;
+  function O(g) {
+    return d.value = !1, t.emit("blur", g), g.stopPropagation(), !1;
   }
-  function h(v) {
-    t.emit("click", v);
+  function h(g) {
+    t.emit("click", g);
   }
-  function C(v) {
-    e.disabled || (m.value && (l.value = !0), u.value && t.emit("focus", v));
+  function w(g) {
+    e.disabled || (i.value && (d.value = !0), c.value && t.emit("focus", g));
   }
-  function w(v) {
-    t.emit("input", v.target.value);
-    const A = v.target.value;
-    o.value = A, i.value === "input" && (t.emit("update:modelValue", A), t.emit("update:value", A));
+  function M(g) {
+    t.emit("input", g.target.value);
+    const F = g.target.value;
+    o.value = F, r.value === "input" && (t.emit("update:modelValue", F), t.emit("update:value", F));
   }
-  function V(v) {
-    t.emit("keydown", v);
+  function P(g) {
+    t.emit("keydown", g);
   }
-  function N(v) {
-    t.emit("keyup", v);
+  function N(g) {
+    t.emit("keyup", g);
   }
-  function D(v) {
-    v.target.tagName !== "INPUT" && v.preventDefault(), v.stopPropagation();
+  function D(g) {
+    g.target.tagName !== "INPUT" && g.preventDefault(), g.stopPropagation();
   }
-  function j(v) {
-    if (i.value === "blur") {
-      const A = v.target.value;
-      v.stopPropagation(), M(A);
+  function U(g) {
+    if (r.value === "blur") {
+      const F = g.target.value;
+      g.stopPropagation(), k(F);
     }
   }
   return {
-    changeTextBoxValue: M,
+    changeTextBoxValue: k,
     disabled: a,
     displayText: o,
-    editable: r,
-    hasFocused: c,
-    inputGroupClass: F,
-    inputType: d,
-    isEmpty: y,
+    editable: l,
+    hasFocused: p,
+    inputGroupClass: S,
+    inputType: s,
+    isEmpty: m,
     modelValue: n,
-    readonly: T,
+    readonly: C,
     onBlur: O,
     onClick: h,
-    onFocus: C,
-    onInput: w,
-    onKeydown: V,
+    onFocus: w,
+    onInput: M,
+    onKeydown: P,
     onKeyup: N,
     onMousedown: D,
-    onTextBoxValueChange: j,
-    placeholder: f,
-    textBoxClass: S,
-    textBoxTitle: k,
-    inputGroupStyle: P
+    onTextBoxValueChange: U,
+    placeholder: v,
+    textBoxClass: T,
+    textBoxTitle: x,
+    inputGroupStyle: E
   };
 }
-function De(e, t, n, o) {
-  const a = b(e.disabled), l = b(!1), d = b("text"), m = b(e.showBorder), s = b(e.textAlign);
-  g(() => e.editable || !e.readonly);
-  const i = g(() => e.editable && !e.disabled && !e.readonly), u = g(() => !e.disabled && l.value), r = g(() => n.value === "" || n.value === null || n.value === void 0), c = g(() => e.placeholder), y = g(() => e.readonly || !e.editable), f = g(() => e.enableTitle ? n.value : ""), T = g(() => ({
+function Ve(e, t, n, o) {
+  const a = b(e.disabled), d = b(!1), s = b("text"), i = b(e.showBorder), u = b(e.textAlign);
+  y(() => e.editable || !e.readonly);
+  const r = y(() => e.editable && !e.disabled && !e.readonly), c = y(() => !e.disabled && d.value), l = y(() => n.value === "" || n.value === null || n.value === void 0), p = y(() => e.placeholder), m = y(() => e.readonly || !e.editable), v = y(() => e.enableTitle ? n.value : ""), C = y(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
-    "text-left": s.value === "left",
-    "text-center": s.value === "center",
-    "text-right": s.value === "right"
-  })), k = g(() => ({
+    "text-left": u.value === "left",
+    "text-center": u.value === "center",
+    "text-right": u.value === "right"
+  })), x = y(() => ({
     "f-cmp-inputgroup": !0,
     "input-group": !0,
     "f-state-disable": !0,
     "f-state-editable": !1,
     "f-state-readonly": !0
     // 'f-state-focus': hasFocused.value
-  })), S = g(() => m.value ? "" : "border-width : 0 ");
+  })), T = y(() => i.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
     disabled: a,
     displayText: o,
-    editable: i,
-    hasFocused: u,
-    inputGroupClass: k,
-    inputType: d,
-    isEmpty: r,
+    editable: r,
+    hasFocused: c,
+    inputGroupClass: x,
+    inputType: s,
+    isEmpty: l,
     modelValue: n,
-    readonly: y,
+    readonly: m,
     // onBlur,
     // onClick,
     // onFocus,
@@ -623,40 +551,40 @@ function De(e, t, n, o) {
     // onKeyup,
     // onMousedown,
     // onTextBoxValueChange,
-    placeholder: c,
-    textBoxClass: T,
-    textBoxTitle: f,
-    inputGroupStyle: S
+    placeholder: p,
+    textBoxClass: C,
+    textBoxTitle: v,
+    inputGroupStyle: T
   };
 }
-function X(e, t, n) {
-  const o = b(!1), a = g(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: l, displayText: d, hasFocused: m, isEmpty: s } = n;
-  function i(T) {
-    o.value = T;
+function K(e, t, n) {
+  const o = b(!1), a = y(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: d, displayText: s, hasFocused: i, isEmpty: u } = n;
+  function r(C) {
+    o.value = C;
   }
-  E(d, () => {
-    m != null && m.value ? i(!!(d != null && d.value)) : i(!1);
+  V(s, () => {
+    i != null && i.value ? r(!!(s != null && s.value)) : r(!1);
   });
-  const u = g(() => ({
+  const c = y(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), r = g(() => ({
+  })), l = y(() => ({
     width: "24px",
     display: o.value ? "flex" : "none"
   }));
-  function c(T) {
-    T.stopPropagation(), a.value && (l("", !0), i(!o.value), t.emit("clear"));
+  function p(C) {
+    C.stopPropagation(), a.value && (d("", !0), r(!o.value), t.emit("clear"));
   }
-  function y(T) {
-    a.value && !s.value && i(!0);
+  function m(C) {
+    a.value && !u.value && r(!0);
   }
-  function f(T) {
-    a.value && i(!1);
+  function v(C) {
+    a.value && r(!1);
   }
-  return { clearButtonClass: u, clearButtonStyle: r, hasShownClearButton: o, onClearValue: c, onMouseEnter: y, onMouseLeave: f, shouldShowClearButton: a };
+  return { clearButtonClass: c, clearButtonStyle: l, hasShownClearButton: o, onClearValue: p, onMouseEnter: m, onMouseLeave: v, shouldShowClearButton: a };
 }
-const Ee = ["moz", "ms", "webkit"];
-function Oe() {
+const Oe = ["moz", "ms", "webkit"];
+function Ne() {
   let e = 0;
   return (t) => {
     const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - e)), a = setTimeout(() => {
@@ -665,430 +593,492 @@ function Oe() {
     return e = n + o, a;
   };
 }
-function Ve() {
+function je() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = Ee.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : Oe();
+  const e = Oe.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : Ne();
 }
-Ve();
-const Le = (e) => {
+je();
+const Ge = (e) => {
   const t = e;
   return t.install = function(n) {
     n.component(t.name, e);
   }, e;
 };
-function Y(e, t) {
-  const n = b(e.groupText), o = g(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = g(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: g(() => ({
+function ee(e, t) {
+  const n = b(e.groupText), o = y(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = y(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: y(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
   })), appendedContent: n, shouldShowAppendedButton: a };
 }
-function K(e, t, n, o) {
-  const { appendedContent: a } = o, l = b(e.enableViewPassword), d = g(() => e.type === "password"), m = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', s = '<span class="f-icon f-icon-eye"></span>', i = b(!1);
-  E(() => [e.readonly, e.disabled], ([c, y]) => {
-    d.value && (n.value = c || y ? "password" : n.value, a.value = c || y ? s : a.value);
+function te(e, t, n, o) {
+  const { appendedContent: a } = o, d = b(e.enableViewPassword), s = y(() => e.type === "password"), i = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', u = '<span class="f-icon f-icon-eye"></span>', r = b(!1);
+  V(() => [e.readonly, e.disabled], ([p, m]) => {
+    s.value && (n.value = p || m ? "password" : n.value, a.value = p || m ? u : a.value);
   });
-  function u() {
-    return i.value = !i.value, n.value = i.value ? "text" : "password", a.value = i.value ? m : s, !1;
+  function c() {
+    return r.value = !r.value, n.value = r.value ? "text" : "password", a.value = r.value ? i : u, !1;
   }
-  function r() {
-    n.value = d.value ? "password" : "text", a.value = d.value ? l.value ? s : "" : a.value;
+  function l() {
+    n.value = s.value ? "password" : "text", a.value = s.value ? d.value ? u : "" : a.value;
   }
-  return r(), { isPassword: d, onClickAppendedButton: u };
+  return l(), { isPassword: s, onClickAppendedButton: c };
 }
-function Ne(e, t, n) {
+function Le(e, t, n) {
   const o = b(), {
     onBlurTextBox: a,
-    onFocusTextBox: l,
-    onInput: d,
-    onKeyDown: m,
-    textBoxValue: s
-  } = n, i = g(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), u = g(() => ({
+    onFocusTextBox: d,
+    onInput: s,
+    onKeyDown: i,
+    textBoxValue: u
+  } = n, r = y(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), c = y(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), r = g(() => ({
+  })), l = y(() => ({
     "text-align": e.textAlign
   }));
-  function c(T) {
-    T.stopPropagation();
+  function p(C) {
+    C.stopPropagation();
   }
-  function y() {
+  function m() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function f(T) {
-    l(T), await z, y();
+  async function v(C) {
+    d(C), await z, m();
   }
-  return L(async () => {
-    await z, y();
+  return G(async () => {
+    await z, m();
   }), () => B("input", {
     ref: o,
-    class: u.value,
-    style: r.value,
+    class: c.value,
+    style: l.value,
     type: "text",
-    value: s.value,
+    value: u.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: i.value,
+    placeholder: r.value,
     onBlur: a,
-    onChange: c,
-    onFocus: f,
-    onInput: d,
-    onKeydown: m
+    onChange: p,
+    onFocus: v,
+    onInput: s,
+    onKeydown: i
   }, null);
 }
-function Ie(e, t, n) {
+function $e(e, t, n) {
   const {
     canDownward: o,
     canUpward: a,
-    onClickDownButton: l,
-    onClickUpButton: d
-  } = n, m = g(() => ({
+    onClickDownButton: d,
+    onClickUpButton: s
+  } = n, i = y(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), s = g(() => ({
+  })), u = y(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = g(() => ({
+  })), r = y(() => ({
     cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), u = g(() => ({
+  })), c = y(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
   return () => B("div", {
-    class: m.value
+    class: i.value
   }, [B("button", {
     title: "upButton",
-    class: s.value,
-    style: i.value,
-    onClick: d,
+    class: u.value,
+    style: r.value,
+    onClick: s,
     disabled: !a()
   }, [B("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), B("button", {
     title: "downButton",
-    class: s.value,
-    style: u.value,
-    onClick: l,
+    class: u.value,
+    style: c.value,
+    onClick: d,
     disabled: !o()
   }, [B("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function je(e, t) {
-  const n = ue(e, t), o = ce(e, t, n), a = se(e, t, o, n), l = pe(e, t, o, n, a), d = Ie(e, t, a), {
-    displayValue: m,
-    modelValue: s,
-    getRealValue: i
-  } = n, u = Ne(e, t, l), {
-    format: r
+function Ue(e, t) {
+  const n = ce(e, t), o = de(e, t, n), a = pe(e, t, o, n), d = fe(e, t, o, n, a), s = $e(e, t, a), {
+    displayValue: i,
+    modelValue: u,
+    getRealValue: r
+  } = n, c = Le(e, t, d), {
+    format: l
   } = o, {
-    isFocus: c
-  } = l, y = g(() => !e.disabled && !e.readonly);
-  return L(() => {
-    const f = i(e.modelValue);
-    m.value = r(f);
-  }), E(() => [e.value], ([f]) => {
-    const T = i(f);
-    s.value = T, m.value = r(T);
-  }), E(() => [e.modelValue], ([f]) => {
-    f !== s.value && (s.value = f, !c.value && (m.value = r(i(f))));
-  }), E(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    m.value = r(s.value);
+    isFocus: p
+  } = d, m = y(() => !e.disabled && !e.readonly);
+  return G(() => {
+    const v = r(e.modelValue);
+    i.value = l(v);
+  }), V(() => [e.value], ([v]) => {
+    const C = r(v);
+    u.value = C, i.value = l(C);
+  }), V(() => [e.modelValue], ([v]) => {
+    v !== u.value && (u.value = v, !p.value && (i.value = l(r(v))));
+  }), V(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    i.value = l(u.value);
   }), () => B("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [u(), y.value && d()]);
+  }, [c(), m.value && s()]);
 }
-function Ge(e, t, n, o) {
-  const a = b(), l = b(e.autocomplete), d = b(e.enableTitle), {
-    isPassword: m
-  } = n, s = b(e.minLength), i = b(e.maxLength), u = b(e.tabIndex), {
-    disabled: r,
-    displayText: c,
-    inputType: y,
-    onBlur: f,
-    onFocus: T,
-    onInput: k,
-    onClick: S,
-    onKeydown: F,
-    onKeyup: P,
-    onMousedown: M,
+function Ie(e, t, n, o) {
+  const a = b(), d = b(e.autocomplete), s = b(e.enableTitle), {
+    isPassword: i
+  } = n, u = b(e.minLength), r = b(e.maxLength), c = b(e.tabIndex), {
+    disabled: l,
+    displayText: p,
+    inputType: m,
+    onBlur: v,
+    onFocus: C,
+    onInput: x,
+    onClick: T,
+    onKeydown: S,
+    onKeyup: E,
+    onMousedown: k,
     onTextBoxValueChange: O,
     readonly: h,
-    placeholder: C,
-    textBoxClass: w,
-    textBoxTitle: V
+    placeholder: w,
+    textBoxClass: M,
+    textBoxTitle: P
   } = o;
-  return L(() => {
+  return G(() => {
     e.selectOnCreated, e.focusOnCreated;
   }), () => B("input", {
     ref: a,
     name: "input-group-value",
-    autocomplete: l.value,
-    class: w.value,
-    disabled: r == null ? void 0 : r.value,
-    maxlength: i.value,
-    minlength: s.value,
-    placeholder: C.value,
+    autocomplete: d.value,
+    class: M.value,
+    disabled: l == null ? void 0 : l.value,
+    maxlength: r.value,
+    minlength: u.value,
+    placeholder: w.value,
     readonly: h == null ? void 0 : h.value,
-    tabindex: u.value,
-    title: d.value && !m.value ? V.value : "",
-    type: y.value,
-    value: c == null ? void 0 : c.value,
-    onBlur: f,
-    onClick: S,
+    tabindex: c.value,
+    title: s.value && !i.value ? P.value : "",
+    type: m.value,
+    value: p == null ? void 0 : p.value,
+    onBlur: v,
+    onClick: T,
     onChange: O,
-    onFocus: T,
-    onInput: k,
-    onKeydown: F,
-    onKeyup: P,
-    onMousedown: M
+    onFocus: C,
+    onInput: x,
+    onKeydown: S,
+    onKeyup: E,
+    onMousedown: k
   }, null);
 }
-function Ue(e, t) {
-  const n = g(() => e.useExtendInfo && !!e.extendInfo), o = ae({
+function qe(e, t) {
+  const n = y(() => e.useExtendInfo && !!e.extendInfo), o = ie({
     content: e.extendInfo
   });
   function a() {
     t.emit("updateExtendInfo");
   }
-  return () => n.value && ie(B("span", {
+  return () => n.value && le(B("span", {
     class: "input-group-before-tips",
     onMouseenter: a
   }, [B("i", {
     class: "f-icon f-icon-info-circle"
   }, null), B("b", {
     class: "tips-arrow"
-  }, null)]), [[re("tooltip"), o]]);
+  }, null)]), [[ue("tooltip"), o]]);
 }
-function J(e, t, n, o, a) {
+function ne(e, t, n, o, a) {
   const {
-    appendedButtonClass: l,
-    appendedContent: d
-  } = n, m = g(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), s = g(() => d.value && !t.slots.groupTextTemplate), i = g(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: u,
-    clearButtonStyle: r,
-    onClearValue: c,
-    shouldShowClearButton: y
+    appendedButtonClass: d,
+    appendedContent: s
+  } = n, i = y(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), u = y(() => s.value && !t.slots.groupTextTemplate), r = y(() => !!t.slots.groupTextTemplate), {
+    clearButtonClass: c,
+    clearButtonStyle: l,
+    onClearValue: p,
+    shouldShowClearButton: m
   } = o;
-  function f() {
+  function v() {
     return B("span", {
       id: "clearIcon",
-      class: u.value,
-      style: r.value,
-      onClick: (C) => c(C)
+      class: c.value,
+      style: l.value,
+      onClick: (w) => p(w)
     }, [B("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function T(C) {
-    t.emit("iconMouseEnter", C);
+  function C(w) {
+    t.emit("iconMouseEnter", w);
   }
-  function k(C) {
-    t.emit("iconMouseLeave", C);
+  function x(w) {
+    t.emit("iconMouseLeave", w);
   }
-  function S(C) {
-    m.value && t.emit("clickHandle", {
-      originalEvent: C
-    }), C.stopPropagation();
+  function T(w) {
+    i.value && t.emit("clickHandle", {
+      originalEvent: w
+    }), w.stopPropagation();
   }
-  const F = e.type === "password" ? a.onClickAppendedButton : S;
-  function P() {
+  const S = e.type === "password" ? a.onClickAppendedButton : T;
+  function E() {
     return B("span", {
       class: "input-group-text",
-      onMouseenter: (C) => T(C),
-      onMouseleave: (C) => k(C),
-      innerHTML: d.value,
-      onClick: (C) => F(C)
+      onMouseenter: (w) => C(w),
+      onMouseleave: (w) => x(w),
+      innerHTML: s.value,
+      onClick: (w) => S(w)
     }, null);
   }
-  function M() {
+  function k() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
   function O() {
-    return s.value ? P : i.value ? M : "";
+    return u.value ? E : r.value ? k : "";
   }
   const h = O();
   return () => B("div", {
-    class: l.value
-  }, [y.value && f(), h && h()]);
+    class: d.value
+  }, [m.value && v(), h && h()]);
 }
-const I = /* @__PURE__ */ Q({
+const L = /* @__PURE__ */ Q({
   name: "FInputGroup",
-  props: H,
+  props: W,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, t) {
-    const n = b(e.modelValue), o = b(e.modelValue), a = Ae(e, t, n, o), {
-      inputGroupClass: l,
-      inputType: d,
-      inputGroupStyle: m
-    } = a, s = Y(e), {
-      shouldShowAppendedButton: i
-    } = s, u = X(e, t, a), {
-      onMouseEnter: r,
-      onMouseLeave: c
-    } = u, y = K(e, t, d, s), f = je(e, t), T = Ge(e, t, y, a), k = J(e, t, s, u, y), S = Ue(e, t), F = g(() => e.type === "number");
-    E(() => [e.value], ([M]) => {
-      n.value = M, o.value = M;
-    }), E(() => [e.modelValue], ([M]) => {
-      n.value = M, o.value = M;
-    }), L(() => {
+    const n = b(e.modelValue), o = b(e.modelValue), a = De(e, t, n, o), {
+      inputGroupClass: d,
+      inputType: s,
+      inputGroupStyle: i
+    } = a, u = ee(e), {
+      shouldShowAppendedButton: r
+    } = u, c = K(e, t, a), {
+      onMouseEnter: l,
+      onMouseLeave: p
+    } = c, m = te(e, t, s, u), v = Ue(e, t), C = Ie(e, t, m, a), x = ne(e, t, u, c, m), T = qe(e, t), S = y(() => e.type === "number");
+    V(() => [e.value], ([k]) => {
+      n.value = k, o.value = k;
+    }), V(() => [e.modelValue], ([k]) => {
+      n.value = k, o.value = k;
+    }), G(() => {
       e.value && (n.value = e.value, o.value = e.value);
     });
-    const P = () => B(W, null, [B("div", {
+    const E = () => B(J, null, [B("div", {
       id: "inputGroup",
-      class: l.value,
-      style: m.value,
-      onMouseenter: r,
-      onMouseleave: c
-    }, [F.value ? f() : B(W, null, [S(), T(), i.value && k()])])]);
-    return () => P();
+      class: d.value,
+      style: i.value,
+      onMouseenter: l,
+      onMouseleave: p
+    }, [S.value ? v() : B(J, null, [T(), C(), r.value && x()])])]);
+    return () => E();
   }
 });
-function He(e, t) {
+function We(e, t) {
   e.schema;
   const n = b(!0), o = b(!0);
-  function a(r) {
+  function a(l) {
     return !1;
   }
-  function l() {
+  function d() {
     return !1;
   }
-  function d() {
+  function s() {
     return !1;
   }
-  function m() {
+  function i() {
     return !0;
   }
-  function s(r) {
+  function u(l) {
   }
-  function i() {
+  function r() {
   }
-  function u(r) {
+  function c(l) {
     return null;
   }
   return {
     canAccepts: a,
-    checkCanDeleteComponent: l,
-    checkCanMoveComponent: d,
-    hideNestedPaddingInDesginerView: m,
-    onAcceptMovedChildElement: s,
-    resolveComponentContext: i,
+    checkCanDeleteComponent: d,
+    checkCanMoveComponent: s,
+    hideNestedPaddingInDesginerView: i,
+    onAcceptMovedChildElement: u,
+    resolveComponentContext: r,
     triggerBelongedComponentToMoveWhenMoved: n,
     triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: u
+    getPropsConfig: c
   };
 }
-class ee {
+class He {
+  constructor(t, n) {
+    A(this, "componentId");
+    A(this, "viewModelId");
+    A(this, "eventsEditorUtils");
+    A(this, "formSchemaUtils");
+    A(this, "formMetadataConverter");
+    A(this, "designViewModelUtils");
+    A(this, "designViewModelField");
+    A(this, "controlCreatorUtils");
+    A(this, "designerHostService");
+    A(this, "schemaService", null);
+    A(this, "metadataService", null);
+    A(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var o;
+    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+  }
+  getTableInfo() {
+    var t;
+    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(t) {
+    const n = t.binding && t.binding.type === "Form" && t.binding.field;
+    if (n) {
+      if (!this.designViewModelField) {
+        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = o.fields.find((a) => a.id === n);
+      }
+      t.updateOn = this.designViewModelField.updateOn;
+    }
+  }
+  changeFieldEditorType(t, n) {
+  }
+  getBasicPropConfig(t) {
+    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: t.type, name: f[t.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(t = 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 j = class j {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
   static getEditorTypesByMDataType(t) {
-    const n = this.fieldControlTypeMapping[t];
+    const n = j.fieldControlTypeMapping[t];
     return n || [{ key: "", value: "" }];
   }
-}
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const t = [];
+    for (let n in j.fieldControlTypeMapping)
+      j.fieldControlTypeMapping[n].forEach((o) => {
+        t.find((a) => a.key === o.key && a.value === o.value) || t.push({ key: o.key, value: o.value });
+      });
+    return t;
+  }
+};
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-x(ee, "fieldControlTypeMapping", {
+A(j, "fieldControlTypeMapping", {
   String: [
-    { key: p["input-group"].type, value: p["input-group"].name },
-    { key: p.lookup.type, value: p.lookup.name },
-    { key: p.Image.type, value: p.Image.name },
-    { key: p["date-picker"].type, value: p["date-picker"].name },
-    { key: p["check-box"].type, value: p["check-box"].name },
-    { key: p["radio-group"].type, value: p["radio-group"].name },
-    { key: p["combo-list"].type, value: p["combo-list"].name },
-    { key: p.textarea.type, value: p.textarea.name }
-    // { key: DgControl.Tags.type, value: DgControl.Tags.name },
+    { key: f["input-group"].type, value: f["input-group"].name },
+    { key: f.lookup.type, value: f.lookup.name },
+    { key: f["date-picker"].type, value: f["date-picker"].name },
+    { key: f["check-box"].type, value: f["check-box"].name },
+    { key: f["radio-group"].type, value: f["radio-group"].name },
+    { key: f["combo-list"].type, value: f["combo-list"].name },
+    { key: f.textarea.type, value: f.textarea.name }
   ],
   Text: [
-    { key: p.textarea.type, value: p.textarea.name },
-    { key: p.avatar.type, value: p.avatar.name },
-    { key: p.lookup.type, value: p.lookup.name }
+    { key: f.textarea.type, value: f.textarea.name },
+    { key: f.lookup.type, value: f.lookup.name }
   ],
   Decimal: [
-    { key: p["number-spinner"].type, value: p["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Integer: [
-    { key: p["number-spinner"].type, value: p["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Number: [
-    { key: p["number-spinner"].type, value: p["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   BigNumber: [
-    { key: p["number-spinner"].type, value: p["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Date: [
-    { key: p["date-picker"].type, value: p["date-picker"].name }
+    { key: f["date-picker"].type, value: f["date-picker"].name }
   ],
   DateTime: [
-    { key: p["date-picker"].type, value: p["date-picker"].name }
+    { key: f["date-picker"].type, value: f["date-picker"].name }
   ],
   Boolean: [
-    { key: p.switch.type, value: p.switch.name },
-    { key: p["check-box"].type, value: p["check-box"].name }
+    { key: f.switch.type, value: f.switch.name },
+    { key: f["check-box"].type, value: f["check-box"].name }
   ],
   Enum: [
-    { key: p["combo-list"].type, value: p["combo-list"].name },
-    { key: p["radio-group"].type, value: p["radio-group"].name }
+    { key: f["combo-list"].type, value: f["combo-list"].name },
+    { key: f["radio-group"].type, value: f["radio-group"].name }
   ],
   Object: [
-    { key: p.lookup.type, value: p.lookup.name },
-    { key: p["combo-list"].type, value: p["combo-list"].name },
-    { key: p["radio-group"].type, value: p["radio-group"].name }
-  ],
-  EmployeeSelector: [
-    { key: p.EmployeeSelector.type, value: p.EmployeeSelector.name }
-  ],
-  AdminOrganizationSelector: [
-    { key: p.AdminOrganizationSelector.type, value: p.AdminOrganizationSelector.name }
+    { key: f.lookup.type, value: f.lookup.name },
+    { key: f["combo-list"].type, value: f["combo-list"].name },
+    { key: f["radio-group"].type, value: f["radio-group"].name }
   ]
 });
-class $e {
+let $ = j;
+const ze = b(0);
+class Je extends He {
   constructor(t, n) {
-    x(this, "componentId");
-    x(this, "viewModelId");
-    x(this, "eventsEditorUtils");
-    x(this, "formSchemaUtils");
-    x(this, "formMetadataConverter");
-    x(this, "designViewModelUtils");
-    x(this, "designViewModelField");
-    x(this, "controlCreatorUtils");
-    x(this, "designerHostService");
-    x(this, "schemaService", null);
-    x(this, "metadataService", null);
-    x(this, "propertyConfig", {
-      type: "object",
-      categories: {}
-    });
-    var o;
-    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
-  }
-  getTableInfo() {
-    var t;
-    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
-  }
-  setDesignViewModelField(t) {
-    const n = t.binding && t.binding.type === "Form" && t.binding.field;
-    if (n) {
-      if (!this.designViewModelField) {
-        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((a) => a.id === n);
-      }
-      t.updateOn = this.designViewModelField.updateOn;
-    }
+    super(t, n);
   }
-  changeFieldEditorType(t, n) {
+  getPropertyConfig(t, n) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(t, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
   }
-  getBasicPropConfig(t) {
-    var o, a;
-    var n = this;
-    return this.setDesignViewModelField(t), {
+  getBasicProperties(t, n) {
+    var s;
+    var o = this;
+    this.setDesignViewModelField(t);
+    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), d = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    return {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -1099,8 +1089,8 @@ class $e {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -1108,63 +1098,52 @@ class $e {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: ee.getEditorTypesByMDataType(((a = (o = n.designViewModelField) == null ? void 0 : o.type) == null ? void 0 : a.name) || ""),
-            editable: !1
+            editable: !1,
+            data: o.designViewModelField ? $.getEditorTypesByMDataType((s = o.designViewModelField.type) == null ? void 0 : s.name) : $.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: t,
+              formBasicInfo: a
+            },
+            columns: [
+              { field: "name", title: "字段名称" },
+              { field: "bindingField", title: "绑定字段" },
+              { field: "fieldType", title: "字段类型" }
+            ],
+            textField: "bindingField",
+            data: d
+          }
         }
       },
-      setPropertyRelates(l, d) {
-        if (l)
-          switch (l && l.propertyID) {
+      setPropertyRelates(i, u) {
+        if (i)
+          switch (i && i.propertyID) {
             case "type": {
-              n.changeControlType(t, l);
+              o.changeControlType(t, i, n);
+              break;
+            }
+            case "label": {
+              i.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  /**
-  * 卡片控件：切换控件类型后事件
-  * @param propertyData 控件DOM属性
-  * @param newControlType 新控件类型
-  */
-  changeControlType(t, n) {
-    var i, u, r, c, y;
-    const o = n.propertyValue, a = this.formSchemaUtils.getComponentById(this.componentId);
-    let l = this.getControlParentContainer(t.id, a);
-    if (!l)
-      return;
-    const d = l.contents.findIndex((f) => f.id === t.id), m = l.contents[d];
-    let s;
-    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), s = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(s, {
-      id: m.id,
-      appearance: m.appearance,
-      size: m.size,
-      label: m.label
-    }), Object.assign(s.editor, {
-      isTextArea: s.isTextArea && m.isTextArea,
-      type: o || "",
-      placeHolder: (i = m.editor) == null ? void 0 : i.placeHolder,
-      holdPlace: (u = m.editor) == null ? void 0 : u.holdPlace,
-      readonly: (r = m.editor) == null ? void 0 : r.readonly,
-      require: (c = m.editor) == null ? void 0 : c.require,
-      visible: (y = m.editor) == null ? void 0 : y.visible
-    }), l.contents.splice(d, 1, s);
-  }
-  getAppearanceConfig(t = null) {
+  getAppearanceProperties(t) {
     return {
       title: "样式",
       description: "Appearance",
@@ -1194,73 +1173,52 @@ class $e {
       }
     };
   }
-  /**
-  * 获取控件：以contents为节点进行定位
-  * @param controlId 控件ID
-  * @param domJson 容器
-  */
-  getControlParentContainer(t, n) {
-    let o;
-    if (!n || !n.contents || n.contents.length === 0)
-      return null;
-    for (const a of n.contents) {
-      if (a.id === t)
-        return o = n, n;
-      if (o = this.getControlParentContainer(t, a), o)
-        return o;
-    }
-  }
-}
-class ze extends $e {
-  constructor(t, n) {
-    super(t, n);
-  }
-  getBasicProperties(t) {
-    let n = this.getBasicPropConfig(t);
-    return n.properties.binding = this.getFieldSelectorOptions(t), n;
-  }
-  getAppearanceProperties(t) {
-    return this.getAppearanceConfig(t);
-  }
   getEditorProperties(t) {
     return this.getComponentConfig(t);
   }
-  getPropertyConfig(t) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
-  }
-  getFieldSelectorOptions(t) {
-    const n = this.formSchemaUtils.getFormMetadataBasicInfo(), o = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
-      description: "绑定的表单字段",
-      title: "绑定",
-      $converter: "/converter/field-selector.converter",
+  /**
+   * 卡片控件：切换控件类型后事件
+   * @param propertyData 控件DOM属性
+   * @param newControlType 新控件类型
+   */
+  changeControlType(t, n, o) {
+    var r, c, l, p;
+    const a = n.propertyValue, d = o && o.parent && o.parent.schema;
+    if (!d)
+      return;
+    const s = d.contents.findIndex((m) => m.id === t.id), i = d.contents[s];
+    let u;
+    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        type: "field-selector",
-        bindingType: { enable: !1 },
-        editorParams: {
-          propertyData: t,
-          formBasicInfo: n
-        },
-        columns: [
-          { field: "name", title: "字段名称" },
-          { field: "bindingField", title: "绑定字段" },
-          { field: "fieldType", title: "字段类型" }
-        ],
-        textField: "bindingField",
-        data: o
-      }
-    };
-  }
-  getBindingOtions(t) {
-    return this.getFieldSelectorOptions(t);
+        $type: a
+      },
+      name: this.designViewModelField.name,
+      require: this.designViewModelField.require,
+      readonly: this.designViewModelField.readonly
+    }, !1), u = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), u || (u = _("form-group") || {}, u.editor = _(a) || {}, delete u.editor.id, delete u.editor.binding, delete u.editor.appearance), Object.assign(u, {
+      id: i.id,
+      appearance: i.appearance,
+      size: i.size,
+      label: i.label,
+      binding: i.binding,
+      visible: i.visible
+    }), Object.assign(u.editor, {
+      isTextArea: u.isTextArea && i.isTextArea,
+      placeholder: (r = i.editor) == null ? void 0 : r.placeholder,
+      holdPlace: (c = i.editor) == null ? void 0 : c.holdPlace,
+      readonly: (l = i.editor) == null ? void 0 : l.readonly,
+      require: (p = i.editor) == null ? void 0 : p.require
+    }), d.contents.splice(s, 1), d.contents.splice(s, 0, u), o.schema = Object.assign(i, u), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (m) => m.classList.remove("dgComponentSelected")
+    ), ze.value++;
   }
   getComponentConfig(t, n = {}, o = {}) {
     const a = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), l = Object.assign({
+    }, n), d = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1282,38 +1240,38 @@ class ze extends $e {
         type: "string"
       }
     }, o);
-    return { ...a, properties: { ...l } };
+    return { ...a, properties: { ...d } };
   }
 }
-class We extends ze {
+class Ze extends Je {
   constructor(t, n) {
     super(t, n);
   }
 }
-function qe(e, t) {
+function _e(e, t) {
   const {
     canAccepts: n,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: d,
-    resolveComponentContext: m,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = He(e), u = e.schema;
-  function r(c) {
-    return new We(c, t).getPropertyConfig(u);
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: i,
+    triggerBelongedComponentToMoveWhenMoved: u,
+    triggerBelongedComponentToDeleteWhenDeleted: r
+  } = We(e), c = e.schema;
+  function l(p, m) {
+    return new Ze(p, t).getPropertyConfig(c, m);
   }
   return {
     canAccepts: n,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: d,
-    resolveComponentContext: m,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: r
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: i,
+    triggerBelongedComponentToMoveWhenMoved: u,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
+    getPropsConfig: l
   };
 }
 function Qe(e, t, n) {
@@ -1322,133 +1280,133 @@ function Qe(e, t, n) {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
   o();
-  const a = n && n.getStyles && n.getStyles() || "", l = n && n.getDesignerClass && n.getDesignerClass() || "", d = b();
-  function m() {
+  const a = n && n.getStyles && n.getStyles() || "", d = n && n.getDesignerClass && n.getDesignerClass() || "", s = b();
+  function i() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
-  function s() {
+  function u() {
     return !1;
   }
-  function i() {
+  function r() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function u() {
+  function c() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function r(h) {
+  function l(h) {
     if (!h || !h.value)
       return null;
     if (h.value.schema && h.value.schema.type === "component")
       return h.value;
-    const C = b(h == null ? void 0 : h.value.parent), w = r(C);
-    return w || null;
+    const w = b(h == null ? void 0 : h.value.parent), M = l(w);
+    return M || null;
   }
-  function c(h = t) {
-    const { componentInstance: C, designerItemElementRef: w } = h;
-    return !C || !C.value ? null : C.value.canMove ? w : c(h.parent);
+  function p(h = t) {
+    const { componentInstance: w, designerItemElementRef: M } = h;
+    return !w || !w.value ? null : w.value.canMove ? M : p(h.parent);
   }
-  function y(h) {
+  function m(h) {
     return !!n && n.canAccepts(h);
   }
-  function f() {
+  function v() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function T() {
+  function C() {
   }
-  function k(h, C) {
-    C && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(C);
+  function x(h, w) {
+    w && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(w);
   }
-  function S(h) {
-    const { componentType: C } = h;
-    let w = G(C, h);
-    n && n.onResolveNewComponentSchema && (w = n.onResolveNewComponentSchema(h, w));
-    const V = C.toLowerCase().replace("-", "_");
-    return w && !w.id && w.type === C && (w.id = `${V}_${Math.random().toString().slice(2, 6)}`), w;
+  function T(h, w) {
+    const { componentType: M } = h;
+    let P = I(M, h, w);
+    n && n.onResolveNewComponentSchema && (P = n.onResolveNewComponentSchema(h, P));
+    const N = M.toLowerCase().replace("-", "_");
+    return P && !P.id && P.type === M && (P.id = `${N}_${Math.random().toString().slice(2, 6)}`), P;
   }
-  function F(h, C) {
-    const w = String(h.getAttribute("data-controltype")), V = h.getAttribute("data-feature"), N = V ? JSON.parse(V) : {};
-    N.parentComponentInstance = d.value;
-    let D = G(w, N);
-    n && n.onAcceptNewChildElement && (D = n.onAcceptNewChildElement(h, C, D));
-    const j = w.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === w && (D.id = `${j}_${Math.random().toString().slice(2, 6)}`), D;
+  function S(h, w) {
+    const M = String(h.getAttribute("data-controltype")), P = h.getAttribute("data-feature"), N = P ? JSON.parse(P) : {};
+    N.parentComponentInstance = s.value;
+    let D = I(M, N);
+    n && n.onAcceptNewChildElement && (D = n.onAcceptNewChildElement(h, w, D));
+    const U = M.toLowerCase().replace("-", "_");
+    return D && !D.id && D.type === M && (D.id = `${U}_${Math.random().toString().slice(2, 6)}`), D;
   }
-  function P(h) {
+  function E(h) {
   }
-  function M(...h) {
+  function k(...h) {
     if (n && n.getPropsConfig)
       return n.getPropsConfig(...h);
   }
-  return d.value = {
-    canMove: m(),
-    canSelectParent: s(),
-    canDelete: i(),
-    canNested: !u(),
+  return s.value = {
+    canMove: i(),
+    canSelectParent: u(),
+    canDelete: r(),
+    canNested: !c(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
     parent: (O = t == null ? void 0 : t.parent) == null ? void 0 : O.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: a,
-    designerClass: l,
-    canAccepts: y,
-    getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: f,
-    getPropConfig: M,
-    getDragScopeElement: T,
-    onAcceptMovedChildElement: k,
-    onAcceptNewChildElement: F,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: S,
+    designerClass: d,
+    canAccepts: m,
+    getBelongedComponentInstance: l,
+    getDraggableDesignItemElement: p,
+    getDraggingDisplayText: v,
+    getPropConfig: k,
+    getDragScopeElement: C,
+    onAcceptMovedChildElement: x,
+    onAcceptNewChildElement: S,
+    onChildElementMovedOut: E,
+    addNewChildComponentSchema: T,
     updateDragAndDropRules: o,
     triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || b(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || b(!1)
-  }, d;
+  }, s;
 }
-const Re = /* @__PURE__ */ Q({
+const Xe = /* @__PURE__ */ Q({
   name: "FInputGroupDesign",
-  props: H,
+  props: W,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, t) {
-    const n = b(e.modelValue), o = b(e.modelValue), a = De(e, t, n, o), {
-      inputGroupClass: l,
-      inputType: d,
-      inputGroupStyle: m
-    } = a, s = Y(e), {
-      shouldShowAppendedButton: i
-    } = s, u = X(e, t, a), {
-      onMouseEnter: r,
-      onMouseLeave: c
-    } = u, y = K(e, t, d, s), f = b(), T = q("designer-host-service"), k = q("design-item-context"), S = qe(k, T), F = Qe(f, k, S);
-    L(() => {
-      f.value.componentInstance = F;
-    }), t.expose(F.value);
-    const P = J(e, t, s, u, y), M = b();
+    const n = b(e.modelValue), o = b(e.modelValue), a = Ve(e, t, n, o), {
+      inputGroupClass: d,
+      inputType: s,
+      inputGroupStyle: i
+    } = a, u = ee(e), {
+      shouldShowAppendedButton: r
+    } = u, c = K(e, t, a), {
+      onMouseEnter: l,
+      onMouseLeave: p
+    } = c, m = te(e, t, s, u), v = b(), C = Z("designer-host-service"), x = Z("design-item-context"), T = _e(x, C), S = Qe(v, x, T);
+    G(() => {
+      v.value.componentInstance = S;
+    }), t.expose(S.value);
+    const E = ne(e, t, u, c, m), k = b();
     return () => B("div", {
       id: "inputGroup",
-      ref: f,
-      class: l.value,
-      style: m.value,
-      onMouseenter: r,
-      onMouseleave: c
+      ref: v,
+      class: d.value,
+      style: i.value,
+      onMouseenter: l,
+      onMouseleave: p
     }, [B("input", {
-      ref: M,
+      ref: k,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), i.value && P()]);
+    }, null), r.value && E()]);
   }
 });
-I.register = (e, t, n, o) => {
-  e["input-group"] = I, t["input-group"] = Z;
+L.register = (e, t, n, o) => {
+  e["input-group"] = L, t["input-group"] = R;
 };
-I.registerDesigner = (e, t, n) => {
-  e["input-group"] = Re, t["input-group"] = Z;
+L.registerDesigner = (e, t, n) => {
+  e["input-group"] = Xe, t["input-group"] = R;
 };
-const Je = Le(I);
+const ot = Ge(L);
 export {
-  I as FInputGroup,
-  Je as default,
-  H as inputGroupProps,
-  Z as propsResolver
+  L as FInputGroup,
+  ot as default,
+  W as inputGroupProps,
+  R as propsResolver
 };