@farris/ui-vue 1.3.0 → 1.3.3

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

@@ -1,106 +1,110 @@
-var re = Object.defineProperty;
-var ie = (e, n, t) => n in e ? re(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var x = (e, n, t) => ie(e, typeof n != "symbol" ? n + "" : n, t);
-import { computed as P, ref as V, createVNode as T, defineComponent as X, onMounted as G, watch as L, createTextVNode as Q, inject as Z } from "vue";
-import { isPlainObject as H, cloneDeep as Y } from "lodash-es";
-import M from "bignumber.js";
-import { getSchemaByType as J } from "../dynamic-resolver/index.esm.js";
-import { useResponseLayoutEditorSetting as ae } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
-function le(e, n, t) {
+var oe = Object.defineProperty;
+var re = (e, n, t) => n in e ? oe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var v = (e, n, t) => re(e, typeof n != "symbol" ? n + "" : n, t);
+import { computed as D, ref as P, createVNode as E, defineComponent as Q, onMounted as W, watch as x, createTextVNode as R, inject as Z } from "vue";
+import { isPlainObject as H, cloneDeep as J } from "lodash-es";
+import T from "bignumber.js";
+import { DgControl as X } from "../designer-canvas/index.esm.js";
+import { withInstall as ie } from "../common/index.esm.js";
+function ae(e, n, t) {
   return n;
 }
-const _ = {}, K = {};
-function W(e) {
-  const { properties: n, title: t, ignore: o } = e, r = o && Array.isArray(o), l = Object.keys(n).reduce((u, p) => ((!r || !o.find((a) => a == p)) && (u[p] = n[p].type === "object" && n[p].properties ? W(n[p]) : Y(n[p].default)), u), {});
-  return (!r || !o.find((u) => u == "id")) && (l.id = `${t}-${Date.now()}`), l;
+const Y = {}, _ = {};
+function $(e) {
+  const { properties: n, title: t, ignore: o } = e, r = o && Array.isArray(o), l = Object.keys(n).reduce((s, m) => ((!r || !o.find((d) => d === m)) && (s[m] = n[m].type === "object" && n[m].properties ? $(n[m]) : J(n[m].default)), s), {});
+  if (t && (!r || !o.find((s) => s === "id"))) {
+    const s = t.toLowerCase().replace(/-/g, "_");
+    l.id = `${s}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return l;
 }
-function R(e, n = {}, t) {
-  const o = _[e];
+function K(e, n = {}, t) {
+  const o = Y[e];
   if (o) {
-    let r = W(o);
-    const l = K[e];
-    return r = l ? l({ getSchemaByType: R }, r, n, t) : r, r;
+    let r = $(o);
+    const l = _[e];
+    return r = l ? l({ getSchemaByType: K }, r, n, t) : r, r;
   }
   return null;
 }
-function ue(e, n) {
-  const t = W(n);
-  return Object.keys(e).reduce((o, r) => (o[r] && H(o[r]) && H(e[r]) ? Object.assign(o[r], e[r]) : o[r] = e[r], o), t), t;
+function le(e, n) {
+  const t = $(n);
+  return Object.keys(t).reduce((o, r) => (o[r] && H(o[r]) && H(e[r] || !e[r]) ? Object.assign(o[r], e[r] || {}) : o[r] = e[r], o), t), t;
 }
-function ce(e, n) {
+function se(e, n) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, r) => {
     if (n.has(r)) {
       const l = n.get(r);
       if (typeof l == "string")
         o[l] = e[r];
       else {
-        const u = l(r, e[r], e);
-        Object.assign(o, u);
+        const s = l(r, e[r], e);
+        Object.assign(o, s);
       }
     } else
       o[r] = e[r];
     return o;
   }, {});
 }
-function se(e, n, t = /* @__PURE__ */ new Map()) {
-  const o = ue(e, n);
-  return ce(o, t);
+function ce(e, n, t = /* @__PURE__ */ new Map()) {
+  const o = le(e, n);
+  return se(o, t);
 }
-function pe(e = {}) {
-  function n(i, s, c, d) {
-    if (typeof c == "number")
-      return d[i].length === c;
-    if (typeof c == "object") {
-      const g = Object.keys(c)[0], f = c[g];
-      if (g === "not")
-        return Number(d[i].length) !== Number(f);
-      if (g === "moreThan")
-        return Number(d[i].length) >= Number(f);
-      if (g === "lessThan")
-        return Number(d[i].length) <= Number(f);
+function ue(e = {}) {
+  function n(a, c, i, u) {
+    if (typeof i == "number")
+      return u[a].length === i;
+    if (typeof i == "object") {
+      const f = Object.keys(i)[0], p = i[f];
+      if (f === "not")
+        return Number(u[a].length) !== Number(p);
+      if (f === "moreThan")
+        return Number(u[a].length) >= Number(p);
+      if (f === "lessThan")
+        return Number(u[a].length) <= Number(p);
     }
     return !1;
   }
-  function t(i, s, c, d) {
-    return d[i] && d[i].propertyValue && String(d[i].propertyValue.value) === String(c);
+  function t(a, c, i, u) {
+    return u[a] && u[a].propertyValue && String(u[a].propertyValue.value) === String(i);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", n],
     ["getProperty", t]
   ]);
-  Object.keys(e).reduce((i, s) => (i.set(s, e[s]), i), o);
-  function r(i, s) {
-    const c = i;
-    return typeof s == "number" ? [{ target: c, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: c, operator: "getProperty", param: i, value: !!s }] : typeof s == "object" ? Object.keys(s).map((d) => {
-      if (d === "length")
-        return { target: c, operator: "length", param: null, value: s[d] };
-      const g = d, f = s[d];
-      return { target: c, operator: "getProperty", param: g, value: f };
+  Object.keys(e).reduce((a, c) => (a.set(c, e[c]), a), o);
+  function r(a, c) {
+    const i = a;
+    return typeof c == "number" ? [{ target: i, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!c }] : typeof c == "object" ? Object.keys(c).map((u) => {
+      if (u === "length")
+        return { target: i, operator: "length", param: null, value: c[u] };
+      const f = u, p = c[u];
+      return { target: i, operator: "getProperty", param: f, value: p };
     }) : [];
   }
-  function l(i) {
-    return Object.keys(i).reduce((c, d) => {
-      const g = r(d, i[d]);
-      return c.push(...g), c;
+  function l(a) {
+    return Object.keys(a).reduce((i, u) => {
+      const f = r(u, a[u]);
+      return i.push(...f), i;
     }, []);
   }
-  function u(i, s) {
-    if (o.has(i.operator)) {
-      const c = o.get(i.operator);
-      return c && c(i.target, i.param, i.value, s) || !1;
+  function s(a, c) {
+    if (o.has(a.operator)) {
+      const i = o.get(a.operator);
+      return i && i(a.target, a.param, a.value, c) || !1;
     }
     return !1;
   }
-  function p(i, s) {
-    return l(i).reduce((g, f) => g && u(f, s), !0);
+  function m(a, c) {
+    return l(a).reduce((f, p) => f && s(p, c), !0);
   }
-  function a(i, s) {
-    const c = Object.keys(i), d = c.includes("allOf"), g = c.includes("anyOf"), f = d || g, E = (f ? i[f ? d ? "allOf" : "anyOf" : "allOf"] : [i]).map((S) => p(S, s));
-    return d ? !E.includes(!1) : E.includes(!0);
+  function d(a, c) {
+    const i = Object.keys(a), u = i.includes("allOf"), f = i.includes("anyOf"), p = u || f, C = (p ? a[p ? u ? "allOf" : "anyOf" : "allOf"] : [a]).map((k) => m(k, c));
+    return u ? !C.includes(!1) : C.includes(!0);
   }
-  return { parseValueSchema: a };
+  return { parseValueSchema: d };
 }
-const m = {
+const y = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -138,21 +142,22 @@ const m = {
   "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" }
-}, de = {}, me = {};
-pe();
-function fe(e, n, t = /* @__PURE__ */ new Map(), o = (u, p, a) => p, r = {}, l = (u) => u) {
-  return _[n.title] = n, K[n.title] = o, de[n.title] = r, me[n.title] = l, (u = {}) => {
-    const p = se(u, n, t), a = Object.keys(e).reduce((i, s) => (i[s] = e[s].default, i), {});
-    return Object.assign(a, p);
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
+}, de = {}, pe = {};
+ue();
+function me(e, n, t = /* @__PURE__ */ new Map(), o = (s, m, d, a) => m, r = {}, l = (s) => s) {
+  return Y[n.title] = n, _[n.title] = o, de[n.title] = r, pe[n.title] = l, (s = {}) => {
+    const m = ce(s, n, t), d = Object.keys(e).reduce((a, c) => (a[c] = e[c].default, a), {});
+    return Object.assign(d, m);
   };
 }
-function ge(e, n) {
+function fe(e, n) {
   return { customClass: n.class, customStyle: n.style };
 }
-const ye = /* @__PURE__ */ new Map([
-  ["appearance", ge]
-]), be = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/number-range.schema.json", ve = "number-range", Ce = "A Farris Component", we = "object", Se = {
+const ge = /* @__PURE__ */ new Map([
+  ["appearance", fe]
+]), ye = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-design.gitee.io/number-range.schema.json", he = "number-range", ve = "A Farris Component", Ce = "object", we = {
   id: {
     description: "The unique identifier for a number-range",
     type: "string"
@@ -214,17 +219,17 @@ const ye = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, Be = [
+}, Se = [
   "id",
   "type"
-], ke = {
-  $schema: be,
-  $id: he,
-  title: ve,
-  description: Ce,
-  type: we,
-  properties: Se,
-  required: Be
+], Me = {
+  $schema: ye,
+  $id: be,
+  title: he,
+  description: ve,
+  type: Ce,
+  properties: we,
+  required: Se
 }, z = {
   /**
    * 组件标识
@@ -337,376 +342,338 @@ const ye = /* @__PURE__ */ new Map([
    * 是否使用千分值
    */
   useThousands: { type: Boolean, default: !0 }
-}, ee = fe(z, ke, ye, le);
+}, ee = me(z, Me, ge, ae);
 function te(e, n) {
-  const t = P(() => Number(e.precision) || 0);
-  function o(a) {
-    return a.toFixed(t.value);
+  const t = D(() => Number(e.precision) || 0);
+  function o(d) {
+    return d.toFixed(t.value);
   }
-  function r(a) {
-    return isNaN(a) || a === null || a === void 0 || a === "";
+  function r(d) {
+    return isNaN(d) || d === null || d === void 0 || d === "";
   }
-  function l(a) {
-    const i = r(e.max) ? null : new M(String(e.max), 10), s = r(e.min) ? null : new M(String(e.min), 10);
-    return i && a.gt(i) ? i : s && a.lt(s) ? s : a;
+  function l(d) {
+    const a = r(e.max) ? null : new T(String(e.max), 10), c = r(e.min) ? null : new T(String(e.min), 10);
+    return a && d.gt(a) ? a : c && d.lt(c) ? c : d;
   }
-  function u(a, i, s, c) {
-    const d = new M(a, 10), g = r(s && s.value) ? null : new M(String(s.value), 10), f = r(i && i.value) ? null : new M(String(i.value), 10);
-    let w;
-    return c ? w = g && d.gt(g) ? g : d : w = f && d.lt(f) ? f : d, w.toString();
+  function s(d, a, c, i) {
+    const u = new T(d, 10), f = r(c && c.value) ? null : new T(String(c.value), 10), p = r(a && a.value) ? null : new T(String(a.value), 10);
+    let b;
+    return i ? b = f && u.gt(f) ? f : u : b = p && u.lt(p) ? p : u, b.toString();
   }
-  function p(a) {
+  function m(d) {
     if (e.parser)
-      return isNaN(Number(a)) ? e.parser(a) : a;
-    let i = l(new M(a, 10));
-    if (i.isNaN()) {
+      return isNaN(Number(d)) ? e.parser(d) : d;
+    let a = l(new T(d, 10));
+    if (a.isNaN()) {
       if (e.canNull)
         return null;
-      const c = new M("" + e.min, 10), d = new M("" + e.max, 10);
-      if (!c.isNaN())
-        i = c;
-      else if (!d.isNaN())
-        i = d;
+      const i = new T("" + e.min, 10), u = new T("" + e.max, 10);
+      if (!i.isNaN())
+        a = i;
+      else if (!u.isNaN())
+        a = u;
       else
         return 0;
     }
-    return o(i);
+    return o(a);
   }
-  return { getRealValue: p, isEmpty: r, precision: t, getValidNumberObject: l, getValidNumberInRange: u };
+  return { getRealValue: m, isEmpty: r, precision: t, getValidNumberObject: l, getValidNumberInRange: s };
 }
 function ne(e, n, t) {
-  const o = P(() => ({
+  const o = D(() => ({
     prefix: e.prefix,
     suffix: e.suffix,
     decimalSeparator: e.decimalSeparator,
     groupSeparator: e.useThousands ? e.groupSeparator : "",
     groupSize: e.groupSize
   })), { getValidNumberObject: r, precision: l } = t;
-  function u(i) {
-    return i = i == null || i === "" ? "" : String(i), i = i.replace(new RegExp(e.prefix, "g"), "").replace(new RegExp(e.suffix, "g"), "").replace(/,/g, ""), e.groupSeparator && e.groupSeparator !== "," && (i = i.replace(new RegExp(`\\${e.groupSeparator}`, "g"), "")), e.decimalSeparator && e.decimalSeparator !== "." && (i = i.replace(new RegExp(`\\${e.decimalSeparator}`, "g"), ".")), i;
+  function s(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(i, s) {
-    return e.precision !== null && e.precision !== void 0 ? i.toFormat(l.value, s) : i.toFormat(s);
+  function m(a, c) {
+    return e.precision !== null && e.precision !== void 0 ? a.toFormat(l.value, c) : a.toFormat(c);
   }
-  function a(i) {
-    const s = u(i), c = new M(s, 10), d = r(c);
-    return d.valueOf() === "0" && !e.showZero || d.isNaN() ? "" : e.formatter ? e.formatter(d.toNumber()) : p(d, o.value);
+  function d(a) {
+    const c = s(a), i = new T(c, 10), u = r(i);
+    return u.valueOf() === "0" && !e.showZero || u.isNaN() ? "" : e.formatter ? e.formatter(u.toNumber()) : m(u, o.value);
   }
-  return { cleanFormat: u, format: a };
+  return { cleanFormat: s, format: d };
 }
-function O(e, n, t, o, r, l, u, p, a, i) {
-  const { format: s } = r, { getRealValue: c, getValidNumberInRange: d } = l;
-  function g() {
-    const B = new M(o.value || 0);
-    return !(e.max && !new M(e.max).isNaN() && B.gte(new M(e.max)));
-  }
+function A(e, n, t, o, r, l, s, m, d, a) {
+  const { format: c } = r, { getRealValue: i, getValidNumberInRange: u } = l;
   function f() {
-    const B = new M(o.value || 0);
-    return !(e.min && !new M(e.min).isNaN() && B.lte(new M(e.min)));
+    const N = new T(o.value || 0);
+    return !(e.max && !new T(e.max).isNaN() && N.gte(new T(e.max)));
+  }
+  function p() {
+    const N = new T(o.value || 0);
+    return !(e.min && !new T(e.min).isNaN() && N.lte(new T(e.min)));
   }
-  function w(B) {
+  function b(N) {
     if (e.readonly || e.disabled)
       return;
-    const N = B === "up" ? g : f, y = B === "up" ? "plus" : "minus";
-    if (N()) {
-      let h = new M(o.value || 0)[y](Number(e.step)).toFixed();
-      h = d(h, p, a, i), t.value = s(h), o.value = c(h), u(o.value);
+    const g = N === "up" ? f : p, M = N === "up" ? "plus" : "minus";
+    if (g()) {
+      let V = new T(o.value || 0)[M](Number(e.step)).toFixed();
+      V = u(V, m, d, a), t.value = c(V), o.value = i(V), s(o.value);
     }
   }
-  function D() {
-    w("up");
+  function S() {
+    b("up");
   }
-  function E() {
-    w("down");
+  function C() {
+    b("down");
   }
-  function F(B) {
-    D(), B.stopPropagation();
+  function w(N) {
+    S(), N.stopPropagation();
   }
-  function S(B) {
-    E(), B.stopPropagation();
+  function k(N) {
+    C(), N.stopPropagation();
   }
-  return { canDownward: f, canUpward: g, downward: E, onClickDownButton: S, onClickUpButton: F, upward: D };
+  return { canDownward: p, canUpward: f, downward: C, onClickDownButton: k, onClickUpButton: w, upward: S };
 }
-function j(e, n, t, o, r, l, u, p, a, i, s) {
-  const { cleanFormat: c, format: d } = r, { getRealValue: g, isEmpty: f, getValidNumberInRange: w } = l, { downward: D, upward: E } = u, F = P(() => t.value), S = V(!1);
-  function B(b) {
-    var k;
-    if (b.stopPropagation(), e.readonly || e.disabled)
+function O(e, n, t, o, r, l, s, m, d, a, c) {
+  const { cleanFormat: i, format: u } = r, { getRealValue: f, isEmpty: p, getValidNumberInRange: b } = l, { downward: S, upward: C } = s, w = D(() => t.value), k = P(!1);
+  function N(h) {
+    var I;
+    if (h.stopPropagation(), e.readonly || e.disabled)
       return;
-    S.value = !1;
-    let h = (k = b.target) == null ? void 0 : k.value;
-    e.canNull || (h = h || 0);
-    let v = c(h);
-    v = w(v, a, i, s), t.value = d(v), o.value = g(v), p(o.value), n.emit("blur", { event: b, formatted: t.value, value: o.value });
-  }
-  function N(b) {
-    b.stopPropagation(), !(e.readonly || e.disabled) && (S.value = !0, t.value = f(o.value) || !e.showZero && o.value === "0" ? "" : String(o.value), n.emit("focus", { event: b, formatted: t.value, value: o.value }));
-  }
-  function y(b) {
-    var k;
-    b.stopPropagation();
-    let h = (k = b.target) == null ? void 0 : k.value;
-    e.canNull || (h = h || 0);
-    const v = c(h);
-    t.value = v, o.value = g(v), p(o.value);
-  }
-  function C(b) {
-    b.key === "ArrowDown" && (b.preventDefault(), D()), b.key === "ArrowUp" && (b.preventDefault(), E()), b.stopPropagation();
-  }
-  return { textBoxValue: F, onBlurTextBox: B, onFocusTextBox: N, onInput: y, onKeyDown: C, isTextBoxFocused: S };
+    k.value = !1;
+    let V = (I = h.target) == null ? void 0 : I.value;
+    e.canNull || (V = V || 0);
+    let F = i(V);
+    F = b(F, d, a, c), t.value = u(F), o.value = f(F), m(o.value), n.emit("blur", { event: h, formatted: t.value, value: o.value });
+  }
+  function g(h) {
+    h.stopPropagation(), !(e.readonly || e.disabled) && (k.value = !0, t.value = p(o.value) || !e.showZero && o.value === "0" ? "" : String(o.value), n.emit("focus", { event: h, formatted: t.value, value: o.value }));
+  }
+  function M(h) {
+    var I;
+    h.stopPropagation();
+    let V = (I = h.target) == null ? void 0 : I.value;
+    e.canNull || (V = V || 0);
+    const F = i(V);
+    t.value = F, o.value = f(F), m(o.value);
+  }
+  function B(h) {
+    h.key === "ArrowDown" && (h.preventDefault(), S()), h.key === "ArrowUp" && (h.preventDefault(), C()), h.stopPropagation();
+  }
+  return { textBoxValue: w, onBlurTextBox: N, onFocusTextBox: g, onInput: M, onKeyDown: B, isTextBoxFocused: k };
 }
-function U(e, n, t, o) {
+function j(e, n, t, o) {
   const {
     onBlurTextBox: r,
     onFocusTextBox: l,
-    onInput: u,
-    onKeyDown: p,
-    textBoxValue: a
-  } = t, i = P(() => e.disabled || e.readonly || !e.editable ? "" : o ? e.beginPlaceHolder : e.endPlaceHolder), s = P(() => ({
+    onInput: s,
+    onKeyDown: m,
+    textBoxValue: d
+  } = t, a = D(() => e.disabled || e.readonly || !e.editable ? "" : o ? e.beginPlaceHolder : e.endPlaceHolder), c = D(() => ({
     "form-control": !0,
     "sub-input": !0
-  })), c = P(() => ({
+  })), i = D(() => ({
     "text-align": e.textAlign
   }));
-  function d(g) {
-    g.stopPropagation();
+  function u(f) {
+    f.stopPropagation();
   }
-  return () => T("input", {
-    class: s.value,
-    style: c.value,
+  return () => E("input", {
+    class: c.value,
+    style: i.value,
     type: "text",
-    value: a.value,
+    value: d.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: i.value,
+    placeholder: a.value,
     onBlur: r,
-    onChange: d,
+    onChange: u,
     onFocus: l,
-    onInput: u,
-    onKeydown: p
+    onInput: s,
+    onKeydown: m
   }, null);
 }
-function I(e, n, t) {
+function U(e, n, t) {
   const {
     canDownward: o,
     canUpward: r,
     onClickDownButton: l,
-    onClickUpButton: u
-  } = t, p = P(() => ({
+    onClickUpButton: s
+  } = t, m = D(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0,
     "sub-btn-group": !0
-  })), a = P(() => ({
+  })), d = D(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = P(() => ({
+  })), a = D(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), s = P(() => ({
+  })), c = D(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => T("div", {
-    class: p.value
-  }, [T("button", {
+  return () => E("div", {
+    class: m.value
+  }, [E("button", {
     title: "upButton",
-    class: a.value,
-    style: i.value,
-    onClick: u,
+    class: d.value,
+    style: a.value,
+    onClick: s,
     disabled: !r()
-  }, [T("span", {
+  }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), T("button", {
+  }, null)]), E("button", {
     title: "downButton",
-    class: a.value,
-    style: s.value,
+    class: d.value,
+    style: c.value,
     onClick: l,
     disabled: !o()
-  }, [T("span", {
+  }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-const $ = /* @__PURE__ */ X({
+const G = /* @__PURE__ */ Q({
   name: "FNumberRange",
   props: z,
   emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
   setup(e, n) {
-    const t = V(e.beginValue), o = V(""), r = V(e.endValue), l = V(""), u = te(e), p = ne(e, n, u), a = (N) => {
-      n.emit("beginValueChange", N);
-    }, i = O(e, n, o, t, p, u, a, t, r, !0), s = j(e, n, o, t, p, u, i, a, t, r, !0), c = I(e, n, i), d = U(e, n, s, !0), g = (N) => {
-      n.emit("endValueChange", N);
-    }, f = O(e, n, l, r, p, u, g, t, r, !1), w = j(e, n, l, r, p, u, f, g, t, r, !1), D = I(e, n, f), E = U(e, n, w, !1), {
-      getRealValue: F
-    } = u, {
-      format: S
-    } = p, B = P(() => !e.disabled && !e.readonly && e.showButton);
-    return G(() => {
-      const N = F(e.beginValue), y = F(e.endValue);
-      o.value = S(N), l.value = S(y);
-    }), L(() => [e.beginValue], ([N]) => {
-      if (!s.isTextBoxFocused.value) {
-        const y = F(N);
-        o.value = S(y);
+    const t = P(e.beginValue), o = P(""), r = P(e.endValue), l = P(""), s = te(e), m = ne(e, n, s), d = (g) => {
+      n.emit("beginValueChange", g);
+    }, a = A(e, n, o, t, m, s, d, t, r, !0), c = O(e, n, o, t, m, s, a, d, t, r, !0), i = U(e, n, a), u = j(e, n, c, !0), f = (g) => {
+      n.emit("endValueChange", g);
+    }, p = A(e, n, l, r, m, s, f, t, r, !1), b = O(e, n, l, r, m, s, p, f, t, r, !1), S = U(e, n, p), C = j(e, n, b, !1), {
+      getRealValue: w
+    } = s, {
+      format: k
+    } = m, N = D(() => !e.disabled && !e.readonly && e.showButton);
+    return W(() => {
+      const g = w(e.beginValue), M = w(e.endValue);
+      o.value = k(g), l.value = k(M);
+    }), x(() => [e.beginValue], ([g]) => {
+      if (!c.isTextBoxFocused.value) {
+        const M = w(g);
+        o.value = k(M);
       }
-    }), L(() => [e.endValue], ([N]) => {
-      if (!w.isTextBoxFocused.value) {
-        const y = F(N);
-        l.value = S(y);
+    }), x(() => [e.endValue], ([g]) => {
+      if (!b.isTextBoxFocused.value) {
+        const M = w(g);
+        l.value = k(M);
       }
-    }), L(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      o.value = S(t.value), l.value = S(r.value);
-    }), () => T("div", {
+    }), x(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+      o.value = k(t.value), l.value = k(r.value);
+    }), () => E("div", {
       class: "input-group  number-range f-cmp-number-spinner"
-    }, [T("div", {
+    }, [E("div", {
       class: "form-control input-container"
-    }, [T("div", {
+    }, [E("div", {
       class: "sub-input-group"
-    }, [d(), B.value && c()]), T("span", {
+    }, [u(), N.value && i()]), E("span", {
       class: "spliter"
-    }, [Q("~")]), T("div", {
+    }, [R("~")]), E("div", {
       class: "sub-input-group"
-    }, [E(), B.value && D()])])]);
+    }, [C(), N.value && S()])])]);
   }
 });
 function Ne(e, n, t) {
   var N;
-  function o() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  o();
-  const r = t && t.getStyles && t.getStyles() || "", l = t && t.getDesignerClass && t.getDesignerClass() || "", u = V();
-  function p() {
+  const o = t && t.getStyles && t.getStyles() || "", r = t && t.getDesignerClass && t.getDesignerClass() || "", l = P();
+  function s() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function a() {
+  function m() {
     return !1;
   }
-  function i() {
+  function d() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function s() {
+  function a() {
     return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function c(y) {
-    if (!y || !y.value)
+  function c(g) {
+    if (!g || !g.value)
       return null;
-    if (y.value.schema && y.value.schema.type === "component")
-      return y.value;
-    const C = V(y == null ? void 0 : y.value.parent), b = c(C);
-    return b || null;
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const M = P(g == null ? void 0 : g.value.parent), B = c(M);
+    return B || null;
   }
-  function d(y = n) {
-    const { componentInstance: C, designerItemElementRef: b } = y;
-    return !C || !C.value ? null : C.value.canMove ? b : d(y.parent);
+  function i(g = n) {
+    const { componentInstance: M, designerItemElementRef: B } = g;
+    return !M || !M.value ? null : M.value.canMove ? B : i(g.parent);
   }
-  function g(y) {
-    return !!t && t.canAccepts(y);
+  function u(g) {
+    return !!t && t.canAccepts(g);
   }
   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 w() {
-  }
-  function D(y, C) {
-    C && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(C);
+  function p() {
   }
-  function E(y, C) {
-    const { componentType: b } = y;
-    let h = R(b, y, C);
-    t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(y, h));
-    const v = b.toLowerCase().replace("-", "_");
-    return h && !h.id && h.type === b && (h.id = `${v}_${Math.random().toString().slice(2, 6)}`), h;
+  function b(g, M) {
+    M && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(M);
   }
-  function F(y, C) {
-    const b = String(y.getAttribute("data-controltype")), h = y.getAttribute("data-feature"), v = h ? JSON.parse(h) : {};
-    v.parentComponentInstance = u.value;
-    let k = R(b, v);
-    t && t.onAcceptNewChildElement && (k = t.onAcceptNewChildElement(y, C, k));
-    const oe = b.toLowerCase().replace("-", "_");
-    return k && !k.id && k.type === b && (k.id = `${oe}_${Math.random().toString().slice(2, 6)}`), k;
+  function S(g, M) {
+    const { componentType: B } = g;
+    let h = K(B, g, M);
+    t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(g, h));
+    const V = B.toLowerCase().replace(/-/g, "_");
+    return h && !h.id && h.type === B && (h.id = `${V}_${Math.random().toString().slice(2, 6)}`), h;
   }
-  function S(y) {
+  function C(g) {
   }
-  function B(...y) {
+  function w(...g) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...y);
+      return t.getPropsConfig(...g);
+  }
+  function k() {
+    t && t.onRemoveComponent && t.onRemoveComponent(), n != null && n.schema.contents && n.schema.contents.map((g) => {
+      var h;
+      let M = g.id;
+      g.type === "component-ref" && (M = g.component);
+      const B = e.value.querySelector(`#${M}-design-item`);
+      (h = B == null ? void 0 : B.componentInstance) != null && h.value.onRemoveComponent && B.componentInstance.value.onRemoveComponent();
+    });
   }
-  return u.value = {
-    canMove: p(),
-    canSelectParent: a(),
-    canDelete: i(),
-    canNested: !s(),
+  return l.value = {
+    canMove: s(),
+    canSelectParent: m(),
+    canDelete: d(),
+    canNested: !a(),
     contents: n == null ? void 0 : n.schema.contents,
     elementRef: e,
     parent: (N = n == null ? void 0 : n.parent) == null ? void 0 : N.componentInstance,
     schema: n == null ? void 0 : n.schema,
-    styles: r,
-    designerClass: l,
-    canAccepts: g,
+    styles: o,
+    designerClass: r,
+    canAccepts: u,
     getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: d,
+    getDraggableDesignItemElement: i,
     getDraggingDisplayText: f,
-    getPropConfig: B,
-    getDragScopeElement: w,
-    onAcceptMovedChildElement: D,
-    onAcceptNewChildElement: F,
-    onChildElementMovedOut: S,
-    addNewChildComponentSchema: E,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || V(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || V(!1)
-  }, u;
+    getPropConfig: w,
+    getDragScopeElement: p,
+    onAcceptMovedChildElement: b,
+    onChildElementMovedOut: C,
+    addNewChildComponentSchema: S,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || P(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || P(!1),
+    onRemoveComponent: k
+  }, l;
 }
-function Ve(e, n) {
-  e.schema;
-  const t = V(!0), o = V(!0);
-  function r(c) {
-    return !1;
-  }
-  function l() {
-    return !1;
-  }
-  function u() {
-    return !1;
-  }
-  function p() {
-    return !0;
-  }
-  function a(c) {
-  }
-  function i() {
-  }
-  function s(c) {
-    return null;
-  }
-  return {
-    canAccepts: r,
-    checkCanDeleteComponent: l,
-    checkCanMoveComponent: u,
-    hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: a,
-    resolveComponentContext: i,
-    triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: s
-  };
-}
-class Me {
+class ke {
   constructor(n, t) {
-    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", {
+    v(this, "componentId");
+    v(this, "viewModelId");
+    v(this, "eventsEditorUtils");
+    v(this, "formSchemaUtils");
+    v(this, "formMetadataConverter");
+    v(this, "designViewModelUtils");
+    v(this, "designViewModelField");
+    v(this, "controlCreatorUtils");
+    v(this, "designerHostService");
+    v(this, "schemaService", null);
+    v(this, "metadataService", null);
+    v(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
@@ -718,13 +685,14 @@ class Me {
     return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(n) {
+    var o;
     const t = n.binding && n.binding.type === "Form" && n.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((r) => r.id === t);
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((l) => l.id === t);
       }
-      n.updateOn = this.designViewModelField.updateOn;
+      n.updateOn = (o = this.designViewModelField) == null ? void 0 : o.updateOn;
     }
   }
   changeFieldEditorType(n, t) {
@@ -748,7 +716,7 @@ class Me {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: n.type, name: m[n.type].name }]
+            data: [{ value: n.type, name: y[n.type].name }]
           }
         }
       }
@@ -784,16 +752,16 @@ class Me {
     const o = t && t.parent && t.parent.schema;
     if (!o)
       return;
-    const r = o.contents.findIndex((u) => u.id === n), l = Y(o.contents[r]);
+    const r = o.contents.findIndex((s) => s.id === n), l = J(o.contents[r]);
     o.contents.splice(r, 1), o.contents.splice(r, 0, l);
   }
 }
-const A = class A {
+const L = class L {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(n) {
-    const t = A.fieldControlTypeMapping[n];
+    const t = L.fieldControlTypeMapping[n];
     return t || [{ key: "", value: "" }];
   }
   /**
@@ -801,8 +769,8 @@ const A = class A {
    */
   static getAllInputTypes() {
     const n = [];
-    for (let t in A.fieldControlTypeMapping)
-      A.fieldControlTypeMapping[t].forEach((o) => {
+    for (const t in L.fieldControlTypeMapping)
+      L.fieldControlTypeMapping[t].forEach((o) => {
         n.find((r) => r.key === o.key && r.value === o.value) || n.push({ key: o.key, value: o.value });
       });
     return n;
@@ -811,69 +779,174 @@ const A = class A {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-x(A, "fieldControlTypeMapping", {
+v(L, "fieldControlTypeMapping", {
   String: [
-    { key: m["input-group"].type, value: m["input-group"].name },
-    { key: m.lookup.type, value: m.lookup.name },
-    { key: m["date-picker"].type, value: m["date-picker"].name },
-    { key: m["check-box"].type, value: m["check-box"].name },
-    { key: m["radio-group"].type, value: m["radio-group"].name },
-    { key: m["combo-list"].type, value: m["combo-list"].name },
-    { key: m.textarea.type, value: m.textarea.name }
+    { key: y["input-group"].type, value: y["input-group"].name },
+    { key: y.lookup.type, value: y.lookup.name },
+    { key: y["date-picker"].type, value: y["date-picker"].name },
+    { key: y["check-box"].type, value: y["check-box"].name },
+    { key: y["check-group"].type, value: y["check-group"].name },
+    { key: y["radio-group"].type, value: y["radio-group"].name },
+    { key: y["combo-list"].type, value: y["combo-list"].name },
+    { key: y.textarea.type, value: y.textarea.name }
   ],
   Text: [
-    { key: m.textarea.type, value: m.textarea.name },
-    { key: m.lookup.type, value: m.lookup.name }
+    { key: y.textarea.type, value: y.textarea.name },
+    { key: y.lookup.type, value: y.lookup.name }
   ],
   Decimal: [
-    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Integer: [
-    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Number: [
-    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   BigNumber: [
-    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Date: [
-    { key: m["date-picker"].type, value: m["date-picker"].name }
+    { key: y["date-picker"].type, value: y["date-picker"].name }
   ],
   DateTime: [
-    { key: m["date-picker"].type, value: m["date-picker"].name }
+    { key: y["date-picker"].type, value: y["date-picker"].name }
   ],
   Boolean: [
-    { key: m.switch.type, value: m.switch.name },
-    { key: m["check-box"].type, value: m["check-box"].name }
+    { key: y.switch.type, value: y.switch.name },
+    { key: y["check-box"].type, value: y["check-box"].name }
   ],
   Enum: [
-    { key: m["combo-list"].type, value: m["combo-list"].name },
-    { key: m["radio-group"].type, value: m["radio-group"].name }
+    { key: y["combo-list"].type, value: y["combo-list"].name },
+    { key: y["radio-group"].type, value: y["radio-group"].name }
   ],
   Object: [
-    { key: m.lookup.type, value: m.lookup.name },
-    { key: m["combo-list"].type, value: m["combo-list"].name },
-    { key: m["radio-group"].type, value: m["radio-group"].name }
+    { key: y.lookup.type, value: y.lookup.name },
+    { key: y["combo-list"].type, value: y["combo-list"].name },
+    { key: y["radio-group"].type, value: y["radio-group"].name }
   ]
 });
-let q = A;
-const Te = V(0);
-class xe extends Me {
+let q = L;
+const Be = P(0);
+class Ve {
+  constructor() {
+    /** 控件标题 */
+    v(this, "label", "");
+    /** 控件id */
+    v(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    v(this, "columnInSM", 12);
+    v(this, "columnInMD", 6);
+    v(this, "columnInLG", 3);
+    v(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    v(this, "displayWidthInSM", 1);
+    v(this, "displayWidthInMD", 1);
+    v(this, "displayWidthInLG", 1);
+    v(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    v(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    v(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    v(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    v(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    v(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    v(this, "fieldSetId", "");
+  }
+}
+function Fe(e) {
+  let n, t;
+  const o = /* @__PURE__ */ new Map();
+  let r = [];
+  function l(c, i) {
+    const f = c.split(" ").filter((w) => w.startsWith("col-"));
+    if (f.length === 0) {
+      i.isSupportedClass = !1;
+      return;
+    }
+    let p = f.find((w) => /^col-([1-9]|10|11|12)$/.test(w)), b = f.find((w) => /^col-md-([1-9]|10|11|12)$/.test(w)), S = f.find((w) => /^col-xl-([1-9]|10|11|12)$/.test(w)), C = f.find((w) => /^col-el-([1-9]|10|11|12)$/.test(w));
+    p = p || "col-12", i.columnInSM = parseInt(p.replace("col-", ""), 10), i.displayWidthInSM = i.columnInSM / 12, i.displayWidthInSM !== 1 && (i.isSupportedClass = !1), b = b || "col-md-" + i.columnInSM, i.columnInMD = parseInt(b.replace("col-md-", ""), 10), i.displayWidthInMD = i.columnInMD / 6, [1, 2].includes(i.displayWidthInMD) || (i.isSupportedClass = !1), S = S || "col-xl-" + i.columnInMD, i.columnInLG = parseInt(S.replace("col-xl-", ""), 10), i.displayWidthInLG = i.columnInLG / 3, [1, 2, 3, 4].includes(i.displayWidthInLG) || (i.isSupportedClass = !1), C = C || "col-el-" + i.columnInLG, i.columnInEL = parseInt(C.replace("col-el-", ""), 10), i.displayWidthInEL = i.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(i.displayWidthInEL) || (i.isSupportedClass = !1);
+  }
+  function s(c, i, u, f = !1) {
+    let p = !1;
+    c.contents.forEach((b) => {
+      if (b.type === "fieldset") {
+        u += 1, s(b, i, u, !0), p = !0;
+        return;
+      }
+      p && (u += 1, p = !1);
+      const S = b.appearance && b.appearance.class, C = new Ve();
+      S ? l(S, C) : C.isSupportedClass = !1, C.label = b.label || b.id, C.id = b.id, C.group = u, f && (C.fieldSetId = c.id), t === b.id && (n = u), o.set(b.id, b), i.push(C);
+    });
+  }
+  function m(c) {
+    const i = e.getComponentById(c);
+    if (!i || !i.componentType || !i.componentType.startsWith("form"))
+      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
+    const u = e.selectNode(i, (f) => f.type === X["response-form"].type);
+    return !u || !u.contents || u.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: u };
+  }
+  function d(c, i) {
+    i = i || c.id;
+    const { result: u, message: f, formNode: p } = m(i);
+    if (!u)
+      return { result: u, message: f };
+    t = c.id, r = [], o.clear();
+    const b = p.contents[0].type === X.fieldset.type ? 0 : 1;
+    s(p, r, b);
+    const S = r.find((w) => !w.isSupportedClass);
+    return {
+      defaultState: {
+        defaultGroupNumber: n || 1,
+        model: S ? "customize" : "standard"
+      },
+      importData: r
+    };
+  }
+  function a(c, i) {
+    i = i;
+    const { result: u, formNode: f } = m(i);
+    if (!u)
+      return "";
+    const p = [];
+    return c.forEach((b) => {
+      var w;
+      const S = o.get(b.id), C = S.appearance && S.appearance.class;
+      if (C) {
+        const N = C.split(" ").filter((F) => !F.startsWith("col-")), g = "col-" + b.columnInSM, M = "col-md-" + b.columnInMD, B = "col-xl-" + b.columnInLG, h = "col-el-" + b.columnInEL, V = [g, M, B, h].concat(N);
+        S.appearance.class = V.join(" ");
+      }
+      if (b.fieldSetId) {
+        const k = f.contents.find((g) => g.id === b.fieldSetId), N = p.find((g) => g.id === b.fieldSetId);
+        N ? (w = N.contents) == null || w.push(S) : (p.push(k), k.contents = [S]);
+      } else
+        p.push(S);
+    }), f.contents = p, f.id;
+  }
+  return {
+    checkCanFindFormNode: m,
+    checkCanOpenLayoutEditor: d,
+    changeFormControlsByResponseLayoutConfig: a,
+    getResonseFormLayoutConfig: s
+  };
+}
+class Te extends ke {
   constructor(t, o) {
     super(t, o);
-    x(this, "responseLayoutEditorFunction");
-    this.responseLayoutEditorFunction = ae(this.formSchemaUtils);
+    v(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = Fe(this.formSchemaUtils);
   }
   getPropertyConfig(t, o) {
     return this.propertyConfig.categories.basic = this.getBasicProperties(t, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t, o), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
   }
   getBasicProperties(t, o) {
-    var p;
-    var r = this;
-    this.setDesignViewModelField(t);
-    const l = this.formSchemaUtils.getFormMetadataBasicInfo(), u = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
+    var l;
+    const r = this;
+    return this.setDesignViewModelField(t), this.formSchemaUtils.getFormMetadataBasicInfo(), {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -894,7 +967,7 @@ class xe extends Me {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? q.getEditorTypesByMDataType((p = r.designViewModelField.type) == null ? void 0 : p.name) : q.getAllInputTypes()
+            data: r.designViewModelField ? q.getEditorTypesByMDataType((l = r.designViewModelField.type) == null ? void 0 : l.name) : q.getAllInputTypes()
           }
         },
         label: {
@@ -905,33 +978,29 @@ class xe extends Me {
         binding: {
           description: "绑定的表单字段",
           title: "绑定",
-          $converter: "/converter/field-selector.converter",
           editor: {
-            type: "field-selector",
+            type: "binding-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: t,
-              formBasicInfo: l
+              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(a, i) {
-        if (a)
-          switch (a && a.propertyID) {
+      setPropertyRelates(s, m) {
+        if (s)
+          switch (s && s.propertyID) {
             case "type": {
-              r.changeControlType(t, a, o);
+              r.changeControlType(t, s, o);
               break;
             }
             case "label": {
-              a.needRefreshControlTree = !0;
+              s.needRefreshControlTree = !0;
               break;
             }
           }
@@ -939,7 +1008,7 @@ class xe extends Me {
     };
   }
   getAppearanceProperties(t, o) {
-    var r = this;
+    const r = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -969,7 +1038,7 @@ class xe extends Me {
           }
         }
       },
-      setPropertyRelates(l, u) {
+      setPropertyRelates(l, s) {
         if (l)
           switch (l && l.propertyID) {
             case "responseLayout":
@@ -991,12 +1060,12 @@ class xe extends Me {
    * @param newControlType 新控件类型
    */
   changeControlType(t, o, r) {
-    var s, c, d, g;
-    const l = o.propertyValue, u = r && r.parent && r.parent.schema;
-    if (!u)
+    var c, i, u, f;
+    const l = o.propertyValue, s = r && r.parent && r.parent.schema;
+    if (!s)
       return;
-    const p = u.contents.findIndex((f) => f.id === t.id), a = u.contents[p];
-    let i;
+    const m = s.contents.findIndex((p) => p.id === t.id), d = s.contents[m];
+    let a;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
         $type: l
@@ -1004,22 +1073,22 @@ class xe extends Me {
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), i = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l)), i || (i = J("form-group") || {}, i.editor = J(l) || {}, delete i.editor.id, delete i.editor.binding, delete i.editor.appearance), Object.assign(i, {
-      id: a.id,
-      appearance: a.appearance,
-      size: a.size,
-      label: a.label,
-      binding: a.binding,
-      visible: a.visible
-    }), Object.assign(i.editor, {
-      isTextArea: i.isTextArea && a.isTextArea,
-      placeholder: (s = a.editor) == null ? void 0 : s.placeholder,
-      holdPlace: (c = a.editor) == null ? void 0 : c.holdPlace,
-      readonly: (d = a.editor) == null ? void 0 : d.readonly,
-      require: (g = a.editor) == null ? void 0 : g.require
-    }), u.contents.splice(p, 1), u.contents.splice(p, 0, i), r.schema = Object.assign(a, i), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (f) => f.classList.remove("dgComponentSelected")
-    ), Te.value++;
+    }, !1), a = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l)), a || (a = this.controlCreatorUtils.createFormGroupWithoutField(l)), Object.assign(a, {
+      id: d.id,
+      appearance: d.appearance,
+      size: d.size,
+      label: d.label,
+      binding: d.binding,
+      visible: d.visible
+    }), Object.assign(a.editor, {
+      isTextArea: a.isTextArea && d.isTextArea,
+      placeholder: (c = d.editor) == null ? void 0 : c.placeholder,
+      holdPlace: (i = d.editor) == null ? void 0 : i.holdPlace,
+      readonly: (u = d.editor) == null ? void 0 : u.readonly,
+      require: (f = d.editor) == null ? void 0 : f.require
+    }), s.contents.splice(m, 1), s.contents.splice(m, 0, a), r.schema = Object.assign(d, a), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (p) => p.classList.remove("dgComponentSelected")
+    ), Be.value++;
   }
   getComponentConfig(t, o = {}, r = {}) {
     const l = Object.assign({
@@ -1027,7 +1096,7 @@ class xe extends Me {
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, o), u = Object.assign({
+    }, o), s = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1049,7 +1118,7 @@ class xe extends Me {
         type: "string"
       }
     }, r);
-    return { ...l, properties: { ...u } };
+    return { ...l, properties: { ...s } };
   }
   /**
   * 修改某一输入控件的样式后更新Form的统一布局配置
@@ -1059,16 +1128,16 @@ class xe extends Me {
   */
   updateUnifiedLayoutAfterControlChanged(t, o, r) {
     const l = t.split(" ");
-    let u = l.find((c) => /^col-([1-9]|10|11|12)$/.test(c)), p = l.find((c) => /^col-md-([1-9]|10|11|12)$/.test(c)), a = l.find((c) => /^col-xl-([1-9]|10|11|12)$/.test(c)), i = l.find((c) => /^col-el-([1-9]|10|11|12)$/.test(c));
-    u = u || "col-12", p = p || "col-md-" + u.replace("col-", ""), a = a || "col-xl-" + p.replace("col-md-", ""), i = i || "col-el-" + a.replace("col-xl-", "");
-    const s = {
+    let s = l.find((i) => /^col-([1-9]|10|11|12)$/.test(i)), m = l.find((i) => /^col-md-([1-9]|10|11|12)$/.test(i)), d = l.find((i) => /^col-xl-([1-9]|10|11|12)$/.test(i)), a = l.find((i) => /^col-el-([1-9]|10|11|12)$/.test(i));
+    s = s || "col-12", m = m || "col-md-" + s.replace("col-", ""), d = d || "col-xl-" + m.replace("col-md-", ""), a = a || "col-el-" + d.replace("col-xl-", "");
+    const c = {
       id: o,
-      columnInSM: parseInt(u.replace("col-", ""), 10),
-      columnInMD: parseInt(p.replace("col-md-", ""), 10),
-      columnInLG: parseInt(a.replace("col-xl-", ""), 10),
-      columnInEL: parseInt(i.replace("col-el-", ""), 10)
+      columnInSM: parseInt(s.replace("col-", ""), 10),
+      columnInMD: parseInt(m.replace("col-md-", ""), 10),
+      columnInLG: parseInt(d.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(a.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(r, s);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(r, c);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
@@ -1081,15 +1150,15 @@ class xe extends Me {
       return;
     const l = [];
     if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(r, l, 1), o) {
-      const f = l.find((w) => w.id === o.id);
-      Object.assign(f || {}, o);
+      const p = l.find((b) => b.id === o.id);
+      Object.assign(p || {}, o);
     }
-    const u = l.map((f) => f.columnInSM), p = l.map((f) => f.columnInMD), a = l.map((f) => f.columnInLG), i = l.map((f) => f.columnInEL), s = this.checkIsUniqueColumn(u) ? u[0] : null, c = this.checkIsUniqueColumn(p) ? p[0] : null, d = this.checkIsUniqueColumn(a) ? a[0] : null, g = this.checkIsUniqueColumn(i) ? i[0] : null;
+    const s = l.map((p) => p.columnInSM), m = l.map((p) => p.columnInMD), d = l.map((p) => p.columnInLG), a = l.map((p) => p.columnInEL), c = this.checkIsUniqueColumn(s) ? s[0] : null, i = this.checkIsUniqueColumn(m) ? m[0] : null, u = this.checkIsUniqueColumn(d) ? d[0] : null, f = this.checkIsUniqueColumn(a) ? a[0] : null;
     Object.assign(r.unifiedLayout, {
-      uniqueColClassInSM: s,
-      uniqueColClassInMD: c,
-      uniqueColClassInLG: d,
-      uniqueColClassInEL: g
+      uniqueColClassInSM: c,
+      uniqueColClassInMD: i,
+      uniqueColClassInLG: u,
+      uniqueColClassInEL: f
     });
   }
   /**
@@ -1100,7 +1169,7 @@ class xe extends Me {
     return Array.from(o).length === 1;
   }
 }
-class Fe extends xe {
+class Ee extends Te {
   constructor(n, t) {
     super(n, t);
   }
@@ -1114,90 +1183,66 @@ class Fe extends xe {
     });
   }
 }
-function Ee(e, n) {
-  const {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: p,
-    triggerBelongedComponentToMoveWhenMoved: a,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Ve(e), s = e.schema;
-  function c(d, g) {
-    return new Fe(d, n).getPropertyConfig(s, g);
+function Pe(e, n) {
+  const t = e.schema;
+  function o(r, l) {
+    return new Ee(r, n).getPropertyConfig(t, l);
   }
-  return {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: p,
-    triggerBelongedComponentToMoveWhenMoved: a,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: c
-  };
+  return { getPropsConfig: o };
 }
-const Pe = /* @__PURE__ */ X({
+const De = /* @__PURE__ */ Q({
   name: "FNumberRangeDesign",
   props: z,
   emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
   setup(e, n) {
-    const t = V(e.beginValue), o = V(""), r = V(e.endValue), l = V(""), u = te(e), p = ne(e, n, u), a = (v) => {
-      n.emit("beginValueChange", v);
-    }, i = V(), s = Z("designer-host-service"), c = Z("design-item-context"), d = Ee(c, s), g = Ne(i, c, d);
-    G(() => {
-      i.value.componentInstance = g;
-    }), n.expose(g.value);
-    const f = O(e, n, o, t, p, u, a, t, r, !0), w = j(e, n, o, t, p, u, f, a, t, r, !0), D = I(e, n, f), E = U(e, n, w, !0), F = (v) => {
-      n.emit("endValueChange", v);
-    }, S = O(e, n, l, r, p, u, F, t, r, !1), B = j(e, n, l, r, p, u, S, F, t, r, !1), N = I(e, n, S), y = U(e, n, B, !1), {
-      getRealValue: C
-    } = u, {
-      format: b
-    } = p, h = P(() => !e.disabled && !e.readonly && e.showButton);
-    return G(() => {
-      const v = C(e.beginValue), k = C(e.endValue);
-      o.value = b(v), l.value = b(k);
-    }), L(() => [e.beginValue], ([v]) => {
-      const k = C(v);
-      o.value = b(k);
-    }), L(() => [e.endValue], ([v]) => {
-      const k = C(v);
-      l.value = b(k);
-    }), L(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      o.value = b(t.value), l.value = b(r.value);
-    }), () => T("div", {
-      ref: i,
+    const t = P(e.beginValue), o = P(""), r = P(e.endValue), l = P(""), s = te(e), m = ne(e, n, s), d = (F) => {
+      n.emit("beginValueChange", F);
+    }, a = P(), c = Z("designer-host-service"), i = Z("design-item-context"), u = Pe(i, c), f = Ne(a, i, u);
+    W(() => {
+      a.value.componentInstance = f;
+    }), n.expose(f.value);
+    const p = A(e, n, o, t, m, s, d, t, r, !0), b = O(e, n, o, t, m, s, p, d, t, r, !0), S = U(e, n, p), C = j(e, n, b, !0), w = (F) => {
+      n.emit("endValueChange", F);
+    }, k = A(e, n, l, r, m, s, w, t, r, !1), N = O(e, n, l, r, m, s, k, w, t, r, !1), g = U(e, n, k), M = j(e, n, N, !1), {
+      getRealValue: B
+    } = s, {
+      format: h
+    } = m, V = D(() => !e.disabled && !e.readonly && e.showButton);
+    return W(() => {
+      const F = B(e.beginValue), I = B(e.endValue);
+      o.value = h(F), l.value = h(I);
+    }), x(() => [e.beginValue], ([F]) => {
+      const I = B(F);
+      o.value = h(I);
+    }), x(() => [e.endValue], ([F]) => {
+      const I = B(F);
+      l.value = h(I);
+    }), x(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+      o.value = h(t.value), l.value = h(r.value);
+    }), () => E("div", {
+      ref: a,
       class: "input-group  number-range f-cmp-number-spinner"
-    }, [T("div", {
+    }, [E("div", {
       class: "form-control input-container"
-    }, [T("div", {
+    }, [E("div", {
       class: "sub-input-group"
-    }, [E(), h.value && D()]), T("span", {
+    }, [C(), V.value && S()]), E("span", {
       class: "spliter"
-    }, [Q("~")]), T("div", {
+    }, [R("~")]), E("div", {
       class: "sub-input-group"
-    }, [y(), h.value && N()])])]);
+    }, [M(), V.value && g()])])]);
   }
-}), De = (e) => {
-  const n = e;
-  return n.install = function(t) {
-    t.component(n.name, e);
-  }, e;
-};
-$.register = (e, n, t, o) => {
-  e["number-range"] = $, n["number-range"] = ee;
+});
+G.register = (e, n, t, o) => {
+  e["number-range"] = G, n["number-range"] = ee;
 };
-$.registerDesigner = (e, n, t) => {
-  e["number-range"] = Pe, n["number-range"] = ee;
+G.registerDesigner = (e, n, t) => {
+  e["number-range"] = De, n["number-range"] = ee;
 };
-const $e = De($);
+const Ue = ie(G);
 export {
-  $ as FNumberRange,
-  $e as default,
+  G as FNumberRange,
+  Ue as default,
   z as numberRangeProps,
   ee as propsResolver
 };