@farris/ui-vue 1.3.1 → 1.3.3

package/components/number-spinner/index.esm.js

@@ -1,64 +1,69 @@
 var ee = Object.defineProperty;
 var te = (e, n, t) => n in e ? ee(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var v = (e, n, t) => te(e, typeof n != "symbol" ? n + "" : n, t);
-import { computed as F, ref as B, createVNode as E, onMounted as x, nextTick as j, defineComponent as q, watch as L, inject as W } from "vue";
-import { isPlainObject as G, cloneDeep as z } from "lodash-es";
+import { computed as B, ref as T, createVNode as E, onMounted as O, nextTick as j, defineComponent as $, watch as A, inject as G } from "vue";
+import { isPlainObject as q, cloneDeep as z } from "lodash-es";
 import N from "bignumber.js";
-import { DgControl as $ } from "../designer-canvas/index.esm.js";
+import { DgControl as W } from "../designer-canvas/index.esm.js";
+import { withInstall as ne } from "../common/index.esm.js";
 const Z = {}, X = {};
-function O(e) {
-  const { properties: n, title: t, ignore: r } = e, i = r && Array.isArray(r), s = Object.keys(n).reduce((u, p) => ((!i || !r.find((d) => d == p)) && (u[p] = n[p].type === "object" && n[p].properties ? O(n[p]) : z(n[p].default)), u), {});
-  return t && (!i || !r.find((u) => u == "id")) && (s.id = `${t}-${Date.now()}`), s;
+function x(e) {
+  const { properties: n, title: t, ignore: r } = e, i = r && Array.isArray(r), s = Object.keys(n).reduce((c, d) => ((!i || !r.find((m) => m === d)) && (c[d] = n[d].type === "object" && n[d].properties ? x(n[d]) : z(n[d].default)), c), {});
+  if (t && (!i || !r.find((c) => c === "id"))) {
+    const c = t.toLowerCase().replace(/-/g, "_");
+    s.id = `${c}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return s;
 }
-function J(e, n = {}, t) {
+function Q(e, n = {}, t) {
   const r = Z[e];
   if (r) {
-    let i = O(r);
+    let i = x(r);
     const s = X[e];
-    return i = s ? s({ getSchemaByType: J }, i, n, t) : i, i;
+    return i = s ? s({ getSchemaByType: Q }, i, n, t) : i, i;
   }
   return null;
 }
-function ne(e, n) {
-  const t = O(n);
-  return Object.keys(e).reduce((r, i) => (r[i] && G(r[i]) && G(e[i]) ? Object.assign(r[i], e[i]) : r[i] = e[i], r), t), t;
-}
 function oe(e, n) {
+  const t = x(n);
+  return Object.keys(t).reduce((r, i) => (r[i] && q(r[i]) && q(e[i] || !e[i]) ? Object.assign(r[i], e[i] || {}) : r[i] = e[i], r), t), t;
+}
+function re(e, n) {
   return Object.keys(e).filter((r) => e[r] != null).reduce((r, i) => {
     if (n.has(i)) {
       const s = n.get(i);
       if (typeof s == "string")
         r[s] = e[i];
       else {
-        const u = s(i, e[i], e);
-        Object.assign(r, u);
+        const c = s(i, e[i], e);
+        Object.assign(r, c);
       }
     } else
       r[i] = e[i];
     return r;
   }, {});
 }
-function re(e, n, t = /* @__PURE__ */ new Map()) {
-  const r = ne(e, n);
-  return oe(r, t);
+function ie(e, n, t = /* @__PURE__ */ new Map()) {
+  const r = oe(e, n);
+  return re(r, t);
 }
-function ie(e = {}) {
-  function n(a, l, o, c) {
+function ae(e = {}) {
+  function n(a, l, o, u) {
     if (typeof o == "number")
-      return c[a].length === o;
+      return u[a].length === o;
     if (typeof o == "object") {
-      const f = Object.keys(o)[0], m = o[f];
+      const f = Object.keys(o)[0], p = o[f];
       if (f === "not")
-        return Number(c[a].length) !== Number(m);
+        return Number(u[a].length) !== Number(p);
       if (f === "moreThan")
-        return Number(c[a].length) >= Number(m);
+        return Number(u[a].length) >= Number(p);
       if (f === "lessThan")
-        return Number(c[a].length) <= Number(m);
+        return Number(u[a].length) <= Number(p);
     }
     return !1;
   }
-  function t(a, l, o, c) {
-    return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(o);
+  function t(a, l, o, u) {
+    return u[a] && u[a].propertyValue && String(u[a].propertyValue.value) === String(o);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", n],
@@ -67,34 +72,34 @@ function ie(e = {}) {
   Object.keys(e).reduce((a, l) => (a.set(l, e[l]), a), r);
   function i(a, l) {
     const o = a;
-    return typeof l == "number" ? [{ target: o, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: o, operator: "getProperty", param: a, value: !!l }] : typeof l == "object" ? Object.keys(l).map((c) => {
-      if (c === "length")
-        return { target: o, operator: "length", param: null, value: l[c] };
-      const f = c, m = l[c];
-      return { target: o, operator: "getProperty", param: f, value: m };
+    return typeof l == "number" ? [{ target: o, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: o, operator: "getProperty", param: a, value: !!l }] : typeof l == "object" ? Object.keys(l).map((u) => {
+      if (u === "length")
+        return { target: o, operator: "length", param: null, value: l[u] };
+      const f = u, p = l[u];
+      return { target: o, operator: "getProperty", param: f, value: p };
     }) : [];
   }
   function s(a) {
-    return Object.keys(a).reduce((o, c) => {
-      const f = i(c, a[c]);
+    return Object.keys(a).reduce((o, u) => {
+      const f = i(u, a[u]);
       return o.push(...f), o;
     }, []);
   }
-  function u(a, l) {
+  function c(a, l) {
     if (r.has(a.operator)) {
       const o = r.get(a.operator);
       return o && o(a.target, a.param, a.value, l) || !1;
     }
     return !1;
   }
-  function p(a, l) {
-    return s(a).reduce((f, m) => f && u(m, l), !0);
-  }
   function d(a, l) {
-    const o = Object.keys(a), c = o.includes("allOf"), f = o.includes("anyOf"), m = c || f, w = (m ? a[m ? c ? "allOf" : "anyOf" : "allOf"] : [a]).map((T) => p(T, l));
-    return c ? !w.includes(!1) : w.includes(!0);
+    return s(a).reduce((f, p) => f && c(p, l), !0);
+  }
+  function m(a, l) {
+    const o = Object.keys(a), u = o.includes("allOf"), f = o.includes("anyOf"), p = u || f, S = (p ? a[p ? u ? "allOf" : "anyOf" : "allOf"] : [a]).map((V) => d(V, l));
+    return u ? !S.includes(!1) : S.includes(!0);
   }
-  return { parseValueSchema: d };
+  return { parseValueSchema: m };
 }
 const y = {
   button: { type: "button", name: "按钮", icon: "Button" },
@@ -134,21 +139,22 @@ const y = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, ae = {}, le = {};
-ie();
-function se(e, n, t = /* @__PURE__ */ new Map(), r = (u, p, d) => p, i = {}, s = (u) => u) {
-  return Z[n.title] = n, X[n.title] = r, ae[n.title] = i, le[n.title] = s, (u = {}) => {
-    const p = re(u, n, t), d = Object.keys(e).reduce((a, l) => (a[l] = e[l].default, a), {});
-    return Object.assign(d, p);
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
+}, le = {}, se = {};
+ae();
+function ce(e, n, t = /* @__PURE__ */ new Map(), r = (c, d, m, a) => d, i = {}, s = (c) => c) {
+  return Z[n.title] = n, X[n.title] = r, le[n.title] = i, se[n.title] = s, (c = {}) => {
+    const d = ie(c, n, t), m = Object.keys(e).reduce((a, l) => (a[l] = e[l].default, a), {});
+    return Object.assign(m, d);
   };
 }
-function ce(e, n) {
+function ue(e, n) {
   return { customClass: n.class, customStyle: n.style };
 }
-const ue = /* @__PURE__ */ new Map([
-  ["appearance", ce]
-]), pe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/number-spinner.schema.json", me = "number-spinner", fe = "A Farris Input Component", ye = "object", ge = {
+const pe = /* @__PURE__ */ new Map([
+  ["appearance", ue]
+]), de = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-design.gitee.io/number-spinner.schema.json", fe = "number-spinner", ye = "A Farris Input Component", ge = "object", he = {
   id: {
     description: "The unique identifier for a number spinner",
     type: "string"
@@ -181,20 +187,6 @@ const ue = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
   placeholder: {
     description: "",
     type: "string",
@@ -215,6 +207,20 @@ const ue = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !1
   },
+  precision: {
+    description: "",
+    type: "number",
+    default: 0
+  },
+  min: {
+    description: "",
+    type: "number"
+  },
+  step: {
+    description: "",
+    type: "number",
+    default: 1
+  },
   tabindex: {
     description: "",
     type: "number",
@@ -249,24 +255,25 @@ const ue = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, he = [
+}, be = [
   "id",
   "type"
-], be = [
+], ve = [
   "id",
   "appearance",
-  "binding"
-], ve = {
-  $schema: pe,
-  $id: de,
-  title: me,
-  description: fe,
-  type: ye,
-  properties: ge,
-  required: he,
-  ignore: be
+  "binding",
+  "visible"
+], Ce = {
+  $schema: de,
+  $id: me,
+  title: fe,
+  description: ye,
+  type: ge,
+  properties: he,
+  required: be,
+  ignore: ve
 };
-function Ce(e, n, t) {
+function Se(e, n, t) {
   return n;
 }
 const U = {
@@ -373,84 +380,84 @@ const U = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Q = se(U, ve, ue, Ce);
-function Y(e, n, t, r) {
-  const { format: i } = t, { displayValue: s, getRealValue: u, modelValue: p, onNumberValueChanged: d } = r;
+}, H = ce(U, Ce, pe, Se);
+function J(e, n, t, r) {
+  const { format: i } = t, { displayValue: s, getRealValue: c, modelValue: d, onNumberValueChanged: m } = r;
   function a() {
-    const b = new N(p.value || 0);
+    const b = new N(d.value || 0);
     return !(e.max && !new N(e.max).isNaN() && b.gte(new N(e.max)));
   }
   function l() {
-    const b = new N(p.value || 0);
+    const b = new N(d.value || 0);
     return !(e.min && !new N(e.min).isNaN() && b.lte(new N(e.min)));
   }
   function o(b) {
     if (e.readonly || e.disabled)
       return;
-    const w = b === "up" ? a : l, S = b === "up" ? "plus" : "minus";
-    if (w()) {
-      const C = new N(p.value || 0)[S](Number(e.step)), h = C.toFixed();
-      s.value = i(h), d(u(C));
+    const S = b === "up" ? a : l, w = b === "up" ? "plus" : "minus";
+    if (S()) {
+      const C = new N(d.value || 0)[w](Number(e.step)), h = C.toFixed();
+      s.value = i(h), m(c(C));
     }
   }
-  function c() {
+  function u() {
     o("up");
   }
   function f() {
     o("down");
   }
-  function m(b) {
-    c(), b.stopPropagation();
+  function p(b) {
+    u(), b.stopPropagation();
   }
   function g(b) {
     f(), b.stopPropagation();
   }
-  return { canDownward: l, canUpward: a, downward: f, onClickDownButton: g, onClickUpButton: m, upward: c };
+  return { canDownward: l, canUpward: a, downward: f, onClickDownButton: g, onClickUpButton: p, upward: u };
 }
-function H(e, n, t) {
-  const r = F(() => ({
+function Y(e, n, t) {
+  const r = B(() => ({
     prefix: e.prefix,
     suffix: e.suffix,
     decimalSeparator: e.decimalSeparator,
     groupSeparator: e.useThousands ? e.groupSeparator : "",
     groupSize: e.groupSize
   })), { getValidNumberObject: i, precision: s } = t;
-  function u(a) {
+  function c(a) {
     return a = a == null || a === "" ? "" : String(a), a = a.replace(new RegExp(e.prefix, "g"), "").replace(new RegExp(e.suffix, "g"), "").replace(/,/g, ""), e.groupSeparator && e.groupSeparator !== "," && (a = a.replace(new RegExp(`\\${e.groupSeparator}`, "g"), "")), e.decimalSeparator && e.decimalSeparator !== "." && (a = a.replace(new RegExp(`\\${e.decimalSeparator}`, "g"), ".")), a;
   }
-  function p(a, l) {
+  function d(a, l) {
     return e.precision !== null && e.precision !== void 0 ? a.toFormat(s.value, l) : a.toFormat(l);
   }
-  function d(a) {
-    const l = u(a), o = new N(l, 10), c = i(o);
-    return c.valueOf() === "0" && !e.showZero || c.isNaN() ? "" : e.formatter ? e.formatter(c.toNumber()) : p(c, r.value);
+  function m(a) {
+    const l = c(a), o = new N(l, 10), u = i(o);
+    return u.valueOf() === "0" && !e.showZero || u.isNaN() ? "" : e.formatter ? e.formatter(u.toNumber()) : d(u, r.value);
   }
-  return { cleanFormat: u, format: d };
+  return { cleanFormat: c, format: m };
 }
 function _(e, n) {
-  const t = B(""), r = B(e.modelValue), i = F(() => Number(e.precision) || 0);
+  const t = T(""), r = T(e.modelValue), i = B(() => Number(e.precision) || 0);
   function s(l) {
     return l.toFixed(i.value);
   }
-  function u(l) {
+  function c(l) {
     return isNaN(l) || l === null || l === void 0 || l === "";
   }
-  function p(l) {
-    const o = u(e.max) ? null : new N(String(e.max), 10), c = u(e.min) ? null : new N(String(e.min), 10);
-    return o && l.gt(o) ? o : c && l.lt(c) ? c : l;
-  }
   function d(l) {
+    const o = c(e.max) ? null : new N(String(e.max), 10), u = c(e.min) ? null : new N(String(e.min), 10);
+    return o && l.gt(o) ? o : u && l.lt(u) ? u : l;
+  }
+  function m(l) {
     if (e.parser)
       return isNaN(Number(l)) ? e.parser(l) : l;
-    let o = p(new N(l, 10));
+    let o = d(new N(l, 10));
     if (o.isNaN()) {
       if (e.canNull)
         return null;
-      const f = new N("" + e.min, 10), m = new N("" + e.max, 10);
+      const f = new N("" + e.min, 10), p = new N("" + e.max, 10);
       if (!f.isNaN())
         o = f;
-      else if (!m.isNaN())
-        o = m;
+      else if (!p.isNaN())
+        o = p;
       else
         return 0;
     }
@@ -460,69 +467,69 @@ function _(e, n) {
     const o = Number(l);
     r.value = o, n.emit("update:modelValue", o), n.emit("valueChange", o), n.emit("change", o);
   }
-  return { displayValue: t, getRealValue: d, modelValue: r, isEmpty: u, onNumberValueChanged: a, precision: i, getValidNumberObject: p };
+  return { displayValue: t, getRealValue: m, modelValue: r, isEmpty: c, onNumberValueChanged: a, precision: i, getValidNumberObject: d };
 }
 function we(e, n, t, r, i) {
-  const { cleanFormat: s, format: u } = t, { displayValue: p, getRealValue: d, modelValue: a, isEmpty: l, onNumberValueChanged: o } = r, { downward: c, upward: f } = i, m = B(!1), g = F(() => p.value);
+  const { cleanFormat: s, format: c } = t, { displayValue: d, getRealValue: m, modelValue: a, isEmpty: l, onNumberValueChanged: o } = r, { downward: u, upward: f } = i, p = T(!1), g = B(() => d.value);
   function b(C) {
     var M;
-    if (C.stopPropagation(), m.value = !1, e.readonly || e.disabled)
+    if (C.stopPropagation(), p.value = !1, e.readonly || e.disabled)
       return;
     let h = (M = C.target) == null ? void 0 : M.value;
     e.canNull || (h = h || 0);
     const k = s(h);
-    p.value = u(k), o(d(k)), n.emit("blur", { event: C, formatted: p.value, value: a.value });
-  }
-  function w(C) {
-    C.stopPropagation(), m.value = !0, !(e.readonly || e.disabled) && (p.value = l(a.value) || !e.showZero && a.value === "0" ? "" : String(a.value), n.emit("focus", { event: C, formatted: p.value, value: a.value }));
+    d.value = c(k), o(m(k)), n.emit("blur", { event: C, formatted: d.value, value: a.value });
   }
   function S(C) {
+    C.stopPropagation(), p.value = !0, !(e.readonly || e.disabled) && (d.value = l(a.value) || !e.showZero && a.value === "0" ? "" : String(a.value), n.emit("focus", { event: C, formatted: d.value, value: a.value }));
+  }
+  function w(C) {
     var M;
     C.stopPropagation();
     let h = (M = C.target) == null ? void 0 : M.value;
     e.canNull || (h = h || 0);
     const k = s(h);
-    p.value = k, o(d(k));
+    d.value = k, o(m(k));
   }
-  function T(C) {
-    C.key === "ArrowDown" && (C.preventDefault(), c()), C.key === "ArrowUp" && (C.preventDefault(), f()), C.stopPropagation();
+  function V(C) {
+    C.key === "ArrowDown" && (C.preventDefault(), u()), C.key === "ArrowUp" && (C.preventDefault(), f()), C.stopPropagation();
   }
-  return { textBoxValue: g, onBlurTextBox: b, onFocusTextBox: w, onInput: S, onKeyDown: T, isFocus: m };
+  return { textBoxValue: g, onBlurTextBox: b, onFocusTextBox: S, onInput: w, onKeyDown: V, isFocus: p };
 }
-function K(e, n, t) {
+function R(e, n, t) {
   const {
     canDownward: r,
     canUpward: i,
     onClickDownButton: s,
-    onClickUpButton: u
-  } = t, p = F(() => ({
+    onClickUpButton: c
+  } = t, d = B(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), d = F(() => ({
+  })), m = B(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), a = F(() => ({
+  })), a = B(() => ({
     cursor: i() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), l = F(() => ({
+  })), l = B(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
   return () => E("div", {
-    class: p.value
+    class: d.value
   }, [E("button", {
     title: "upButton",
-    class: d.value,
+    class: m.value,
     style: a.value,
-    onClick: u,
+    onClick: c,
     disabled: !i()
   }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), E("button", {
     title: "downButton",
-    class: d.value,
+    class: m.value,
     style: l.value,
     onClick: s,
     disabled: !r()
@@ -530,156 +537,161 @@ function K(e, n, t) {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function Se(e, n, t) {
-  const r = B(), {
+function ke(e, n, t) {
+  const r = T(), {
     onBlurTextBox: i,
     onFocusTextBox: s,
-    onInput: u,
-    onKeyDown: p,
-    textBoxValue: d
-  } = t, a = F(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), l = F(() => ({
+    onInput: c,
+    onKeyDown: d,
+    textBoxValue: m
+  } = t, a = B(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), l = B(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), o = F(() => ({
+  })), o = B(() => ({
     "text-align": e.textAlign
   }));
-  function c(g) {
+  function u(g) {
     g.stopPropagation();
   }
   function f() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function m(g) {
+  async function p(g) {
     s(g), await j, f();
   }
-  return x(async () => {
+  return O(async () => {
     await j, f();
   }), () => E("input", {
     ref: r,
     class: l.value,
     style: o.value,
     type: "text",
-    value: d.value,
+    value: m.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: a.value,
     onBlur: i,
-    onChange: c,
-    onFocus: m,
-    onInput: u,
-    onKeydown: p
+    onChange: u,
+    onFocus: p,
+    onInput: c,
+    onKeydown: d
   }, null);
 }
-const P = /* @__PURE__ */ q({
+const D = /* @__PURE__ */ $({
   name: "FNumberSpinner",
   props: U,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    const t = _(e, n), r = H(e, n, t), i = Y(e, n, r, t), s = we(e, n, r, t, i), u = K(e, n, i), {
-      displayValue: p,
-      modelValue: d,
+    const t = _(e, n), r = Y(e, n, t), i = J(e, n, r, t), s = we(e, n, r, t, i), c = R(e, n, i), {
+      displayValue: d,
+      modelValue: m,
       getRealValue: a
-    } = t, l = Se(e, n, s), {
+    } = t, l = ke(e, n, s), {
       format: o
     } = r, {
-      isFocus: c
-    } = s, f = F(() => !e.disabled && !e.readonly && e.showButton);
-    return x(() => {
-      const m = a(e.modelValue);
-      p.value = o(m);
-    }), L(() => [e.value], ([m]) => {
-      const g = a(m);
-      d.value = g, p.value = o(g);
-    }), L(() => [e.modelValue], ([m]) => {
-      m !== d.value && (d.value = m, !c.value && (p.value = o(a(m))));
-    }), L(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      p.value = o(d.value);
+      isFocus: u
+    } = s, f = B(() => !e.disabled && !e.readonly && e.showButton);
+    return O(() => {
+      const p = a(e.modelValue);
+      d.value = o(p);
+    }), A(() => [e.value], ([p]) => {
+      const g = a(p);
+      m.value = g, d.value = o(g);
+    }), A(() => [e.modelValue], ([p]) => {
+      p !== m.value && (m.value = p, !u.value && (d.value = o(a(p))));
+    }), A(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+      d.value = o(m.value);
     }), () => E("div", {
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-    }, [l(), f.value && u()]);
+    }, [l(), f.value && c()]);
   }
 });
-function ke(e, n, t) {
+function Me(e, n, t) {
   var C;
-  function r() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  r();
-  const i = t && t.getStyles && t.getStyles() || "", s = t && t.getDesignerClass && t.getDesignerClass() || "", u = B();
-  function p() {
+  const r = t && t.getStyles && t.getStyles() || "", i = t && t.getDesignerClass && t.getDesignerClass() || "", s = T();
+  function c() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
   function d() {
     return !1;
   }
-  function a() {
+  function m() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function l() {
+  function a() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function o(h) {
+  function l(h) {
     if (!h || !h.value)
       return null;
     if (h.value.schema && h.value.schema.type === "component")
       return h.value;
-    const k = B(h == null ? void 0 : h.value.parent), M = o(k);
+    const k = T(h == null ? void 0 : h.value.parent), M = l(k);
     return M || null;
   }
-  function c(h = n) {
+  function o(h = n) {
     const { componentInstance: k, designerItemElementRef: M } = h;
-    return !k || !k.value ? null : k.value.canMove ? M : c(h.parent);
+    return !k || !k.value ? null : k.value.canMove ? M : o(h.parent);
   }
-  function f(h) {
+  function u(h) {
     return !!t && t.canAccepts(h);
   }
-  function m() {
+  function f() {
     return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
   }
-  function g() {
+  function p() {
   }
-  function b(h, k) {
+  function g(h, k) {
     k && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(k);
   }
-  function w(h, k) {
+  function b(h, k) {
     const { componentType: M } = h;
-    let V = J(M, h, k);
-    t && t.onResolveNewComponentSchema && (V = t.onResolveNewComponentSchema(h, V));
-    const A = M.toLowerCase().replace("-", "_");
-    return V && !V.id && V.type === M && (V.id = `${A}_${Math.random().toString().slice(2, 6)}`), V;
+    let F = Q(M, h, k);
+    t && t.onResolveNewComponentSchema && (F = t.onResolveNewComponentSchema(h, F));
+    const L = M.toLowerCase().replace(/-/g, "_");
+    return F && !F.id && F.type === M && (F.id = `${L}_${Math.random().toString().slice(2, 6)}`), F;
   }
   function S(h) {
   }
-  function T(...h) {
+  function w(...h) {
     if (t && t.getPropsConfig)
       return t.getPropsConfig(...h);
   }
-  return u.value = {
-    canMove: p(),
+  function V() {
+    t && t.onRemoveComponent && t.onRemoveComponent(), n != null && n.schema.contents && n.schema.contents.map((h) => {
+      var F;
+      let k = h.id;
+      h.type === "component-ref" && (k = h.component);
+      const M = e.value.querySelector(`#${k}-design-item`);
+      (F = M == null ? void 0 : M.componentInstance) != null && F.value.onRemoveComponent && M.componentInstance.value.onRemoveComponent();
+    });
+  }
+  return s.value = {
+    canMove: c(),
     canSelectParent: d(),
-    canDelete: a(),
-    canNested: !l(),
+    canDelete: m(),
+    canNested: !a(),
     contents: n == null ? void 0 : n.schema.contents,
     elementRef: e,
     parent: (C = n == null ? void 0 : n.parent) == null ? void 0 : C.componentInstance,
     schema: n == null ? void 0 : n.schema,
-    styles: i,
-    designerClass: s,
-    canAccepts: f,
-    getBelongedComponentInstance: o,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: m,
-    getPropConfig: T,
-    getDragScopeElement: g,
-    onAcceptMovedChildElement: b,
+    styles: r,
+    designerClass: i,
+    canAccepts: u,
+    getBelongedComponentInstance: l,
+    getDraggableDesignItemElement: o,
+    getDraggingDisplayText: f,
+    getPropConfig: w,
+    getDragScopeElement: p,
+    onAcceptMovedChildElement: g,
     onChildElementMovedOut: S,
-    addNewChildComponentSchema: w,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || B(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || B(!1)
-  }, u;
+    addNewChildComponentSchema: b,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || T(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || T(!1),
+    onRemoveComponent: V
+  }, s;
 }
-class Me {
+class Ne {
   constructor(n, t) {
     v(this, "componentId");
     v(this, "viewModelId");
@@ -704,13 +716,14 @@ class Me {
     return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(n) {
+    var r;
     const t = n.binding && n.binding.type === "Form" && n.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((i) => i.id === t);
+        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = i.fields.find((s) => s.id === t);
       }
-      n.updateOn = this.designViewModelField.updateOn;
+      n.updateOn = (r = this.designViewModelField) == null ? void 0 : r.updateOn;
     }
   }
   changeFieldEditorType(n, t) {
@@ -770,16 +783,16 @@ class Me {
     const r = t && t.parent && t.parent.schema;
     if (!r)
       return;
-    const i = r.contents.findIndex((u) => u.id === n), s = z(r.contents[i]);
+    const i = r.contents.findIndex((c) => c.id === n), s = z(r.contents[i]);
     r.contents.splice(i, 1), r.contents.splice(i, 0, s);
   }
 }
-const D = class D {
+const P = class P {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(n) {
-    const t = D.fieldControlTypeMapping[n];
+    const t = P.fieldControlTypeMapping[n];
     return t || [{ key: "", value: "" }];
   }
   /**
@@ -787,8 +800,8 @@ const D = class D {
    */
   static getAllInputTypes() {
     const n = [];
-    for (let t in D.fieldControlTypeMapping)
-      D.fieldControlTypeMapping[t].forEach((r) => {
+    for (const t in P.fieldControlTypeMapping)
+      P.fieldControlTypeMapping[t].forEach((r) => {
         n.find((i) => i.key === r.key && i.value === r.value) || n.push({ key: r.key, value: r.value });
       });
     return n;
@@ -797,7 +810,7 @@ const D = class D {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-v(D, "fieldControlTypeMapping", {
+v(P, "fieldControlTypeMapping", {
   String: [
     { key: y["input-group"].type, value: y["input-group"].name },
     { key: y.lookup.type, value: y.lookup.name },
@@ -844,8 +857,8 @@ v(D, "fieldControlTypeMapping", {
     { key: y["radio-group"].type, value: y["radio-group"].name }
   ]
 });
-let I = D;
-const Ne = B(0);
+let I = P;
+const Fe = T(0);
 class Be {
   constructor() {
     /** 控件标题 */
@@ -876,47 +889,47 @@ class Be {
     v(this, "fieldSetId", "");
   }
 }
-function Fe(e) {
+function Te(e) {
   let n, t;
   const r = /* @__PURE__ */ new Map();
   let i = [];
   function s(l, o) {
-    const f = l.split(" ").filter((S) => S.startsWith("col-"));
+    const f = l.split(" ").filter((w) => w.startsWith("col-"));
     if (f.length === 0) {
       o.isSupportedClass = !1;
       return;
     }
-    let m = f.find((S) => /^col-([1-9]|10|11|12)$/.test(S)), g = f.find((S) => /^col-md-([1-9]|10|11|12)$/.test(S)), b = f.find((S) => /^col-xl-([1-9]|10|11|12)$/.test(S)), w = f.find((S) => /^col-el-([1-9]|10|11|12)$/.test(S));
-    m = m || "col-12", o.columnInSM = parseInt(m.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), g = g || "col-md-" + o.columnInSM, o.columnInMD = parseInt(g.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), b = b || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(b.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), w = w || "col-el-" + o.columnInLG, o.columnInEL = parseInt(w.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
+    let p = f.find((w) => /^col-([1-9]|10|11|12)$/.test(w)), g = f.find((w) => /^col-md-([1-9]|10|11|12)$/.test(w)), b = f.find((w) => /^col-xl-([1-9]|10|11|12)$/.test(w)), S = f.find((w) => /^col-el-([1-9]|10|11|12)$/.test(w));
+    p = p || "col-12", o.columnInSM = parseInt(p.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), g = g || "col-md-" + o.columnInSM, o.columnInMD = parseInt(g.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), b = b || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(b.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), S = S || "col-el-" + o.columnInLG, o.columnInEL = parseInt(S.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
   }
-  function u(l, o, c, f = !1) {
-    let m = !1;
+  function c(l, o, u, f = !1) {
+    let p = !1;
     l.contents.forEach((g) => {
       if (g.type === "fieldset") {
-        c += 1, u(g, o, c, !0), m = !0;
+        u += 1, c(g, o, u, !0), p = !0;
         return;
       }
-      m && (c += 1, m = !1);
-      const b = g.appearance && g.appearance.class, w = new Be();
-      b ? s(b, w) : w.isSupportedClass = !1, w.label = g.label || g.id, w.id = g.id, w.group = c, f && (w.fieldSetId = l.id), t === g.id && (n = c), r.set(g.id, g), o.push(w);
+      p && (u += 1, p = !1);
+      const b = g.appearance && g.appearance.class, S = new Be();
+      b ? s(b, S) : S.isSupportedClass = !1, S.label = g.label || g.id, S.id = g.id, S.group = u, f && (S.fieldSetId = l.id), t === g.id && (n = u), r.set(g.id, g), o.push(S);
     });
   }
-  function p(l) {
+  function d(l) {
     const o = e.getComponentById(l);
     if (!o || !o.componentType || !o.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const c = e.selectNode(o, (f) => f.type === $["response-form"].type);
-    return !c || !c.contents || c.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: c };
+    const u = e.selectNode(o, (f) => f.type === W["response-form"].type);
+    return !u || !u.contents || u.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: u };
   }
-  function d(l, o) {
+  function m(l, o) {
     o = o || l.id;
-    const { result: c, message: f, formNode: m } = p(o);
-    if (!c)
-      return { result: c, message: f };
+    const { result: u, message: f, formNode: p } = d(o);
+    if (!u)
+      return { result: u, message: f };
     t = l.id, i = [], r.clear();
-    const g = m.contents[0].type === $.fieldset.type ? 0 : 1;
-    u(m, i, g);
-    const b = i.find((S) => !S.isSupportedClass);
+    const g = p.contents[0].type === W.fieldset.type ? 0 : 1;
+    c(p, i, g);
+    const b = i.find((w) => !w.isSupportedClass);
     return {
       defaultState: {
         defaultGroupNumber: n || 1,
@@ -927,46 +940,44 @@ function Fe(e) {
   }
   function a(l, o) {
     o = o;
-    const { result: c, formNode: f } = p(o);
-    if (!c)
+    const { result: u, formNode: f } = d(o);
+    if (!u)
       return "";
-    const m = [];
+    const p = [];
     return l.forEach((g) => {
-      var S;
-      const b = r.get(g.id), w = b.appearance && b.appearance.class;
-      if (w) {
-        const C = w.split(" ").filter((R) => !R.startsWith("col-")), h = "col-" + g.columnInSM, k = "col-md-" + g.columnInMD, M = "col-xl-" + g.columnInLG, V = "col-el-" + g.columnInEL, A = [h, k, M, V].concat(C);
-        b.appearance.class = A.join(" ");
+      var w;
+      const b = r.get(g.id), S = b.appearance && b.appearance.class;
+      if (S) {
+        const C = S.split(" ").filter((K) => !K.startsWith("col-")), h = "col-" + g.columnInSM, k = "col-md-" + g.columnInMD, M = "col-xl-" + g.columnInLG, F = "col-el-" + g.columnInEL, L = [h, k, M, F].concat(C);
+        b.appearance.class = L.join(" ");
       }
       if (g.fieldSetId) {
-        const T = f.contents.find((h) => h.id === g.fieldSetId), C = m.find((h) => h.id === g.fieldSetId);
-        C ? (S = C.contents) == null || S.push(b) : (m.push(T), T.contents = [b]);
+        const V = f.contents.find((h) => h.id === g.fieldSetId), C = p.find((h) => h.id === g.fieldSetId);
+        C ? (w = C.contents) == null || w.push(b) : (p.push(V), V.contents = [b]);
       } else
-        m.push(b);
-    }), f.contents = m, f.id;
+        p.push(b);
+    }), f.contents = p, f.id;
   }
   return {
-    checkCanFindFormNode: p,
-    checkCanOpenLayoutEditor: d,
+    checkCanFindFormNode: d,
+    checkCanOpenLayoutEditor: m,
     changeFormControlsByResponseLayoutConfig: a,
-    getResonseFormLayoutConfig: u
+    getResonseFormLayoutConfig: c
   };
 }
-class Te extends Me {
+class Ve extends Ne {
   constructor(t, r) {
     super(t, r);
     v(this, "responseLayoutEditorFunction");
-    this.responseLayoutEditorFunction = Fe(this.formSchemaUtils);
+    this.responseLayoutEditorFunction = Te(this.formSchemaUtils);
   }
   getPropertyConfig(t, r) {
     return this.propertyConfig.categories.basic = this.getBasicProperties(t, r), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t, r), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
   }
   getBasicProperties(t, r) {
-    var p;
-    var i = this;
-    this.setDesignViewModelField(t);
-    const s = this.formSchemaUtils.getFormMetadataBasicInfo(), u = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
+    var s;
+    const i = this;
+    return this.setDesignViewModelField(t), this.formSchemaUtils.getFormMetadataBasicInfo(), {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -987,7 +998,7 @@ class Te extends Me {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: i.designViewModelField ? I.getEditorTypesByMDataType((p = i.designViewModelField.type) == null ? void 0 : p.name) : I.getAllInputTypes()
+            data: i.designViewModelField ? I.getEditorTypesByMDataType((s = i.designViewModelField.type) == null ? void 0 : s.name) : I.getAllInputTypes()
           }
         },
         label: {
@@ -998,33 +1009,29 @@ class Te extends Me {
         binding: {
           description: "绑定的表单字段",
           title: "绑定",
-          $converter: "/converter/field-selector.converter",
           editor: {
-            type: "field-selector",
+            type: "binding-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: t,
-              formBasicInfo: s
+              componentSchema: t,
+              needSyncToViewModel: !0,
+              viewModelId: this.viewModelId,
+              designerHostService: this.designerHostService,
+              disableOccupiedFields: !0
             },
-            columns: [
-              { field: "name", title: "字段名称" },
-              { field: "bindingField", title: "绑定字段" },
-              { field: "fieldType", title: "字段类型" }
-            ],
-            textField: "bindingField",
-            data: u
+            textField: "bindingField"
           }
         }
       },
-      setPropertyRelates(d, a) {
-        if (d)
-          switch (d && d.propertyID) {
+      setPropertyRelates(c, d) {
+        if (c)
+          switch (c && c.propertyID) {
             case "type": {
-              i.changeControlType(t, d, r);
+              i.changeControlType(t, c, r);
               break;
             }
             case "label": {
-              d.needRefreshControlTree = !0;
+              c.needRefreshControlTree = !0;
               break;
             }
           }
@@ -1032,7 +1039,7 @@ class Te extends Me {
     };
   }
   getAppearanceProperties(t, r) {
-    var i = this;
+    const i = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -1062,7 +1069,7 @@ class Te extends Me {
           }
         }
       },
-      setPropertyRelates(s, u) {
+      setPropertyRelates(s, c) {
         if (s)
           switch (s && s.propertyID) {
             case "responseLayout":
@@ -1084,11 +1091,11 @@ class Te extends Me {
    * @param newControlType 新控件类型
    */
   changeControlType(t, r, i) {
-    var l, o, c, f;
-    const s = r.propertyValue, u = i && i.parent && i.parent.schema;
-    if (!u)
+    var l, o, u, f;
+    const s = r.propertyValue, c = i && i.parent && i.parent.schema;
+    if (!c)
       return;
-    const p = u.contents.findIndex((m) => m.id === t.id), d = u.contents[p];
+    const d = c.contents.findIndex((p) => p.id === t.id), m = c.contents[d];
     let a;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
@@ -1098,21 +1105,21 @@ class Te extends Me {
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
     }, !1), a = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, s)), a || (a = this.controlCreatorUtils.createFormGroupWithoutField(s)), Object.assign(a, {
-      id: d.id,
-      appearance: d.appearance,
-      size: d.size,
-      label: d.label,
-      binding: d.binding,
-      visible: d.visible
+      id: m.id,
+      appearance: m.appearance,
+      size: m.size,
+      label: m.label,
+      binding: m.binding,
+      visible: m.visible
     }), Object.assign(a.editor, {
-      isTextArea: a.isTextArea && d.isTextArea,
-      placeholder: (l = d.editor) == null ? void 0 : l.placeholder,
-      holdPlace: (o = d.editor) == null ? void 0 : o.holdPlace,
-      readonly: (c = d.editor) == null ? void 0 : c.readonly,
-      require: (f = d.editor) == null ? void 0 : f.require
-    }), u.contents.splice(p, 1), u.contents.splice(p, 0, a), i.schema = Object.assign(d, a), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (m) => m.classList.remove("dgComponentSelected")
-    ), Ne.value++;
+      isTextArea: a.isTextArea && m.isTextArea,
+      placeholder: (l = m.editor) == null ? void 0 : l.placeholder,
+      holdPlace: (o = m.editor) == null ? void 0 : o.holdPlace,
+      readonly: (u = m.editor) == null ? void 0 : u.readonly,
+      require: (f = m.editor) == null ? void 0 : f.require
+    }), c.contents.splice(d, 1), c.contents.splice(d, 0, a), i.schema = Object.assign(m, a), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (p) => p.classList.remove("dgComponentSelected")
+    ), Fe.value++;
   }
   getComponentConfig(t, r = {}, i = {}) {
     const s = Object.assign({
@@ -1120,7 +1127,7 @@ class Te extends Me {
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, r), u = Object.assign({
+    }, r), c = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1142,7 +1149,7 @@ class Te extends Me {
         type: "string"
       }
     }, i);
-    return { ...s, properties: { ...u } };
+    return { ...s, properties: { ...c } };
   }
   /**
   * 修改某一输入控件的样式后更新Form的统一布局配置
@@ -1152,13 +1159,13 @@ class Te extends Me {
   */
   updateUnifiedLayoutAfterControlChanged(t, r, i) {
     const s = t.split(" ");
-    let u = s.find((o) => /^col-([1-9]|10|11|12)$/.test(o)), p = s.find((o) => /^col-md-([1-9]|10|11|12)$/.test(o)), d = s.find((o) => /^col-xl-([1-9]|10|11|12)$/.test(o)), a = s.find((o) => /^col-el-([1-9]|10|11|12)$/.test(o));
-    u = u || "col-12", p = p || "col-md-" + u.replace("col-", ""), d = d || "col-xl-" + p.replace("col-md-", ""), a = a || "col-el-" + d.replace("col-xl-", "");
+    let c = s.find((o) => /^col-([1-9]|10|11|12)$/.test(o)), d = s.find((o) => /^col-md-([1-9]|10|11|12)$/.test(o)), m = s.find((o) => /^col-xl-([1-9]|10|11|12)$/.test(o)), a = s.find((o) => /^col-el-([1-9]|10|11|12)$/.test(o));
+    c = c || "col-12", d = d || "col-md-" + c.replace("col-", ""), m = m || "col-xl-" + d.replace("col-md-", ""), a = a || "col-el-" + m.replace("col-xl-", "");
     const l = {
       id: r,
-      columnInSM: parseInt(u.replace("col-", ""), 10),
-      columnInMD: parseInt(p.replace("col-md-", ""), 10),
-      columnInLG: parseInt(d.replace("col-xl-", ""), 10),
+      columnInSM: parseInt(c.replace("col-", ""), 10),
+      columnInMD: parseInt(d.replace("col-md-", ""), 10),
+      columnInLG: parseInt(m.replace("col-xl-", ""), 10),
       columnInEL: parseInt(a.replace("col-el-", ""), 10)
     };
     this.updateUnifiedLayoutAfterResponseLayoutChanged(i, l);
@@ -1174,14 +1181,14 @@ class Te extends Me {
       return;
     const s = [];
     if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, s, 1), r) {
-      const m = s.find((g) => g.id === r.id);
-      Object.assign(m || {}, r);
+      const p = s.find((g) => g.id === r.id);
+      Object.assign(p || {}, r);
     }
-    const u = s.map((m) => m.columnInSM), p = s.map((m) => m.columnInMD), d = s.map((m) => m.columnInLG), a = s.map((m) => m.columnInEL), l = this.checkIsUniqueColumn(u) ? u[0] : null, o = this.checkIsUniqueColumn(p) ? p[0] : null, c = this.checkIsUniqueColumn(d) ? d[0] : null, f = this.checkIsUniqueColumn(a) ? a[0] : null;
+    const c = s.map((p) => p.columnInSM), d = s.map((p) => p.columnInMD), m = s.map((p) => p.columnInLG), a = s.map((p) => p.columnInEL), l = this.checkIsUniqueColumn(c) ? c[0] : null, o = this.checkIsUniqueColumn(d) ? d[0] : null, u = this.checkIsUniqueColumn(m) ? m[0] : null, f = this.checkIsUniqueColumn(a) ? a[0] : null;
     Object.assign(i.unifiedLayout, {
       uniqueColClassInSM: l,
       uniqueColClassInMD: o,
-      uniqueColClassInLG: c,
+      uniqueColClassInLG: u,
       uniqueColClassInEL: f
     });
   }
@@ -1193,12 +1200,38 @@ class Te extends Me {
     return Array.from(r).length === 1;
   }
 }
-class Ve extends Te {
+class Ee extends Ve {
   constructor(n, t) {
     super(n, t);
   }
   getEditorProperties(n) {
     return this.getComponentConfig(n, { type: "number-spinner" }, {
+      precision: {
+        description: "",
+        title: "精度",
+        type: "number"
+      },
+      step: {
+        description: "",
+        title: "步长",
+        type: "number"
+      },
+      max: {
+        description: "",
+        title: "最大值",
+        type: "number",
+        editor: {
+          canNull: !0
+        }
+      },
+      min: {
+        description: "",
+        title: "最小值",
+        type: "number",
+        editor: {
+          canNull: !0
+        }
+      },
       textAlign: {
         description: "",
         title: "对齐方式",
@@ -1214,7 +1247,7 @@ class Ve extends Te {
             },
             {
               value: "center",
-              name: "居中对齐"
+              name: "居中"
             },
             {
               value: "right",
@@ -1226,78 +1259,25 @@ class Ve extends Te {
     });
   }
 }
-function Ee(e, n) {
-  e.schema;
-  const t = B(!0), r = B(!0);
-  function i(o) {
-    return !1;
-  }
-  function s() {
-    return !1;
-  }
-  function u() {
-    return !1;
-  }
-  function p() {
-    return !0;
-  }
-  function d(o) {
+function Pe(e, n) {
+  const t = e.schema;
+  function r(i, s) {
+    return new Ee(i, n).getPropertyConfig(t, s);
   }
-  function a() {
-  }
-  function l(o) {
-    return null;
-  }
-  return {
-    canAccepts: i,
-    checkCanDeleteComponent: s,
-    checkCanMoveComponent: u,
-    hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: d,
-    resolveComponentContext: a,
-    triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: l
-  };
+  return { getPropsConfig: r };
 }
-function De(e, n) {
-  const {
-    canAccepts: t,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: p,
-    triggerBelongedComponentToMoveWhenMoved: d,
-    triggerBelongedComponentToDeleteWhenDeleted: a
-  } = Ee(e), l = e.schema;
-  function o(c, f) {
-    return new Ve(c, n).getPropertyConfig(l, f);
-  }
-  return {
-    canAccepts: t,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: p,
-    triggerBelongedComponentToMoveWhenMoved: d,
-    triggerBelongedComponentToDeleteWhenDeleted: a,
-    getPropsConfig: o
-  };
-}
-const Pe = /* @__PURE__ */ q({
+const De = /* @__PURE__ */ $({
   name: "FNumberSpinnerDesign",
   props: U,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, n) {
-    const t = _(e, n), r = H(e, n, t), i = Y(e, n, r, t), s = K(e, n, i), u = B(), p = W("designer-host-service"), d = W("design-item-context"), a = De(d, p), l = ke(u, d, a);
-    x(() => {
-      u.value.componentInstance = l, e.readonly = !0;
+    const t = _(e, n), r = Y(e, n, t), i = J(e, n, r, t), s = R(e, n, i), c = T(), d = G("designer-host-service"), m = G("design-item-context"), a = Pe(m, d), l = Me(c, m, a);
+    O(() => {
+      c.value.componentInstance = l, e.readonly = !0;
     }), n.expose(l.value);
-    const o = B();
+    const o = T();
     return () => E("div", {
-      ref: u,
+      ref: c,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
     }, [E("input", {
       ref: o,
@@ -1306,26 +1286,21 @@ const Pe = /* @__PURE__ */ q({
       placeholder: e.placeholder
     }, null), s()]);
   }
-}), Ie = (e) => {
-  const n = e;
-  return n.install = function(t) {
-    t.component(n.name, e);
-  }, e;
-};
-P.register = (e, n, t, r) => {
-  e["number-spinner"] = P, n["number-spinner"] = Q;
+});
+D.register = (e, n, t, r) => {
+  e["number-spinner"] = D, n["number-spinner"] = H;
 };
-P.registerDesigner = (e, n, t) => {
-  e["number-spinner"] = Pe, n["number-spinner"] = Q;
+D.registerDesigner = (e, n, t) => {
+  e["number-spinner"] = De, n["number-spinner"] = H;
 };
-const je = Ie(P);
+const je = ne(D);
 export {
-  P as FNumberSpinner,
+  D as FNumberSpinner,
   je as default,
   U as numberSpinnerProps,
-  Q as propsResolver,
-  H as useFormat,
+  H as propsResolver,
+  Y as useFormat,
   _ as useNumber,
-  Y as useSpinner,
+  J as useSpinner,
   we as useTextBox
 };