@farris/ui-vue 1.7.2 → 1.7.4

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

@@ -1,8 +1,135 @@
-import { computed as B, ref as R, createVNode as S, defineComponent as A, onMounted as Z, watch as D, createTextVNode as z } from "vue";
-import x from "bignumber.js";
-import { useNumberLocales as K } from "../number-spinner/index.esm.js";
-import { withInstall as L } from "../common/index.esm.js";
-const M = {
+var ie = Object.defineProperty;
+var ne = (s, n, e) => n in s ? ie(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e;
+var y = (s, n, e) => ne(s, typeof n != "symbol" ? n + "" : n, e);
+import { computed as M, ref as N, createVNode as E, defineComponent as _, onMounted as H, watch as G, createTextVNode as J, nextTick as re, inject as D } from "vue";
+import { resolveAppearance as se, createPropsResolver as oe } from "../dynamic-resolver/index.esm.js";
+import I from "bignumber.js";
+import { useNumberLocales as le } from "../number-spinner/index.esm.js";
+import { DgControl as p, canvasChanged as R, refreshCanvas as ae, useDesignerComponent as de } from "../designer-canvas/index.esm.js";
+import { cloneDeep as ue } from "lodash-es";
+import { FormSchemaEntityField$Type as K, FormSchemaEntityFieldType$Type as ce, withInstall as pe } from "../common/index.esm.js";
+function ge(s, n, e) {
+  return n;
+}
+const me = /* @__PURE__ */ new Map([
+  ["appearance", se]
+]), fe = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/number-range.schema.json", ye = "number-range", be = "A Farris Component", ve = "object", Ce = {
+  id: {
+    description: "The unique identifier for a number-range",
+    type: "string"
+  },
+  type: {
+    description: "The type string of number-range component",
+    type: "string",
+    default: "number-range"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disabled: {
+    type: "boolean",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  precision: {
+    description: "",
+    type: "number",
+    default: 0
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  beginValue: {
+    description: "",
+    type: "number"
+  },
+  endValue: {
+    description: "",
+    type: "number"
+  },
+  nullable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  min: {
+    description: "",
+    type: "string"
+  },
+  max: {
+    description: "",
+    type: "string"
+  },
+  beginPlaceholder: {
+    description: "",
+    type: "string"
+  },
+  endPlaceholder: {
+    description: "",
+    type: "string"
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  }
+}, we = [
+  "type"
+], xe = {
+  $schema: fe,
+  $id: he,
+  title: ye,
+  description: be,
+  type: ve,
+  properties: Ce,
+  required: we
+}, W = {
   /**
    * 组件标识
    */
@@ -114,244 +241,1562 @@ const M = {
    * 是否使用千分值
    */
   useThousands: { type: Boolean, default: !0 }
-};
-function q(e, i) {
-  const r = B(() => Number(e.precision) || 0);
-  function t(u) {
-    return u.toFixed(r.value);
-  }
-  function l(u) {
-    return isNaN(u) || u === null || u === void 0 || u === "";
-  }
-  function d(u) {
-    const n = l(e.max) ? null : new x(String(e.max), 10), a = l(e.min) ? null : new x(String(e.min), 10);
-    return n && u.gt(n) ? n : a && u.lt(a) ? a : u;
-  }
-  function c(u, n, a, s) {
-    const b = new x(u, 10), o = l(a && a.value) ? null : new x(String(a.value), 10), v = l(n && n.value) ? null : new x(String(n.value), 10);
-    let y;
-    return s ? y = o && b.gt(o) ? o : b : y = v && b.lt(v) ? v : b, y.toString();
-  }
-  function g(u, n = !0) {
-    if (e.parser)
-      return isNaN(Number(u)) ? e.parser(u) : u;
-    let a = new x(u, 10);
-    if (n && (a = d(a)), a.isNaN()) {
-      if (e.nullable)
+}, Q = oe(W, xe, me, ge);
+function Y(s, n) {
+  const e = M(() => Number(s.precision) || 0);
+  function t(l) {
+    return l.toFixed(e.value);
+  }
+  function i(l) {
+    return isNaN(l) || l === null || l === void 0 || l === "";
+  }
+  function r(l) {
+    const d = i(s.max) ? null : new I(String(s.max), 10), u = i(s.min) ? null : new I(String(s.min), 10);
+    return d && l.gt(d) ? d : u && l.lt(u) ? u : l;
+  }
+  function o(l, d, u, a) {
+    const g = new I(l, 10), f = i(u && u.value) ? null : new I(String(u.value), 10), m = i(d && d.value) ? null : new I(String(d.value), 10);
+    let h;
+    return a ? h = f && g.gt(f) ? f : g : h = m && g.lt(m) ? m : g, h.toString();
+  }
+  function c(l, d = !0) {
+    if (s.parser)
+      return isNaN(Number(l)) ? s.parser(l) : l;
+    let u = new I(l, 10);
+    if (d && (u = r(u)), u.isNaN()) {
+      if (s.nullable)
         return null;
-      const b = new x("" + e.min, 10), o = new x("" + e.max, 10);
-      if (!b.isNaN())
-        a = b;
-      else if (!o.isNaN())
-        a = o;
+      const g = new I("" + s.min, 10), f = new I("" + s.max, 10);
+      if (!g.isNaN())
+        u = g;
+      else if (!f.isNaN())
+        u = f;
       else
         return 0;
     }
-    return t(a);
+    return t(u);
   }
-  return { getRealValue: g, isEmpty: l, precision: r, getValidNumberObject: d, getValidNumberInRange: c };
+  return { getRealValue: c, isEmpty: i, precision: e, getValidNumberObject: r, getValidNumberInRange: o };
 }
-function G(e, i, r) {
-  const t = B(() => ({
-    prefix: e.prefix,
-    suffix: e.suffix,
-    decimalSeparator: e.decimalSeparator,
-    groupSeparator: e.useThousands ? e.groupSeparator : "",
-    groupSize: e.groupSize
-  })), { getValidNumberObject: l, precision: d } = r;
-  function c(n) {
-    return n = n == null || n === "" ? "" : String(n), n = n.replace(new RegExp(e.prefix, "g"), "").replace(new RegExp(e.suffix, "g"), "").replace(/,/g, ""), e.groupSeparator && e.groupSeparator !== "," && (n = n.replace(new RegExp(`\\${e.groupSeparator}`, "g"), "")), e.decimalSeparator && e.decimalSeparator !== "." && (n = n.replace(new RegExp(`\\${e.decimalSeparator}`, "g"), ".")), n;
-  }
-  function g(n, a) {
-    return e.precision !== null && e.precision !== void 0 ? n.toFormat(d.value, a) : n.toFormat(a);
-  }
-  function u(n, a = !0) {
-    const s = c(n), b = new x(s, 10);
-    let o = b;
-    return a && (o = l(b)), o.valueOf() === "0" && !e.showZero || o.isNaN() ? "" : e.formatter ? e.formatter(o.toNumber()) : g(o, t.value);
-  }
-  return { cleanFormat: c, format: u };
+function ee(s, n, e) {
+  const t = M(() => ({
+    prefix: s.prefix,
+    suffix: s.suffix,
+    decimalSeparator: s.decimalSeparator,
+    groupSeparator: s.useThousands ? s.groupSeparator : "",
+    groupSize: s.groupSize
+  })), { getValidNumberObject: i, precision: r } = e;
+  function o(d) {
+    return d = d == null || d === "" ? "" : String(d), d = d.replace(new RegExp(s.prefix, "g"), "").replace(new RegExp(s.suffix, "g"), "").replace(/,/g, ""), s.groupSeparator && s.groupSeparator !== "," && (d = d.replace(new RegExp(`\\${s.groupSeparator}`, "g"), "")), s.decimalSeparator && s.decimalSeparator !== "." && (d = d.replace(new RegExp(`\\${s.decimalSeparator}`, "g"), ".")), d;
+  }
+  function c(d, u) {
+    return s.precision !== null && s.precision !== void 0 ? d.toFormat(r.value, u) : d.toFormat(u);
+  }
+  function l(d, u = !0) {
+    const a = o(d), g = new I(a, 10);
+    let f = g;
+    return u && (f = i(g)), f.valueOf() === "0" && !s.showZero || f.isNaN() ? "" : s.formatter ? s.formatter(f.toNumber()) : c(f, t.value);
+  }
+  return { cleanFormat: o, format: l };
 }
-function E(e, i, r, t, l, d, c, g, u, n) {
-  const { format: a } = l, { getRealValue: s, getValidNumberInRange: b } = d;
-  function o() {
-    const f = new x(t.value || 0);
-    return !((e.max || e.max === 0) && !new x(e.max).isNaN() && f.gte(new x(e.max)) && (t.value || t.value === 0));
-  }
-  function v() {
-    const f = new x(t.value || 0);
-    return !((e.min || e.min === 0) && !new x(e.min).isNaN() && f.lte(new x(e.min)) && (t.value || t.value === 0));
-  }
-  function y(f) {
-    if (e.readonly || e.disabled)
+function A(s, n, e, t, i, r, o, c, l, d) {
+  const { format: u } = i, { getRealValue: a, getValidNumberInRange: g } = r;
+  function f() {
+    const v = new I(t.value || 0);
+    return !((s.max || s.max === 0) && !new I(s.max).isNaN() && v.gte(new I(s.max)) && (t.value || t.value === 0));
+  }
+  function m() {
+    const v = new I(t.value || 0);
+    return !((s.min || s.min === 0) && !new I(s.min).isNaN() && v.lte(new I(s.min)) && (t.value || t.value === 0));
+  }
+  function h(v) {
+    if (s.readonly || s.disabled)
       return;
-    const j = f === "up" ? o : v, w = f === "up" ? "plus" : "minus";
-    if (j()) {
-      let N = new x(t.value || 0)[w](Number(e.step)).toFixed();
-      N = b(N, g, u, n);
-      const C = s(N);
-      r.value = a(N), t.value !== C && (t.value = C, c(t.value));
+    const k = v === "up" ? f : m, F = v === "up" ? "plus" : "minus";
+    if (k()) {
+      let P = new I(t.value || 0)[F](Number(s.step)).toFixed();
+      P = g(P, c, l, d);
+      const T = a(P);
+      e.value = u(P), t.value !== T && (t.value = T, o(t.value));
     }
   }
-  function V() {
-    y("up");
+  function b() {
+    h("up");
   }
-  function O() {
-    y("down");
+  function C() {
+    h("down");
   }
-  function F(f) {
-    V(), f.stopPropagation();
+  function w(v) {
+    b(), v.stopPropagation();
   }
-  function h(f) {
-    O(), f.stopPropagation();
+  function V(v) {
+    C(), v.stopPropagation();
   }
-  return { canDownward: v, canUpward: o, downward: O, onClickDownButton: h, onClickUpButton: F, upward: V };
+  return { canDownward: m, canUpward: f, downward: C, onClickDownButton: V, onClickUpButton: w, upward: b };
 }
-function P(e, i, r, t, l, d, c, g, u, n, a) {
-  const { cleanFormat: s, format: b } = l, { getRealValue: o, isEmpty: v, getValidNumberInRange: y } = d, { downward: V, upward: O } = c, F = B(() => r.value), h = R(!1);
-  function f(m) {
-    var k;
-    if (m.stopPropagation(), e.readonly || e.disabled)
+function O(s, n, e, t, i, r, o, c, l, d, u) {
+  const { cleanFormat: a, format: g } = i, { getRealValue: f, isEmpty: m, getValidNumberInRange: h } = r, { downward: b, upward: C } = o, w = M(() => e.value), V = N(!1);
+  function v(x) {
+    var z;
+    if (x.stopPropagation(), s.readonly || s.disabled)
       return;
-    h.value = !1;
-    let N = (k = m.target) == null ? void 0 : k.value;
-    e.nullable || (N = N || 0);
-    let C = s(N);
-    C = y(C, u, n, a);
-    const T = o(C);
-    r.value = b(C), t.value !== T && (t.value = T, g(t.value)), i.emit("blur", { event: m, formatted: r.value, value: t.value });
-  }
-  function j(m) {
-    m.stopPropagation(), !(e.readonly || e.disabled) && (h.value = !0, r.value = v(t.value) || !e.showZero && t.value === "0" ? "" : String(t.value), i.emit("focus", { event: m, formatted: r.value, value: t.value }));
-  }
-  function w(m) {
-    var T;
-    m.stopPropagation();
-    let N = (T = m.target) == null ? void 0 : T.value;
-    e.nullable || (N = N || 0);
-    const C = s(N);
-    r.value = C, t.value = o(C), g(t.value);
+    V.value = !1;
+    let P = (z = x.target) == null ? void 0 : z.value;
+    s.nullable || (P = P || 0);
+    let T = a(P);
+    T = h(T, l, d, u);
+    const U = f(T);
+    e.value = g(T), t.value !== U && (t.value = U, c(t.value)), n.emit("blur", { event: x, formatted: e.value, value: t.value });
+  }
+  function k(x) {
+    x.stopPropagation(), !(s.readonly || s.disabled) && (V.value = !0, e.value = m(t.value) || !s.showZero && t.value === "0" ? "" : String(t.value), n.emit("focus", { event: x, formatted: e.value, value: t.value }));
+  }
+  function F(x) {
+    var U;
+    x.stopPropagation();
+    let P = (U = x.target) == null ? void 0 : U.value;
+    s.nullable || (P = P || 0);
+    const T = a(P);
+    e.value = T, t.value = f(T), c(t.value);
   }
-  function p(m) {
-    m.key === "ArrowDown" && (m.preventDefault(), V()), m.key === "ArrowUp" && (m.preventDefault(), O()), m.stopPropagation();
+  function S(x) {
+    x.key === "ArrowDown" && (x.preventDefault(), b()), x.key === "ArrowUp" && (x.preventDefault(), C()), x.stopPropagation();
   }
-  return { textBoxValue: F, onBlurTextBox: f, onFocusTextBox: j, onInput: w, onKeyDown: p, isTextBoxFocused: h };
+  return { textBoxValue: w, onBlurTextBox: v, onFocusTextBox: k, onInput: F, onKeyDown: S, isTextBoxFocused: V };
 }
-function I(e, i, r, t, l) {
+function Z(s, n, e, t, i) {
   const {
-    onBlurTextBox: d,
-    onFocusTextBox: c,
-    onInput: g,
-    onKeyDown: u,
-    textBoxValue: n
-  } = r, a = B(() => e.disabled || e.readonly || !e.editable ? "" : t ? l.range.begin : l.range.end), s = B(() => ({
+    onBlurTextBox: r,
+    onFocusTextBox: o,
+    onInput: c,
+    onKeyDown: l,
+    textBoxValue: d
+  } = e, u = M(() => s.disabled || s.readonly || !s.editable ? "" : t ? i.range.begin : i.range.end), a = M(() => ({
     "form-control": !0,
     "sub-input": !0
-  })), b = B(() => ({
-    "text-align": e.textAlign
+  })), g = M(() => ({
+    "text-align": s.textAlign
   }));
-  function o(v) {
-    v.stopPropagation();
+  function f(m) {
+    m.stopPropagation();
   }
-  return () => S("input", {
-    class: s.value,
-    style: b.value,
+  return () => E("input", {
+    class: a.value,
+    style: g.value,
     type: "text",
-    value: n.value,
-    disabled: e.disabled,
-    readonly: e.readonly || !e.editable,
-    placeholder: a.value,
-    onBlur: d,
-    onChange: o,
-    onFocus: c,
-    onInput: g,
-    onKeydown: u
+    value: d.value,
+    disabled: s.disabled,
+    readonly: s.readonly || !s.editable,
+    placeholder: u.value,
+    onBlur: r,
+    onChange: f,
+    onFocus: o,
+    onInput: c,
+    onKeydown: l
   }, null);
 }
-function U(e, i, r) {
+function q(s, n, e) {
   const {
     canDownward: t,
-    canUpward: l,
-    onClickDownButton: d,
-    onClickUpButton: c
-  } = r, g = B(() => ({
+    canUpward: i,
+    onClickDownButton: r,
+    onClickUpButton: o
+  } = e, c = M(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0,
     "sub-btn-group": !0
-  })), u = B(() => ({
+  })), l = M(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), n = B(() => ({
-    cursor: l() ? "pointer" : "not-allowed",
+  })), d = M(() => ({
+    cursor: i() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), a = B(() => ({
+  })), u = M(() => ({
     cursor: t() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => S("div", {
-    class: g.value
-  }, [S("button", {
-    class: u.value,
-    style: n.value,
-    onClick: c,
-    disabled: !l()
-  }, [S("span", {
+  return () => E("div", {
+    class: c.value
+  }, [E("button", {
+    class: l.value,
+    style: d.value,
+    onClick: o,
+    disabled: !i()
+  }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), S("button", {
-    class: u.value,
-    style: a.value,
-    onClick: d,
+  }, null)]), E("button", {
+    class: l.value,
+    style: u.value,
+    onClick: r,
     disabled: !t()
-  }, [S("span", {
+  }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-const H = /* @__PURE__ */ A({
+const $ = /* @__PURE__ */ _({
   name: "FNumberRange",
-  props: M,
+  props: W,
   emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
-  setup(e, i) {
-    const r = R(e.beginValue), t = R(""), l = R(e.endValue), d = R(""), c = q(e), g = G(e, i, c), u = K(e), n = (w) => {
-      i.emit("beginValueChange", w);
-    }, a = E(e, i, t, r, g, c, n, r, l, !0), s = P(e, i, t, r, g, c, a, n, r, l, !0), b = U(e, i, a), o = I(e, i, s, !0, u), v = (w) => {
-      i.emit("endValueChange", w);
-    }, y = E(e, i, d, l, g, c, v, r, l, !1), V = P(e, i, d, l, g, c, y, v, r, l, !1), O = U(e, i, y), F = I(e, i, V, !1, u), {
-      getRealValue: h
-    } = c, {
-      format: f
-    } = g, j = B(() => !e.disabled && !e.readonly && e.showButton);
-    return Z(() => {
-      const w = h(e.beginValue, !1), p = h(e.endValue, !1);
-      t.value = f(w, !1), d.value = f(p, !1);
-    }), D(() => [e.beginValue], ([w]) => {
-      if (!s.isTextBoxFocused.value) {
-        const p = h(w, !1);
-        r.value = p, t.value = f(p, !1);
+  setup(s, n) {
+    const e = N(s.beginValue), t = N(""), i = N(s.endValue), r = N(""), o = Y(s), c = ee(s, n, o), l = le(s), d = (F) => {
+      n.emit("beginValueChange", F);
+    }, u = A(s, n, t, e, c, o, d, e, i, !0), a = O(s, n, t, e, c, o, u, d, e, i, !0), g = q(s, n, u), f = Z(s, n, a, !0, l), m = (F) => {
+      n.emit("endValueChange", F);
+    }, h = A(s, n, r, i, c, o, m, e, i, !1), b = O(s, n, r, i, c, o, h, m, e, i, !1), C = q(s, n, h), w = Z(s, n, b, !1, l), {
+      getRealValue: V
+    } = o, {
+      format: v
+    } = c, k = M(() => !s.disabled && !s.readonly && s.showButton);
+    return H(() => {
+      const F = V(s.beginValue, !1), S = V(s.endValue, !1);
+      t.value = v(F, !1), r.value = v(S, !1);
+    }), G(() => [s.beginValue], ([F]) => {
+      if (!a.isTextBoxFocused.value) {
+        const S = V(F, !1);
+        e.value = S, t.value = v(S, !1);
+      }
+    }), G(() => [s.endValue], ([F]) => {
+      if (!b.isTextBoxFocused.value) {
+        const S = V(F, !1);
+        i.value = S, r.value = v(S, !1);
+      }
+    }), G(() => [s.precision, s.useThousands, s.prefix, s.suffix, s.showZero], () => {
+      t.value = v(e.value), r.value = v(i.value);
+    }), () => E("div", {
+      class: "input-group  number-range f-cmp-number-spinner"
+    }, [E("div", {
+      class: "form-control input-container"
+    }, [E("div", {
+      class: "sub-input-group"
+    }, [f(), k.value && g()]), E("span", {
+      class: "spliter"
+    }, [J("~")]), E("div", {
+      class: "sub-input-group"
+    }, [w(), k.value && C()])])]);
+  }
+});
+function X(s, n, e, t) {
+  const {
+    onBlurTextBox: i,
+    onFocusTextBox: r,
+    onInput: o,
+    onKeyDown: c,
+    textBoxValue: l
+  } = e, d = M(() => t ? s.beginPlaceholder : s.endPlaceholder), u = M(() => ({
+    "form-control": !0,
+    "sub-input": !0
+  })), a = M(() => ({
+    "text-align": s.textAlign
+  }));
+  function g(f) {
+    f.stopPropagation();
+  }
+  return () => E("input", {
+    class: u.value,
+    style: a.value,
+    type: "text",
+    value: l.value,
+    disabled: s.disabled,
+    readonly: s.readonly || !s.editable,
+    placeholder: d.value,
+    onBlur: i,
+    onChange: g,
+    onFocus: r,
+    onInput: o,
+    onKeydown: c
+  }, null);
+}
+function Ve(s) {
+  const { formSchemaUtils: n, formStateMachineUtils: e } = s;
+  function t(l, d = "") {
+    return {
+      path: d + l.code,
+      field: l.id,
+      fullPath: l.code
+    };
+  }
+  function i(l, d = "") {
+    const u = n.getViewModelById(l);
+    return u ? u.states.map((a) => t(a, d)) : [];
+  }
+  function r(l) {
+    const d = n.getRootViewModelId(), u = i(l);
+    if (l === d)
+      return u;
+    const a = i(d, "root-component.");
+    return [...u, ...a];
+  }
+  function o(l) {
+    return l.binding && l.binding.path || l.id || "";
+  }
+  function c() {
+    return e && e.getRenderStates() || [];
+  }
+  return { getVariables: r, getControlName: o, getStateMachines: c };
+}
+class te {
+  constructor(n) {
+    y(this, "sessionVariables", [
+      {
+        key: "CurrentSysOrgName",
+        name: "当前组织Name",
+        description: "当前组织Name"
+      },
+      //   {
+      //     key: "CurrentSysOrgCode",
+      //     name: "当前组织Code",
+      //     description: "当前组织Code"
+      //   },
+      {
+        key: "CurrentSysOrgId",
+        name: "当前组织Id",
+        description: "当前组织Id"
+      },
+      {
+        key: "CurrentUserName",
+        name: "当前用户Name",
+        description: "当前用户Name"
+      },
+      {
+        key: "CurrentUserCode",
+        name: "当前用户Code",
+        description: "当前用户Code"
+      },
+      {
+        key: "CurrentUserId",
+        name: "当前用户Id",
+        description: "当前用户Id"
+      },
+      {
+        key: "CurrentLanguage",
+        name: "当前语言编号",
+        description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
+      }
+    ]);
+    y(this, "expressionNames", {
+      compute: "计算表达式",
+      dependency: "依赖表达式",
+      validate: "验证表达式",
+      dataPicking: "帮助前表达式",
+      visible: "可见表达式",
+      readonly: "只读表达式",
+      required: "必填表达式"
+    });
+    y(this, "getExpressionConverter", (n, e) => ({
+      convertFrom: (t, i, r, o) => {
+        const c = r.getExpressionRuleValue(n, e || i);
+        return c && c.value || "";
+      },
+      convertTo: (t, i, r, o, c) => {
+        var l;
+        if (i === "dataPicking" && (r != null && r.target)) {
+          const d = `${r.target}_dataPicking`;
+          ((l = r.rules) == null ? void 0 : l.some(
+            (a) => a.id === d && a.value
+          )) ? t.dictPickingExpressionId = d : delete t.dictPickingExpressionId;
+        }
+        o.updateExpression(r);
+      }
+    }));
+    this.formSchemaService = n;
+  }
+  getExpressionRule(n, e) {
+    const t = this.formSchemaService.getExpressions();
+    if (!t)
+      return "";
+    const i = t.find((o) => o.target === n);
+    if (!i)
+      return "";
+    const r = i.rules.find((o) => o.type === e);
+    return r || "";
+  }
+  // 获取上下文表单变量
+  getContextFormVariables() {
+    const { module: n } = this.formSchemaService.getFormSchema();
+    if (!n.viewmodels || n.viewmodels.length === 0)
+      return [];
+    const e = this.formSchemaService.getRootViewModelId(), t = this.formSchemaService.getViewModelById(e);
+    if (!t || !t.states || t.states.length === 0)
+      return [];
+    const i = [];
+    return t.states.filter((r) => r.category === "remote").forEach((r) => {
+      i.push({
+        key: r.code,
+        name: r.name,
+        description: r.name,
+        category: r.category
+      });
+    }), i;
+  }
+  createTreeNode(n, e, t = "label") {
+    return {
+      id: n.id,
+      name: n.name,
+      bindingPath: n[t],
+      parents: e,
+      type: "field"
+    };
+  }
+  buildEntityFieldsTreeData(n = null, e) {
+    const t = [];
+    return n == null || n.forEach((i) => {
+      var c;
+      const r = this.createTreeNode(i, e);
+      let o = [];
+      (c = i.type) != null && c.fields && (o = this.buildEntityFieldsTreeData(i.type.fields, [...e, i.label])), t.push({
+        data: r,
+        children: o,
+        expanded: !0
+      });
+    }), t;
+  }
+  buildChildEntityTreeData(n = null, e) {
+    const t = [];
+    return n == null || n.forEach((i) => {
+      var l, d;
+      const r = this.createTreeNode(i, e);
+      r.type = "entity";
+      const o = this.buildEntityFieldsTreeData((l = i.type) == null ? void 0 : l.fields, [...e, i.label]), c = this.buildChildEntityTreeData((d = i.type) == null ? void 0 : d.entities, [...e, i.label]);
+      c != null && c.length && (o == null || o.push(...c)), t.push({
+        data: r,
+        children: o || [],
+        // 空值回退
+        expanded: !0
+      });
+    }), t;
+  }
+  getEntitiesTreeData() {
+    const n = this.formSchemaService.getSchemaEntities();
+    if (!(n != null && n.length))
+      return [];
+    const e = n[0];
+    if (!(e != null && e.type))
+      return [];
+    const t = this.buildEntityFieldsTreeData(e.type.fields, [e.code]), i = this.buildChildEntityTreeData(e.type.entities, [e.code]);
+    return i != null && i.length && (t == null || t.push(...i)), {
+      entityCode: e.code,
+      fields: [{
+        data: this.createTreeNode(e, [], "code"),
+        children: t || []
+      }]
+    };
+  }
+  getEntitiesAndVariables() {
+    return {
+      entities: this.getEntitiesTreeData(),
+      variables: {
+        session: {
+          name: "系统变量",
+          items: this.sessionVariables,
+          visible: !1
+        },
+        forms: {
+          name: "表单变量",
+          items: this.getContextFormVariables(),
+          visible: !0
+        }
+      }
+    };
+  }
+  onBeforeOpenExpression(n, e, t) {
+    const i = t === "Field" ? n.binding.field : n.id, r = this.getExpressionRule(i, e), o = this.getEntitiesAndVariables(), c = {
+      message: ["validate", "required", "dataPicking"].includes(e) && r ? r.message : "",
+      ...o
+    };
+    return r.messageType != null && (c.messageType = r.messageType), c;
+  }
+  buildRule(n, e, t, i) {
+    const { expression: r, message: o, messageType: c } = e, l = {
+      id: `${n}_${t}`,
+      type: t,
+      value: r
+    };
+    return (t === "validate" || t === "dataPicking" || t === "required") && (l.message = o), t === "dataPicking" && (l.messageType = c), t === "validate" && i && (l.elementId = i), l;
+  }
+  getExpressionData() {
+    const { expressions: n } = this.formSchemaService.getFormSchema().module;
+    return n || [];
+  }
+  updateExpression(n, e, t, i) {
+    const r = e === "Field" ? n.binding.field : n.id, o = this.buildRule(r, t, i, n.type === "form-group" ? n.id : "");
+    let l = this.getExpressionData().find((u) => u.targetType === e && u.target === r);
+    const d = (u) => u.value.trim() === "";
+    if (l) {
+      const u = l.rules.find((a) => a.id === o.id);
+      if (u)
+        d(o) ? l.rules = l.rules.filter((a) => a.id !== o.id) : (Object.assign(u, o), i === "validate" && n.type === "form-group" && (u.elementId = n.id));
+      else {
+        if (d(o))
+          return null;
+        l.rules = l.rules || [], l.rules.push(o);
+      }
+    } else {
+      if (d(o))
+        return null;
+      l = {
+        target: `${r}`,
+        rules: [o],
+        targetType: e
+      };
+    }
+    return l;
+  }
+  getExpressionEditorOptions(n, e, t, i) {
+    return t.reduce((r, o) => {
+      var l, d;
+      const c = e === "Field" ? (l = n == null ? void 0 : n.binding) == null ? void 0 : l.field : n.id;
+      return r[o] = {
+        hide: e === "Field" ? !!((d = n == null ? void 0 : n.binding) != null && d.field) : !1,
+        description: "",
+        title: this.expressionNames[o],
+        type: "string",
+        $converter: this.getExpressionConverter(c),
+        refreshPanelAfterChanged: !0,
+        editor: {
+          type: "expression-editor",
+          singleExpand: !1,
+          dialogTitle: `${this.expressionNames[o]}编辑器`,
+          showMessage: o === "validate" || o === "dataPicking" || o === "required",
+          showMessageType: o === "dataPicking",
+          beforeOpen: () => this.onBeforeOpenExpression(n, o, e),
+          onSubmitModal: (u) => {
+            const a = this.updateExpression(n, e, u, o);
+            if (i) {
+              const g = this.buildRule(c, u, o);
+              i(g);
+            }
+            return a;
+          }
+        }
+      }, r;
+    }, {});
+  }
+  getExpressionInfo(n, e, t) {
+    const i = e === "Field" ? n.binding.field : n.id, r = this.getExpressionRule(i, t), o = {
+      value: r && r.value,
+      targetId: i,
+      targetType: e,
+      expressionType: t
+    };
+    return r && r.message && (o.message = r.message), o;
+  }
+  getExpressionConfig(n, e, t = ["compute", "dependency", "validate"], i) {
+    return {
+      description: "表达式",
+      title: "表达式",
+      hide: !n.binding,
+      properties: {
+        ...this.getExpressionEditorOptions(n, e, t, i)
+      }
+    };
+  }
+  getExpressionOptions(n, e, t) {
+    const i = this.getExpressionInfo(n, e, t);
+    return {
+      dialogTitle: `${this.expressionNames[t]}编辑器`,
+      singleExpand: !1,
+      showMessage: t === "required",
+      beforeOpen: () => this.onBeforeOpenExpression(n, t, e),
+      expressionInfo: i
+    };
+  }
+}
+class Fe {
+  constructor(n, e) {
+    y(this, "componentId");
+    y(this, "viewModelId");
+    y(this, "eventsEditorUtils");
+    y(this, "formSchemaUtils");
+    y(this, "formMetadataConverter");
+    y(this, "designViewModelUtils");
+    y(this, "designViewModelField");
+    y(this, "controlCreatorUtils");
+    y(this, "designerHostService");
+    y(this, "designerContext");
+    y(this, "schemaService", null);
+    y(this, "metadataService", null);
+    y(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var t;
+    this.componentId = n, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((t = this.formSchemaUtils) == null ? void 0 : t.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService, this.designerContext = e.designerContext;
+  }
+  getFormDesignerInstance() {
+    var n, e;
+    return (e = (n = this.designerContext) == null ? void 0 : n.instances) == null ? void 0 : e.formDesigner.value;
+  }
+  getTableInfo() {
+    var n;
+    return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(n) {
+    var t;
+    const e = n.binding && n.binding.type === "Form" && n.binding.field;
+    if (e) {
+      if (!this.designViewModelField) {
+        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = i.fields.find((r) => r.id === e);
+      }
+      n.updateOn = (t = this.designViewModelField) == null ? void 0 : t.updateOn;
+    }
+  }
+  getBasicPropConfig(n) {
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "select",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            idField: "value",
+            editable: !1,
+            data: [{ value: n.type, name: p[n.type] && p[n.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(n = null, e = {}, t) {
+    const i = {
+      title: "外观",
+      description: "Appearance"
+    }, r = {
+      class: {
+        title: "class样式",
+        type: "string",
+        description: "组件的CSS样式",
+        $converter: "/converter/appearance.converter",
+        parentPropertyID: "appearance"
+      },
+      style: {
+        title: "style样式",
+        type: "string",
+        description: "组件的样式",
+        $converter: "/converter/appearance.converter",
+        parentPropertyID: "appearance"
+      }
+    };
+    for (const o in e)
+      r[o] = Object.assign(r[o] || {}, e[o]);
+    return {
+      ...i,
+      properties: { ...r },
+      setPropertyRelates(o, c) {
+        if (o) {
+          switch (o && o.propertyID) {
+            case "class":
+            case "style": {
+              R.value++;
+              break;
+            }
+          }
+          t && t(o, n, c);
+        }
+      }
+    };
+  }
+  /**
+   * 
+   * @param propertyData 
+   * @param propertyTypes 
+   * @param propertyName 
+   * @param constInfos 
+   * @param variableInfos 
+   * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
+   * @returns 
+   */
+  getPropertyEditorParams(n, e = [], t = "visible", i = {}, r = {}, o = "") {
+    const { getVariables: c, getControlName: l, getStateMachines: d } = Ve(this.designerHostService), u = this.getRealTargetType(n), a = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], g = {
+      type: "property-editor",
+      propertyTypes: a
+    };
+    return a.map((f) => {
+      switch (f) {
+        case "Const":
+          Object.assign(g, {
+            constType: "enum",
+            constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
+          }, i);
+          break;
+        case "Expression":
+          g.expressionConfig = this.getExpressionOptions(n, u, o || t);
+          break;
+        case "StateMachine":
+          g.stateMachines = d();
+          break;
+        case "Variable":
+          Object.assign(g, {
+            controlName: l(n),
+            newVariablePrefix: "is",
+            newVariableType: "Boolean",
+            variables: c(this.viewModelId),
+            parentComponentId: this.componentId === "root-component" ? "" : "root-component",
+            onBeforeOpenVariables: (m) => {
+              m.value = c(this.viewModelId);
+            }
+          }, r), this.designerContext.designerMode === "PC_RTC" && (g.newVariablePrefix = "ext_" + g.newVariablePrefix);
+          break;
+      }
+    }), g;
+  }
+  getVisibleProperty(n, e = "") {
+    var r;
+    let t = ["Const", "Variable", "StateMachine", "Expression"];
+    return e === "gridFieldEditor" ? t = ["Const", "Expression"] : e === "form-group" && !((r = n.binding) != null && r.field) && (t = ["Const", "Variable", "StateMachine"]), {
+      visible: {
+        title: "是否可见",
+        type: "boolean",
+        description: "运行时组件是否可见",
+        editor: this.getPropertyEditorParams(n, t, "visible")
+      }
+    };
+  }
+  /**
+   * 获取行为
+   * @param propertyData 
+   * @param viewModelId 
+   * @returns 
+   */
+  getBehaviorConfig(n, e = "", t = {}, i) {
+    const r = {
+      title: "行为",
+      description: ""
+    }, o = this.getVisibleProperty(n, e);
+    for (const l in t)
+      o[l] = Object.assign(o[l] || {}, t[l]);
+    const c = this;
+    return {
+      ...r,
+      properties: { ...o },
+      setPropertyRelates(l, d) {
+        if (l) {
+          switch (l.propertyID) {
+            case "disabled":
+            case "readonly":
+            case "visible":
+              c.afterMutilEditorChanged(n, l);
+              break;
+          }
+          i && i(l, d);
+        }
+      }
+    };
+  }
+  /**
+   * 当多值编辑器变更时
+   * @param propertyData 
+   * @param changeObject 
+   */
+  afterMutilEditorChanged(n, e) {
+    this.addNewVariableToViewModel(e, this.viewModelId), this.updateExpressionValue(e), this.clearExpression(e, n);
+  }
+  /**
+   * 
+   * @param propertyId 
+   * @param componentInstance 
+   * @returns 
+   */
+  updateElementByParentContainer(n, e) {
+    const t = e && e.parent && e.parent.schema;
+    if (!t)
+      return;
+    const i = t.contents.findIndex((o) => o.id === n), r = ue(t.contents[i]);
+    t.contents.splice(i, 1), t.contents.splice(i, 0, r), ae();
+  }
+  /**
+   * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
+   * @param changeObject 
+   * @param viewModelId 
+   * @returns 
+   */
+  addNewVariableToViewModel(n, e) {
+    const t = n.propertyValue;
+    if (!(t && typeof t == "object") || !(t.type === "Variable" && t.isNewVariable))
+      return;
+    const o = {
+      id: t.field,
+      category: "locale",
+      code: t.fullPath,
+      name: t.fullPath,
+      type: t.newVariableType || "String",
+      isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
+    };
+    delete t.newVariableType, delete t.isNewVariable, this.formSchemaUtils.getVariableByCode(o.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(o);
+  }
+  /**
+   * 更新表达式到expressions节点
+   * @param changeObject 
+   */
+  updateExpressionValue(n) {
+    const e = n.propertyValue;
+    if (!((e && e.type) === "Expression" && e.expressionInfo))
+      return;
+    const { expressionId: r, expressionInfo: o } = e, { targetId: c, targetType: l, expressionType: d, value: u, message: a } = o, g = this.formSchemaUtils.getModule();
+    g.expressions = g.expressions || [];
+    const { expressions: f } = g;
+    let m = f.find((b) => b.target === c);
+    m || (m = { target: c, rules: [], targetType: l }, f.push(m));
+    const h = m.rules.find((b) => b.type === d);
+    if (h)
+      h.value = u, h.message = a;
+    else {
+      const b = { id: r, type: d, value: u, message: a };
+      m.rules.push(b);
+    }
+    delete e.expressionInfo;
+  }
+  /**
+   * 属性类型切换为非表达式后，清除原表达式
+   * @param changeObject 
+   * @param propertyData 
+   * @returns 
+   */
+  clearExpression(n, e) {
+    const t = n.propertyValue;
+    if (t && t.type === "Expression")
+      return;
+    const r = n.propertyID, o = this.formSchemaUtils.getExpressions(), c = e.binding ? e.binding.field : e.id, l = o.find((d) => d.target === c);
+    !l || !l.rules || (l.rules = l.rules.filter((d) => d.type !== r));
+  }
+  getExpressionOptions(n, e, t) {
+    return new te(this.formSchemaUtils).getExpressionOptions(n, e, t);
+  }
+  getRealTargetType(n) {
+    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(n.type) > -1 ? "Button" : n.binding && n.binding.field ? "Field" : "Container";
+  }
+  createBaseEventProperty(n) {
+    const e = {};
+    return e[this.viewModelId] = {
+      type: "events-editor",
+      editor: {
+        initialData: n,
+        viewSourceHandle: (t) => {
+          var i;
+          ((i = t.controller) == null ? void 0 : i.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(t);
+        }
       }
-    }), D(() => [e.endValue], ([w]) => {
-      if (!V.isTextBoxFocused.value) {
-        const p = h(w, !1);
-        l.value = p, d.value = f(p, !1);
+    }, e;
+  }
+}
+const B = class B {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
+  static getEditorTypesByMDataType(n, e = !1, t = "") {
+    if (e)
+      return [{ key: p["language-textbox"].type, value: p["language-textbox"].name }];
+    let i = B.fieldControlTypeMapping[n];
+    if (t === "data-grid-column" && (i != null && i.length)) {
+      const r = [p["check-group"].type, p["radio-group"].type, p.image.type, p["rich-text-editor"].type];
+      i = i.filter((o) => !r.includes(o.key));
+    }
+    return i;
+  }
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const n = [];
+    for (const e in B.fieldControlTypeMapping)
+      B.fieldControlTypeMapping[e].forEach((t) => {
+        n.find((i) => i.key === t.key && i.value === t.value) || n.push({ key: t.key, value: t.value });
+      });
+    return n;
+  }
+  /**
+   * 提供schema字段基础属性和DOM控件属性的映射
+   * @param control 控件元数据
+   */
+  static mappingDomPropAndSchemaProp(n, e) {
+    var r;
+    const t = (r = n.editor) == null ? void 0 : r.type, i = [];
+    return (n.type === p["data-grid-column"].type || n.type === p["tree-grid-column"].type) && e && e.categoryId && e.categoryId.indexOf("gridFieldEditor") < 0 && i.push({ domField: "title", schemaField: "name" }), i.push({ domField: "label", schemaField: "name" }), i.push({ domField: "editor.required", schemaField: "require" }), i.push({ domField: "editor.readonly", schemaField: "readonly" }), (t === p["input-group"].type || t === p.textarea.type || t === p["number-spinner"].type) && i.push({ domField: "editor.maxLength", schemaField: "type.length" }), t === p["number-spinner"].type && i.push({ domField: "editor.precision", schemaField: "type.precision" }), (n.type === p["data-grid-column"].type || n.type === p["tree-grid-column"].type) && i.push({ domField: "formatter.precision", schemaField: "type.precision" }), (t === p["combo-list"].type || t === p["radio-group"].type) && i.push({ domField: "editor.data", schemaField: "type.enumValues" }), (n.type === p["data-grid-column"].type || n.type === p["tree-grid-column"].type) && i.push({ domField: "formatter.data", schemaField: "type.enumValues" }), t === p["date-picker"].type && (i.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), i.push({ domField: "editor.fieldType", schemaField: "type.name" })), t === p["number-spinner"].type && (i.push({ domField: "editor.max", schemaField: "editor.maxValue" }), i.push({ domField: "editor.min", schemaField: "editor.minValue" })), t === p.lookup.type && (i.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), i.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), i.push({ domField: "editor.textField", schemaField: "editor.textField" }), i.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), i.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), i.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), i.push({ domField: "path", schemaField: "bindingPath" }), i.push({ domField: "binding.path", schemaField: "bindingField" }), i.push({ domField: "binding.fullPath", schemaField: "path" }), (n.type === p["data-grid-column"].type || n.type === p["tree-grid-column"].type) && i.push({ domField: "field", schemaField: "bindingPath" }), i;
+  }
+};
+/**
+ * <字段类型,可配置的控件类型列表>的映射
+ */
+y(B, "fieldControlTypeMapping", {
+  String: [
+    { key: p["input-group"].type, value: p["input-group"].name },
+    { key: p.lookup.type, value: p.lookup.name },
+    { key: p.image.type, value: p.image.name },
+    { key: p["date-picker"].type, value: p["date-picker"].name },
+    { key: p.switch.type, value: p.switch.name },
+    { key: p["check-box"].type, value: p["check-box"].name },
+    { key: p["check-group"].type, value: p["check-group"].name },
+    { key: p["radio-group"].type, value: p["radio-group"].name },
+    { key: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p.textarea.type, value: p.textarea.name },
+    { key: p["time-picker"].type, value: p["time-picker"].name }
+  ],
+  Text: [
+    { key: p.textarea.type, value: p.textarea.name },
+    { key: p.lookup.type, value: p.lookup.name },
+    { key: p.image.type, value: p.image.name },
+    { key: p["rich-text-editor"].type, value: p["rich-text-editor"].name }
+  ],
+  Decimal: [
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
+  ],
+  Integer: [
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
+  ],
+  Number: [
+    { key: p["number-spinner"].type, value: p["number-spinner"].name },
+    { key: p.switch.type, value: p.switch.name },
+    { key: p["check-box"].type, value: p["check-box"].name }
+  ],
+  BigNumber: [
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
+  ],
+  Date: [
+    { key: p["date-picker"].type, value: p["date-picker"].name }
+  ],
+  DateTime: [
+    { key: p["date-picker"].type, value: p["date-picker"].name }
+  ],
+  Boolean: [
+    { key: p.switch.type, value: p.switch.name },
+    { key: p["check-box"].type, value: p["check-box"].name }
+  ],
+  Enum: [
+    { key: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p["radio-group"].type, value: p["radio-group"].name }
+  ],
+  Object: [
+    { key: p.lookup.type, value: p.lookup.name },
+    { key: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p["radio-group"].type, value: p["radio-group"].name }
+  ]
+});
+let j = B;
+var L = /* @__PURE__ */ ((s) => (s.Form = "Form", s.Variable = "Variable", s))(L || {});
+class Ee {
+  constructor() {
+    /** 控件标题 */
+    y(this, "label", "");
+    /** 控件id */
+    y(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    y(this, "columnInSM", 12);
+    y(this, "columnInMD", 6);
+    y(this, "columnInLG", 3);
+    y(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    y(this, "displayWidthInSM", 1);
+    y(this, "displayWidthInMD", 1);
+    y(this, "displayWidthInLG", 1);
+    y(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    y(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    y(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    y(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    y(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    y(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    y(this, "fieldSetId", "");
+  }
+}
+function Ie(s) {
+  let n, e;
+  const t = /* @__PURE__ */ new Map();
+  let i = [];
+  function r(u, a) {
+    const f = u.split(" ").filter((w) => w.startsWith("col-"));
+    if (f.length === 0) {
+      a.isSupportedClass = !1;
+      return;
+    }
+    let m = f.find((w) => /^col-([1-9]|10|11|12)$/.test(w)), h = f.find((w) => /^col-md-([1-9]|10|11|12)$/.test(w)), b = f.find((w) => /^col-xl-([1-9]|10|11|12)$/.test(w)), C = f.find((w) => /^col-el-([1-9]|10|11|12)$/.test(w));
+    m = m || "col-12", a.columnInSM = parseInt(m.replace("col-", ""), 10), a.displayWidthInSM = a.columnInSM / 12, a.displayWidthInSM !== 1 && (a.isSupportedClass = !1), h = h || "col-md-" + a.columnInSM, a.columnInMD = parseInt(h.replace("col-md-", ""), 10), a.displayWidthInMD = a.columnInMD / 6, [1, 2].includes(a.displayWidthInMD) || (a.isSupportedClass = !1), b = b || "col-xl-" + a.columnInMD, a.columnInLG = parseInt(b.replace("col-xl-", ""), 10), a.displayWidthInLG = a.columnInLG / 3, [1, 2, 3, 4].includes(a.displayWidthInLG) || (a.isSupportedClass = !1), C = C || "col-el-" + a.columnInLG, a.columnInEL = parseInt(C.replace("col-el-", ""), 10), a.displayWidthInEL = a.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(a.displayWidthInEL) || (a.isSupportedClass = !1);
+  }
+  function o(u, a, g, f = !1) {
+    let m = !1;
+    u.contents.forEach((h) => {
+      if (h.type === "fieldset") {
+        g += 1, o(h, a, g, !0), m = !0;
+        return;
       }
-    }), D(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      t.value = f(r.value), d.value = f(l.value);
-    }), () => S("div", {
+      m && (g += 1, m = !1);
+      const b = h.appearance && h.appearance.class, C = new Ee();
+      b ? r(b, C) : C.isSupportedClass = !1, C.label = h.label || h.id, C.id = h.id, C.group = g, f && (C.fieldSetId = u.id), e === h.id && (n = g), t.set(h.id, h), a.push(C);
+    });
+  }
+  function c(u) {
+    const a = s.getComponentById(u);
+    if (!a || !a.componentType || !a.componentType.startsWith("form"))
+      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
+    const g = s.selectNode(a, (f) => f.type === p["response-form"].type);
+    return !g || !g.contents || g.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: g };
+  }
+  function l(u, a) {
+    a = a || u.id;
+    const { result: g, message: f, formNode: m } = c(a);
+    if (!g)
+      return { result: g, message: f };
+    e = u.id, i = [], t.clear();
+    const h = m.contents[0].type === p.fieldset.type ? 0 : 1;
+    o(m, i, h);
+    const b = i.find((w) => !w.isSupportedClass);
+    return {
+      defaultState: {
+        defaultGroupNumber: n || 1,
+        model: b ? "customize" : "standard"
+      },
+      importData: i
+    };
+  }
+  function d(u, a) {
+    a = a;
+    const { result: g, formNode: f } = c(a);
+    if (!g)
+      return "";
+    const m = [];
+    return u.forEach((h) => {
+      var w;
+      const b = t.get(h.id), C = b.appearance && b.appearance.class;
+      if (C) {
+        const v = C.split(" ").filter((T) => !T.startsWith("col-")), k = "col-" + h.columnInSM, F = "col-md-" + h.columnInMD, S = "col-xl-" + h.columnInLG, x = "col-el-" + h.columnInEL, P = [k, F, S, x].concat(v);
+        b.appearance.class = P.join(" ");
+      }
+      if (h.fieldSetId) {
+        const V = f.contents.find((k) => k.id === h.fieldSetId), v = m.find((k) => k.id === h.fieldSetId);
+        v ? (w = v.contents) == null || w.push(b) : (m.push(V), V.contents = [b]);
+      } else
+        m.push(b);
+    }), f.contents = m, f.id;
+  }
+  return {
+    checkCanFindFormNode: c,
+    checkCanOpenLayoutEditor: l,
+    changeFormControlsByResponseLayoutConfig: d,
+    getResonseFormLayoutConfig: o
+  };
+}
+class Se extends Fe {
+  constructor(e, t) {
+    super(e, t);
+    y(this, "responseLayoutEditorFunction");
+    /** 控件绑定的变量 */
+    y(this, "bindingVarible");
+    y(this, "numberEditorOptions", {
+      type: "number-spinner",
+      useThousands: !1,
+      keyboard: !1,
+      showButton: !1
+    });
+    this.responseLayoutEditorFunction = Ie(this.formSchemaUtils);
+  }
+  getCommonPropertyConfig(e, t, i = "Card") {
+    this.propertyConfig.categories.basic = this.getBasicProperties(e, t, i), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, t), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, "form-group");
+  }
+  getPropertyConfig(e, t) {
+    return this.getCommonPropertyConfig(e, t, "Card"), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig.categories.expressions = this.getExpressionConfig(e, "Field"), this.propertyConfig.categories.eventsEditor = this.getEventPropertyConfig(e), this.propertyConfig;
+  }
+  getGridFieldEdtiorPropConfig(e, t) {
+    return this.propertyConfig.categories = {}, this.getCommonPropertyConfig(e, t, "Grid"), this.getGridFieldEdtiorProperties ? this.propertyConfig.categories.editor = this.getGridFieldEdtiorProperties(e) : this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig.categories.expressons = this.getExpressionConfig(e, "Field"), this.propertyConfig.categories;
+  }
+  getBasicProperties(e, t, i = "Card") {
+    var d;
+    const r = this;
+    this.setDesignViewModelField(e);
+    const { canChangeControlType: o, editorTypeList: c } = this.getAvailableEditorType(e), l = {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "编辑器类型",
+          title: "编辑器类型",
+          type: "string",
+          $converter: "/converter/change-editor.converter",
+          parentPropertyID: "editor",
+          editor: {
+            type: "combo-list",
+            textField: "value",
+            valueField: "key",
+            idField: "key",
+            editable: !1,
+            data: c,
+            readonly: !o
+          }
+        },
+        label: {
+          title: "标签",
+          type: "string",
+          $converter: "/converter/form-group-label.converter"
+        },
+        showLabelType: {
+          description: "标签显示方式：1、显示：显示标签 2、占位：保留标签空间，但不显示文本 3、不显示：不显示标签",
+          title: "标签显示",
+          type: "enum",
+          editor: {
+            data: [{ id: "visible", name: "显示" }, { id: "reserve-space", name: "占位" }, { id: "none", name: "不显示" }]
+          },
+          defaultValue: ((d = e.editor) == null ? void 0 : d.type) === "image" ? "none" : "visible"
+        },
+        binding: {
+          description: "绑定的表单字段",
+          title: "绑定",
+          editor: {
+            type: "binding-selector",
+            bindingType: { enable: !1 },
+            editorParams: {
+              componentSchema: e,
+              needSyncToViewModel: !0,
+              viewModelId: this.viewModelId,
+              designerHostService: this.designerHostService,
+              disableOccupiedFields: !0
+            },
+            textField: "bindingField"
+          },
+          refreshPanelAfterChanged: !0,
+          readonly: this.formSchemaUtils.designerMode === "PC_RTC" && !e.isRtcControl
+        }
+      },
+      setPropertyRelates(u, a, g) {
+        if (u)
+          switch (u && u.propertyID) {
+            case "type": {
+              r.changeControlType(e, u, t);
+              break;
+            }
+            case "label": {
+              u.needRefreshControlTree = !0;
+              break;
+            }
+            case "binding": {
+              r.changeBindingField(e, u, g);
+              break;
+            }
+          }
+      }
+    };
+    return i.toLocaleLowerCase() !== "card" && delete l.properties.showLabelType, l;
+  }
+  /**
+   * 校验控件是否支持切换类型
+   * @param control 控件
+   */
+  checkCanChangeControlType(e, t) {
+    if (!e.binding)
+      return !1;
+    if (e.binding.type === "Variable") {
+      if (this.bindingVarible = this.formSchemaUtils.getVariableById(e.binding.field), !this.bindingVarible)
+        return !1;
+    } else if (!this.designViewModelField || this.designViewModelField.$type !== K.SimpleField)
+      return !1;
+    return !0;
+  }
+  /**
+   * 获取可选的编辑器类型
+   */
+  getAvailableEditorType(e) {
+    var r;
+    const t = this.checkCanChangeControlType(e, this.viewModelId);
+    if (!t)
+      return {
+        canChangeControlType: !1,
+        editorTypeList: [{
+          key: e.editor.type,
+          value: ((r = p[e.editor.type]) == null ? void 0 : r.name) || e.editor.type
+        }]
+      };
+    let i = [];
+    return this.designViewModelField && this.designViewModelField.$type === K.SimpleField ? i = j.getEditorTypesByMDataType(this.designViewModelField.type.name, this.designViewModelField.multiLanguage) : this.bindingVarible && (i = j.getEditorTypesByMDataType(this.bindingVarible.type, this.designViewModelField.multiLanguage)), { canChangeControlType: t, editorTypeList: i };
+  }
+  changeBindingField(e, t, i) {
+    t.needRefreshEntityTree = !0;
+  }
+  getAppearanceProperties(e, t) {
+    const i = this;
+    return {
+      title: "外观",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter",
+          parentPropertyID: "appearance"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的内联样式",
+          $converter: "/converter/appearance.converter",
+          parentPropertyID: "appearance"
+        },
+        fill: {
+          title: "填充宽度",
+          description: "启用后，控件占满父容器宽度",
+          type: "boolean",
+          parentPropertyID: "appearance"
+        },
+        responseLayout: {
+          description: "响应式列宽",
+          title: "响应式列宽",
+          type: "boolean",
+          visible: !0,
+          // 这个属性，标记当属性变更得时候触发重新更新属性
+          refreshPanelAfterChanged: !0,
+          editor: {
+            type: "response-layout-editor-setting",
+            beforeOpen: () => i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e, i.componentId)
+          }
+        }
+      },
+      setPropertyRelates(r, o) {
+        if (r)
+          switch (r && r.propertyID) {
+            case "responseLayout":
+              i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(r.propertyValue, i.componentId || e.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(e.id, t), delete e.responseLayout;
+              break;
+            case "class":
+              i.updateUnifiedLayoutAfterControlChanged(r.propertyValue, e.id, this.componentId), R.value++;
+              break;
+            case "style": {
+              R.value++;
+              break;
+            }
+          }
+      }
+    };
+  }
+  getEditorProperties(e) {
+    return this.getComponentConfig(e);
+  }
+  /**
+   * 卡片控件：切换控件类型后事件
+   * @param propertyData 控件DOM属性
+   * @param newControlType 新控件类型
+   */
+  changeControlType(e, t, i) {
+    const r = t.propertyValue, o = i && i.parent && i.parent.schema;
+    if (!o)
+      return;
+    const c = o.contents.findIndex((u) => u.id === e.id);
+    if (c === -1)
+      return;
+    const l = o.contents[c];
+    let d;
+    if (this.designViewModelField) {
+      const g = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((m) => m.id === this.designViewModelField.id).fieldSchema || {};
+      g.editor || (g.editor = {}), g.editor.$type = r, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, g, !1), d = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, r);
+    }
+    d || (d = this.controlCreatorUtils.createFormGroupWithoutField(r)), Object.assign(d, {
+      id: l.id,
+      appearance: l.appearance,
+      size: l.size,
+      label: l.label,
+      binding: l.binding
+    }), Object.prototype.hasOwnProperty.call(l, "visible") && Object.assign(d, { visible: l.visible }), l.editor && ["readonly", "required", "placeholder"].map((u) => {
+      Object.prototype.hasOwnProperty.call(l.editor, u) && (d.editor[u] = l.editor[u]);
+    }), i != null && i.updateContextSchema ? i.updateContextSchema(d) : (i.schema = Object.assign(l, d), Object.assign(e, d)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (u) => u.classList.remove("dgComponentSelected")
+    ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
+      (u) => u.classList.remove("dgComponentFocused")
+    ), R.value++, re(() => {
+      this.getFormDesignerInstance().reloadPropertyPanel();
+    });
+  }
+  getComponentConfig(e, t = {}, i = {}, r) {
+    var g, f;
+    const o = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
+      type: "input-group",
+      $converter: "/converter/property-editor.converter",
+      parentPropertyID: "editor"
+    }, t), c = (g = e.binding) != null && g.field ? [] : ["Const", "Variable", "StateMachine"], l = this.getPropertyEditorParams(e, c, "readonly"), d = this.getPropertyEditorParams(e, c, "required"), u = {
+      readonly: {
+        description: "",
+        title: "只读",
+        editor: l
+      },
+      required: {
+        description: "",
+        title: "必填",
+        type: "boolean",
+        editor: d,
+        visible: !!((f = e.binding) != null && f.field)
+      },
+      placeholder: {
+        description: "当控件没有值时在输入框中显示的文本",
+        title: "提示文本",
+        type: "string"
+      }
+    };
+    for (const m in i)
+      u[m] = Object.assign(u[m] || {}, i[m]);
+    const a = this;
+    return {
+      ...o,
+      properties: { ...u },
+      setPropertyRelates(m, h) {
+        if (m) {
+          switch (m.propertyID) {
+            case "readonly":
+            case "required":
+              a.afterMutilEditorChanged(e, m);
+              break;
+          }
+          r && r.bind(a)(m, e, h);
+        }
+      }
+    };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(e, t, i) {
+    const r = e.split(" ");
+    let o = r.find((a) => /^col-([1-9]|10|11|12)$/.test(a)), c = r.find((a) => /^col-md-([1-9]|10|11|12)$/.test(a)), l = r.find((a) => /^col-xl-([1-9]|10|11|12)$/.test(a)), d = r.find((a) => /^col-el-([1-9]|10|11|12)$/.test(a));
+    o = o || "col-12", c = c || "col-md-" + o.replace("col-", ""), l = l || "col-xl-" + c.replace("col-md-", ""), d = d || "col-el-" + l.replace("col-xl-", "");
+    const u = {
+      id: t,
+      columnInSM: parseInt(o.replace("col-", ""), 10),
+      columnInMD: parseInt(c.replace("col-md-", ""), 10),
+      columnInLG: parseInt(l.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(d.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, u);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(e, t) {
+    const { formNode: i } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
+    if (!i || !i.unifiedLayout)
+      return;
+    const r = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, r, 1), t) {
+      const m = r.find((h) => h.id === t.id);
+      Object.assign(m || {}, t);
+    }
+    const o = r.map((m) => m.columnInSM), c = r.map((m) => m.columnInMD), l = r.map((m) => m.columnInLG), d = r.map((m) => m.columnInEL), u = this.checkIsUniqueColumn(o) ? o[0] : null, a = this.checkIsUniqueColumn(c) ? c[0] : null, g = this.checkIsUniqueColumn(l) ? l[0] : null, f = this.checkIsUniqueColumn(d) ? d[0] : null;
+    Object.assign(i.unifiedLayout, {
+      uniqueColClassInSM: u,
+      uniqueColClassInMD: a,
+      uniqueColClassInLG: g,
+      uniqueColClassInEL: f
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(e) {
+    const t = new Set(e);
+    return Array.from(t).length === 1;
+  }
+  /**
+   * 枚举项编辑器
+   * @param propertyData 
+   * @param valueField 
+   * @param textField 
+   * @returns 
+   */
+  getItemCollectionEditor(e, t, i) {
+    return t = t || "value", i = i || "name", {
+      editor: {
+        columns: [
+          { field: t, title: "值", dataType: "string" },
+          { field: i, title: "名称", dataType: "string" }
+          // { field: 'disabled', title: '禁用', dataType: 'boolean', editor: { type: 'switch' } },
+        ],
+        type: "item-collection-editor",
+        valueField: t,
+        nameField: i,
+        requiredFields: [t, i],
+        uniqueFields: [t, i],
+        readonly: this.checkEnumDataReadonly(e)
+      }
+    };
+  }
+  /**
+  * 判断枚举数据是否只读
+  * 1、没有绑定信息或者绑定变量，可以新增、删除、修改
+  * 2、绑定类型为字段，且字段为枚举字段，则不可新增、删除、修改枚举值。只能从be修改然后同步到表单上。
+  * @param propertyData 下拉框控件属性值
+  */
+  checkEnumDataReadonly(e) {
+    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === ce.EnumType);
+  }
+  /**
+  * 将字段值变化前事件、变化后事件追加到交互面板
+  * 注意：因为绑定字段值变化后事件与下拉框的值变化事件(valueChanged)重名，所以这里将事件label都重命名下
+  */
+  appendFieldValueChangeEvents(e, t) {
+    e.binding && e.binding.type === L.Form && e.binding.field ? (t.find((i) => i.label === "fieldValueChanging"), t.find((i) => i.label === "fieldValueChanged"), this.designViewModelField && (e.fieldValueChanging = this.designViewModelField.valueChanging, e.fieldValueChanged = this.designViewModelField.valueChanged)) : t = t.filter((i) => i.label !== "fieldValueChanging" && i.label !== "fieldValueChanged");
+  }
+  getControlMethodType(e) {
+    if (!e.binding)
+      return e.type;
+    switch (e.binding.type) {
+      case L.Form:
+        return e.binding.path || e.type;
+      case L.Variable:
+        return e.binding.fullPath || e.type;
+    }
+    return e.type;
+  }
+  /**
+  * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
+  * @param propertyData 属性值
+  * @param viewModelId 视图模型id
+  * @param showPosition 面板展示位置
+  * @param customEvent 输入控件特有的事件配置
+  */
+  getEventPropertyConfig(e, t = "card", i, r) {
+    const o = this;
+    let c = [];
+    if (i && (c = c.concat(i)), c.length === 0)
+      return {
+        title: "事件",
+        hideTitle: !0,
+        properties: {},
+        tabId: "commands",
+        tabName: "交互",
+        hide: !0
+      };
+    this.appendFieldValueChangeEvents(e, c);
+    const l = o.eventsEditorUtils.formProperties(e, o.viewModelId, c);
+    return {
+      title: "事件",
+      hideTitle: !0,
+      properties: o.createBaseEventProperty(l),
+      tabId: "commands",
+      tabName: "交互",
+      setPropertyRelates(a, g) {
+        const f = a.propertyValue;
+        delete e[o.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, f.controlInfo = { type: o.getControlMethodType(e), name: e.title }, o.eventsEditorUtils.saveRelatedParameters(e, o.viewModelId, f.events, f)), r && r(a, g, f);
+        const m = o.designViewModelUtils.getDgViewModel(o.viewModelId);
+        m && o.designViewModelField && m.changeField(o.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged });
+      }
+    };
+  }
+  getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], r) {
+    return new te(this.formSchemaUtils).getExpressionConfig(
+      e,
+      t,
+      i,
+      r
+    );
+  }
+  getBindingDataType() {
+    return this.designViewModelField ? this.designViewModelField.type.name === "Number" ? "number" : this.designViewModelField.type.name === "String" ? "string" : "boolean" : "boolean";
+  }
+  getEditor() {
+    return this.getBindingDataType() === "number" ? this.numberEditorOptions : {};
+  }
+  updatePropertyValue(e, t, i) {
+    var r;
+    e.editor[t] !== i ? e.editor[t] = i : (r = this.getFormDesignerInstance()) == null || r.reloadPropertyPanel();
+  }
+  setBooleanValue(e, t, i) {
+    let r = i;
+    this.getBindingDataType() === "string" && (r = (r || "").trim() || (t === "trueValue" ? "true" : "false"));
+    const c = t === "trueValue" ? "falseValue" : "trueValue";
+    e.editor[c] === r && (r = r + 1), this.updatePropertyValue(e, t, r);
+  }
+  getBooleanValueConverter() {
+    return {
+      convertFrom: (e, t) => e.editor[t],
+      convertTo: (e, t, i) => {
+        this.setBooleanValue(e, t, i);
+      }
+    };
+  }
+}
+class Me extends Se {
+  constructor(n, e) {
+    super(n, e);
+  }
+  getEditorProperties(n) {
+    return this.getComponentConfig(n, { type: "number-range" }, {
+      editable: {
+        description: "",
+        title: "允许编辑",
+        type: "boolean"
+      }
+    });
+  }
+}
+function ke(s, n) {
+  const e = s.schema;
+  function t(i, r) {
+    return new Me(i, n).getPropertyConfig(e, r);
+  }
+  return { getPropsConfig: t };
+}
+const Pe = /* @__PURE__ */ _({
+  name: "FNumberRangeDesign",
+  props: W,
+  emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
+  setup(s, n) {
+    const e = N(s.beginValue), t = N(""), i = N(s.endValue), r = N(""), o = Y(s), c = ee(s, n, o), l = (x) => {
+      n.emit("beginValueChange", x);
+    }, d = N(), u = D("designer-host-service"), a = D("design-item-context"), g = ke(a, u), f = de(d, a, g);
+    H(() => {
+      d.value.componentInstance = f;
+    }), n.expose(f.value);
+    const m = A(s, n, t, e, c, o, l, e, i, !0), h = O(s, n, t, e, c, o, m, l, e, i, !0), b = q(s, n, m), C = X(s, n, h, !0), w = (x) => {
+      n.emit("endValueChange", x);
+    }, V = A(s, n, r, i, c, o, w, e, i, !1), v = O(s, n, r, i, c, o, V, w, e, i, !1), k = q(s, n, V), F = X(s, n, v, !1), S = M(() => s.showButton);
+    return () => E("div", {
+      ref: d,
       class: "input-group  number-range f-cmp-number-spinner"
-    }, [S("div", {
+    }, [E("div", {
       class: "form-control input-container"
-    }, [S("div", {
+    }, [E("div", {
       class: "sub-input-group"
-    }, [o(), j.value && b()]), S("span", {
+    }, [C(), S.value && b()]), E("span", {
       class: "spliter"
-    }, [z("~")]), S("div", {
+    }, [J("~")]), E("div", {
       class: "sub-input-group"
-    }, [F(), j.value && O()])])]);
+    }, [F(), S.value && k()])])]);
   }
-}), Y = L(H);
+});
+$.register = (s, n, e, t) => {
+  s["number-range"] = $, n["number-range"] = Q;
+};
+$.registerDesigner = (s, n, e) => {
+  s["number-range"] = Pe, n["number-range"] = Q;
+};
+const qe = pe($);
 export {
-  H as FNumberRange,
-  Y as default,
-  M as numberRangeProps
+  $ as FNumberRange,
+  qe as default,
+  W as numberRangeProps,
+  Q as propsResolver
 };