@farris/ui-vue 1.2.7 → 1.2.8

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

@@ -0,0 +1,1120 @@
+var ne = Object.defineProperty;
+var oe = (e, t, n) => t in e ? ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var F = (e, t, n) => oe(e, typeof t != "symbol" ? t + "" : t, n);
+import { computed as P, ref as k, createVNode as M, defineComponent as Q, onMounted as G, watch as j, createTextVNode as X, inject as R } from "vue";
+import { cloneDeep as re } from "lodash-es";
+import T from "bignumber.js";
+import { getSchemaByType as J } from "../dynamic-resolver/index.esm.js";
+function ae(e, t, n) {
+  return t;
+}
+const Y = {}, _ = {};
+function Z(e) {
+  const { properties: t, title: n } = e, o = Object.keys(t).reduce((a, c) => (a[c] = t[c].type === "object" && t[c].properties ? Z(t[c]) : re(t[c].default), a), {});
+  return o.id = `${n}-${Date.now()}`, o;
+}
+function z(e, t = {}) {
+  const n = Y[e];
+  if (n) {
+    let o = Z(n);
+    const a = _[e];
+    return o = a ? a({ getSchemaByType: z }, o, t) : o, o;
+  }
+  return null;
+}
+function ie(e, t) {
+  const n = Z(t);
+  return Object.keys(e).reduce((o, a) => (o[a] && typeof o[a] == "object" ? Object.assign(o[a], e[a]) : o[a] = e[a], o), n), n;
+}
+function le(e, t) {
+  return Object.keys(e).filter((o) => e[o] != null).reduce((o, a) => {
+    if (t.has(a)) {
+      const c = t.get(a);
+      if (typeof c == "string")
+        o[c] = e[a];
+      else {
+        const d = c(a, e[a], e);
+        Object.assign(o, d);
+      }
+    } else
+      o[a] = e[a];
+    return o;
+  }, {});
+}
+function ue(e, t, n = /* @__PURE__ */ new Map()) {
+  const o = ie(e, t);
+  return le(o, n);
+}
+function ce(e = {}) {
+  function t(r, l, u, p) {
+    if (typeof u == "number")
+      return p[r].length === u;
+    if (typeof u == "object") {
+      const f = Object.keys(u)[0], b = u[f];
+      if (f === "not")
+        return Number(p[r].length) !== Number(b);
+      if (f === "moreThan")
+        return Number(p[r].length) >= Number(b);
+      if (f === "lessThan")
+        return Number(p[r].length) <= Number(b);
+    }
+    return !1;
+  }
+  function n(r, l, u, p) {
+    return p[r] && p[r].propertyValue && String(p[r].propertyValue.value) === String(u);
+  }
+  const o = /* @__PURE__ */ new Map([
+    ["length", t],
+    ["getProperty", n]
+  ]);
+  Object.keys(e).reduce((r, l) => (r.set(l, e[l]), r), o);
+  function a(r, l) {
+    const u = r;
+    return typeof l == "number" ? [{ target: u, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: u, operator: "getProperty", param: r, value: !!l }] : typeof l == "object" ? Object.keys(l).map((p) => {
+      if (p === "length")
+        return { target: u, operator: "length", param: null, value: l[p] };
+      const f = p, b = l[p];
+      return { target: u, operator: "getProperty", param: f, value: b };
+    }) : [];
+  }
+  function c(r) {
+    return Object.keys(r).reduce((u, p) => {
+      const f = a(p, r[p]);
+      return u.push(...f), u;
+    }, []);
+  }
+  function d(r, l) {
+    if (o.has(r.operator)) {
+      const u = o.get(r.operator);
+      return u && u(r.target, r.param, r.value, l) || !1;
+    }
+    return !1;
+  }
+  function s(r, l) {
+    return c(r).reduce((f, b) => f && d(b, l), !0);
+  }
+  function i(r, l) {
+    const u = Object.keys(r), p = u.includes("allOf"), f = u.includes("anyOf"), b = p || f, D = (b ? r[b ? p ? "allOf" : "anyOf" : "allOf"] : [r]).map((C) => s(C, l));
+    return p ? !D.includes(!1) : D.includes(!0);
+  }
+  return { parseValueSchema: i };
+}
+const m = {
+  button: { type: "button", name: "按钮", icon: "Button" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
+  "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
+  "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
+  textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
+  lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
+  "number-spinner": { type: "number-spinner", name: "数值", icon: "NumericBox" },
+  "date-picker": { type: "date-picker", name: "日期", icon: "DateBox" },
+  switch: { type: "switch", name: "开关", icon: "SwitchField" },
+  "radio-group": { type: "radio-group", name: "单选组", icon: "RadioGroup" },
+  "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
+  "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
+  "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
+  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
+  "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
+  "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
+  "data-grid-column": { type: "data-grid-column", name: "表格列" },
+  module: { type: "Module", name: "模块", icon: "Module" },
+  component: { type: "component", name: "组件", icon: "Component" },
+  tabs: { type: "tabs", name: "标签页", icon: "Tab" },
+  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
+  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
+  "page-header": { type: "page-header", name: "页头", icon: "Header" },
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+}, se = {}, pe = {};
+ce();
+function de(e, t, n = /* @__PURE__ */ new Map(), o = (d, s, i) => s, a = {}, c = (d) => d) {
+  return Y[t.title] = t, _[t.title] = o, se[t.title] = a, pe[t.title] = c, (d = {}) => {
+    const s = ue(d, t, n), i = Object.keys(e).reduce((r, l) => (r[l] = e[l].default, r), {});
+    return Object.assign(i, s);
+  };
+}
+function me(e, t) {
+  return { customClass: t.class, customStyle: t.style };
+}
+const fe = /* @__PURE__ */ new Map([
+  ["appearance", me]
+]), ge = "https://json-schema.org/draft/2020-12/schema", ye = "https://farris-design.gitee.io/number-range.schema.json", be = "number-range", he = "A Farris Component", ve = "object", we = {
+  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
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, Ce = [
+  "id",
+  "type"
+], Be = {
+  $schema: ge,
+  $id: ye,
+  title: be,
+  description: he,
+  type: ve,
+  properties: we,
+  required: Ce
+}, H = {
+  /**
+   * 组件标识
+   */
+  id: String,
+  /**
+   * 自动补全小数
+   */
+  autoDecimal: { type: Boolean, default: !0 },
+  /**
+   * 下限placeholder---未实现
+   */
+  beginPlaceHolder: { type: String, default: "请输入开始数字" },
+  /**
+   * 下限值
+   */
+  beginValue: { type: [Number, String], default: "0" },
+  /**
+   * 启用大数支持
+   */
+  bigNumber: { type: Boolean, default: !1 },
+  /**
+   * 允许为空
+   */
+  canNull: { type: Boolean, default: !1 },
+  /**
+   * 小数点符号
+   */
+  decimalSeparator: { type: String, default: "." },
+  /**
+   * 是否禁用
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * 是否可编辑
+   */
+  editable: { type: Boolean, default: !0 },
+  /**
+   * 上限placeholder---未实现
+   */
+  endPlaceHolder: { type: String, default: "请输入结束数字" },
+  /**
+   * 上限值
+   */
+  endValue: { type: [Number, String], default: "0" },
+  /**
+   * 格式化 formatter 和 parser 必须同时存在
+   * formatter: (val: number) => string;
+   * parser: (val: string | number) => number;
+   */
+  formatter: { type: Function },
+  /**
+   * 千分位符号
+   */
+  groupSeparator: { type: String, default: "," },
+  /**
+   * 使用千分位时，每组显示的字符数
+   */
+  groupSize: { type: Number, default: 3 },
+  /**
+   * 最大值
+   */
+  max: { type: [Number, String] },
+  /**
+   * 最小值
+   */
+  min: { type: [Number, String] },
+  parser: { type: Function },
+  /**
+   * 空白提示文本
+   */
+  placeholder: { type: String, default: "请输入数字" },
+  /**
+   * 精度
+   */
+  precision: { type: Number, default: 0 },
+  /**
+   * 前缀
+   */
+  prefix: { type: String, default: "" },
+  /**
+   * 是否只读
+   */
+  readonly: { type: Boolean, default: !1 },
+  /**
+   * 间隔符---未实现
+   */
+  separator: { type: String, default: "~" },
+  /**
+   * 是否显示加减按钮
+   */
+  showButton: { type: Boolean, default: !0 },
+  /**
+   * 显示0值
+   */
+  showZero: { type: Boolean, default: !0 },
+  /**
+   * up or down 步长
+   */
+  step: { type: Number, default: 1 },
+  /**
+   * 后缀
+   */
+  suffix: { type: String, default: "" },
+  /**
+   * 文本方向
+   */
+  textAlign: { type: String, default: "left" },
+  /**
+   * 是否使用千分值
+   */
+  useThousands: { type: Boolean, default: !0 }
+}, I = de(H, Be, fe, ae);
+function K(e, t) {
+  const n = P(() => Number(e.precision) || 0);
+  function o(i) {
+    return i.toFixed(n.value);
+  }
+  function a(i) {
+    return isNaN(i) || i === null || i === void 0 || i === "";
+  }
+  function c(i) {
+    const r = a(e.max) ? null : new T(String(e.max), 10), l = a(e.min) ? null : new T(String(e.min), 10);
+    return r && i.gt(r) ? r : l && i.lt(l) ? l : i;
+  }
+  function d(i, r, l, u) {
+    const p = new T(i, 10), f = a(l && l.value) ? null : new T(String(l.value), 10), b = a(r && r.value) ? null : new T(String(r.value), 10);
+    let V;
+    return u ? V = f && p.gt(f) ? f : p : V = b && p.lt(b) ? b : p, V.toString();
+  }
+  function s(i) {
+    if (e.parser)
+      return isNaN(Number(i)) ? e.parser(i) : i;
+    let r = c(new T(i, 10));
+    if (r.isNaN()) {
+      if (e.canNull)
+        return null;
+      const u = new T("" + e.min, 10), p = new T("" + e.max, 10);
+      if (!u.isNaN())
+        r = u;
+      else if (!p.isNaN())
+        r = p;
+      else
+        return 0;
+    }
+    return o(r);
+  }
+  return { getRealValue: s, isEmpty: a, precision: n, getValidNumberObject: c, getValidNumberInRange: d };
+}
+function ee(e, t, n) {
+  const o = P(() => ({
+    prefix: e.prefix,
+    suffix: e.suffix,
+    decimalSeparator: e.decimalSeparator,
+    groupSeparator: e.useThousands ? e.groupSeparator : "",
+    groupSize: e.groupSize
+  })), { getValidNumberObject: a, precision: c } = n;
+  function d(r) {
+    return r = r == null || r === "" ? "" : String(r), r = r.replace(new RegExp(e.prefix, "g"), "").replace(new RegExp(e.suffix, "g"), "").replace(/,/g, ""), e.groupSeparator && e.groupSeparator !== "," && (r = r.replace(new RegExp(`\\${e.groupSeparator}`, "g"), "")), e.decimalSeparator && e.decimalSeparator !== "." && (r = r.replace(new RegExp(`\\${e.decimalSeparator}`, "g"), ".")), r;
+  }
+  function s(r, l) {
+    return e.precision !== null && e.precision !== void 0 ? r.toFormat(c.value, l) : r.toFormat(l);
+  }
+  function i(r) {
+    const l = d(r), u = new T(l, 10), p = a(u);
+    return p.valueOf() === "0" && !e.showZero || p.isNaN() ? "" : e.formatter ? e.formatter(p.toNumber()) : s(p, o.value);
+  }
+  return { cleanFormat: d, format: i };
+}
+function A(e, t, n, o, a, c, d, s, i, r) {
+  const { format: l } = a, { getRealValue: u, getValidNumberInRange: p } = c;
+  function f() {
+    const B = new T(o.value || 0);
+    return !(e.max && !new T(e.max).isNaN() && B.gte(new T(e.max)));
+  }
+  function b() {
+    const B = new T(o.value || 0);
+    return !(e.min && !new T(e.min).isNaN() && B.lte(new T(e.min)));
+  }
+  function V(B) {
+    if (e.readonly || e.disabled)
+      return;
+    const S = B === "up" ? f : b, y = B === "up" ? "plus" : "minus";
+    if (S()) {
+      let v = new T(o.value || 0)[y](Number(e.step)).toFixed();
+      v = p(v, s, i, r), n.value = l(v), o.value = u(v), d(o.value);
+    }
+  }
+  function E() {
+    V("up");
+  }
+  function D() {
+    V("down");
+  }
+  function x(B) {
+    E(), B.stopPropagation();
+  }
+  function C(B) {
+    D(), B.stopPropagation();
+  }
+  return { canDownward: b, canUpward: f, downward: D, onClickDownButton: C, onClickUpButton: x, upward: E };
+}
+function U(e, t, n, o, a, c, d, s, i, r, l) {
+  const { cleanFormat: u, format: p } = a, { getRealValue: f, isEmpty: b, getValidNumberInRange: V } = c, { downward: E, upward: D } = d, x = P(() => n.value), C = k(!1);
+  function B(g) {
+    var N;
+    if (g.stopPropagation(), e.readonly || e.disabled)
+      return;
+    C.value = !1;
+    let v = (N = g.target) == null ? void 0 : N.value;
+    e.canNull || (v = v || 0);
+    let w = u(v);
+    w = V(w, i, r, l), n.value = p(w), o.value = f(w), s(o.value), t.emit("blur", { event: g, formatted: n.value, value: o.value });
+  }
+  function S(g) {
+    g.stopPropagation(), !(e.readonly || e.disabled) && (C.value = !0, n.value = b(o.value) || !e.showZero && o.value === "0" ? "" : String(o.value), t.emit("focus", { event: g, formatted: n.value, value: o.value }));
+  }
+  function y(g) {
+    var N;
+    g.stopPropagation();
+    let v = (N = g.target) == null ? void 0 : N.value;
+    e.canNull || (v = v || 0);
+    const w = u(v);
+    n.value = w, o.value = f(w), s(o.value);
+  }
+  function h(g) {
+    g.key === "ArrowDown" && (g.preventDefault(), E()), g.key === "ArrowUp" && (g.preventDefault(), D()), g.stopPropagation();
+  }
+  return { textBoxValue: x, onBlurTextBox: B, onFocusTextBox: S, onInput: y, onKeyDown: h, isTextBoxFocused: C };
+}
+function $(e, t, n, o) {
+  const {
+    onBlurTextBox: a,
+    onFocusTextBox: c,
+    onInput: d,
+    onKeyDown: s,
+    textBoxValue: i
+  } = n, r = P(() => e.disabled || e.readonly || !e.editable ? "" : o ? e.beginPlaceHolder : e.endPlaceHolder), l = P(() => ({
+    "form-control": !0,
+    "sub-input": !0
+  })), u = P(() => ({
+    "text-align": e.textAlign
+  }));
+  function p(f) {
+    f.stopPropagation();
+  }
+  return () => M("input", {
+    class: l.value,
+    style: u.value,
+    type: "text",
+    value: i.value,
+    disabled: e.disabled,
+    readonly: e.readonly || !e.editable,
+    placeholder: r.value,
+    onBlur: a,
+    onChange: p,
+    onFocus: c,
+    onInput: d,
+    onKeydown: s
+  }, null);
+}
+function q(e, t, n) {
+  const {
+    canDownward: o,
+    canUpward: a,
+    onClickDownButton: c,
+    onClickUpButton: d
+  } = n, s = P(() => ({
+    "input-group-append": !0,
+    "btn-group": !0,
+    "btn-group-number": !0,
+    "sub-btn-group": !0
+  })), i = P(() => ({
+    btn: !0,
+    "btn-secondary": !0,
+    "btn-number-flag": !0
+  })), r = P(() => ({
+    cursor: a() ? "pointer" : "not-allowed",
+    "margin-left": 0
+  })), l = P(() => ({
+    cursor: o() ? "pointer" : "not-allowed",
+    "margin-left": 0
+  }));
+  return () => M("div", {
+    class: s.value
+  }, [M("button", {
+    title: "upButton",
+    class: i.value,
+    style: r.value,
+    onClick: d,
+    disabled: !a()
+  }, [M("span", {
+    class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
+  }, null)]), M("button", {
+    title: "downButton",
+    class: i.value,
+    style: l.value,
+    onClick: c,
+    disabled: !o()
+  }, [M("span", {
+    class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
+  }, null)])]);
+}
+const L = /* @__PURE__ */ Q({
+  name: "FNumberRange",
+  props: H,
+  emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
+  setup(e, t) {
+    const n = k(e.beginValue), o = k(""), a = k(e.endValue), c = k(""), d = K(e), s = ee(e, t, d), i = (S) => {
+      t.emit("beginValueChange", S);
+    }, r = A(e, t, o, n, s, d, i, n, a, !0), l = U(e, t, o, n, s, d, r, i, n, a, !0), u = q(e, t, r), p = $(e, t, l, !0), f = (S) => {
+      t.emit("endValueChange", S);
+    }, b = A(e, t, c, a, s, d, f, n, a, !1), V = U(e, t, c, a, s, d, b, f, n, a, !1), E = q(e, t, b), D = $(e, t, V, !1), {
+      getRealValue: x
+    } = d, {
+      format: C
+    } = s, B = P(() => !e.disabled && !e.readonly && e.showButton);
+    return G(() => {
+      const S = x(e.beginValue), y = x(e.endValue);
+      o.value = C(S), c.value = C(y);
+    }), j(() => [e.beginValue], ([S]) => {
+      if (!l.isTextBoxFocused.value) {
+        const y = x(S);
+        o.value = C(y);
+      }
+    }), j(() => [e.endValue], ([S]) => {
+      if (!V.isTextBoxFocused.value) {
+        const y = x(S);
+        c.value = C(y);
+      }
+    }), j(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+      o.value = C(n.value), c.value = C(a.value);
+    }), () => M("div", {
+      class: "input-group  number-range f-cmp-number-spinner"
+    }, [M("div", {
+      class: "form-control input-container"
+    }, [M("div", {
+      class: "sub-input-group"
+    }, [p(), B.value && u()]), M("span", {
+      class: "spliter"
+    }, [X("~")]), M("div", {
+      class: "sub-input-group"
+    }, [D(), B.value && E()])])]);
+  }
+});
+function Ne(e, t, n) {
+  var S;
+  function o() {
+    n != null && n.resolveComponentContext && n.resolveComponentContext();
+  }
+  o();
+  const a = n && n.getStyles && n.getStyles() || "", c = n && n.getDesignerClass && n.getDesignerClass() || "", d = k();
+  function s() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
+  }
+  function i() {
+    return !1;
+  }
+  function r() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
+  }
+  function l() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
+  }
+  function u(y) {
+    if (!y || !y.value)
+      return null;
+    if (y.value.schema && y.value.schema.type === "component")
+      return y.value;
+    const h = k(y == null ? void 0 : y.value.parent), g = u(h);
+    return g || null;
+  }
+  function p(y = t) {
+    const { componentInstance: h, designerItemElementRef: g } = y;
+    return !h || !h.value ? null : h.value.canMove ? g : p(y.parent);
+  }
+  function f(y) {
+    return !!n && n.canAccepts(y);
+  }
+  function b() {
+    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
+  }
+  function V() {
+  }
+  function E(y, h) {
+    h && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(h);
+  }
+  function D(y) {
+    const { componentType: h } = y;
+    let g = z(h, y);
+    n && n.onResolveNewComponentSchema && (g = n.onResolveNewComponentSchema(y, g));
+    const v = h.toLowerCase().replace("-", "_");
+    return g && !g.id && g.type === h && (g.id = `${v}_${Math.random().toString().slice(2, 6)}`), g;
+  }
+  function x(y, h) {
+    const g = String(y.getAttribute("data-controltype")), v = y.getAttribute("data-feature"), w = v ? JSON.parse(v) : {};
+    w.parentComponentInstance = d.value;
+    let N = z(g, w);
+    n && n.onAcceptNewChildElement && (N = n.onAcceptNewChildElement(y, h, N));
+    const te = g.toLowerCase().replace("-", "_");
+    return N && !N.id && N.type === g && (N.id = `${te}_${Math.random().toString().slice(2, 6)}`), N;
+  }
+  function C(y) {
+  }
+  function B(...y) {
+    if (n && n.getPropsConfig)
+      return n.getPropsConfig(...y);
+  }
+  return d.value = {
+    canMove: s(),
+    canSelectParent: i(),
+    canDelete: r(),
+    canNested: !l(),
+    contents: t == null ? void 0 : t.schema.contents,
+    elementRef: e,
+    parent: (S = t == null ? void 0 : t.parent) == null ? void 0 : S.componentInstance,
+    schema: t == null ? void 0 : t.schema,
+    styles: a,
+    designerClass: c,
+    canAccepts: f,
+    getBelongedComponentInstance: u,
+    getDraggableDesignItemElement: p,
+    getDraggingDisplayText: b,
+    getPropConfig: B,
+    getDragScopeElement: V,
+    onAcceptMovedChildElement: E,
+    onAcceptNewChildElement: x,
+    onChildElementMovedOut: C,
+    addNewChildComponentSchema: D,
+    updateDragAndDropRules: o,
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || k(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
+  }, d;
+}
+function Se(e, t) {
+  e.schema;
+  const n = k(!0), o = k(!0);
+  function a(u) {
+    return !1;
+  }
+  function c() {
+    return !1;
+  }
+  function d() {
+    return !1;
+  }
+  function s() {
+    return !0;
+  }
+  function i(u) {
+  }
+  function r() {
+  }
+  function l(u) {
+    return null;
+  }
+  return {
+    canAccepts: a,
+    checkCanDeleteComponent: c,
+    checkCanMoveComponent: d,
+    hideNestedPaddingInDesginerView: s,
+    onAcceptMovedChildElement: i,
+    resolveComponentContext: r,
+    triggerBelongedComponentToMoveWhenMoved: n,
+    triggerBelongedComponentToDeleteWhenDeleted: o,
+    getPropsConfig: l
+  };
+}
+class Ve {
+  constructor(t, n) {
+    F(this, "componentId");
+    F(this, "viewModelId");
+    F(this, "eventsEditorUtils");
+    F(this, "formSchemaUtils");
+    F(this, "formMetadataConverter");
+    F(this, "designViewModelUtils");
+    F(this, "designViewModelField");
+    F(this, "controlCreatorUtils");
+    F(this, "designerHostService");
+    F(this, "schemaService", null);
+    F(this, "metadataService", null);
+    F(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var o;
+    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+  }
+  getTableInfo() {
+    var t;
+    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(t) {
+    const n = t.binding && t.binding.type === "Form" && t.binding.field;
+    if (n) {
+      if (!this.designViewModelField) {
+        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = o.fields.find((a) => a.id === n);
+      }
+      t.updateOn = this.designViewModelField.updateOn;
+    }
+  }
+  changeFieldEditorType(t, n) {
+  }
+  getBasicPropConfig(t) {
+    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",
+            data: [{ value: t.type, name: m[t.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(t = null) {
+    return {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
+  }
+}
+const O = class O {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
+  static getEditorTypesByMDataType(t) {
+    const n = O.fieldControlTypeMapping[t];
+    return n || [{ key: "", value: "" }];
+  }
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const t = [];
+    for (let n in O.fieldControlTypeMapping)
+      O.fieldControlTypeMapping[n].forEach((o) => {
+        t.find((a) => a.key === o.key && a.value === o.value) || t.push({ key: o.key, value: o.value });
+      });
+    return t;
+  }
+};
+/**
+ * <字段类型,可配置的控件类型列表>的映射
+ */
+F(O, "fieldControlTypeMapping", {
+  String: [
+    { key: m["input-group"].type, value: m["input-group"].name },
+    { key: m.lookup.type, value: m.lookup.name },
+    { key: m["date-picker"].type, value: m["date-picker"].name },
+    { key: m["check-box"].type, value: m["check-box"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name },
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m.textarea.type, value: m.textarea.name }
+  ],
+  Text: [
+    { key: m.textarea.type, value: m.textarea.name },
+    { key: m.lookup.type, value: m.lookup.name }
+  ],
+  Decimal: [
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+  ],
+  Integer: [
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+  ],
+  Number: [
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+  ],
+  BigNumber: [
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+  ],
+  Date: [
+    { key: m["date-picker"].type, value: m["date-picker"].name }
+  ],
+  DateTime: [
+    { key: m["date-picker"].type, value: m["date-picker"].name }
+  ],
+  Boolean: [
+    { key: m.switch.type, value: m.switch.name },
+    { key: m["check-box"].type, value: m["check-box"].name }
+  ],
+  Enum: [
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name }
+  ],
+  Object: [
+    { key: m.lookup.type, value: m.lookup.name },
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name }
+  ]
+});
+let W = O;
+const ke = k(0);
+class Te extends Ve {
+  constructor(t, n) {
+    super(t, n);
+  }
+  getPropertyConfig(t, n) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(t, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
+  }
+  getBasicProperties(t, n) {
+    var d;
+    var o = this;
+    this.setDesignViewModelField(t);
+    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), c = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "string",
+          refreshPanelAfterChanged: !0,
+          $converter: "/converter/change-editor.converter",
+          editor: {
+            type: "combo-list",
+            textField: "value",
+            valueField: "key",
+            editable: !1,
+            data: o.designViewModelField ? W.getEditorTypesByMDataType((d = o.designViewModelField.type) == null ? void 0 : d.name) : W.getAllInputTypes()
+          }
+        },
+        label: {
+          title: "标签",
+          type: "string",
+          $converter: "/converter/form-group-label.converter"
+        },
+        binding: {
+          description: "绑定的表单字段",
+          title: "绑定",
+          $converter: "/converter/field-selector.converter",
+          editor: {
+            type: "field-selector",
+            bindingType: { enable: !1 },
+            editorParams: {
+              propertyData: t,
+              formBasicInfo: a
+            },
+            columns: [
+              { field: "name", title: "字段名称" },
+              { field: "bindingField", title: "绑定字段" },
+              { field: "fieldType", title: "字段类型" }
+            ],
+            textField: "bindingField",
+            data: c
+          }
+        }
+      },
+      setPropertyRelates(s, i) {
+        if (s)
+          switch (s && s.propertyID) {
+            case "type": {
+              o.changeControlType(t, s, n);
+              break;
+            }
+          }
+      }
+    };
+  }
+  getAppearanceProperties(t) {
+    return {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的样式",
+          $converter: "/converter/appearance.converter"
+        },
+        responseLayout: {
+          description: "响应式列宽",
+          title: "响应式列宽",
+          type: "boolean",
+          visible: !1,
+          editor: {
+            type: "response-layout-editor-setting"
+          },
+          $converter: "/converter/response-form-layout.converter"
+        }
+      }
+    };
+  }
+  getEditorProperties(t) {
+    return this.getComponentConfig(t);
+  }
+  /**
+   * 卡片控件：切换控件类型后事件
+   * @param propertyData 控件DOM属性
+   * @param newControlType 新控件类型
+   */
+  changeControlType(t, n, o) {
+    var r, l, u, p;
+    const a = n.propertyValue, c = o && o.parent && o.parent.schema;
+    if (!c)
+      return;
+    const d = c.contents.findIndex((f) => f.id === t.id), s = c.contents[d];
+    let i;
+    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
+      editor: {
+        $type: a
+      },
+      name: this.designViewModelField.name,
+      require: this.designViewModelField.require,
+      readonly: this.designViewModelField.readonly
+    }, !1), i = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), i || (i = J("form-group") || {}, i.editor = J(a) || {}, delete i.editor.id, delete i.editor.binding, delete i.editor.appearance), Object.assign(i, {
+      id: s.id,
+      appearance: s.appearance,
+      size: s.size,
+      label: s.label,
+      binding: s.binding,
+      visible: s.visible
+    }), Object.assign(i.editor, {
+      isTextArea: i.isTextArea && s.isTextArea,
+      placeholder: (r = s.editor) == null ? void 0 : r.placeholder,
+      holdPlace: (l = s.editor) == null ? void 0 : l.holdPlace,
+      readonly: (u = s.editor) == null ? void 0 : u.readonly,
+      require: (p = s.editor) == null ? void 0 : p.require
+    }), c.contents.splice(d, 1), c.contents.splice(d, 0, i), o.schema = Object.assign(s, i), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (f) => f.classList.remove("dgComponentSelected")
+    ), ke.value++;
+  }
+  getComponentConfig(t, n = {}, o = {}) {
+    const a = Object.assign({
+      description: "组件信息",
+      title: "组件信息",
+      type: "input-group",
+      $converter: "/converter/property-editor.converter"
+    }, n), c = Object.assign({
+      readonly: {
+        description: "",
+        title: "只读",
+        type: "boolean"
+      },
+      disabled: {
+        description: "",
+        title: "禁用",
+        type: "boolean"
+      },
+      // required: {
+      //     description: "",
+      //     title: "必填",
+      //     type: "boolean"
+      // },
+      placeholder: {
+        description: "空值时，输入控件内的占位文本",
+        title: "提示文本",
+        type: "string"
+      }
+    }, o);
+    return { ...a, properties: { ...c } };
+  }
+}
+class Me extends Te {
+  constructor(t, n) {
+    super(t, n);
+  }
+  getEditorProperties(t) {
+    return this.getComponentConfig(t, { type: "number-range" }, {
+      editable: {
+        description: "",
+        title: "允许编辑",
+        type: "boolean"
+      }
+    });
+  }
+}
+function xe(e, t) {
+  const {
+    canAccepts: n,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: a,
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: s,
+    triggerBelongedComponentToMoveWhenMoved: i,
+    triggerBelongedComponentToDeleteWhenDeleted: r
+  } = Se(e), l = e.schema;
+  function u(p, f) {
+    return new Me(p, t).getPropertyConfig(l, f);
+  }
+  return {
+    canAccepts: n,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: a,
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: s,
+    triggerBelongedComponentToMoveWhenMoved: i,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
+    getPropsConfig: u
+  };
+}
+const Fe = /* @__PURE__ */ Q({
+  name: "FNumberRangeDesign",
+  props: H,
+  emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
+  setup(e, t) {
+    const n = k(e.beginValue), o = k(""), a = k(e.endValue), c = k(""), d = K(e), s = ee(e, t, d), i = (w) => {
+      t.emit("beginValueChange", w);
+    }, r = k(), l = R("designer-host-service"), u = R("design-item-context"), p = xe(u, l), f = Ne(r, u, p);
+    G(() => {
+      r.value.componentInstance = f;
+    }), t.expose(f.value);
+    const b = A(e, t, o, n, s, d, i, n, a, !0), V = U(e, t, o, n, s, d, b, i, n, a, !0), E = q(e, t, b), D = $(e, t, V, !0), x = (w) => {
+      t.emit("endValueChange", w);
+    }, C = A(e, t, c, a, s, d, x, n, a, !1), B = U(e, t, c, a, s, d, C, x, n, a, !1), S = q(e, t, C), y = $(e, t, B, !1), {
+      getRealValue: h
+    } = d, {
+      format: g
+    } = s, v = P(() => !e.disabled && !e.readonly && e.showButton);
+    return G(() => {
+      const w = h(e.beginValue), N = h(e.endValue);
+      o.value = g(w), c.value = g(N);
+    }), j(() => [e.beginValue], ([w]) => {
+      const N = h(w);
+      o.value = g(N);
+    }), j(() => [e.endValue], ([w]) => {
+      const N = h(w);
+      c.value = g(N);
+    }), j(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+      o.value = g(n.value), c.value = g(a.value);
+    }), () => M("div", {
+      ref: r,
+      class: "input-group  number-range f-cmp-number-spinner"
+    }, [M("div", {
+      class: "form-control input-container"
+    }, [M("div", {
+      class: "sub-input-group"
+    }, [D(), v.value && E()]), M("span", {
+      class: "spliter"
+    }, [X("~")]), M("div", {
+      class: "sub-input-group"
+    }, [y(), v.value && S()])])]);
+  }
+}), De = (e) => {
+  const t = e;
+  return t.install = function(n) {
+    n.component(t.name, e);
+  }, e;
+};
+L.register = (e, t, n, o) => {
+  e["number-range"] = L, t["number-range"] = I;
+};
+L.registerDesigner = (e, t, n) => {
+  e["number-range"] = Fe, t["number-range"] = I;
+};
+const Ue = De(L);
+export {
+  L as FNumberRange,
+  Ue as default,
+  H as numberRangeProps,
+  I as propsResolver
+};