@farris/ui-vue 1.3.0 → 1.3.1

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

@@ -1,103 +1,102 @@
-var ne = Object.defineProperty;
-var oe = (t, n, e) => n in t ? ne(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var w = (t, n, e) => oe(t, typeof n != "symbol" ? n + "" : n, e);
-import { computed as B, ref as k, createVNode as V, onMounted as I, nextTick as G, defineComponent as J, watch as U, inject as W } from "vue";
-import { isPlainObject as z, cloneDeep as X } from "lodash-es";
-import S from "bignumber.js";
-import { getSchemaByType as Z } from "../dynamic-resolver/index.esm.js";
-import { useResponseLayoutEditorSetting as re } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
-const Q = {}, R = {};
-function $(t) {
-  const { properties: n, title: e, ignore: r } = t, i = r && Array.isArray(r), c = Object.keys(n).reduce((s, p) => ((!i || !r.find((u) => u == p)) && (s[p] = n[p].type === "object" && n[p].properties ? $(n[p]) : X(n[p].default)), s), {});
-  return (!i || !r.find((s) => s == "id")) && (c.id = `${e}-${Date.now()}`), c;
+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 N from "bignumber.js";
+import { DgControl as $ } from "../designer-canvas/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 j(t, n = {}, e) {
-  const r = Q[t];
+function J(e, n = {}, t) {
+  const r = Z[e];
   if (r) {
-    let i = $(r);
-    const c = R[t];
-    return i = c ? c({ getSchemaByType: j }, i, n, e) : i, i;
+    let i = O(r);
+    const s = X[e];
+    return i = s ? s({ getSchemaByType: J }, i, n, t) : i, i;
   }
   return null;
 }
-function ie(t, n) {
-  const e = $(n);
-  return Object.keys(t).reduce((r, i) => (r[i] && z(r[i]) && z(t[i]) ? Object.assign(r[i], t[i]) : r[i] = t[i], r), e), e;
+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 ae(t, n) {
-  return Object.keys(t).filter((r) => t[r] != null).reduce((r, i) => {
+function oe(e, n) {
+  return Object.keys(e).filter((r) => e[r] != null).reduce((r, i) => {
     if (n.has(i)) {
-      const c = n.get(i);
-      if (typeof c == "string")
-        r[c] = t[i];
+      const s = n.get(i);
+      if (typeof s == "string")
+        r[s] = e[i];
       else {
-        const s = c(i, t[i], t);
-        Object.assign(r, s);
+        const u = s(i, e[i], e);
+        Object.assign(r, u);
       }
     } else
-      r[i] = t[i];
+      r[i] = e[i];
     return r;
   }, {});
 }
-function le(t, n, e = /* @__PURE__ */ new Map()) {
-  const r = ie(t, n);
-  return ae(r, e);
+function re(e, n, t = /* @__PURE__ */ new Map()) {
+  const r = ne(e, n);
+  return oe(r, t);
 }
-function ce(t = {}) {
-  function n(o, l, a, d) {
-    if (typeof a == "number")
-      return d[o].length === a;
-    if (typeof a == "object") {
-      const y = Object.keys(a)[0], m = a[y];
-      if (y === "not")
-        return Number(d[o].length) !== Number(m);
-      if (y === "moreThan")
-        return Number(d[o].length) >= Number(m);
-      if (y === "lessThan")
-        return Number(d[o].length) <= Number(m);
+function ie(e = {}) {
+  function n(a, l, o, c) {
+    if (typeof o == "number")
+      return c[a].length === o;
+    if (typeof o == "object") {
+      const f = Object.keys(o)[0], m = o[f];
+      if (f === "not")
+        return Number(c[a].length) !== Number(m);
+      if (f === "moreThan")
+        return Number(c[a].length) >= Number(m);
+      if (f === "lessThan")
+        return Number(c[a].length) <= Number(m);
     }
     return !1;
   }
-  function e(o, l, a, d) {
-    return d[o] && d[o].propertyValue && String(d[o].propertyValue.value) === String(a);
+  function t(a, l, o, c) {
+    return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(o);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", n],
-    ["getProperty", e]
+    ["getProperty", t]
   ]);
-  Object.keys(t).reduce((o, l) => (o.set(l, t[l]), o), r);
-  function i(o, l) {
-    const a = o;
-    return typeof l == "number" ? [{ target: a, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: a, operator: "getProperty", param: o, value: !!l }] : typeof l == "object" ? Object.keys(l).map((d) => {
-      if (d === "length")
-        return { target: a, operator: "length", param: null, value: l[d] };
-      const y = d, m = l[d];
-      return { target: a, operator: "getProperty", param: y, value: m };
+  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 };
     }) : [];
   }
-  function c(o) {
-    return Object.keys(o).reduce((a, d) => {
-      const y = i(d, o[d]);
-      return a.push(...y), a;
+  function s(a) {
+    return Object.keys(a).reduce((o, c) => {
+      const f = i(c, a[c]);
+      return o.push(...f), o;
     }, []);
   }
-  function s(o, l) {
-    if (r.has(o.operator)) {
-      const a = r.get(o.operator);
-      return a && a(o.target, o.param, o.value, l) || !1;
+  function u(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(o, l) {
-    return c(o).reduce((y, m) => y && s(m, l), !0);
+  function p(a, l) {
+    return s(a).reduce((f, m) => f && u(m, l), !0);
   }
-  function u(o, l) {
-    const a = Object.keys(o), d = a.includes("allOf"), y = a.includes("anyOf"), m = d || y, F = (m ? o[m ? d ? "allOf" : "anyOf" : "allOf"] : [o]).map((P) => p(P, l));
-    return d ? !F.includes(!1) : F.includes(!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 { parseValueSchema: u };
+  return { parseValueSchema: d };
 }
-const f = {
+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" },
@@ -136,20 +135,20 @@ const f = {
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
   fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, se = {}, ue = {};
-ce();
-function pe(t, n, e = /* @__PURE__ */ new Map(), r = (s, p, u) => p, i = {}, c = (s) => s) {
-  return Q[n.title] = n, R[n.title] = r, se[n.title] = i, ue[n.title] = c, (s = {}) => {
-    const p = le(s, n, e), u = Object.keys(t).reduce((o, l) => (o[l] = t[l].default, o), {});
-    return Object.assign(u, p);
+}, 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);
   };
 }
-function de(t, n) {
+function ce(e, n) {
   return { customClass: n.class, customStyle: n.style };
 }
-const me = /* @__PURE__ */ new Map([
-  ["appearance", de]
-]), fe = "https://json-schema.org/draft/2020-12/schema", ye = "https://farris-design.gitee.io/number-spinner.schema.json", ge = "number-spinner", be = "A Farris Input Component", he = "object", ve = {
+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 = {
   id: {
     description: "The unique identifier for a number spinner",
     type: "string"
@@ -250,27 +249,27 @@ const me = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, Ce = [
+}, he = [
   "id",
   "type"
-], we = [
+], be = [
   "id",
   "appearance",
   "binding"
-], Se = {
-  $schema: fe,
-  $id: ye,
-  title: ge,
-  description: be,
-  type: he,
-  properties: ve,
-  required: Ce,
-  ignore: we
+], ve = {
+  $schema: pe,
+  $id: de,
+  title: me,
+  description: fe,
+  type: ye,
+  properties: ge,
+  required: he,
+  ignore: be
 };
-function ke(t, n, e) {
+function Ce(e, n, t) {
   return n;
 }
-const q = {
+const U = {
   /**
    * 组件标识
    */
@@ -374,356 +373,347 @@ const q = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Y = pe(q, Se, me, ke);
-function _(t, n, e, r) {
-  const { format: i } = e, { displayValue: c, getRealValue: s, modelValue: p, onNumberValueChanged: u } = r;
-  function o() {
-    const C = new S(p.value || 0);
-    return !(t.max && !new S(t.max).isNaN() && C.gte(new S(t.max)));
+}, 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;
+  function a() {
+    const b = new N(p.value || 0);
+    return !(e.max && !new N(e.max).isNaN() && b.gte(new N(e.max)));
   }
   function l() {
-    const C = new S(p.value || 0);
-    return !(t.min && !new S(t.min).isNaN() && C.lte(new S(t.min)));
+    const b = new N(p.value || 0);
+    return !(e.min && !new N(e.min).isNaN() && b.lte(new N(e.min)));
   }
-  function a(C) {
-    if (t.readonly || t.disabled)
+  function o(b) {
+    if (e.readonly || e.disabled)
       return;
-    const F = C === "up" ? o : l, E = C === "up" ? "plus" : "minus";
-    if (F()) {
-      const b = new S(p.value || 0)[E](Number(t.step)), N = b.toFixed();
-      c.value = i(N), u(s(b));
+    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));
     }
   }
-  function d() {
-    a("up");
+  function c() {
+    o("up");
   }
-  function y() {
-    a("down");
+  function f() {
+    o("down");
   }
-  function m(C) {
-    d(), C.stopPropagation();
+  function m(b) {
+    c(), b.stopPropagation();
   }
-  function v(C) {
-    y(), C.stopPropagation();
+  function g(b) {
+    f(), b.stopPropagation();
   }
-  return { canDownward: l, canUpward: o, downward: y, onClickDownButton: v, onClickUpButton: m, upward: d };
+  return { canDownward: l, canUpward: a, downward: f, onClickDownButton: g, onClickUpButton: m, upward: c };
 }
-function H(t, n, e) {
-  const r = B(() => ({
-    prefix: t.prefix,
-    suffix: t.suffix,
-    decimalSeparator: t.decimalSeparator,
-    groupSeparator: t.useThousands ? t.groupSeparator : "",
-    groupSize: t.groupSize
-  })), { getValidNumberObject: i, precision: c } = e;
-  function s(o) {
-    return o = o == null || o === "" ? "" : String(o), o = o.replace(new RegExp(t.prefix, "g"), "").replace(new RegExp(t.suffix, "g"), "").replace(/,/g, ""), t.groupSeparator && t.groupSeparator !== "," && (o = o.replace(new RegExp(`\\${t.groupSeparator}`, "g"), "")), t.decimalSeparator && t.decimalSeparator !== "." && (o = o.replace(new RegExp(`\\${t.decimalSeparator}`, "g"), ".")), o;
-  }
-  function p(o, l) {
-    return t.precision !== null && t.precision !== void 0 ? o.toFormat(c.value, l) : o.toFormat(l);
-  }
-  function u(o) {
-    const l = s(o), a = new S(l, 10), d = i(a);
-    return d.valueOf() === "0" && !t.showZero || d.isNaN() ? "" : t.formatter ? t.formatter(d.toNumber()) : p(d, r.value);
-  }
-  return { cleanFormat: s, format: u };
+function H(e, n, t) {
+  const r = F(() => ({
+    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) {
+    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) {
+    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);
+  }
+  return { cleanFormat: u, format: d };
 }
-function K(t, n) {
-  const e = k(""), r = k(t.modelValue), i = B(() => Number(t.precision) || 0);
-  function c(l) {
+function _(e, n) {
+  const t = B(""), r = B(e.modelValue), i = F(() => Number(e.precision) || 0);
+  function s(l) {
     return l.toFixed(i.value);
   }
-  function s(l) {
+  function u(l) {
     return isNaN(l) || l === null || l === void 0 || l === "";
   }
   function p(l) {
-    const a = s(t.max) ? null : new S(String(t.max), 10), d = s(t.min) ? null : new S(String(t.min), 10);
-    return a && l.gt(a) ? a : d && l.lt(d) ? d : l;
-  }
-  function u(l) {
-    if (t.parser)
-      return isNaN(Number(l)) ? t.parser(l) : l;
-    let a = p(new S(l, 10));
-    if (a.isNaN()) {
-      if (t.canNull)
+    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) {
+    if (e.parser)
+      return isNaN(Number(l)) ? e.parser(l) : l;
+    let o = p(new N(l, 10));
+    if (o.isNaN()) {
+      if (e.canNull)
         return null;
-      const y = new S("" + t.min, 10), m = new S("" + t.max, 10);
-      if (!y.isNaN())
-        a = y;
+      const f = new N("" + e.min, 10), m = new N("" + e.max, 10);
+      if (!f.isNaN())
+        o = f;
       else if (!m.isNaN())
-        a = m;
+        o = m;
       else
         return 0;
     }
-    return c(a);
+    return s(o);
   }
-  function o(l) {
-    const a = Number(l);
-    r.value = a, n.emit("update:modelValue", a), n.emit("valueChange", a), n.emit("change", a);
+  function a(l) {
+    const o = Number(l);
+    r.value = o, n.emit("update:modelValue", o), n.emit("valueChange", o), n.emit("change", o);
   }
-  return { displayValue: e, getRealValue: u, modelValue: r, isEmpty: s, onNumberValueChanged: o, precision: i, getValidNumberObject: p };
+  return { displayValue: t, getRealValue: d, modelValue: r, isEmpty: u, onNumberValueChanged: a, precision: i, getValidNumberObject: p };
 }
-function Ne(t, n, e, r, i) {
-  const { cleanFormat: c, format: s } = e, { displayValue: p, getRealValue: u, modelValue: o, isEmpty: l, onNumberValueChanged: a } = r, { downward: d, upward: y } = i, m = k(!1), v = B(() => p.value);
-  function C(b) {
-    var h;
-    if (b.stopPropagation(), m.value = !1, t.readonly || t.disabled)
+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);
+  function b(C) {
+    var M;
+    if (C.stopPropagation(), m.value = !1, e.readonly || e.disabled)
       return;
-    let N = (h = b.target) == null ? void 0 : h.value;
-    t.canNull || (N = N || 0);
-    const g = c(N);
-    p.value = s(g), a(u(g)), n.emit("blur", { event: b, formatted: p.value, value: o.value });
-  }
-  function F(b) {
-    b.stopPropagation(), m.value = !0, !(t.readonly || t.disabled) && (p.value = l(o.value) || !t.showZero && o.value === "0" ? "" : String(o.value), n.emit("focus", { event: b, formatted: p.value, value: o.value }));
-  }
-  function E(b) {
-    var h;
-    b.stopPropagation();
-    let N = (h = b.target) == null ? void 0 : h.value;
-    t.canNull || (N = N || 0);
-    const g = c(N);
-    p.value = g, a(u(g));
-  }
-  function P(b) {
-    b.key === "ArrowDown" && (b.preventDefault(), d()), b.key === "ArrowUp" && (b.preventDefault(), y()), b.stopPropagation();
-  }
-  return { textBoxValue: v, onBlurTextBox: C, onFocusTextBox: F, onInput: E, onKeyDown: P, isFocus: m };
+    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 }));
+  }
+  function S(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));
+  }
+  function T(C) {
+    C.key === "ArrowDown" && (C.preventDefault(), c()), C.key === "ArrowUp" && (C.preventDefault(), f()), C.stopPropagation();
+  }
+  return { textBoxValue: g, onBlurTextBox: b, onFocusTextBox: w, onInput: S, onKeyDown: T, isFocus: m };
 }
-function ee(t, n, e) {
+function K(e, n, t) {
   const {
     canDownward: r,
     canUpward: i,
-    onClickDownButton: c,
-    onClickUpButton: s
-  } = e, p = B(() => ({
+    onClickDownButton: s,
+    onClickUpButton: u
+  } = t, p = F(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), u = B(() => ({
+  })), d = F(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), o = B(() => ({
+  })), a = F(() => ({
     cursor: i() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), l = B(() => ({
+  })), l = F(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => V("div", {
+  return () => E("div", {
     class: p.value
-  }, [V("button", {
+  }, [E("button", {
     title: "upButton",
-    class: u.value,
-    style: o.value,
-    onClick: s,
+    class: d.value,
+    style: a.value,
+    onClick: u,
     disabled: !i()
-  }, [V("span", {
+  }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), V("button", {
+  }, null)]), E("button", {
     title: "downButton",
-    class: u.value,
+    class: d.value,
     style: l.value,
-    onClick: c,
+    onClick: s,
     disabled: !r()
-  }, [V("span", {
+  }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function Me(t, n, e) {
-  const r = k(), {
+function Se(e, n, t) {
+  const r = B(), {
     onBlurTextBox: i,
-    onFocusTextBox: c,
-    onInput: s,
+    onFocusTextBox: s,
+    onInput: u,
     onKeyDown: p,
-    textBoxValue: u
-  } = e, o = B(() => t.disabled || t.readonly || !t.editable ? "" : t.placeholder), l = B(() => ({
+    textBoxValue: d
+  } = t, a = F(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), l = F(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), a = B(() => ({
-    "text-align": t.textAlign
+  })), o = F(() => ({
+    "text-align": e.textAlign
   }));
-  function d(v) {
-    v.stopPropagation();
+  function c(g) {
+    g.stopPropagation();
   }
-  function y() {
-    t.selectOnCreated, t.focusOnCreated;
+  function f() {
+    e.selectOnCreated, e.focusOnCreated;
   }
-  async function m(v) {
-    c(v), await G, y();
+  async function m(g) {
+    s(g), await j, f();
   }
-  return I(async () => {
-    await G, y();
-  }), () => V("input", {
+  return x(async () => {
+    await j, f();
+  }), () => E("input", {
     ref: r,
     class: l.value,
-    style: a.value,
+    style: o.value,
     type: "text",
-    value: u.value,
-    disabled: t.disabled,
-    readonly: t.readonly || !t.editable,
-    placeholder: o.value,
+    value: d.value,
+    disabled: e.disabled,
+    readonly: e.readonly || !e.editable,
+    placeholder: a.value,
     onBlur: i,
-    onChange: d,
+    onChange: c,
     onFocus: m,
-    onInput: s,
+    onInput: u,
     onKeydown: p
   }, null);
 }
-const L = /* @__PURE__ */ J({
+const P = /* @__PURE__ */ q({
   name: "FNumberSpinner",
-  props: q,
+  props: U,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
-  setup(t, n) {
-    const e = K(t, n), r = H(t, n, e), i = _(t, n, r, e), c = Ne(t, n, r, e, i), s = ee(t, n, i), {
+  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: u,
-      getRealValue: o
-    } = e, l = Me(t, n, c), {
-      format: a
+      modelValue: d,
+      getRealValue: a
+    } = t, l = Se(e, n, s), {
+      format: o
     } = r, {
-      isFocus: d
-    } = c, y = B(() => !t.disabled && !t.readonly && t.showButton);
-    return I(() => {
-      const m = o(t.modelValue);
-      p.value = a(m);
-    }), U(() => [t.value], ([m]) => {
-      const v = o(m);
-      u.value = v, p.value = a(v);
-    }), U(() => [t.modelValue], ([m]) => {
-      m !== u.value && (u.value = m, !d.value && (p.value = a(o(m))));
-    }), U(() => [t.precision, t.useThousands, t.prefix, t.suffix, t.showZero], () => {
-      p.value = a(u.value);
-    }), () => V("div", {
+      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);
+    }), () => E("div", {
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-    }, [l(), y.value && s()]);
+    }, [l(), f.value && u()]);
   }
 });
-function Be(t, n, e) {
-  var N;
+function ke(e, n, t) {
+  var C;
   function r() {
-    e != null && e.resolveComponentContext && e.resolveComponentContext();
+    t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   r();
-  const i = e && e.getStyles && e.getStyles() || "", c = e && e.getDesignerClass && e.getDesignerClass() || "", s = k();
+  const i = t && t.getStyles && t.getStyles() || "", s = t && t.getDesignerClass && t.getDesignerClass() || "", u = B();
   function p() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function u() {
+  function d() {
     return !1;
   }
-  function o() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
+  function a() {
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
   function l() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function a(g) {
-    if (!g || !g.value)
+  function o(h) {
+    if (!h || !h.value)
       return null;
-    if (g.value.schema && g.value.schema.type === "component")
-      return g.value;
-    const h = k(g == null ? void 0 : g.value.parent), M = a(h);
+    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);
     return M || null;
   }
-  function d(g = n) {
-    const { componentInstance: h, designerItemElementRef: M } = g;
-    return !h || !h.value ? null : h.value.canMove ? M : d(g.parent);
+  function c(h = n) {
+    const { componentInstance: k, designerItemElementRef: M } = h;
+    return !k || !k.value ? null : k.value.canMove ? M : c(h.parent);
   }
-  function y(g) {
-    return !!e && e.canAccepts(g);
+  function f(h) {
+    return !!t && t.canAccepts(h);
   }
   function m() {
     return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
   }
-  function v() {
+  function g() {
   }
-  function C(g, h) {
-    h && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(h);
+  function b(h, k) {
+    k && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(k);
   }
-  function F(g, h) {
-    const { componentType: M } = g;
-    let T = j(M, g, h);
-    e && e.onResolveNewComponentSchema && (T = e.onResolveNewComponentSchema(g, T));
+  function w(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 T && !T.id && T.type === M && (T.id = `${A}_${Math.random().toString().slice(2, 6)}`), T;
-  }
-  function E(g, h) {
-    const M = String(g.getAttribute("data-controltype")), T = g.getAttribute("data-feature"), A = T ? JSON.parse(T) : {};
-    A.parentComponentInstance = s.value;
-    let x = j(M, A);
-    e && e.onAcceptNewChildElement && (x = e.onAcceptNewChildElement(g, h, x));
-    const te = M.toLowerCase().replace("-", "_");
-    return x && !x.id && x.type === M && (x.id = `${te}_${Math.random().toString().slice(2, 6)}`), x;
+    return V && !V.id && V.type === M && (V.id = `${A}_${Math.random().toString().slice(2, 6)}`), V;
   }
-  function P(g) {
+  function S(h) {
   }
-  function b(...g) {
-    if (e && e.getPropsConfig)
-      return e.getPropsConfig(...g);
+  function T(...h) {
+    if (t && t.getPropsConfig)
+      return t.getPropsConfig(...h);
   }
-  return s.value = {
+  return u.value = {
     canMove: p(),
-    canSelectParent: u(),
-    canDelete: o(),
+    canSelectParent: d(),
+    canDelete: a(),
     canNested: !l(),
     contents: n == null ? void 0 : n.schema.contents,
-    elementRef: t,
-    parent: (N = n == null ? void 0 : n.parent) == null ? void 0 : N.componentInstance,
+    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: c,
-    canAccepts: y,
-    getBelongedComponentInstance: a,
-    getDraggableDesignItemElement: d,
+    designerClass: s,
+    canAccepts: f,
+    getBelongedComponentInstance: o,
+    getDraggableDesignItemElement: c,
     getDraggingDisplayText: m,
-    getPropConfig: b,
-    getDragScopeElement: v,
-    onAcceptMovedChildElement: C,
-    onAcceptNewChildElement: E,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: F,
+    getPropConfig: T,
+    getDragScopeElement: g,
+    onAcceptMovedChildElement: b,
+    onChildElementMovedOut: S,
+    addNewChildComponentSchema: w,
     updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || k(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
-  }, s;
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || B(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || B(!1)
+  }, u;
 }
-class Te {
-  constructor(n, e) {
-    w(this, "componentId");
-    w(this, "viewModelId");
-    w(this, "eventsEditorUtils");
-    w(this, "formSchemaUtils");
-    w(this, "formMetadataConverter");
-    w(this, "designViewModelUtils");
-    w(this, "designViewModelField");
-    w(this, "controlCreatorUtils");
-    w(this, "designerHostService");
-    w(this, "schemaService", null);
-    w(this, "metadataService", null);
-    w(this, "propertyConfig", {
+class Me {
+  constructor(n, t) {
+    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: {}
     });
     var r;
-    this.componentId = n, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService;
+    this.componentId = n, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
   }
   getTableInfo() {
     var n;
     return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(n) {
-    const e = n.binding && n.binding.type === "Form" && n.binding.field;
-    if (e) {
+    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 === e);
+        this.designViewModelField = r.fields.find((i) => i.id === t);
       }
       n.updateOn = this.designViewModelField.updateOn;
     }
   }
-  changeFieldEditorType(n, e) {
+  changeFieldEditorType(n, t) {
   }
   getBasicPropConfig(n) {
     return {
@@ -744,7 +734,7 @@ class Te {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: n.type, name: f[n.type].name }]
+            data: [{ value: n.type, name: y[n.type].name }]
           }
         }
       }
@@ -776,12 +766,12 @@ class Te {
   * @param componentInstance 
   * @returns 
   */
-  updateElementByParentContainer(n, e) {
-    const r = e && e.parent && e.parent.schema;
+  updateElementByParentContainer(n, t) {
+    const r = t && t.parent && t.parent.schema;
     if (!r)
       return;
-    const i = r.contents.findIndex((s) => s.id === n), c = X(r.contents[i]);
-    r.contents.splice(i, 1), r.contents.splice(i, 0, c);
+    const i = r.contents.findIndex((u) => u.id === n), s = z(r.contents[i]);
+    r.contents.splice(i, 1), r.contents.splice(i, 0, s);
   }
 }
 const D = class D {
@@ -789,16 +779,16 @@ const D = class D {
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(n) {
-    const e = D.fieldControlTypeMapping[n];
-    return e || [{ key: "", value: "" }];
+    const t = D.fieldControlTypeMapping[n];
+    return t || [{ key: "", value: "" }];
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
     const n = [];
-    for (let e in D.fieldControlTypeMapping)
-      D.fieldControlTypeMapping[e].forEach((r) => {
+    for (let t in D.fieldControlTypeMapping)
+      D.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;
@@ -807,68 +797,175 @@ const D = class D {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-w(D, "fieldControlTypeMapping", {
+v(D, "fieldControlTypeMapping", {
   String: [
-    { key: f["input-group"].type, value: f["input-group"].name },
-    { key: f.lookup.type, value: f.lookup.name },
-    { key: f["date-picker"].type, value: f["date-picker"].name },
-    { key: f["check-box"].type, value: f["check-box"].name },
-    { key: f["radio-group"].type, value: f["radio-group"].name },
-    { key: f["combo-list"].type, value: f["combo-list"].name },
-    { key: f.textarea.type, value: f.textarea.name }
+    { 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: f.textarea.type, value: f.textarea.name },
-    { key: f.lookup.type, value: f.lookup.name }
+    { key: y.textarea.type, value: y.textarea.name },
+    { key: y.lookup.type, value: y.lookup.name }
   ],
   Decimal: [
-    { key: f["number-spinner"].type, value: f["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Integer: [
-    { key: f["number-spinner"].type, value: f["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Number: [
-    { key: f["number-spinner"].type, value: f["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   BigNumber: [
-    { key: f["number-spinner"].type, value: f["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Date: [
-    { key: f["date-picker"].type, value: f["date-picker"].name }
+    { key: y["date-picker"].type, value: y["date-picker"].name }
   ],
   DateTime: [
-    { key: f["date-picker"].type, value: f["date-picker"].name }
+    { key: y["date-picker"].type, value: y["date-picker"].name }
   ],
   Boolean: [
-    { key: f.switch.type, value: f.switch.name },
-    { key: f["check-box"].type, value: f["check-box"].name }
+    { key: y.switch.type, value: y.switch.name },
+    { key: y["check-box"].type, value: y["check-box"].name }
   ],
   Enum: [
-    { key: f["combo-list"].type, value: f["combo-list"].name },
-    { key: f["radio-group"].type, value: f["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: f.lookup.type, value: f.lookup.name },
-    { key: f["combo-list"].type, value: f["combo-list"].name },
-    { key: f["radio-group"].type, value: f["radio-group"].name }
+    { 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 O = D;
-const Ve = k(0);
-class Fe extends Te {
-  constructor(e, r) {
-    super(e, r);
-    w(this, "responseLayoutEditorFunction");
-    this.responseLayoutEditorFunction = re(this.formSchemaUtils);
-  }
-  getPropertyConfig(e, r) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(e, r), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, r), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
-  }
-  getBasicProperties(e, r) {
+let I = D;
+const Ne = B(0);
+class Be {
+  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 r = /* @__PURE__ */ new Map();
+  let i = [];
+  function s(l, o) {
+    const f = l.split(" ").filter((S) => S.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);
+  }
+  function u(l, o, c, f = !1) {
+    let m = !1;
+    l.contents.forEach((g) => {
+      if (g.type === "fieldset") {
+        c += 1, u(g, o, c, !0), m = !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);
+    });
+  }
+  function p(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 };
+  }
+  function d(l, o) {
+    o = o || l.id;
+    const { result: c, message: f, formNode: m } = p(o);
+    if (!c)
+      return { result: c, 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);
+    return {
+      defaultState: {
+        defaultGroupNumber: n || 1,
+        model: b ? "customize" : "standard"
+      },
+      importData: i
+    };
+  }
+  function a(l, o) {
+    o = o;
+    const { result: c, formNode: f } = p(o);
+    if (!c)
+      return "";
+    const m = [];
+    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(" ");
+      }
+      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]);
+      } else
+        m.push(b);
+    }), f.contents = m, f.id;
+  }
+  return {
+    checkCanFindFormNode: p,
+    checkCanOpenLayoutEditor: d,
+    changeFormControlsByResponseLayoutConfig: a,
+    getResonseFormLayoutConfig: u
+  };
+}
+class Te extends Me {
+  constructor(t, r) {
+    super(t, r);
+    v(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = Fe(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(e);
-    const c = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    this.setDesignViewModelField(t);
+    const s = this.formSchemaUtils.getFormMetadataBasicInfo(), u = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -890,7 +987,7 @@ class Fe extends Te {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: i.designViewModelField ? O.getEditorTypesByMDataType((p = i.designViewModelField.type) == null ? void 0 : p.name) : O.getAllInputTypes()
+            data: i.designViewModelField ? I.getEditorTypesByMDataType((p = i.designViewModelField.type) == null ? void 0 : p.name) : I.getAllInputTypes()
           }
         },
         label: {
@@ -906,8 +1003,8 @@ class Fe extends Te {
             type: "field-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: e,
-              formBasicInfo: c
+              propertyData: t,
+              formBasicInfo: s
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -915,26 +1012,26 @@ class Fe extends Te {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: s
+            data: u
           }
         }
       },
-      setPropertyRelates(u, o) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(d, a) {
+        if (d)
+          switch (d && d.propertyID) {
             case "type": {
-              i.changeControlType(e, u, r);
+              i.changeControlType(t, d, r);
               break;
             }
             case "label": {
-              u.needRefreshControlTree = !0;
+              d.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(e, r) {
+  getAppearanceProperties(t, r) {
     var i = this;
     return {
       title: "样式",
@@ -961,69 +1058,69 @@ class Fe extends Te {
           refreshPanelAfterChanged: !0,
           editor: {
             type: "response-layout-editor-setting",
-            initialState: i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e, i.componentId)
+            initialState: i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t, i.componentId)
           }
         }
       },
-      setPropertyRelates(c, s) {
-        if (c)
-          switch (c && c.propertyID) {
+      setPropertyRelates(s, u) {
+        if (s)
+          switch (s && s.propertyID) {
             case "responseLayout":
-              i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(c.propertyValue, i.componentId || e.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(e.id, r), delete e.responseLayout;
+              i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue, i.componentId || t.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(t.id, r), delete t.responseLayout;
               break;
             case "class":
-              i.updateUnifiedLayoutAfterControlChanged(c.propertyValue, e.id, this.componentId), i.updateElementByParentContainer(e.id, r);
+              i.updateUnifiedLayoutAfterControlChanged(s.propertyValue, t.id, this.componentId), i.updateElementByParentContainer(t.id, r);
               break;
           }
       }
     };
   }
-  getEditorProperties(e) {
-    return this.getComponentConfig(e);
+  getEditorProperties(t) {
+    return this.getComponentConfig(t);
   }
   /**
    * 卡片控件：切换控件类型后事件
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(e, r, i) {
-    var l, a, d, y;
-    const c = r.propertyValue, s = i && i.parent && i.parent.schema;
-    if (!s)
+  changeControlType(t, r, i) {
+    var l, o, c, f;
+    const s = r.propertyValue, u = i && i.parent && i.parent.schema;
+    if (!u)
       return;
-    const p = s.contents.findIndex((m) => m.id === e.id), u = s.contents[p];
-    let o;
+    const p = u.contents.findIndex((m) => m.id === t.id), d = u.contents[p];
+    let a;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: c
+        $type: s
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), o = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, c)), o || (o = Z("form-group") || {}, o.editor = Z(c) || {}, delete o.editor.id, delete o.editor.binding, delete o.editor.appearance), Object.assign(o, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label,
-      binding: u.binding,
-      visible: u.visible
-    }), Object.assign(o.editor, {
-      isTextArea: o.isTextArea && u.isTextArea,
-      placeholder: (l = u.editor) == null ? void 0 : l.placeholder,
-      holdPlace: (a = u.editor) == null ? void 0 : a.holdPlace,
-      readonly: (d = u.editor) == null ? void 0 : d.readonly,
-      require: (y = u.editor) == null ? void 0 : y.require
-    }), s.contents.splice(p, 1), s.contents.splice(p, 0, o), i.schema = Object.assign(u, o), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+    }, !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
+    }), 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")
-    ), Ve.value++;
+    ), Ne.value++;
   }
-  getComponentConfig(e, r = {}, i = {}) {
-    const c = Object.assign({
+  getComponentConfig(t, r = {}, i = {}) {
+    const s = Object.assign({
       description: "编辑器",
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, r), s = Object.assign({
+    }, r), u = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1045,7 +1142,7 @@ class Fe extends Te {
         type: "string"
       }
     }, i);
-    return { ...c, properties: { ...s } };
+    return { ...s, properties: { ...u } };
   }
   /**
   * 修改某一输入控件的样式后更新Form的统一布局配置
@@ -1053,16 +1150,16 @@ class Fe extends Te {
   * @param controlId 控件Id
   * @param componentId 控件所在组件id
   */
-  updateUnifiedLayoutAfterControlChanged(e, r, i) {
-    const c = e.split(" ");
-    let s = c.find((a) => /^col-([1-9]|10|11|12)$/.test(a)), p = c.find((a) => /^col-md-([1-9]|10|11|12)$/.test(a)), u = c.find((a) => /^col-xl-([1-9]|10|11|12)$/.test(a)), o = c.find((a) => /^col-el-([1-9]|10|11|12)$/.test(a));
-    s = s || "col-12", p = p || "col-md-" + s.replace("col-", ""), u = u || "col-xl-" + p.replace("col-md-", ""), o = o || "col-el-" + u.replace("col-xl-", "");
+  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-", "");
     const l = {
       id: r,
-      columnInSM: parseInt(s.replace("col-", ""), 10),
+      columnInSM: parseInt(u.replace("col-", ""), 10),
       columnInMD: parseInt(p.replace("col-md-", ""), 10),
-      columnInLG: parseInt(u.replace("col-xl-", ""), 10),
-      columnInEL: parseInt(o.replace("col-el-", ""), 10)
+      columnInLG: parseInt(d.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(a.replace("col-el-", ""), 10)
     };
     this.updateUnifiedLayoutAfterResponseLayoutChanged(i, l);
   }
@@ -1071,34 +1168,34 @@ class Fe extends Te {
    * @param componentId 组件Id
    * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
    */
-  updateUnifiedLayoutAfterResponseLayoutChanged(e, r) {
-    const { formNode: i } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
+  updateUnifiedLayoutAfterResponseLayoutChanged(t, r) {
+    const { formNode: i } = this.responseLayoutEditorFunction.checkCanFindFormNode(t);
     if (!i || !i.unifiedLayout)
       return;
-    const c = [];
-    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, c, 1), r) {
-      const m = c.find((v) => v.id === r.id);
+    const s = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, s, 1), r) {
+      const m = s.find((g) => g.id === r.id);
       Object.assign(m || {}, r);
     }
-    const s = c.map((m) => m.columnInSM), p = c.map((m) => m.columnInMD), u = c.map((m) => m.columnInLG), o = c.map((m) => m.columnInEL), l = this.checkIsUniqueColumn(s) ? s[0] : null, a = this.checkIsUniqueColumn(p) ? p[0] : null, d = this.checkIsUniqueColumn(u) ? u[0] : null, y = this.checkIsUniqueColumn(o) ? o[0] : null;
+    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;
     Object.assign(i.unifiedLayout, {
       uniqueColClassInSM: l,
-      uniqueColClassInMD: a,
-      uniqueColClassInLG: d,
-      uniqueColClassInEL: y
+      uniqueColClassInMD: o,
+      uniqueColClassInLG: c,
+      uniqueColClassInEL: f
     });
   }
   /**
    * 校验宽度样式值是否一致
    */
-  checkIsUniqueColumn(e) {
-    const r = new Set(e);
+  checkIsUniqueColumn(t) {
+    const r = new Set(t);
     return Array.from(r).length === 1;
   }
 }
-class xe extends Fe {
-  constructor(n, e) {
-    super(n, e);
+class Ve extends Te {
+  constructor(n, t) {
+    super(n, t);
   }
   getEditorProperties(n) {
     return this.getComponentConfig(n, { type: "number-spinner" }, {
@@ -1129,106 +1226,106 @@ class xe extends Fe {
     });
   }
 }
-function Ee(t, n) {
-  t.schema;
-  const e = k(!0), r = k(!0);
-  function i(a) {
+function Ee(e, n) {
+  e.schema;
+  const t = B(!0), r = B(!0);
+  function i(o) {
     return !1;
   }
-  function c() {
+  function s() {
     return !1;
   }
-  function s() {
+  function u() {
     return !1;
   }
   function p() {
     return !0;
   }
-  function u(a) {
+  function d(o) {
   }
-  function o() {
+  function a() {
   }
-  function l(a) {
+  function l(o) {
     return null;
   }
   return {
     canAccepts: i,
-    checkCanDeleteComponent: c,
-    checkCanMoveComponent: s,
+    checkCanDeleteComponent: s,
+    checkCanMoveComponent: u,
     hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: o,
-    triggerBelongedComponentToMoveWhenMoved: e,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: a,
+    triggerBelongedComponentToMoveWhenMoved: t,
     triggerBelongedComponentToDeleteWhenDeleted: r,
     getPropsConfig: l
   };
 }
-function Pe(t, n) {
+function De(e, n) {
   const {
-    canAccepts: e,
+    canAccepts: t,
     checkCanDeleteComponent: r,
     checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: s,
+    hideNestedPaddingInDesginerView: s,
+    onAcceptMovedChildElement: u,
     resolveComponentContext: p,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: o
-  } = Ee(t), l = t.schema;
-  function a(d, y) {
-    return new xe(d, n).getPropertyConfig(l, y);
+    triggerBelongedComponentToMoveWhenMoved: d,
+    triggerBelongedComponentToDeleteWhenDeleted: a
+  } = Ee(e), l = e.schema;
+  function o(c, f) {
+    return new Ve(c, n).getPropertyConfig(l, f);
   }
   return {
-    canAccepts: e,
+    canAccepts: t,
     checkCanDeleteComponent: r,
     checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: s,
+    hideNestedPaddingInDesginerView: s,
+    onAcceptMovedChildElement: u,
     resolveComponentContext: p,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: a
+    triggerBelongedComponentToMoveWhenMoved: d,
+    triggerBelongedComponentToDeleteWhenDeleted: a,
+    getPropsConfig: o
   };
 }
-const De = /* @__PURE__ */ J({
+const Pe = /* @__PURE__ */ q({
   name: "FNumberSpinnerDesign",
-  props: q,
+  props: U,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
-  setup(t, n) {
-    const e = K(t, n), r = H(t, n, e), i = _(t, n, r, e), c = ee(t, n, i), s = k(), p = W("designer-host-service"), u = W("design-item-context"), o = Pe(u, p), l = Be(s, u, o);
-    I(() => {
-      s.value.componentInstance = l, t.readonly = !0;
+  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;
     }), n.expose(l.value);
-    const a = k();
-    return () => V("div", {
-      ref: s,
+    const o = B();
+    return () => E("div", {
+      ref: u,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
-    }, [V("input", {
-      ref: a,
+    }, [E("input", {
+      ref: o,
       class: "form-control",
       readonly: !0,
-      placeholder: t.placeholder
-    }, null), c()]);
-  }
-}), Ae = (t) => {
-  const n = t;
-  return n.install = function(e) {
-    e.component(n.name, t);
-  }, t;
+      placeholder: e.placeholder
+    }, null), s()]);
+  }
+}), Ie = (e) => {
+  const n = e;
+  return n.install = function(t) {
+    t.component(n.name, e);
+  }, e;
 };
-L.register = (t, n, e, r) => {
-  t["number-spinner"] = L, n["number-spinner"] = Y;
+P.register = (e, n, t, r) => {
+  e["number-spinner"] = P, n["number-spinner"] = Q;
 };
-L.registerDesigner = (t, n, e) => {
-  t["number-spinner"] = De, n["number-spinner"] = Y;
+P.registerDesigner = (e, n, t) => {
+  e["number-spinner"] = Pe, n["number-spinner"] = Q;
 };
-const qe = Ae(L);
+const je = Ie(P);
 export {
-  L as FNumberSpinner,
-  qe as default,
-  q as numberSpinnerProps,
-  Y as propsResolver,
+  P as FNumberSpinner,
+  je as default,
+  U as numberSpinnerProps,
+  Q as propsResolver,
   H as useFormat,
-  K as useNumber,
-  _ as useSpinner,
-  Ne as useTextBox
+  _ as useNumber,
+  Y as useSpinner,
+  we as useTextBox
 };