@farris/ui-vue 1.2.7 → 1.2.9

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

@@ -0,0 +1,1155 @@
+var ee = Object.defineProperty;
+var te = (t, e, n) => e in t ? ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var C = (t, e, n) => te(t, typeof e != "symbol" ? e + "" : e, n);
+import { computed as M, ref as k, createVNode as V, onMounted as L, nextTick as G, defineComponent as J, watch as U, inject as z } from "vue";
+import { cloneDeep as ne } from "lodash-es";
+import S from "bignumber.js";
+import { getSchemaByType as Z } from "../dynamic-resolver/index.esm.js";
+const Q = {}, X = {};
+function W(t) {
+  const { properties: e, title: n, ignore: r } = t, l = r && Array.isArray(r), d = Object.keys(e).reduce((u, c) => ((!l || !r.find((s) => s == c)) && (u[c] = e[c].type === "object" && e[c].properties ? W(e[c]) : ne(e[c].default)), u), {});
+  return (!l || !r.find((u) => u == "id")) && (d.id = `${n}-${Date.now()}`), d;
+}
+function $(t, e = {}, n) {
+  const r = Q[t];
+  if (r) {
+    let l = W(r);
+    const d = X[t];
+    return l = d ? d({ getSchemaByType: $ }, l, e, n) : l, l;
+  }
+  return null;
+}
+function oe(t, e) {
+  const n = W(e);
+  return Object.keys(t).reduce((r, l) => (r[l] && typeof r[l] == "object" ? Object.assign(r[l], t[l]) : r[l] = t[l], r), n), n;
+}
+function re(t, e) {
+  return Object.keys(t).filter((r) => t[r] != null).reduce((r, l) => {
+    if (e.has(l)) {
+      const d = e.get(l);
+      if (typeof d == "string")
+        r[d] = t[l];
+      else {
+        const u = d(l, t[l], t);
+        Object.assign(r, u);
+      }
+    } else
+      r[l] = t[l];
+    return r;
+  }, {});
+}
+function ie(t, e, n = /* @__PURE__ */ new Map()) {
+  const r = oe(t, e);
+  return re(r, n);
+}
+function ae(t = {}) {
+  function e(o, i, a, p) {
+    if (typeof a == "number")
+      return p[o].length === a;
+    if (typeof a == "object") {
+      const f = Object.keys(a)[0], y = a[f];
+      if (f === "not")
+        return Number(p[o].length) !== Number(y);
+      if (f === "moreThan")
+        return Number(p[o].length) >= Number(y);
+      if (f === "lessThan")
+        return Number(p[o].length) <= Number(y);
+    }
+    return !1;
+  }
+  function n(o, i, a, p) {
+    return p[o] && p[o].propertyValue && String(p[o].propertyValue.value) === String(a);
+  }
+  const r = /* @__PURE__ */ new Map([
+    ["length", e],
+    ["getProperty", n]
+  ]);
+  Object.keys(t).reduce((o, i) => (o.set(i, t[i]), o), r);
+  function l(o, i) {
+    const a = o;
+    return typeof i == "number" ? [{ target: a, operator: "length", param: null, value: Number(i) }] : typeof i == "boolean" ? [{ target: a, operator: "getProperty", param: o, value: !!i }] : typeof i == "object" ? Object.keys(i).map((p) => {
+      if (p === "length")
+        return { target: a, operator: "length", param: null, value: i[p] };
+      const f = p, y = i[p];
+      return { target: a, operator: "getProperty", param: f, value: y };
+    }) : [];
+  }
+  function d(o) {
+    return Object.keys(o).reduce((a, p) => {
+      const f = l(p, o[p]);
+      return a.push(...f), a;
+    }, []);
+  }
+  function u(o, i) {
+    if (r.has(o.operator)) {
+      const a = r.get(o.operator);
+      return a && a(o.target, o.param, o.value, i) || !1;
+    }
+    return !1;
+  }
+  function c(o, i) {
+    return d(o).reduce((f, y) => f && u(y, i), !0);
+  }
+  function s(o, i) {
+    const a = Object.keys(o), p = a.includes("allOf"), f = a.includes("anyOf"), y = p || f, F = (y ? o[y ? p ? "allOf" : "anyOf" : "allOf"] : [o]).map((P) => c(P, i));
+    return p ? !F.includes(!1) : F.includes(!0);
+  }
+  return { parseValueSchema: s };
+}
+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" }
+}, le = {}, ce = {};
+ae();
+function ue(t, e, n = /* @__PURE__ */ new Map(), r = (u, c, s) => c, l = {}, d = (u) => u) {
+  return Q[e.title] = e, X[e.title] = r, le[e.title] = l, ce[e.title] = d, (u = {}) => {
+    const c = ie(u, e, n), s = Object.keys(t).reduce((o, i) => (o[i] = t[i].default, o), {});
+    return Object.assign(s, c);
+  };
+}
+function se(t, e) {
+  return { customClass: e.class, customStyle: e.style };
+}
+const pe = /* @__PURE__ */ new Map([
+  ["appearance", se]
+]), de = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-design.gitee.io/number-spinner.schema.json", fe = "number-spinner", ye = "A Farris Input Component", ge = "object", be = {
+  id: {
+    description: "The unique identifier for a number spinner",
+    type: "string"
+  },
+  type: {
+    description: "The type string of number spinner component",
+    type: "string",
+    default: "number-spinner"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  disabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  max: {
+    description: "",
+    type: "number"
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "sting",
+    default: ""
+  }
+}, he = [
+  "id",
+  "type"
+], ve = [
+  "id",
+  "appearance",
+  "binding"
+], we = {
+  $schema: de,
+  $id: me,
+  title: fe,
+  description: ye,
+  type: ge,
+  properties: be,
+  required: he,
+  ignore: ve
+};
+function Ce(t, e, n) {
+  return e;
+}
+const q = {
+  /**
+   * 组件标识
+   */
+  id: String,
+  /**
+   * 是否禁用
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * 是否只读
+   */
+  readonly: { type: Boolean, default: !1 },
+  /**
+   * 是否可编辑
+   */
+  editable: { type: Boolean, default: !0 },
+  /**
+   * 格式化 formatter 和 parser 必须同时存在
+   * formatter: (val: number) => string;
+   * parser: (val: string | number) => number;
+   */
+  formatter: { type: Function },
+  parser: { type: Function },
+  /**
+   * 空白提示文本
+   */
+  placeholder: { type: String, default: "请输入数字" },
+  /**
+   * up or down 步长
+   */
+  step: { type: Number, default: 1 },
+  /**
+   * 最大值
+   */
+  max: { type: [Number, String] },
+  /**
+   * 最小值
+   */
+  min: { type: [Number, String] },
+  /**
+   * 是否显示加减按钮
+   */
+  showButton: { type: Boolean, default: !0 },
+  /**
+   * 是否使用千分值
+   */
+  useThousands: { type: Boolean, default: !0 },
+  /**
+   * 文本方向
+   */
+  textAlign: { type: String, default: "left" },
+  /**
+   * 自动补全小数---未实现
+   */
+  autoDecimal: { type: Boolean, default: !0 },
+  /**
+   * 允许为空
+   */
+  canNull: { type: Boolean, default: !1 },
+  /**
+   * 精度
+   */
+  precision: { type: Number, default: 0 },
+  /**
+   * 前缀
+   */
+  prefix: { type: String, default: "" },
+  /**
+   * 后缀
+   */
+  suffix: { type: String, default: "" },
+  /**
+   * 小数点符号
+   */
+  decimalSeparator: { type: String, default: "." },
+  /**
+   * 千分位符号
+   */
+  groupSeparator: { type: String, default: "," },
+  /**
+   * 使用千分位时，每组显示的字符数
+   */
+  groupSize: { type: Number, default: 3 },
+  /**
+   * 值
+   */
+  value: { type: [Number, String], default: "" },
+  /**
+   * 显示0值
+   */
+  showZero: { type: Boolean, default: !0 },
+  /**
+   * 组件值
+   */
+  modelValue: { type: [Number, String], default: "" },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 }
+}, Y = ue(q, we, pe, Ce);
+function _(t, e, n, r) {
+  const { format: l } = n, { displayValue: d, getRealValue: u, modelValue: c, onNumberValueChanged: s } = r;
+  function o() {
+    const w = new S(c.value || 0);
+    return !(t.max && !new S(t.max).isNaN() && w.gte(new S(t.max)));
+  }
+  function i() {
+    const w = new S(c.value || 0);
+    return !(t.min && !new S(t.min).isNaN() && w.lte(new S(t.min)));
+  }
+  function a(w) {
+    if (t.readonly || t.disabled)
+      return;
+    const F = w === "up" ? o : i, D = w === "up" ? "plus" : "minus";
+    if (F()) {
+      const b = new S(c.value || 0)[D](Number(t.step)), N = b.toFixed();
+      d.value = l(N), s(u(b));
+    }
+  }
+  function p() {
+    a("up");
+  }
+  function f() {
+    a("down");
+  }
+  function y(w) {
+    p(), w.stopPropagation();
+  }
+  function v(w) {
+    f(), w.stopPropagation();
+  }
+  return { canDownward: i, canUpward: o, downward: f, onClickDownButton: v, onClickUpButton: y, upward: p };
+}
+function H(t, e, n) {
+  const r = M(() => ({
+    prefix: t.prefix,
+    suffix: t.suffix,
+    decimalSeparator: t.decimalSeparator,
+    groupSeparator: t.useThousands ? t.groupSeparator : "",
+    groupSize: t.groupSize
+  })), { getValidNumberObject: l, precision: d } = n;
+  function u(o) {
+    return o = o == null || o === "" ? "" : String(o), o = o.replace(new RegExp(t.prefix, "g"), "").replace(new RegExp(t.suffix, "g"), "").replace(/,/g, ""), t.groupSeparator && t.groupSeparator !== "," && (o = o.replace(new RegExp(`\\${t.groupSeparator}`, "g"), "")), t.decimalSeparator && t.decimalSeparator !== "." && (o = o.replace(new RegExp(`\\${t.decimalSeparator}`, "g"), ".")), o;
+  }
+  function c(o, i) {
+    return t.precision !== null && t.precision !== void 0 ? o.toFormat(d.value, i) : o.toFormat(i);
+  }
+  function s(o) {
+    const i = u(o), a = new S(i, 10), p = l(a);
+    return p.valueOf() === "0" && !t.showZero || p.isNaN() ? "" : t.formatter ? t.formatter(p.toNumber()) : c(p, r.value);
+  }
+  return { cleanFormat: u, format: s };
+}
+function R(t, e) {
+  const n = k(""), r = k(t.modelValue), l = M(() => Number(t.precision) || 0);
+  function d(i) {
+    return i.toFixed(l.value);
+  }
+  function u(i) {
+    return isNaN(i) || i === null || i === void 0 || i === "";
+  }
+  function c(i) {
+    const a = u(t.max) ? null : new S(String(t.max), 10), p = u(t.min) ? null : new S(String(t.min), 10);
+    return a && i.gt(a) ? a : p && i.lt(p) ? p : i;
+  }
+  function s(i) {
+    if (t.parser)
+      return isNaN(Number(i)) ? t.parser(i) : i;
+    let a = c(new S(i, 10));
+    if (a.isNaN()) {
+      if (t.canNull)
+        return null;
+      const f = new S("" + t.min, 10), y = new S("" + t.max, 10);
+      if (!f.isNaN())
+        a = f;
+      else if (!y.isNaN())
+        a = y;
+      else
+        return 0;
+    }
+    return d(a);
+  }
+  function o(i) {
+    const a = Number(i);
+    r.value = a, e.emit("update:modelValue", a), e.emit("valueChange", a), e.emit("change", a);
+  }
+  return { displayValue: n, getRealValue: s, modelValue: r, isEmpty: u, onNumberValueChanged: o, precision: l, getValidNumberObject: c };
+}
+function Se(t, e, n, r, l) {
+  const { cleanFormat: d, format: u } = n, { displayValue: c, getRealValue: s, modelValue: o, isEmpty: i, onNumberValueChanged: a } = r, { downward: p, upward: f } = l, y = k(!1), v = M(() => c.value);
+  function w(b) {
+    var h;
+    if (b.stopPropagation(), y.value = !1, t.readonly || t.disabled)
+      return;
+    let N = (h = b.target) == null ? void 0 : h.value;
+    t.canNull || (N = N || 0);
+    const g = d(N);
+    c.value = u(g), a(s(g)), e.emit("blur", { event: b, formatted: c.value, value: o.value });
+  }
+  function F(b) {
+    b.stopPropagation(), y.value = !0, !(t.readonly || t.disabled) && (c.value = i(o.value) || !t.showZero && o.value === "0" ? "" : String(o.value), e.emit("focus", { event: b, formatted: c.value, value: o.value }));
+  }
+  function D(b) {
+    var h;
+    b.stopPropagation();
+    let N = (h = b.target) == null ? void 0 : h.value;
+    t.canNull || (N = N || 0);
+    const g = d(N);
+    c.value = g, a(s(g));
+  }
+  function P(b) {
+    b.key === "ArrowDown" && (b.preventDefault(), p()), b.key === "ArrowUp" && (b.preventDefault(), f()), b.stopPropagation();
+  }
+  return { textBoxValue: v, onBlurTextBox: w, onFocusTextBox: F, onInput: D, onKeyDown: P, isFocus: y };
+}
+function I(t, e, n) {
+  const {
+    canDownward: r,
+    canUpward: l,
+    onClickDownButton: d,
+    onClickUpButton: u
+  } = n, c = M(() => ({
+    "input-group-append": !0,
+    "btn-group": !0,
+    "btn-group-number": !0
+  })), s = M(() => ({
+    btn: !0,
+    "btn-secondary": !0,
+    "btn-number-flag": !0
+  })), o = M(() => ({
+    cursor: l() ? "pointer" : "not-allowed",
+    "margin-left": 0
+  })), i = M(() => ({
+    cursor: r() ? "pointer" : "not-allowed",
+    "margin-left": 0
+  }));
+  return () => V("div", {
+    class: c.value
+  }, [V("button", {
+    title: "upButton",
+    class: s.value,
+    style: o.value,
+    onClick: u,
+    disabled: !l()
+  }, [V("span", {
+    class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
+  }, null)]), V("button", {
+    title: "downButton",
+    class: s.value,
+    style: i.value,
+    onClick: d,
+    disabled: !r()
+  }, [V("span", {
+    class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
+  }, null)])]);
+}
+function ke(t, e, n) {
+  const r = k(), {
+    onBlurTextBox: l,
+    onFocusTextBox: d,
+    onInput: u,
+    onKeyDown: c,
+    textBoxValue: s
+  } = n, o = M(() => t.disabled || t.readonly || !t.editable ? "" : t.placeholder), i = M(() => ({
+    "form-control": !0,
+    "f-utils-fill": !0
+  })), a = M(() => ({
+    "text-align": t.textAlign
+  }));
+  function p(v) {
+    v.stopPropagation();
+  }
+  function f() {
+    t.selectOnCreated, t.focusOnCreated;
+  }
+  async function y(v) {
+    d(v), await G, f();
+  }
+  return L(async () => {
+    await G, f();
+  }), () => V("input", {
+    ref: r,
+    class: i.value,
+    style: a.value,
+    type: "text",
+    value: s.value,
+    disabled: t.disabled,
+    readonly: t.readonly || !t.editable,
+    placeholder: o.value,
+    onBlur: l,
+    onChange: p,
+    onFocus: y,
+    onInput: u,
+    onKeydown: c
+  }, null);
+}
+const A = /* @__PURE__ */ J({
+  name: "FNumberSpinner",
+  props: q,
+  emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
+  setup(t, e) {
+    const n = R(t, e), r = H(t, e, n), l = _(t, e, r, n), d = Se(t, e, r, n, l), u = I(t, e, l), {
+      displayValue: c,
+      modelValue: s,
+      getRealValue: o
+    } = n, i = ke(t, e, d), {
+      format: a
+    } = r, {
+      isFocus: p
+    } = d, f = M(() => !t.disabled && !t.readonly && t.showButton);
+    return L(() => {
+      const y = o(t.modelValue);
+      c.value = a(y);
+    }), U(() => [t.value], ([y]) => {
+      const v = o(y);
+      s.value = v, c.value = a(v);
+    }), U(() => [t.modelValue], ([y]) => {
+      y !== s.value && (s.value = y, !p.value && (c.value = a(o(y))));
+    }), U(() => [t.precision, t.useThousands, t.prefix, t.suffix, t.showZero], () => {
+      c.value = a(s.value);
+    }), () => V("div", {
+      class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
+    }, [i(), f.value && u()]);
+  }
+});
+function Ne(t, e, n) {
+  var N;
+  function r() {
+    n != null && n.resolveComponentContext && n.resolveComponentContext();
+  }
+  r();
+  const l = n && n.getStyles && n.getStyles() || "", d = n && n.getDesignerClass && n.getDesignerClass() || "", u = k();
+  function c() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
+  }
+  function s() {
+    return !1;
+  }
+  function o() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
+  }
+  function i() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
+  }
+  function a(g) {
+    if (!g || !g.value)
+      return null;
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const h = k(g == null ? void 0 : g.value.parent), B = a(h);
+    return B || null;
+  }
+  function p(g = e) {
+    const { componentInstance: h, designerItemElementRef: B } = g;
+    return !h || !h.value ? null : h.value.canMove ? B : p(g.parent);
+  }
+  function f(g) {
+    return !!n && n.canAccepts(g);
+  }
+  function y() {
+    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
+  }
+  function v() {
+  }
+  function w(g, h) {
+    h && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(h);
+  }
+  function F(g, h) {
+    const { componentType: B } = g;
+    let T = $(B, g, h);
+    n && n.onResolveNewComponentSchema && (T = n.onResolveNewComponentSchema(g, T));
+    const O = B.toLowerCase().replace("-", "_");
+    return T && !T.id && T.type === B && (T.id = `${O}_${Math.random().toString().slice(2, 6)}`), T;
+  }
+  function D(g, h) {
+    const B = String(g.getAttribute("data-controltype")), T = g.getAttribute("data-feature"), O = T ? JSON.parse(T) : {};
+    O.parentComponentInstance = u.value;
+    let x = $(B, O);
+    n && n.onAcceptNewChildElement && (x = n.onAcceptNewChildElement(g, h, x));
+    const K = B.toLowerCase().replace("-", "_");
+    return x && !x.id && x.type === B && (x.id = `${K}_${Math.random().toString().slice(2, 6)}`), x;
+  }
+  function P(g) {
+  }
+  function b(...g) {
+    if (n && n.getPropsConfig)
+      return n.getPropsConfig(...g);
+  }
+  return u.value = {
+    canMove: c(),
+    canSelectParent: s(),
+    canDelete: o(),
+    canNested: !i(),
+    contents: e == null ? void 0 : e.schema.contents,
+    elementRef: t,
+    parent: (N = e == null ? void 0 : e.parent) == null ? void 0 : N.componentInstance,
+    schema: e == null ? void 0 : e.schema,
+    styles: l,
+    designerClass: d,
+    canAccepts: f,
+    getBelongedComponentInstance: a,
+    getDraggableDesignItemElement: p,
+    getDraggingDisplayText: y,
+    getPropConfig: b,
+    getDragScopeElement: v,
+    onAcceptMovedChildElement: w,
+    onAcceptNewChildElement: D,
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: F,
+    updateDragAndDropRules: r,
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || k(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
+  }, u;
+}
+class Be {
+  constructor(e, n) {
+    C(this, "componentId");
+    C(this, "viewModelId");
+    C(this, "eventsEditorUtils");
+    C(this, "formSchemaUtils");
+    C(this, "formMetadataConverter");
+    C(this, "designViewModelUtils");
+    C(this, "designViewModelField");
+    C(this, "controlCreatorUtils");
+    C(this, "designerHostService");
+    C(this, "schemaService", null);
+    C(this, "metadataService", null);
+    C(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var r;
+    this.componentId = e, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+  }
+  getTableInfo() {
+    var e;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(e) {
+    const n = e.binding && e.binding.type === "Form" && e.binding.field;
+    if (n) {
+      if (!this.designViewModelField) {
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((l) => l.id === n);
+      }
+      e.updateOn = this.designViewModelField.updateOn;
+    }
+  }
+  changeFieldEditorType(e, n) {
+  }
+  getBasicPropConfig(e) {
+    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: e.type, name: m[e.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(e = 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 E = class E {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
+  static getEditorTypesByMDataType(e) {
+    const n = E.fieldControlTypeMapping[e];
+    return n || [{ key: "", value: "" }];
+  }
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const e = [];
+    for (let n in E.fieldControlTypeMapping)
+      E.fieldControlTypeMapping[n].forEach((r) => {
+        e.find((l) => l.key === r.key && l.value === r.value) || e.push({ key: r.key, value: r.value });
+      });
+    return e;
+  }
+};
+/**
+ * <字段类型,可配置的控件类型列表>的映射
+ */
+C(E, "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 j = E;
+const Me = k(0);
+class Te extends Be {
+  constructor(e, n) {
+    super(e, n);
+  }
+  getPropertyConfig(e, n) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
+  }
+  getBasicProperties(e, n) {
+    var u;
+    var r = this;
+    this.setDesignViewModelField(e);
+    const l = this.formSchemaUtils.getFormMetadataBasicInfo(), d = 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: r.designViewModelField ? j.getEditorTypesByMDataType((u = r.designViewModelField.type) == null ? void 0 : u.name) : j.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: e,
+              formBasicInfo: l
+            },
+            columns: [
+              { field: "name", title: "字段名称" },
+              { field: "bindingField", title: "绑定字段" },
+              { field: "fieldType", title: "字段类型" }
+            ],
+            textField: "bindingField",
+            data: d
+          }
+        }
+      },
+      setPropertyRelates(c, s) {
+        if (c)
+          switch (c && c.propertyID) {
+            case "type": {
+              r.changeControlType(e, c, n);
+              break;
+            }
+            case "label": {
+              c.needRefreshControlTree = !0;
+              break;
+            }
+          }
+      }
+    };
+  }
+  getAppearanceProperties(e) {
+    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(e) {
+    return this.getComponentConfig(e);
+  }
+  /**
+   * 卡片控件：切换控件类型后事件
+   * @param propertyData 控件DOM属性
+   * @param newControlType 新控件类型
+   */
+  changeControlType(e, n, r) {
+    var o, i, a, p;
+    const l = n.propertyValue, d = r && r.parent && r.parent.schema;
+    if (!d)
+      return;
+    const u = d.contents.findIndex((f) => f.id === e.id), c = d.contents[u];
+    let s;
+    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
+      editor: {
+        $type: l
+      },
+      name: this.designViewModelField.name,
+      require: this.designViewModelField.require,
+      readonly: this.designViewModelField.readonly
+    }, !1), s = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l)), s || (s = Z("form-group") || {}, s.editor = Z(l) || {}, delete s.editor.id, delete s.editor.binding, delete s.editor.appearance), Object.assign(s, {
+      id: c.id,
+      appearance: c.appearance,
+      size: c.size,
+      label: c.label,
+      binding: c.binding,
+      visible: c.visible
+    }), Object.assign(s.editor, {
+      isTextArea: s.isTextArea && c.isTextArea,
+      placeholder: (o = c.editor) == null ? void 0 : o.placeholder,
+      holdPlace: (i = c.editor) == null ? void 0 : i.holdPlace,
+      readonly: (a = c.editor) == null ? void 0 : a.readonly,
+      require: (p = c.editor) == null ? void 0 : p.require
+    }), d.contents.splice(u, 1), d.contents.splice(u, 0, s), r.schema = Object.assign(c, s), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (f) => f.classList.remove("dgComponentSelected")
+    ), Me.value++;
+  }
+  getComponentConfig(e, n = {}, r = {}) {
+    const l = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
+      type: "input-group",
+      $converter: "/converter/property-editor.converter"
+    }, n), d = Object.assign({
+      readonly: {
+        description: "",
+        title: "只读",
+        type: "boolean"
+      },
+      disabled: {
+        description: "",
+        title: "禁用",
+        type: "boolean"
+      },
+      // required: {
+      //     description: "",
+      //     title: "必填",
+      //     type: "boolean"
+      // },
+      placeholder: {
+        description: "空值时，输入控件内的占位文本",
+        title: "提示文本",
+        type: "string"
+      }
+    }, r);
+    return { ...l, properties: { ...d } };
+  }
+}
+class Ve extends Te {
+  constructor(e, n) {
+    super(e, n);
+  }
+  getEditorProperties(e) {
+    return this.getComponentConfig(e, { type: "number-spinner" }, {
+      textAlign: {
+        description: "",
+        title: "对齐方式",
+        type: "enum",
+        editor: {
+          type: "combo-list",
+          textField: "name",
+          valueField: "value",
+          data: [
+            {
+              value: "left",
+              name: "左对齐"
+            },
+            {
+              value: "center",
+              name: "居中对齐"
+            },
+            {
+              value: "right",
+              name: "右对齐"
+            }
+          ]
+        }
+      }
+    });
+  }
+}
+function Fe(t, e) {
+  t.schema;
+  const n = k(!0), r = k(!0);
+  function l(a) {
+    return !1;
+  }
+  function d() {
+    return !1;
+  }
+  function u() {
+    return !1;
+  }
+  function c() {
+    return !0;
+  }
+  function s(a) {
+  }
+  function o() {
+  }
+  function i(a) {
+    return null;
+  }
+  return {
+    canAccepts: l,
+    checkCanDeleteComponent: d,
+    checkCanMoveComponent: u,
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: o,
+    triggerBelongedComponentToMoveWhenMoved: n,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
+    getPropsConfig: i
+  };
+}
+function xe(t, e) {
+  const {
+    canAccepts: n,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: l,
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: u,
+    resolveComponentContext: c,
+    triggerBelongedComponentToMoveWhenMoved: s,
+    triggerBelongedComponentToDeleteWhenDeleted: o
+  } = Fe(t), i = t.schema;
+  function a(p, f) {
+    return new Ve(p, e).getPropertyConfig(i, f);
+  }
+  return {
+    canAccepts: n,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: l,
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: u,
+    resolveComponentContext: c,
+    triggerBelongedComponentToMoveWhenMoved: s,
+    triggerBelongedComponentToDeleteWhenDeleted: o,
+    getPropsConfig: a
+  };
+}
+const De = /* @__PURE__ */ J({
+  name: "FNumberSpinnerDesign",
+  props: q,
+  emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
+  setup(t, e) {
+    const n = R(t, e), r = H(t, e, n), l = _(t, e, r, n), d = I(t, e, l), u = k(), c = z("designer-host-service"), s = z("design-item-context"), o = xe(s, c), i = Ne(u, s, o);
+    L(() => {
+      u.value.componentInstance = i, t.readonly = !0;
+    }), e.expose(i.value);
+    const a = k();
+    return () => V("div", {
+      ref: u,
+      class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
+    }, [V("input", {
+      ref: a,
+      class: "form-control",
+      readonly: !0,
+      placeholder: t.placeholder
+    }, null), d()]);
+  }
+}), Pe = (t) => {
+  const e = t;
+  return e.install = function(n) {
+    n.component(e.name, t);
+  }, t;
+};
+A.register = (t, e, n, r) => {
+  t["number-spinner"] = A, e["number-spinner"] = Y;
+};
+A.registerDesigner = (t, e, n) => {
+  t["number-spinner"] = De, e["number-spinner"] = Y;
+};
+const $e = Pe(A);
+export {
+  A as FNumberSpinner,
+  $e as default,
+  q as numberSpinnerProps,
+  Y as propsResolver,
+  H as useFormat,
+  R as useNumber,
+  _ as useSpinner,
+  Se as useTextBox
+};