@farris/ui-vue 1.2.5 → 1.2.7

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

@@ -1,13 +1,13 @@
 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 A = (e, t, n) => oe(e, typeof t != "symbol" ? t + "" : 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";
 import "bignumber.js";
-import { useNumber as ue, useFormat as se, useSpinner as ce, useTextBox as pe } from "@farris/ui-vue/components/number-spinner";
+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, s) => (a[s] = t[s].type === "object" && t[s].properties ? U(t[s]) : le(t[s].default), a), {});
+  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;
 }
 function G(e, t = {}) {
@@ -26,12 +26,12 @@ function de(e, t) {
 function me(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, a) => {
     if (t.has(a)) {
-      const s = t.get(a);
-      if (typeof s == "string")
-        o[s] = e[a];
+      const l = t.get(a);
+      if (typeof l == "string")
+        o[l] = e[a];
       else {
-        const m = s(a, e[a], e);
-        Object.assign(o, m);
+        const d = l(a, e[a], e);
+        Object.assign(o, d);
       }
     } else
       o[a] = e[a];
@@ -43,65 +43,65 @@ function ye(e, t, n = /* @__PURE__ */ new Map()) {
   return me(o, n);
 }
 function fe(e = {}) {
-  function t(i, l, r, u) {
+  function t(i, u, r, c) {
     if (typeof r == "number")
-      return u[i].length === r;
+      return c[i].length === r;
     if (typeof r == "object") {
       const y = Object.keys(r)[0], f = r[y];
       if (y === "not")
-        return Number(u[i].length) !== Number(f);
+        return Number(c[i].length) !== Number(f);
       if (y === "moreThan")
-        return Number(u[i].length) >= Number(f);
+        return Number(c[i].length) >= Number(f);
       if (y === "lessThan")
-        return Number(u[i].length) <= Number(f);
+        return Number(c[i].length) <= Number(f);
     }
     return !1;
   }
-  function n(i, l, r, u) {
-    return u[i] && u[i].propertyValue && String(u[i].propertyValue.value) === String(r);
+  function n(i, u, r, c) {
+    return c[i] && c[i].propertyValue && String(c[i].propertyValue.value) === String(r);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((i, l) => (i.set(l, e[l]), i), o);
-  function a(i, l) {
+  Object.keys(e).reduce((i, u) => (i.set(u, e[u]), i), o);
+  function a(i, u) {
     const r = i;
-    return typeof l == "number" ? [{ target: r, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: r, operator: "getProperty", param: i, value: !!l }] : typeof l == "object" ? Object.keys(l).map((u) => {
-      if (u === "length")
-        return { target: r, operator: "length", param: null, value: l[u] };
-      const y = u, f = l[u];
+    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 };
     }) : [];
   }
-  function s(i) {
-    return Object.keys(i).reduce((r, u) => {
-      const y = a(u, i[u]);
+  function l(i) {
+    return Object.keys(i).reduce((r, c) => {
+      const y = a(c, i[c]);
       return r.push(...y), r;
     }, []);
   }
-  function m(i, 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, l) || !1;
+      return r && r(i.target, i.param, i.value, u) || !1;
     }
     return !1;
   }
-  function d(i, l) {
-    return s(i).reduce((y, f) => y && m(f, l), !0);
+  function m(i, u) {
+    return l(i).reduce((y, f) => y && d(f, u), !0);
   }
-  function c(i, l) {
-    const r = Object.keys(i), u = r.includes("allOf"), y = r.includes("anyOf"), f = u || y, S = (f ? i[f ? u ? "allOf" : "anyOf" : "allOf"] : [i]).map((x) => d(x, l));
-    return u ? !S.includes(!1) : S.includes(!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);
   }
-  return { parseValueSchema: c };
+  return { parseValueSchema: s };
 }
 const p = {
   Button: { type: "Button", name: "按钮", icon: "Button" },
   ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
-  ToolBar: { type: "ToolBar", name: "工具栏", icon: "ButtonGroup" },
-  ToolBarItem: { type: "ToolBarItem", name: "工具栏项", icon: "Button" },
-  ContentContainer: { type: "ContentContainer", name: "容器", icon: "ContentContainer" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "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" },
@@ -128,15 +128,15 @@ const p = {
   "data-grid-column": { type: "data-grid-column", name: "表格列" },
   Panel: { type: "Panel", name: "面板", icon: "ContentContainer" },
   Module: { type: "Module", name: "模块", icon: "Module" },
-  Component: { type: "Component", name: "组件", icon: "Component" },
+  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" },
-  Tab: { type: "Tab", name: "标签页", icon: "Tab" },
-  TabPage: { type: "TabPage", name: "标签页项", dependentParentControl: "Tab" },
+  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" },
@@ -145,7 +145,7 @@ const p = {
   RichTextBox: { type: "RichTextBox", name: "富文本", icon: "RichTextBox" },
   TimeSpinner: { type: "TimeSpinner", name: "时间调节器", icon: "TimePicker" },
   TimePicker: { type: "TimePicker", name: "时间选择", icon: "TimePicker" },
-  Section: { type: "Section", name: "分组面板", icon: "Section" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
   SectionToolbar: { type: "SectionToolbar", name: "分组面板工具栏" },
   SectionToolbarItem: { type: "SectionToolbarItem", name: "分组面板按钮" },
   QueryScheme: { type: "QueryScheme", name: "筛选方案", icon: "QueryScheme" },
@@ -175,7 +175,7 @@ const p = {
   NavTab: { type: "NavTab", name: "标签类导航", icon: "NavTab" },
   Tags: { type: "Tags", name: "标记组", icon: "Tags" },
   Portlet: { type: "Portlet", name: "小部件", icon: "dingzhi" },
-  Header: { type: "Header", name: "页头", icon: "Header" },
+  "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" },
@@ -209,10 +209,10 @@ const p = {
   /** 审批类 end */
 }, ge = {}, ve = {};
 fe();
-function he(e, t, n = /* @__PURE__ */ new Map(), o = (m, d, c) => d, a = {}, s = (m) => m) {
-  return R[t.title] = t, _[t.title] = o, ge[t.title] = a, ve[t.title] = s, (m = {}) => {
-    const d = ye(m, t, n), c = Object.keys(e).reduce((i, l) => (i[l] = e[l].default, i), {});
-    return Object.assign(c, d);
+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);
   };
 }
 function be(e, t) {
@@ -505,12 +505,12 @@ const we = "https://json-schema.org/draft/2020-12/schema", Be = "https://farris-
   updateOn: { type: String, default: "blur" }
 }, Z = he(H, Pe, Ce, Te);
 function Ae(e, t, n, o) {
-  const a = b(e.disabled), s = b(!1), m = b("text"), d = b(e.showBorder), c = b(e.textAlign), i = b(e.updateOn), l = g(() => e.editable || !e.readonly), r = g(() => e.editable && !e.disabled && !e.readonly), u = g(() => !e.disabled && s.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(() => ({
+  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(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
-    "text-left": c.value === "left",
-    "text-center": c.value === "center",
-    "text-right": c.value === "right"
+    "text-left": s.value === "left",
+    "text-center": s.value === "center",
+    "text-right": s.value === "right"
   })), F = g(() => {
     const v = {
       "f-cmp-inputgroup": !0,
@@ -518,34 +518,34 @@ function Ae(e, t, n, o) {
       "f-state-disable": a.value,
       "f-state-editable": r.value,
       "f-state-readonly": T.value,
-      "f-state-focus": u.value
+      "f-state-focus": c.value
     };
     return (e.customClass || "").split(" ").reduce(($, te) => ($[te] = !0, $), v), v;
-  }), x = g(() => d.value ? "" : "border-width : 0 ");
-  function M(v, P = !0) {
-    n.value = v, o.value !== v && (o.value = v), P && t.emit("change", v), t.emit("update:modelValue", v), t.emit("update:value", 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);
   }
   E(
     () => e.modelValue,
-    (v, P) => {
-      v !== P && (n.value = v, o.value = v);
+    (v, A) => {
+      v !== A && (n.value = v, o.value = v);
     }
-  ), E(() => e.disabled, (v, P) => {
-    v !== P && (a.value = v);
+  ), E(() => e.disabled, (v, A) => {
+    v !== A && (a.value = v);
   });
   function O(v) {
-    return s.value = !1, t.emit("blur", v), v.stopPropagation(), !1;
+    return l.value = !1, t.emit("blur", v), v.stopPropagation(), !1;
   }
   function h(v) {
     t.emit("click", v);
   }
   function C(v) {
-    e.disabled || (d.value && (s.value = !0), l.value && t.emit("focus", v));
+    e.disabled || (m.value && (l.value = !0), u.value && t.emit("focus", v));
   }
   function w(v) {
     t.emit("input", v.target.value);
-    const P = v.target.value;
-    o.value = P, i.value === "input" && (t.emit("update:modelValue", P), t.emit("update:value", P));
+    const A = v.target.value;
+    o.value = A, i.value === "input" && (t.emit("update:modelValue", A), t.emit("update:value", A));
   }
   function V(v) {
     t.emit("keydown", v);
@@ -558,8 +558,8 @@ function Ae(e, t, n, o) {
   }
   function j(v) {
     if (i.value === "blur") {
-      const P = v.target.value;
-      v.stopPropagation(), M(P);
+      const A = v.target.value;
+      v.stopPropagation(), M(A);
     }
   }
   return {
@@ -567,9 +567,9 @@ function Ae(e, t, n, o) {
     disabled: a,
     displayText: o,
     editable: r,
-    hasFocused: u,
+    hasFocused: c,
     inputGroupClass: F,
-    inputType: m,
+    inputType: d,
     isEmpty: y,
     modelValue: n,
     readonly: T,
@@ -584,18 +584,18 @@ function Ae(e, t, n, o) {
     placeholder: f,
     textBoxClass: S,
     textBoxTitle: k,
-    inputGroupStyle: x
+    inputGroupStyle: P
   };
 }
 function De(e, t, n, o) {
-  const a = b(e.disabled), s = b(!1), m = b("text"), d = b(e.showBorder), c = b(e.textAlign);
+  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), l = g(() => !e.disabled && s.value), r = g(() => n.value === "" || n.value === null || n.value === void 0), u = g(() => e.placeholder), y = g(() => e.readonly || !e.editable), f = g(() => e.enableTitle ? n.value : ""), T = g(() => ({
+  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(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
-    "text-left": c.value === "left",
-    "text-center": c.value === "center",
-    "text-right": c.value === "right"
+    "text-left": s.value === "left",
+    "text-center": s.value === "center",
+    "text-right": s.value === "right"
   })), k = g(() => ({
     "f-cmp-inputgroup": !0,
     "input-group": !0,
@@ -603,15 +603,15 @@ function De(e, t, n, o) {
     "f-state-editable": !1,
     "f-state-readonly": !0
     // 'f-state-focus': hasFocused.value
-  })), S = g(() => d.value ? "" : "border-width : 0 ");
+  })), S = g(() => m.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
     disabled: a,
     displayText: o,
     editable: i,
-    hasFocused: l,
+    hasFocused: u,
     inputGroupClass: k,
-    inputType: m,
+    inputType: d,
     isEmpty: r,
     modelValue: n,
     readonly: y,
@@ -623,37 +623,37 @@ function De(e, t, n, o) {
     // onKeyup,
     // onMousedown,
     // onTextBoxValueChange,
-    placeholder: u,
+    placeholder: c,
     textBoxClass: T,
     textBoxTitle: f,
     inputGroupStyle: S
   };
 }
 function X(e, t, n) {
-  const o = b(!1), a = g(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: s, displayText: m, hasFocused: d, isEmpty: c } = 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;
   }
-  E(m, () => {
-    d != null && d.value ? i(!!(m != null && m.value)) : i(!1);
+  E(d, () => {
+    m != null && m.value ? i(!!(d != null && d.value)) : i(!1);
   });
-  const l = g(() => ({
+  const u = g(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
   })), r = g(() => ({
     width: "24px",
     display: o.value ? "flex" : "none"
   }));
-  function u(T) {
-    T.stopPropagation(), a.value && (s("", !0), i(!o.value), t.emit("clear"));
+  function c(T) {
+    T.stopPropagation(), a.value && (l("", !0), i(!o.value), t.emit("clear"));
   }
   function y(T) {
-    a.value && !c.value && i(!0);
+    a.value && !s.value && i(!0);
   }
   function f(T) {
     a.value && i(!1);
   }
-  return { clearButtonClass: l, clearButtonStyle: r, hasShownClearButton: o, onClearValue: u, onMouseEnter: y, onMouseLeave: f, shouldShowClearButton: a };
+  return { clearButtonClass: u, clearButtonStyle: r, hasShownClearButton: o, onClearValue: c, onMouseEnter: y, onMouseLeave: f, shouldShowClearButton: a };
 }
 const Ee = ["moz", "ms", "webkit"];
 function Oe() {
@@ -688,136 +688,136 @@ function Y(e, t) {
   })), appendedContent: n, shouldShowAppendedButton: a };
 }
 function K(e, t, n, o) {
-  const { appendedContent: a } = o, s = b(e.enableViewPassword), m = g(() => e.type === "password"), d = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', c = '<span class="f-icon f-icon-eye"></span>', i = b(!1);
-  E(() => [e.readonly, e.disabled], ([u, y]) => {
-    m.value && (n.value = u || y ? "password" : n.value, a.value = u || y ? c : a.value);
+  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 l() {
-    return i.value = !i.value, n.value = i.value ? "text" : "password", a.value = i.value ? d : c, !1;
+  function u() {
+    return i.value = !i.value, n.value = i.value ? "text" : "password", a.value = i.value ? m : s, !1;
   }
   function r() {
-    n.value = m.value ? "password" : "text", a.value = m.value ? s.value ? c : "" : a.value;
+    n.value = d.value ? "password" : "text", a.value = d.value ? l.value ? s : "" : a.value;
   }
-  return r(), { isPassword: m, onClickAppendedButton: l };
+  return r(), { isPassword: d, onClickAppendedButton: u };
 }
 function Ne(e, t, n) {
   const o = b(), {
     onBlurTextBox: a,
-    onFocusTextBox: s,
-    onInput: m,
-    onKeyDown: d,
-    textBoxValue: c
-  } = n, i = g(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), l = g(() => ({
+    onFocusTextBox: l,
+    onInput: d,
+    onKeyDown: m,
+    textBoxValue: s
+  } = n, i = g(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), u = g(() => ({
     "form-control": !0,
     "f-utils-fill": !0
   })), r = g(() => ({
     "text-align": e.textAlign
   }));
-  function u(T) {
+  function c(T) {
     T.stopPropagation();
   }
   function y() {
     e.selectOnCreated, e.focusOnCreated;
   }
   async function f(T) {
-    s(T), await z, y();
+    l(T), await z, y();
   }
   return L(async () => {
     await z, y();
   }), () => B("input", {
     ref: o,
-    class: l.value,
+    class: u.value,
     style: r.value,
     type: "text",
-    value: c.value,
+    value: s.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: i.value,
     onBlur: a,
-    onChange: u,
+    onChange: c,
     onFocus: f,
-    onInput: m,
-    onKeydown: d
+    onInput: d,
+    onKeydown: m
   }, null);
 }
 function Ie(e, t, n) {
   const {
     canDownward: o,
     canUpward: a,
-    onClickDownButton: s,
-    onClickUpButton: m
-  } = n, d = g(() => ({
+    onClickDownButton: l,
+    onClickUpButton: d
+  } = n, m = g(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), c = g(() => ({
+  })), s = g(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
   })), i = g(() => ({
     cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), l = g(() => ({
+  })), u = g(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
   return () => B("div", {
-    class: d.value
+    class: m.value
   }, [B("button", {
     title: "upButton",
-    class: c.value,
+    class: s.value,
     style: i.value,
-    onClick: m,
+    onClick: d,
     disabled: !a()
   }, [B("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), B("button", {
     title: "downButton",
-    class: c.value,
-    style: l.value,
-    onClick: s,
+    class: s.value,
+    style: u.value,
+    onClick: l,
     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 = se(e, t, n), a = ce(e, t, o, n), s = pe(e, t, o, n, a), m = Ie(e, t, a), {
-    displayValue: d,
-    modelValue: c,
+  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, l = Ne(e, t, s), {
+  } = n, u = Ne(e, t, l), {
     format: r
   } = o, {
-    isFocus: u
-  } = s, y = g(() => !e.disabled && !e.readonly);
+    isFocus: c
+  } = l, y = g(() => !e.disabled && !e.readonly);
   return L(() => {
     const f = i(e.modelValue);
-    d.value = r(f);
+    m.value = r(f);
   }), E(() => [e.value], ([f]) => {
     const T = i(f);
-    c.value = T, d.value = r(T);
+    s.value = T, m.value = r(T);
   }), E(() => [e.modelValue], ([f]) => {
-    f !== c.value && (c.value = f, !u.value && (d.value = r(i(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], () => {
-    d.value = r(c.value);
+    m.value = r(s.value);
   }), () => B("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [l(), y.value && m()]);
+  }, [u(), y.value && d()]);
 }
 function Ge(e, t, n, o) {
-  const a = b(), s = b(e.autocomplete), m = b(e.enableTitle), {
-    isPassword: d
-  } = n, c = b(e.minLength), i = b(e.maxLength), l = b(e.tabIndex), {
+  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: u,
+    displayText: c,
     inputType: y,
     onBlur: f,
     onFocus: T,
     onInput: k,
     onClick: S,
     onKeydown: F,
-    onKeyup: x,
+    onKeyup: P,
     onMousedown: M,
     onTextBoxValueChange: O,
     readonly: h,
@@ -830,24 +830,24 @@ function Ge(e, t, n, o) {
   }), () => B("input", {
     ref: a,
     name: "input-group-value",
-    autocomplete: s.value,
+    autocomplete: l.value,
     class: w.value,
     disabled: r == null ? void 0 : r.value,
     maxlength: i.value,
-    minlength: c.value,
+    minlength: s.value,
     placeholder: C.value,
     readonly: h == null ? void 0 : h.value,
-    tabindex: l.value,
-    title: m.value && !d.value ? V.value : "",
+    tabindex: u.value,
+    title: d.value && !m.value ? V.value : "",
     type: y.value,
-    value: u == null ? void 0 : u.value,
+    value: c == null ? void 0 : c.value,
     onBlur: f,
     onClick: S,
     onChange: O,
     onFocus: T,
     onInput: k,
     onKeydown: F,
-    onKeyup: x,
+    onKeyup: P,
     onMousedown: M
   }, null);
 }
@@ -869,20 +869,20 @@ function Ue(e, t) {
 }
 function J(e, t, n, o, a) {
   const {
-    appendedButtonClass: s,
-    appendedContent: m
-  } = n, d = g(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), c = g(() => m.value && !t.slots.groupTextTemplate), i = g(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: l,
+    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: u,
+    onClearValue: c,
     shouldShowClearButton: y
   } = o;
   function f() {
     return B("span", {
       id: "clearIcon",
-      class: l.value,
+      class: u.value,
       style: r.value,
-      onClick: (C) => u(C)
+      onClick: (C) => c(C)
     }, [B("i", {
       class: "f-icon modal_close"
     }, null)]);
@@ -894,17 +894,17 @@ function J(e, t, n, o, a) {
     t.emit("iconMouseLeave", C);
   }
   function S(C) {
-    d.value && t.emit("clickHandle", {
+    m.value && t.emit("clickHandle", {
       originalEvent: C
     }), C.stopPropagation();
   }
   const F = e.type === "password" ? a.onClickAppendedButton : S;
-  function x() {
+  function P() {
     return B("span", {
       class: "input-group-text",
       onMouseenter: (C) => T(C),
       onMouseleave: (C) => k(C),
-      innerHTML: m.value,
+      innerHTML: d.value,
       onClick: (C) => F(C)
     }, null);
   }
@@ -912,11 +912,11 @@ function J(e, t, n, o, a) {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
   function O() {
-    return c.value ? x : i.value ? M : "";
+    return s.value ? P : i.value ? M : "";
   }
   const h = O();
   return () => B("div", {
-    class: s.value
+    class: l.value
   }, [y.value && f(), h && h()]);
 }
 const I = /* @__PURE__ */ Q({
@@ -925,15 +925,15 @@ const I = /* @__PURE__ */ Q({
   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: s,
-      inputType: m,
-      inputGroupStyle: d
-    } = a, c = Y(e), {
+      inputGroupClass: l,
+      inputType: d,
+      inputGroupStyle: m
+    } = a, s = Y(e), {
       shouldShowAppendedButton: i
-    } = c, l = X(e, t, a), {
+    } = s, u = X(e, t, a), {
       onMouseEnter: r,
-      onMouseLeave: u
-    } = l, y = K(e, t, m, c), f = je(e, t), T = Ge(e, t, y, a), k = J(e, t, c, l, y), S = Ue(e, t), F = g(() => e.type === "number");
+      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]) => {
@@ -941,14 +941,14 @@ const I = /* @__PURE__ */ Q({
     }), L(() => {
       e.value && (n.value = e.value, o.value = e.value);
     });
-    const x = () => B(W, null, [B("div", {
+    const P = () => B(W, null, [B("div", {
       id: "inputGroup",
-      class: s.value,
-      style: d.value,
+      class: l.value,
+      style: m.value,
       onMouseenter: r,
-      onMouseleave: u
+      onMouseleave: c
     }, [F.value ? f() : B(W, null, [S(), T(), i.value && k()])])]);
-    return () => x();
+    return () => P();
   }
 });
 function He(e, t) {
@@ -957,43 +957,44 @@ function He(e, t) {
   function a(r) {
     return !1;
   }
-  function s() {
+  function l() {
     return !1;
   }
-  function m() {
+  function d() {
     return !1;
   }
-  function d() {
+  function m() {
     return !0;
   }
-  function c(r) {
+  function s(r) {
   }
   function i() {
   }
-  function l(r) {
+  function u(r) {
     return null;
   }
   return {
     canAccepts: a,
-    checkCanDeleteComponent: s,
-    checkCanMoveComponent: m,
-    hideNestedPaddingInDesginerView: d,
-    onAcceptMovedChildElement: c,
+    checkCanDeleteComponent: l,
+    checkCanMoveComponent: d,
+    hideNestedPaddingInDesginerView: m,
+    onAcceptMovedChildElement: s,
     resolveComponentContext: i,
     triggerBelongedComponentToMoveWhenMoved: n,
     triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: l
+    getPropsConfig: u
   };
 }
 class ee {
   static getEditorTypesByMDataType(t) {
-    return this.fieldControlTypeMapping[t];
+    const n = this.fieldControlTypeMapping[t];
+    return n || [{ key: "", value: "" }];
   }
 }
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-A(ee, "fieldControlTypeMapping", {
+x(ee, "fieldControlTypeMapping", {
   String: [
     { key: p["input-group"].type, value: p["input-group"].name },
     { key: p.lookup.type, value: p.lookup.name },
@@ -1050,22 +1051,27 @@ A(ee, "fieldControlTypeMapping", {
 });
 class $e {
   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, "metadataService", null);
-    A(this, "propertyConfig", {
+    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.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;
@@ -1080,6 +1086,7 @@ class $e {
   changeFieldEditorType(t, n) {
   }
   getBasicPropConfig(t) {
+    var o, a;
     var n = this;
     return this.setDesignViewModelField(t), {
       description: "Basic Information",
@@ -1101,7 +1108,8 @@ class $e {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: ee.getEditorTypesByMDataType(n.designViewModelField.type.name)
+            data: ee.getEditorTypesByMDataType(((a = (o = n.designViewModelField) == null ? void 0 : o.type) == null ? void 0 : a.name) || ""),
+            editable: !1
           }
         },
         label: {
@@ -1110,11 +1118,11 @@ class $e {
           $converter: "/converter/form-group-label.converter"
         }
       },
-      setPropertyRelates(o, a) {
-        if (o)
-          switch (o && o.propertyID) {
+      setPropertyRelates(l, d) {
+        if (l)
+          switch (l && l.propertyID) {
             case "type": {
-              n.changeControlType(t, o);
+              n.changeControlType(t, l);
               break;
             }
           }
@@ -1127,13 +1135,13 @@ class $e {
   * @param newControlType 新控件类型
   */
   changeControlType(t, n) {
-    var i, l, r, u, y;
+    var i, u, r, c, y;
     const o = n.propertyValue, a = this.formSchemaUtils.getComponentById(this.componentId);
-    let s = this.getControlParentContainer(t.id, a);
-    if (!s)
+    let l = this.getControlParentContainer(t.id, a);
+    if (!l)
       return;
-    const m = s.contents.findIndex((f) => f.id === t.id), d = s.contents[m];
-    let c;
+    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
@@ -1141,20 +1149,20 @@ class $e {
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), c = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(c, {
-      id: d.id,
-      appearance: d.appearance,
-      size: d.size,
-      label: d.label
-    }), Object.assign(c.editor, {
-      isTextArea: c.isTextArea && d.isTextArea,
+    }, !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 = d.editor) == null ? void 0 : i.placeHolder,
-      holdPlace: (l = d.editor) == null ? void 0 : l.holdPlace,
-      readonly: (r = d.editor) == null ? void 0 : r.readonly,
-      require: (u = d.editor) == null ? void 0 : u.require,
-      visible: (y = d.editor) == null ? void 0 : y.visible
-    }), s.contents.splice(m, 1, c);
+      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) {
     return {
@@ -1202,27 +1210,6 @@ class $e {
         return o;
     }
   }
-  getBindingFieldEditorOptions(t) {
-    const n = this.formSchemaUtils.getFormMetadataBasicInfo();
-    return {
-      type: "field-selector",
-      bindingType: { enable: !1 },
-      editorParams: {
-        propertyData: t,
-        formBasicInfo: n
-      },
-      columns: [
-        { field: "name", title: "字段名称" },
-        { field: "bindingField", title: "绑定字段" },
-        { field: "fieldType", title: "字段类型" }
-      ],
-      beforeOpenDialog: (o) => {
-        const a = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        o.instance.loadData(a);
-      },
-      textField: "bindingField"
-    };
-  }
 }
 class ze extends $e {
   constructor(t, n) {
@@ -1259,17 +1246,21 @@ class ze extends $e {
           { field: "bindingField", title: "绑定字段" },
           { field: "fieldType", title: "字段类型" }
         ],
+        textField: "bindingField",
         data: o
       }
     };
   }
+  getBindingOtions(t) {
+    return this.getFieldSelectorOptions(t);
+  }
   getComponentConfig(t, n = {}, o = {}) {
     const a = Object.assign({
       description: "组件信息",
       title: "组件信息",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), s = Object.assign({
+    }, n), l = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1291,7 +1282,7 @@ class ze extends $e {
         type: "string"
       }
     }, o);
-    return { ...a, properties: { ...s } };
+    return { ...a, properties: { ...l } };
   }
 }
 class We extends ze {
@@ -1304,23 +1295,23 @@ function qe(e, t) {
     canAccepts: n,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: d,
-    triggerBelongedComponentToMoveWhenMoved: c,
+    hideNestedPaddingInDesginerView: l,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: m,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = He(e), l = e.schema;
-  function r(u) {
-    return new We(u, t).getPropertyConfig(l);
+  } = He(e), u = e.schema;
+  function r(c) {
+    return new We(c, t).getPropertyConfig(u);
   }
   return {
     canAccepts: n,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: d,
-    triggerBelongedComponentToMoveWhenMoved: c,
+    hideNestedPaddingInDesginerView: l,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: m,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: i,
     getPropsConfig: r
   };
@@ -1331,17 +1322,17 @@ function Qe(e, t, n) {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
   o();
-  const a = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", m = b();
-  function d() {
+  const a = n && n.getStyles && n.getStyles() || "", l = n && n.getDesignerClass && n.getDesignerClass() || "", d = b();
+  function m() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
-  function c() {
+  function s() {
     return !1;
   }
   function i() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function l() {
+  function u() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
   function r(h) {
@@ -1352,9 +1343,9 @@ function Qe(e, t, n) {
     const C = b(h == null ? void 0 : h.value.parent), w = r(C);
     return w || null;
   }
-  function u(h = t) {
+  function c(h = t) {
     const { componentInstance: C, designerItemElementRef: w } = h;
-    return !C || !C.value ? null : C.value.canMove ? w : u(h.parent);
+    return !C || !C.value ? null : C.value.canMove ? w : c(h.parent);
   }
   function y(h) {
     return !!n && n.canAccepts(h);
@@ -1376,43 +1367,43 @@ function Qe(e, t, n) {
   }
   function F(h, C) {
     const w = String(h.getAttribute("data-controltype")), V = h.getAttribute("data-feature"), N = V ? JSON.parse(V) : {};
-    N.parentComponentInstance = m.value;
+    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 x(h) {
+  function P(h) {
   }
   function M(...h) {
     if (n && n.getPropsConfig)
       return n.getPropsConfig(...h);
   }
-  return m.value = {
-    canMove: d(),
-    canSelectParent: c(),
+  return d.value = {
+    canMove: m(),
+    canSelectParent: s(),
     canDelete: i(),
-    canNested: !l(),
+    canNested: !u(),
     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: s,
+    designerClass: l,
     canAccepts: y,
     getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: u,
+    getDraggableDesignItemElement: c,
     getDraggingDisplayText: f,
     getPropConfig: M,
     getDragScopeElement: T,
     onAcceptMovedChildElement: k,
     onAcceptNewChildElement: F,
-    onChildElementMovedOut: x,
+    onChildElementMovedOut: P,
     addNewChildComponentSchema: S,
     updateDragAndDropRules: o,
     triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || b(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || b(!1)
-  }, m;
+  }, d;
 }
 const Re = /* @__PURE__ */ Q({
   name: "FInputGroupDesign",
@@ -1420,32 +1411,32 @@ const Re = /* @__PURE__ */ Q({
   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: s,
-      inputType: m,
-      inputGroupStyle: d
-    } = a, c = Y(e), {
+      inputGroupClass: l,
+      inputType: d,
+      inputGroupStyle: m
+    } = a, s = Y(e), {
       shouldShowAppendedButton: i
-    } = c, l = X(e, t, a), {
+    } = s, u = X(e, t, a), {
       onMouseEnter: r,
-      onMouseLeave: u
-    } = l, y = K(e, t, m, c), f = b(), T = q("designer-host-service"), k = q("design-item-context"), S = qe(k, T), F = Qe(f, k, S);
+      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 x = J(e, t, c, l, y), M = b();
+    const P = J(e, t, s, u, y), M = b();
     return () => B("div", {
       id: "inputGroup",
       ref: f,
-      class: s.value,
-      style: d.value,
+      class: l.value,
+      style: m.value,
       onMouseenter: r,
-      onMouseleave: u
+      onMouseleave: c
     }, [B("input", {
       ref: M,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), i.value && x()]);
+    }, null), i.value && P()]);
   }
 });
 I.register = (e, t, n, o) => {