@farris/ui-vue 1.2.7 → 1.2.8

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

@@ -1,36 +1,37 @@
-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 P = (e, t, n) => re(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as h, computed as y, watch as D, onMounted as j, nextTick as z, createVNode as T, 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), {});
+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 } = e, o = Object.keys(t).reduce((a, c) => (a[c] = t[c].type === "object" && t[c].properties ? q(t[c]) : se(t[c].default), a), {});
   return o.id = `${n}-${Date.now()}`, o;
 }
-function G(e, t = {}) {
-  const n = R[e];
+function I(e, t = {}) {
+  const n = X[e];
   if (n) {
-    let o = U(n);
-    const a = _[e];
-    return o = a ? a({ getSchemaByType: G }, o, t) : o, o;
+    let o = q(n);
+    const a = Y[e];
+    return o = a ? a({ getSchemaByType: I }, o, t) : o, o;
   }
   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 c = t.get(a);
+      if (typeof c == "string")
+        o[c] = e[a];
       else {
-        const d = l(a, e[a], e);
+        const d = c(a, e[a], e);
         Object.assign(o, d);
       }
     } else
@@ -38,71 +39,69 @@ function me(e, t) {
     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, s, i, p) {
+    if (typeof i == "number")
+      return p[r].length === i;
+    if (typeof i == "object") {
+      const m = Object.keys(i)[0], v = i[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, s, i, p) {
+    return p[r] && p[r].propertyValue && String(p[r].propertyValue.value) === String(i);
   }
   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, s) => (r.set(s, e[s]), r), o);
+  function a(r, s) {
+    const i = r;
+    return typeof s == "number" ? [{ target: i, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: i, operator: "getProperty", param: r, value: !!s }] : typeof s == "object" ? Object.keys(s).map((p) => {
+      if (p === "length")
+        return { target: i, operator: "length", param: null, value: s[p] };
+      const m = p, v = s[p];
+      return { target: i, 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 c(r) {
+    return Object.keys(r).reduce((i, p) => {
+      const m = a(p, r[p]);
+      return i.push(...m), i;
     }, []);
   }
-  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 d(r, s) {
+    if (o.has(r.operator)) {
+      const i = o.get(r.operator);
+      return i && i(r.target, r.param, r.value, s) || !1;
     }
     return !1;
   }
-  function m(i, u) {
-    return l(i).reduce((y, f) => y && d(f, u), !0);
+  function u(r, s) {
+    return c(r).reduce((m, v) => m && d(v, s), !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 l(r, s) {
+    const i = Object.keys(r), p = i.includes("allOf"), m = i.includes("anyOf"), v = p || m, k = (v ? r[v ? p ? "allOf" : "anyOf" : "allOf"] : [r]).map((A) => u(A, s));
+    return p ? !k.includes(!1) : k.includes(!0);
   }
-  return { parseValueSchema: s };
+  return { parseValueSchema: l };
 }
-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" }
+}, he = {}, be = {};
+ge();
+function Ce(e, t, n = /* @__PURE__ */ new Map(), o = (d, u, l) => u, a = {}, c = (d) => d) {
+  return X[t.title] = t, Y[t.title] = o, he[t.title] = a, be[t.title] = c, (d = {}) => {
+    const u = ve(d, t, n), l = Object.keys(e).reduce((r, s) => (r[s] = e[s].default, r), {});
+    return Object.assign(l, u);
   };
 }
-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 = h(e.disabled), c = h(!1), d = h("text"), u = h(e.showBorder), l = h(e.textAlign), r = h(e.updateOn), s = y(() => e.editable || !e.readonly), i = y(() => e.editable && !e.disabled && !e.readonly), p = y(() => !e.disabled && c.value), m = y(() => n.value === "" || n.value === null || n.value === void 0), v = y(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), w = y(() => e.readonly || !e.editable), x = y(() => e.enableTitle ? n.value : ""), k = 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": l.value === "left",
+    "text-center": l.value === "center",
+    "text-right": l.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": i.value,
+      "f-state-readonly": w.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;
+  }), A = y(() => u.value ? "" : "border-width : 0 ");
+  function M(g, E = !0) {
+    n.value = g, o.value !== g && (o.value = g), E && t.emit("change", g), t.emit("update:modelValue", g), t.emit("update:value", g);
   }
-  E(
+  D(
     () => e.modelValue,
-    (v, A) => {
-      v !== A && (n.value = v, o.value = v);
+    (g, E) => {
+      g !== E && (n.value = g, o.value = g);
     }
-  ), E(() => e.disabled, (v, A) => {
-    v !== A && (a.value = v);
+  ), D(() => e.disabled, (g, E) => {
+    g !== E && (a.value = g);
   });
-  function O(v) {
-    return l.value = !1, t.emit("blur", v), v.stopPropagation(), !1;
+  function V(g) {
+    return c.value = !1, t.emit("blur", g), g.stopPropagation(), !1;
   }
-  function h(v) {
-    t.emit("click", v);
+  function b(g) {
+    t.emit("click", g);
   }
-  function C(v) {
-    e.disabled || (m.value && (l.value = !0), u.value && t.emit("focus", v));
+  function C(g) {
+    e.disabled || (u.value && (c.value = !0), s.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 B(g) {
+    t.emit("input", g.target.value);
+    const E = g.target.value;
+    o.value = E, r.value === "input" && (t.emit("update:modelValue", E), t.emit("update:value", E));
   }
-  function V(v) {
-    t.emit("keydown", v);
+  function O(g) {
+    t.emit("keydown", g);
   }
-  function N(v) {
-    t.emit("keyup", v);
+  function G(g) {
+    t.emit("keyup", g);
   }
-  function D(v) {
-    v.target.tagName !== "INPUT" && v.preventDefault(), v.stopPropagation();
+  function F(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 E = g.target.value;
+      g.stopPropagation(), M(E);
     }
   }
   return {
     changeTextBoxValue: M,
     disabled: a,
     displayText: o,
-    editable: r,
-    hasFocused: c,
-    inputGroupClass: F,
+    editable: i,
+    hasFocused: p,
+    inputGroupClass: S,
     inputType: d,
-    isEmpty: y,
+    isEmpty: m,
     modelValue: n,
-    readonly: T,
-    onBlur: O,
-    onClick: h,
+    readonly: w,
+    onBlur: V,
+    onClick: b,
     onFocus: C,
-    onInput: w,
-    onKeydown: V,
-    onKeyup: N,
-    onMousedown: D,
-    onTextBoxValueChange: j,
-    placeholder: f,
-    textBoxClass: S,
-    textBoxTitle: k,
-    inputGroupStyle: P
+    onInput: B,
+    onKeydown: O,
+    onKeyup: G,
+    onMousedown: F,
+    onTextBoxValueChange: U,
+    placeholder: v,
+    textBoxClass: k,
+    textBoxTitle: x,
+    inputGroupStyle: A
   };
 }
-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 = h(e.disabled), c = h(!1), d = h("text"), u = h(e.showBorder), l = h(e.textAlign);
+  y(() => e.editable || !e.readonly);
+  const r = y(() => e.editable && !e.disabled && !e.readonly), s = y(() => !e.disabled && c.value), i = 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 : ""), w = 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": l.value === "left",
+    "text-center": l.value === "center",
+    "text-right": l.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 ");
+  })), k = y(() => u.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
     disabled: a,
     displayText: o,
-    editable: i,
-    hasFocused: u,
-    inputGroupClass: k,
+    editable: r,
+    hasFocused: s,
+    inputGroupClass: x,
     inputType: d,
-    isEmpty: r,
+    isEmpty: i,
     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: w,
+    textBoxTitle: v,
+    inputGroupStyle: k
   };
 }
-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 = h(!1), a = y(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: c, displayText: d, hasFocused: u, isEmpty: l } = n;
+  function r(w) {
+    o.value = w;
   }
-  E(d, () => {
-    m != null && m.value ? i(!!(d != null && d.value)) : i(!1);
+  D(d, () => {
+    u != null && u.value ? r(!!(d != null && d.value)) : r(!1);
   });
-  const u = g(() => ({
+  const s = y(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), r = g(() => ({
+  })), i = 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(w) {
+    w.stopPropagation(), a.value && (c("", !0), r(!o.value), t.emit("clear"));
   }
-  function y(T) {
-    a.value && !s.value && i(!0);
+  function m(w) {
+    a.value && !l.value && r(!0);
   }
-  function f(T) {
-    a.value && i(!1);
+  function v(w) {
+    a.value && r(!1);
   }
-  return { clearButtonClass: u, clearButtonStyle: r, hasShownClearButton: o, onClearValue: c, onMouseEnter: y, onMouseLeave: f, shouldShowClearButton: a };
+  return { clearButtonClass: s, clearButtonStyle: i, 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 = h(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, c = h(e.enableViewPassword), d = y(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', l = '<span class="f-icon f-icon-eye"></span>', r = h(!1);
+  D(() => [e.readonly, e.disabled], ([p, m]) => {
+    d.value && (n.value = p || m ? "password" : n.value, a.value = p || m ? l : a.value);
   });
-  function u() {
-    return i.value = !i.value, n.value = i.value ? "text" : "password", a.value = i.value ? m : s, !1;
+  function s() {
+    return r.value = !r.value, n.value = r.value ? "text" : "password", a.value = r.value ? u : l, !1;
   }
-  function r() {
-    n.value = d.value ? "password" : "text", a.value = d.value ? l.value ? s : "" : a.value;
+  function i() {
+    n.value = d.value ? "password" : "text", a.value = d.value ? c.value ? l : "" : a.value;
   }
-  return r(), { isPassword: d, onClickAppendedButton: u };
+  return i(), { isPassword: d, onClickAppendedButton: s };
 }
-function Ne(e, t, n) {
-  const o = b(), {
+function Le(e, t, n) {
+  const o = h(), {
     onBlurTextBox: a,
-    onFocusTextBox: l,
+    onFocusTextBox: c,
     onInput: d,
-    onKeyDown: m,
-    textBoxValue: s
-  } = n, i = g(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), u = g(() => ({
+    onKeyDown: u,
+    textBoxValue: l
+  } = n, r = y(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), s = y(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), r = g(() => ({
+  })), i = y(() => ({
     "text-align": e.textAlign
   }));
-  function c(T) {
-    T.stopPropagation();
+  function p(w) {
+    w.stopPropagation();
   }
-  function y() {
+  function m() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function f(T) {
-    l(T), await z, y();
+  async function v(w) {
+    c(w), await z, m();
   }
-  return L(async () => {
-    await z, y();
-  }), () => B("input", {
+  return j(async () => {
+    await z, m();
+  }), () => T("input", {
     ref: o,
-    class: u.value,
-    style: r.value,
+    class: s.value,
+    style: i.value,
     type: "text",
-    value: s.value,
+    value: l.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: i.value,
+    placeholder: r.value,
     onBlur: a,
-    onChange: c,
-    onFocus: f,
+    onChange: p,
+    onFocus: v,
     onInput: d,
-    onKeydown: m
+    onKeydown: u
   }, null);
 }
-function Ie(e, t, n) {
+function $e(e, t, n) {
   const {
     canDownward: o,
     canUpward: a,
-    onClickDownButton: l,
+    onClickDownButton: c,
     onClickUpButton: d
-  } = n, m = g(() => ({
+  } = n, u = y(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), s = g(() => ({
+  })), l = y(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = g(() => ({
+  })), r = y(() => ({
     cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), u = g(() => ({
+  })), s = y(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => B("div", {
-    class: m.value
-  }, [B("button", {
+  return () => T("div", {
+    class: u.value
+  }, [T("button", {
     title: "upButton",
-    class: s.value,
-    style: i.value,
+    class: l.value,
+    style: r.value,
     onClick: d,
     disabled: !a()
-  }, [B("span", {
+  }, [T("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), B("button", {
+  }, null)]), T("button", {
     title: "downButton",
-    class: s.value,
-    style: u.value,
-    onClick: l,
+    class: l.value,
+    style: s.value,
+    onClick: c,
     disabled: !o()
-  }, [B("span", {
+  }, [T("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), c = fe(e, t, o, n, a), d = $e(e, t, a), {
+    displayValue: u,
+    modelValue: l,
+    getRealValue: r
+  } = n, s = Le(e, t, c), {
+    format: i
   } = 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);
-  }), () => B("div", {
+    isFocus: p
+  } = c, m = y(() => !e.disabled && !e.readonly);
+  return j(() => {
+    const v = r(e.modelValue);
+    u.value = i(v);
+  }), D(() => [e.value], ([v]) => {
+    const w = r(v);
+    l.value = w, u.value = i(w);
+  }), D(() => [e.modelValue], ([v]) => {
+    v !== l.value && (l.value = v, !p.value && (u.value = i(r(v))));
+  }), D(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    u.value = i(l.value);
+  }), () => T("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [u(), y.value && d()]);
+  }, [s(), m.value && d()]);
 }
-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,
+function Ie(e, t, n, o) {
+  const a = h(), c = h(e.autocomplete), d = h(e.enableTitle), {
+    isPassword: u
+  } = n, l = h(e.minLength), r = h(e.maxLength), s = h(e.tabIndex), {
+    disabled: i,
+    displayText: p,
+    inputType: m,
+    onBlur: v,
+    onFocus: w,
+    onInput: x,
+    onClick: k,
+    onKeydown: S,
+    onKeyup: A,
     onMousedown: M,
-    onTextBoxValueChange: O,
-    readonly: h,
+    onTextBoxValueChange: V,
+    readonly: b,
     placeholder: C,
-    textBoxClass: w,
-    textBoxTitle: V
+    textBoxClass: B,
+    textBoxTitle: O
   } = o;
-  return L(() => {
+  return j(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => B("input", {
+  }), () => T("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,
+    autocomplete: c.value,
+    class: B.value,
+    disabled: i == null ? void 0 : i.value,
+    maxlength: r.value,
+    minlength: l.value,
     placeholder: C.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,
-    onChange: O,
-    onFocus: T,
-    onInput: k,
-    onKeydown: F,
-    onKeyup: P,
+    readonly: b == null ? void 0 : b.value,
+    tabindex: s.value,
+    title: d.value && !u.value ? O.value : "",
+    type: m.value,
+    value: p == null ? void 0 : p.value,
+    onBlur: v,
+    onClick: k,
+    onChange: V,
+    onFocus: w,
+    onInput: x,
+    onKeydown: S,
+    onKeyup: A,
     onMousedown: M
   }, 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(T("span", {
     class: "input-group-before-tips",
     onMouseenter: a
-  }, [B("i", {
+  }, [T("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), B("b", {
+  }, null), T("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,
+    appendedButtonClass: c,
     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
+  } = n, u = y(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), l = y(() => d.value && !t.slots.groupTextTemplate), r = y(() => !!t.slots.groupTextTemplate), {
+    clearButtonClass: s,
+    clearButtonStyle: i,
+    onClearValue: p,
+    shouldShowClearButton: m
   } = o;
-  function f() {
-    return B("span", {
+  function v() {
+    return T("span", {
       id: "clearIcon",
-      class: u.value,
-      style: r.value,
-      onClick: (C) => c(C)
-    }, [B("i", {
+      class: s.value,
+      style: i.value,
+      onClick: (C) => p(C)
+    }, [T("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function T(C) {
+  function w(C) {
     t.emit("iconMouseEnter", C);
   }
-  function k(C) {
+  function x(C) {
     t.emit("iconMouseLeave", C);
   }
-  function S(C) {
-    m.value && t.emit("clickHandle", {
+  function k(C) {
+    u.value && t.emit("clickHandle", {
       originalEvent: C
     }), C.stopPropagation();
   }
-  const F = e.type === "password" ? a.onClickAppendedButton : S;
-  function P() {
-    return B("span", {
+  const S = e.type === "password" ? a.onClickAppendedButton : k;
+  function A() {
+    return T("span", {
       class: "input-group-text",
-      onMouseenter: (C) => T(C),
-      onMouseleave: (C) => k(C),
+      onMouseenter: (C) => w(C),
+      onMouseleave: (C) => x(C),
       innerHTML: d.value,
-      onClick: (C) => F(C)
+      onClick: (C) => S(C)
     }, null);
   }
   function M() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
-  function O() {
-    return s.value ? P : i.value ? M : "";
+  function V() {
+    return l.value ? A : r.value ? M : "";
   }
-  const h = O();
-  return () => B("div", {
-    class: l.value
-  }, [y.value && f(), h && h()]);
+  const b = V();
+  return () => T("div", {
+    class: c.value
+  }, [m.value && v(), b && b()]);
 }
-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,
+    const n = h(e.modelValue), o = h(e.modelValue), a = De(e, t, n, o), {
+      inputGroupClass: c,
       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]) => {
+      inputGroupStyle: u
+    } = a, l = ee(e), {
+      shouldShowAppendedButton: r
+    } = l, s = K(e, t, a), {
+      onMouseEnter: i,
+      onMouseLeave: p
+    } = s, m = te(e, t, d, l), v = Ue(e, t), w = Ie(e, t, m, a), x = ne(e, t, l, s, m), k = qe(e, t), S = y(() => e.type === "number");
+    D(() => [e.value], ([M]) => {
       n.value = M, o.value = M;
-    }), E(() => [e.modelValue], ([M]) => {
+    }), D(() => [e.modelValue], ([M]) => {
       n.value = M, o.value = M;
-    }), L(() => {
+    }), j(() => {
       e.value && (n.value = e.value, o.value = e.value);
     });
-    const P = () => B(W, null, [B("div", {
+    const A = () => T(J, null, [T("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: c.value,
+      style: u.value,
+      onMouseenter: i,
+      onMouseleave: p
+    }, [S.value ? v() : T(J, null, [k(), w(), r.value && x()])])]);
+    return () => A();
   }
 });
-function He(e, t) {
+function We(e, t) {
   e.schema;
-  const n = b(!0), o = b(!0);
-  function a(r) {
+  const n = h(!0), o = h(!0);
+  function a(i) {
     return !1;
   }
-  function l() {
+  function c() {
     return !1;
   }
   function d() {
     return !1;
   }
-  function m() {
+  function u() {
     return !0;
   }
-  function s(r) {
+  function l(i) {
   }
-  function i() {
+  function r() {
   }
-  function u(r) {
+  function s(i) {
     return null;
   }
   return {
     canAccepts: a,
-    checkCanDeleteComponent: l,
+    checkCanDeleteComponent: c,
     checkCanMoveComponent: d,
-    hideNestedPaddingInDesginerView: m,
-    onAcceptMovedChildElement: s,
-    resolveComponentContext: i,
+    hideNestedPaddingInDesginerView: u,
+    onAcceptMovedChildElement: l,
+    resolveComponentContext: r,
     triggerBelongedComponentToMoveWhenMoved: n,
     triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: u
+    getPropsConfig: s
   };
 }
-class ee {
+class He {
+  constructor(t, n) {
+    P(this, "componentId");
+    P(this, "viewModelId");
+    P(this, "eventsEditorUtils");
+    P(this, "formSchemaUtils");
+    P(this, "formMetadataConverter");
+    P(this, "designViewModelUtils");
+    P(this, "designViewModelField");
+    P(this, "controlCreatorUtils");
+    P(this, "designerHostService");
+    P(this, "schemaService", null);
+    P(this, "metadataService", null);
+    P(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 N = class N {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
   static getEditorTypesByMDataType(t) {
-    const n = this.fieldControlTypeMapping[t];
+    const n = N.fieldControlTypeMapping[t];
     return n || [{ key: "", value: "" }];
   }
-}
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const t = [];
+    for (let n in N.fieldControlTypeMapping)
+      N.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", {
+P(N, "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 $ = N;
+const ze = h(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 d;
+    var o = this;
+    this.setDesignViewModelField(t);
+    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), c = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    return {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -1108,63 +1098,48 @@ 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((d = o.designViewModelField.type) == null ? void 0 : d.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: c
+          }
         }
       },
-      setPropertyRelates(l, d) {
-        if (l)
-          switch (l && l.propertyID) {
+      setPropertyRelates(u, l) {
+        if (u)
+          switch (u && u.propertyID) {
             case "type": {
-              n.changeControlType(t, l);
+              o.changeControlType(t, u, n);
               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,65 +1169,44 @@ 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, s, i, p;
+    const a = n.propertyValue, c = o && o.parent && o.parent.schema;
+    if (!c)
+      return;
+    const d = c.contents.findIndex((m) => m.id === t.id), u = c.contents[d];
+    let l;
+    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), l = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), l || (l = _("form-group") || {}, l.editor = _(a) || {}, delete l.editor.id, delete l.editor.binding, delete l.editor.appearance), Object.assign(l, {
+      id: u.id,
+      appearance: u.appearance,
+      size: u.size,
+      label: u.label,
+      binding: u.binding,
+      visible: u.visible
+    }), Object.assign(l.editor, {
+      isTextArea: l.isTextArea && u.isTextArea,
+      placeholder: (r = u.editor) == null ? void 0 : r.placeholder,
+      holdPlace: (s = u.editor) == null ? void 0 : s.holdPlace,
+      readonly: (i = u.editor) == null ? void 0 : i.readonly,
+      require: (p = u.editor) == null ? void 0 : p.require
+    }), c.contents.splice(d, 1), c.contents.splice(d, 0, l), o.schema = Object.assign(u, l), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (m) => m.classList.remove("dgComponentSelected")
+    ), ze.value++;
   }
   getComponentConfig(t, n = {}, o = {}) {
     const a = Object.assign({
@@ -1260,7 +1214,7 @@ class ze extends $e {
       title: "组件信息",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), l = Object.assign({
+    }, n), c = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1282,173 +1236,173 @@ class ze extends $e {
         type: "string"
       }
     }, o);
-    return { ...a, properties: { ...l } };
+    return { ...a, properties: { ...c } };
   }
 }
-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,
+    hideNestedPaddingInDesginerView: c,
     onAcceptMovedChildElement: d,
-    resolveComponentContext: m,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = He(e), u = e.schema;
-  function r(c) {
-    return new We(c, t).getPropertyConfig(u);
+    resolveComponentContext: u,
+    triggerBelongedComponentToMoveWhenMoved: l,
+    triggerBelongedComponentToDeleteWhenDeleted: r
+  } = We(e), s = e.schema;
+  function i(p, m) {
+    return new Ze(p, t).getPropertyConfig(s, m);
   }
   return {
     canAccepts: n,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: l,
+    hideNestedPaddingInDesginerView: c,
     onAcceptMovedChildElement: d,
-    resolveComponentContext: m,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: r
+    resolveComponentContext: u,
+    triggerBelongedComponentToMoveWhenMoved: l,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
+    getPropsConfig: i
   };
 }
 function Qe(e, t, n) {
-  var O;
+  var V;
   function o() {
     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() || "", c = n && n.getDesignerClass && n.getDesignerClass() || "", d = h();
+  function u() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
-  function s() {
+  function l() {
     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 s() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function r(h) {
-    if (!h || !h.value)
+  function i(b) {
+    if (!b || !b.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;
+    if (b.value.schema && b.value.schema.type === "component")
+      return b.value;
+    const C = h(b == null ? void 0 : b.value.parent), B = i(C);
+    return B || 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(b = t) {
+    const { componentInstance: C, designerItemElementRef: B } = b;
+    return !C || !C.value ? null : C.value.canMove ? B : p(b.parent);
   }
-  function y(h) {
-    return !!n && n.canAccepts(h);
+  function m(b) {
+    return !!n && n.canAccepts(b);
   }
-  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 w() {
   }
-  function k(h, C) {
+  function x(b, C) {
     C && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(C);
   }
-  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 k(b) {
+    const { componentType: C } = b;
+    let B = I(C, b);
+    n && n.onResolveNewComponentSchema && (B = n.onResolveNewComponentSchema(b, B));
+    const O = C.toLowerCase().replace("-", "_");
+    return B && !B.id && B.type === C && (B.id = `${O}_${Math.random().toString().slice(2, 6)}`), B;
   }
-  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(b, C) {
+    const B = String(b.getAttribute("data-controltype")), O = b.getAttribute("data-feature"), G = O ? JSON.parse(O) : {};
+    G.parentComponentInstance = d.value;
+    let F = I(B, G);
+    n && n.onAcceptNewChildElement && (F = n.onAcceptNewChildElement(b, C, F));
+    const U = B.toLowerCase().replace("-", "_");
+    return F && !F.id && F.type === B && (F.id = `${U}_${Math.random().toString().slice(2, 6)}`), F;
   }
-  function P(h) {
+  function A(b) {
   }
-  function M(...h) {
+  function M(...b) {
     if (n && n.getPropsConfig)
-      return n.getPropsConfig(...h);
+      return n.getPropsConfig(...b);
   }
   return d.value = {
-    canMove: m(),
-    canSelectParent: s(),
-    canDelete: i(),
-    canNested: !u(),
+    canMove: u(),
+    canSelectParent: l(),
+    canDelete: r(),
+    canNested: !s(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (O = t == null ? void 0 : t.parent) == null ? void 0 : O.componentInstance,
+    parent: (V = t == null ? void 0 : t.parent) == null ? void 0 : V.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: a,
-    designerClass: l,
-    canAccepts: y,
-    getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: f,
+    designerClass: c,
+    canAccepts: m,
+    getBelongedComponentInstance: i,
+    getDraggableDesignItemElement: p,
+    getDraggingDisplayText: v,
     getPropConfig: M,
-    getDragScopeElement: T,
-    onAcceptMovedChildElement: k,
-    onAcceptNewChildElement: F,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: S,
+    getDragScopeElement: w,
+    onAcceptMovedChildElement: x,
+    onAcceptNewChildElement: S,
+    onChildElementMovedOut: A,
+    addNewChildComponentSchema: k,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || b(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || b(!1)
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || h(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
   }, d;
 }
-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,
+    const n = h(e.modelValue), o = h(e.modelValue), a = Ve(e, t, n, o), {
+      inputGroupClass: c,
       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();
-    return () => B("div", {
+      inputGroupStyle: u
+    } = a, l = ee(e), {
+      shouldShowAppendedButton: r
+    } = l, s = K(e, t, a), {
+      onMouseEnter: i,
+      onMouseLeave: p
+    } = s, m = te(e, t, d, l), v = h(), w = Z("designer-host-service"), x = Z("design-item-context"), k = _e(x, w), S = Qe(v, x, k);
+    j(() => {
+      v.value.componentInstance = S;
+    }), t.expose(S.value);
+    const A = ne(e, t, l, s, m), M = h();
+    return () => T("div", {
       id: "inputGroup",
-      ref: f,
-      class: l.value,
-      style: m.value,
-      onMouseenter: r,
-      onMouseleave: c
-    }, [B("input", {
+      ref: v,
+      class: c.value,
+      style: u.value,
+      onMouseenter: i,
+      onMouseleave: p
+    }, [T("input", {
       ref: M,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), i.value && P()]);
+    }, null), r.value && A()]);
   }
 });
-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
 };