@farris/ui-vue 1.2.8 → 1.2.9

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

@@ -1,37 +1,37 @@
 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 S = (t, e, n) => te(t, typeof e != "symbol" ? e + "" : e, n);
-import { computed as M, ref as N, createVNode as T, onMounted as $, nextTick as G, defineComponent as J, watch as A, inject as z } from "vue";
+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 k from "bignumber.js";
+import S from "bignumber.js";
 import { getSchemaByType as Z } from "../dynamic-resolver/index.esm.js";
 const Q = {}, X = {};
-function L(t) {
-  const { properties: e, title: n } = t, r = Object.keys(e).reduce((l, s) => (l[s] = e[s].type === "object" && e[s].properties ? L(e[s]) : ne(e[s].default), l), {});
-  return r.id = `${n}-${Date.now()}`, r;
+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 U(t, e = {}) {
-  const n = Q[t];
-  if (n) {
-    let r = L(n);
-    const l = X[t];
-    return r = l ? l({ getSchemaByType: U }, r, e) : r, r;
+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 = L(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 s = e.get(l);
-      if (typeof s == "string")
-        r[s] = t[l];
+      const d = e.get(l);
+      if (typeof d == "string")
+        r[d] = t[l];
       else {
-        const m = s(l, t[l], t);
-        Object.assign(r, m);
+        const u = d(l, t[l], t);
+        Object.assign(r, u);
       }
     } else
       r[l] = t[l];
@@ -43,22 +43,22 @@ function ie(t, e, n = /* @__PURE__ */ new Map()) {
   return re(r, n);
 }
 function ae(t = {}) {
-  function e(o, i, a, u) {
+  function e(o, i, a, p) {
     if (typeof a == "number")
-      return u[o].length === a;
+      return p[o].length === a;
     if (typeof a == "object") {
       const f = Object.keys(a)[0], y = a[f];
       if (f === "not")
-        return Number(u[o].length) !== Number(y);
+        return Number(p[o].length) !== Number(y);
       if (f === "moreThan")
-        return Number(u[o].length) >= Number(y);
+        return Number(p[o].length) >= Number(y);
       if (f === "lessThan")
-        return Number(u[o].length) <= Number(y);
+        return Number(p[o].length) <= Number(y);
     }
     return !1;
   }
-  function n(o, i, a, u) {
-    return u[o] && u[o].propertyValue && String(u[o].propertyValue.value) === String(a);
+  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],
@@ -67,20 +67,20 @@ function ae(t = {}) {
   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((u) => {
-      if (u === "length")
-        return { target: a, operator: "length", param: null, value: i[u] };
-      const f = u, y = i[u];
+    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 s(o) {
-    return Object.keys(o).reduce((a, u) => {
-      const f = l(u, o[u]);
+  function d(o) {
+    return Object.keys(o).reduce((a, p) => {
+      const f = l(p, o[p]);
       return a.push(...f), a;
     }, []);
   }
-  function m(o, i) {
+  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;
@@ -88,15 +88,15 @@ function ae(t = {}) {
     return !1;
   }
   function c(o, i) {
-    return s(o).reduce((f, y) => f && m(y, i), !0);
+    return d(o).reduce((f, y) => f && u(y, i), !0);
   }
-  function p(o, i) {
-    const a = Object.keys(o), u = a.includes("allOf"), f = a.includes("anyOf"), y = u || f, V = (y ? o[y ? u ? "allOf" : "anyOf" : "allOf"] : [o]).map((D) => c(D, i));
-    return u ? !V.includes(!1) : V.includes(!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: p };
+  return { parseValueSchema: s };
 }
-const d = {
+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" },
@@ -136,10 +136,10 @@ const d = {
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
 }, le = {}, ce = {};
 ae();
-function ue(t, e, n = /* @__PURE__ */ new Map(), r = (m, c, p) => c, l = {}, s = (m) => m) {
-  return Q[e.title] = e, X[e.title] = r, le[e.title] = l, ce[e.title] = s, (m = {}) => {
-    const c = ie(m, e, n), p = Object.keys(t).reduce((o, i) => (o[i] = t[i].default, o), {});
-    return Object.assign(p, c);
+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) {
@@ -251,19 +251,24 @@ const pe = /* @__PURE__ */ new Map([
 }, he = [
   "id",
   "type"
-], ve = {
+], ve = [
+  "id",
+  "appearance",
+  "binding"
+], we = {
   $schema: de,
   $id: me,
   title: fe,
   description: ye,
   type: ge,
   properties: be,
-  required: he
+  required: he,
+  ignore: ve
 };
-function we(t, e, n) {
+function Ce(t, e, n) {
   return e;
 }
-const W = {
+const q = {
   /**
    * 组件标识
    */
@@ -367,39 +372,39 @@ const W = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Y = ue(W, ve, pe, we);
+}, Y = ue(q, we, pe, Ce);
 function _(t, e, n, r) {
-  const { format: l } = n, { displayValue: s, getRealValue: m, modelValue: c, onNumberValueChanged: p } = r;
+  const { format: l } = n, { displayValue: d, getRealValue: u, modelValue: c, onNumberValueChanged: s } = r;
   function o() {
-    const C = new k(c.value || 0);
-    return !(t.max && !new k(t.max).isNaN() && C.gte(new k(t.max)));
+    const w = new S(c.value || 0);
+    return !(t.max && !new S(t.max).isNaN() && w.gte(new S(t.max)));
   }
   function i() {
-    const C = new k(c.value || 0);
-    return !(t.min && !new k(t.min).isNaN() && C.lte(new k(t.min)));
+    const w = new S(c.value || 0);
+    return !(t.min && !new S(t.min).isNaN() && w.lte(new S(t.min)));
   }
-  function a(C) {
+  function a(w) {
     if (t.readonly || t.disabled)
       return;
-    const V = C === "up" ? o : i, x = C === "up" ? "plus" : "minus";
-    if (V()) {
-      const b = new k(c.value || 0)[x](Number(t.step)), B = b.toFixed();
-      s.value = l(B), p(m(b));
+    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 u() {
+  function p() {
     a("up");
   }
   function f() {
     a("down");
   }
-  function y(C) {
-    u(), C.stopPropagation();
+  function y(w) {
+    p(), w.stopPropagation();
   }
-  function w(C) {
-    f(), C.stopPropagation();
+  function v(w) {
+    f(), w.stopPropagation();
   }
-  return { canDownward: i, canUpward: o, downward: f, onClickDownButton: w, onClickUpButton: y, upward: u };
+  return { canDownward: i, canUpward: o, downward: f, onClickDownButton: v, onClickUpButton: y, upward: p };
 }
 function H(t, e, n) {
   const r = M(() => ({
@@ -408,39 +413,39 @@ function H(t, e, n) {
     decimalSeparator: t.decimalSeparator,
     groupSeparator: t.useThousands ? t.groupSeparator : "",
     groupSize: t.groupSize
-  })), { getValidNumberObject: l, precision: s } = n;
-  function m(o) {
+  })), { 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(s.value, i) : o.toFormat(i);
+    return t.precision !== null && t.precision !== void 0 ? o.toFormat(d.value, i) : o.toFormat(i);
   }
-  function p(o) {
-    const i = m(o), a = new k(i, 10), u = l(a);
-    return u.valueOf() === "0" && !t.showZero || u.isNaN() ? "" : t.formatter ? t.formatter(u.toNumber()) : c(u, r.value);
+  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: m, format: p };
+  return { cleanFormat: u, format: s };
 }
 function R(t, e) {
-  const n = N(""), r = N(t.modelValue), l = M(() => Number(t.precision) || 0);
-  function s(i) {
+  const n = k(""), r = k(t.modelValue), l = M(() => Number(t.precision) || 0);
+  function d(i) {
     return i.toFixed(l.value);
   }
-  function m(i) {
+  function u(i) {
     return isNaN(i) || i === null || i === void 0 || i === "";
   }
   function c(i) {
-    const a = m(t.max) ? null : new k(String(t.max), 10), u = m(t.min) ? null : new k(String(t.min), 10);
-    return a && i.gt(a) ? a : u && i.lt(u) ? u : 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 p(i) {
+  function s(i) {
     if (t.parser)
       return isNaN(Number(i)) ? t.parser(i) : i;
-    let a = c(new k(i, 10));
+    let a = c(new S(i, 10));
     if (a.isNaN()) {
       if (t.canNull)
         return null;
-      const f = new k("" + t.min, 10), y = new k("" + t.max, 10);
+      const f = new S("" + t.min, 10), y = new S("" + t.max, 10);
       if (!f.isNaN())
         a = f;
       else if (!y.isNaN())
@@ -448,52 +453,52 @@ function R(t, e) {
       else
         return 0;
     }
-    return s(a);
+    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: p, modelValue: r, isEmpty: m, onNumberValueChanged: o, precision: l, getValidNumberObject: c };
+  return { displayValue: n, getRealValue: s, modelValue: r, isEmpty: u, onNumberValueChanged: o, precision: l, getValidNumberObject: c };
 }
-function Ce(t, e, n, r, l) {
-  const { cleanFormat: s, format: m } = n, { displayValue: c, getRealValue: p, modelValue: o, isEmpty: i, onNumberValueChanged: a } = r, { downward: u, upward: f } = l, y = N(!1), w = M(() => c.value);
-  function C(b) {
+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 B = (h = b.target) == null ? void 0 : h.value;
-    t.canNull || (B = B || 0);
-    const g = s(B);
-    c.value = m(g), a(p(g)), e.emit("blur", { event: b, formatted: c.value, value: o.value });
+    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 V(b) {
+  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 x(b) {
+  function D(b) {
     var h;
     b.stopPropagation();
-    let B = (h = b.target) == null ? void 0 : h.value;
-    t.canNull || (B = B || 0);
-    const g = s(B);
-    c.value = g, a(p(g));
+    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 D(b) {
-    b.key === "ArrowDown" && (b.preventDefault(), u()), b.key === "ArrowUp" && (b.preventDefault(), f()), b.stopPropagation();
+  function P(b) {
+    b.key === "ArrowDown" && (b.preventDefault(), p()), b.key === "ArrowUp" && (b.preventDefault(), f()), b.stopPropagation();
   }
-  return { textBoxValue: w, onBlurTextBox: C, onFocusTextBox: V, onInput: x, onKeyDown: D, isFocus: y };
+  return { textBoxValue: v, onBlurTextBox: w, onFocusTextBox: F, onInput: D, onKeyDown: P, isFocus: y };
 }
 function I(t, e, n) {
   const {
     canDownward: r,
     canUpward: l,
-    onClickDownButton: s,
-    onClickUpButton: m
+    onClickDownButton: d,
+    onClickUpButton: u
   } = n, c = M(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), p = M(() => ({
+  })), s = M(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
@@ -504,106 +509,106 @@ function I(t, e, n) {
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => T("div", {
+  return () => V("div", {
     class: c.value
-  }, [T("button", {
+  }, [V("button", {
     title: "upButton",
-    class: p.value,
+    class: s.value,
     style: o.value,
-    onClick: m,
+    onClick: u,
     disabled: !l()
-  }, [T("span", {
+  }, [V("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), T("button", {
+  }, null)]), V("button", {
     title: "downButton",
-    class: p.value,
+    class: s.value,
     style: i.value,
-    onClick: s,
+    onClick: d,
     disabled: !r()
-  }, [T("span", {
+  }, [V("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function Se(t, e, n) {
-  const r = N(), {
+function ke(t, e, n) {
+  const r = k(), {
     onBlurTextBox: l,
-    onFocusTextBox: s,
-    onInput: m,
+    onFocusTextBox: d,
+    onInput: u,
     onKeyDown: c,
-    textBoxValue: p
+    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 u(w) {
-    w.stopPropagation();
+  function p(v) {
+    v.stopPropagation();
   }
   function f() {
     t.selectOnCreated, t.focusOnCreated;
   }
-  async function y(w) {
-    s(w), await G, f();
+  async function y(v) {
+    d(v), await G, f();
   }
-  return $(async () => {
+  return L(async () => {
     await G, f();
-  }), () => T("input", {
+  }), () => V("input", {
     ref: r,
     class: i.value,
     style: a.value,
     type: "text",
-    value: p.value,
+    value: s.value,
     disabled: t.disabled,
     readonly: t.readonly || !t.editable,
     placeholder: o.value,
     onBlur: l,
-    onChange: u,
+    onChange: p,
     onFocus: y,
-    onInput: m,
+    onInput: u,
     onKeydown: c
   }, null);
 }
-const O = /* @__PURE__ */ J({
+const A = /* @__PURE__ */ J({
   name: "FNumberSpinner",
-  props: W,
+  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), s = Ce(t, e, r, n, l), m = I(t, e, l), {
+    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: p,
+      modelValue: s,
       getRealValue: o
-    } = n, i = Se(t, e, s), {
+    } = n, i = ke(t, e, d), {
       format: a
     } = r, {
-      isFocus: u
-    } = s, f = M(() => !t.disabled && !t.readonly && t.showButton);
-    return $(() => {
+      isFocus: p
+    } = d, f = M(() => !t.disabled && !t.readonly && t.showButton);
+    return L(() => {
       const y = o(t.modelValue);
       c.value = a(y);
-    }), A(() => [t.value], ([y]) => {
-      const w = o(y);
-      p.value = w, c.value = a(w);
-    }), A(() => [t.modelValue], ([y]) => {
-      y !== p.value && (p.value = y, !u.value && (c.value = a(o(y))));
-    }), A(() => [t.precision, t.useThousands, t.prefix, t.suffix, t.showZero], () => {
-      c.value = a(p.value);
-    }), () => T("div", {
+    }), 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 && m()]);
+    }, [i(), f.value && u()]);
   }
 });
-function ke(t, e, n) {
-  var B;
+function Ne(t, e, n) {
+  var N;
   function r() {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
   r();
-  const l = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", m = N();
+  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 p() {
+  function s() {
     return !1;
   }
   function o() {
@@ -617,12 +622,12 @@ function ke(t, e, n) {
       return null;
     if (g.value.schema && g.value.schema.type === "component")
       return g.value;
-    const h = N(g == null ? void 0 : g.value.parent), v = a(h);
-    return v || null;
+    const h = k(g == null ? void 0 : g.value.parent), B = a(h);
+    return B || null;
   }
-  function u(g = e) {
-    const { componentInstance: h, designerItemElementRef: v } = g;
-    return !h || !h.value ? null : h.value.canMove ? v : u(g.parent);
+  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);
@@ -630,72 +635,72 @@ function ke(t, e, n) {
   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 w() {
+  function v() {
   }
-  function C(g, h) {
+  function w(g, h) {
     h && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(h);
   }
-  function V(g) {
-    const { componentType: h } = g;
-    let v = U(h, g);
-    n && n.onResolveNewComponentSchema && (v = n.onResolveNewComponentSchema(g, v));
-    const E = h.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === h && (v.id = `${E}_${Math.random().toString().slice(2, 6)}`), v;
+  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 x(g, h) {
-    const v = String(g.getAttribute("data-controltype")), E = g.getAttribute("data-feature"), q = E ? JSON.parse(E) : {};
-    q.parentComponentInstance = m.value;
-    let F = U(v, q);
-    n && n.onAcceptNewChildElement && (F = n.onAcceptNewChildElement(g, h, F));
-    const K = v.toLowerCase().replace("-", "_");
-    return F && !F.id && F.type === v && (F.id = `${K}_${Math.random().toString().slice(2, 6)}`), F;
+  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 D(g) {
+  function P(g) {
   }
   function b(...g) {
     if (n && n.getPropsConfig)
       return n.getPropsConfig(...g);
   }
-  return m.value = {
+  return u.value = {
     canMove: c(),
-    canSelectParent: p(),
+    canSelectParent: s(),
     canDelete: o(),
     canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (B = e == null ? void 0 : e.parent) == null ? void 0 : B.componentInstance,
+    parent: (N = e == null ? void 0 : e.parent) == null ? void 0 : N.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: l,
-    designerClass: s,
+    designerClass: d,
     canAccepts: f,
     getBelongedComponentInstance: a,
-    getDraggableDesignItemElement: u,
+    getDraggableDesignItemElement: p,
     getDraggingDisplayText: y,
     getPropConfig: b,
-    getDragScopeElement: w,
-    onAcceptMovedChildElement: C,
-    onAcceptNewChildElement: x,
-    onChildElementMovedOut: D,
-    addNewChildComponentSchema: V,
+    getDragScopeElement: v,
+    onAcceptMovedChildElement: w,
+    onAcceptNewChildElement: D,
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: F,
     updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || N(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || N(!1)
-  }, m;
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || k(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
+  }, u;
 }
-class Ne {
+class Be {
   constructor(e, n) {
-    S(this, "componentId");
-    S(this, "viewModelId");
-    S(this, "eventsEditorUtils");
-    S(this, "formSchemaUtils");
-    S(this, "formMetadataConverter");
-    S(this, "designViewModelUtils");
-    S(this, "designViewModelField");
-    S(this, "controlCreatorUtils");
-    S(this, "designerHostService");
-    S(this, "schemaService", null);
-    S(this, "metadataService", null);
-    S(this, "propertyConfig", {
+    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: {}
     });
@@ -737,7 +742,7 @@ class Ne {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: d[e.type].name }]
+            data: [{ value: e.type, name: m[e.type].name }]
           }
         }
       }
@@ -764,12 +769,12 @@ class Ne {
     };
   }
 }
-const P = class P {
+const E = class E {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(e) {
-    const n = P.fieldControlTypeMapping[e];
+    const n = E.fieldControlTypeMapping[e];
     return n || [{ key: "", value: "" }];
   }
   /**
@@ -777,8 +782,8 @@ const P = class P {
    */
   static getAllInputTypes() {
     const e = [];
-    for (let n in P.fieldControlTypeMapping)
-      P.fieldControlTypeMapping[n].forEach((r) => {
+    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;
@@ -787,55 +792,55 @@ const P = class P {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-S(P, "fieldControlTypeMapping", {
+C(E, "fieldControlTypeMapping", {
   String: [
-    { key: d["input-group"].type, value: d["input-group"].name },
-    { key: d.lookup.type, value: d.lookup.name },
-    { key: d["date-picker"].type, value: d["date-picker"].name },
-    { key: d["check-box"].type, value: d["check-box"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name },
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d.textarea.type, value: d.textarea.name }
+    { 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: d.textarea.type, value: d.textarea.name },
-    { key: d.lookup.type, value: d.lookup.name }
+    { key: m.textarea.type, value: m.textarea.name },
+    { key: m.lookup.type, value: m.lookup.name }
   ],
   Decimal: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Integer: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Number: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   BigNumber: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Date: [
-    { key: d["date-picker"].type, value: d["date-picker"].name }
+    { key: m["date-picker"].type, value: m["date-picker"].name }
   ],
   DateTime: [
-    { key: d["date-picker"].type, value: d["date-picker"].name }
+    { key: m["date-picker"].type, value: m["date-picker"].name }
   ],
   Boolean: [
-    { key: d.switch.type, value: d.switch.name },
-    { key: d["check-box"].type, value: d["check-box"].name }
+    { key: m.switch.type, value: m.switch.name },
+    { key: m["check-box"].type, value: m["check-box"].name }
   ],
   Enum: [
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name }
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name }
   ],
   Object: [
-    { key: d.lookup.type, value: d.lookup.name },
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name }
+    { 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 = P;
-const Be = N(0);
-class Me extends Ne {
+let j = E;
+const Me = k(0);
+class Te extends Be {
   constructor(e, n) {
     super(e, n);
   }
@@ -843,10 +848,10 @@ class Me extends Ne {
     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 m;
+    var u;
     var r = this;
     this.setDesignViewModelField(e);
-    const l = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const l = this.formSchemaUtils.getFormMetadataBasicInfo(), d = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -858,8 +863,8 @@ class Me extends Ne {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -868,7 +873,7 @@ class Me extends Ne {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? j.getEditorTypesByMDataType((m = r.designViewModelField.type) == null ? void 0 : m.name) : j.getAllInputTypes()
+            data: r.designViewModelField ? j.getEditorTypesByMDataType((u = r.designViewModelField.type) == null ? void 0 : u.name) : j.getAllInputTypes()
           }
         },
         label: {
@@ -893,17 +898,21 @@ class Me extends Ne {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: s
+            data: d
           }
         }
       },
-      setPropertyRelates(c, p) {
+      setPropertyRelates(c, s) {
         if (c)
           switch (c && c.propertyID) {
             case "type": {
               r.changeControlType(e, c, n);
               break;
             }
+            case "label": {
+              c.needRefreshControlTree = !0;
+              break;
+            }
           }
       }
     };
@@ -947,12 +956,12 @@ class Me extends Ne {
    * @param newControlType 新控件类型
    */
   changeControlType(e, n, r) {
-    var o, i, a, u;
-    const l = n.propertyValue, s = r && r.parent && r.parent.schema;
-    if (!s)
+    var o, i, a, p;
+    const l = n.propertyValue, d = r && r.parent && r.parent.schema;
+    if (!d)
       return;
-    const m = s.contents.findIndex((f) => f.id === e.id), c = s.contents[m];
-    let p;
+    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
@@ -960,30 +969,30 @@ class Me extends Ne {
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), p = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l)), p || (p = Z("form-group") || {}, p.editor = Z(l) || {}, delete p.editor.id, delete p.editor.binding, delete p.editor.appearance), Object.assign(p, {
+    }, !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(p.editor, {
-      isTextArea: p.isTextArea && c.isTextArea,
+    }), 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: (u = c.editor) == null ? void 0 : u.require
-    }), s.contents.splice(m, 1), s.contents.splice(m, 0, p), r.schema = Object.assign(c, p), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      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")
-    ), Be.value++;
+    ), Me.value++;
   }
   getComponentConfig(e, n = {}, r = {}) {
     const l = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), s = Object.assign({
+    }, n), d = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1005,10 +1014,10 @@ class Me extends Ne {
         type: "string"
       }
     }, r);
-    return { ...l, properties: { ...s } };
+    return { ...l, properties: { ...d } };
   }
 }
-class Te extends Me {
+class Ve extends Te {
   constructor(e, n) {
     super(e, n);
   }
@@ -1041,22 +1050,22 @@ class Te extends Me {
     });
   }
 }
-function Ve(t, e) {
+function Fe(t, e) {
   t.schema;
-  const n = N(!0), r = N(!0);
+  const n = k(!0), r = k(!0);
   function l(a) {
     return !1;
   }
-  function s() {
+  function d() {
     return !1;
   }
-  function m() {
+  function u() {
     return !1;
   }
   function c() {
     return !0;
   }
-  function p(a) {
+  function s(a) {
   }
   function o() {
   }
@@ -1065,82 +1074,82 @@ function Ve(t, e) {
   }
   return {
     canAccepts: l,
-    checkCanDeleteComponent: s,
-    checkCanMoveComponent: m,
+    checkCanDeleteComponent: d,
+    checkCanMoveComponent: u,
     hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: p,
+    onAcceptMovedChildElement: s,
     resolveComponentContext: o,
     triggerBelongedComponentToMoveWhenMoved: n,
     triggerBelongedComponentToDeleteWhenDeleted: r,
     getPropsConfig: i
   };
 }
-function Fe(t, e) {
+function xe(t, e) {
   const {
     canAccepts: n,
     checkCanDeleteComponent: r,
     checkCanMoveComponent: l,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: m,
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: u,
     resolveComponentContext: c,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: o
-  } = Ve(t), i = t.schema;
-  function a(u, f) {
-    return new Te(u, e).getPropertyConfig(i, f);
+  } = 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: s,
-    onAcceptMovedChildElement: m,
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: u,
     resolveComponentContext: c,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToMoveWhenMoved: s,
     triggerBelongedComponentToDeleteWhenDeleted: o,
     getPropsConfig: a
   };
 }
-const xe = /* @__PURE__ */ J({
+const De = /* @__PURE__ */ J({
   name: "FNumberSpinnerDesign",
-  props: W,
+  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), s = I(t, e, l), m = N(), c = z("designer-host-service"), p = z("design-item-context"), o = Fe(p, c), i = ke(m, p, o);
-    $(() => {
-      m.value.componentInstance = i, t.readonly = !0;
+    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 = N();
-    return () => T("div", {
-      ref: m,
+    const a = k();
+    return () => V("div", {
+      ref: u,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
-    }, [T("input", {
+    }, [V("input", {
       ref: a,
       class: "form-control",
       readonly: !0,
       placeholder: t.placeholder
-    }, null), s()]);
+    }, null), d()]);
   }
-}), De = (t) => {
+}), Pe = (t) => {
   const e = t;
   return e.install = function(n) {
     n.component(e.name, t);
   }, t;
 };
-O.register = (t, e, n, r) => {
-  t["number-spinner"] = O, e["number-spinner"] = Y;
+A.register = (t, e, n, r) => {
+  t["number-spinner"] = A, e["number-spinner"] = Y;
 };
-O.registerDesigner = (t, e, n) => {
-  t["number-spinner"] = xe, e["number-spinner"] = Y;
+A.registerDesigner = (t, e, n) => {
+  t["number-spinner"] = De, e["number-spinner"] = Y;
 };
-const Ue = De(O);
+const $e = Pe(A);
 export {
-  O as FNumberSpinner,
-  Ue as default,
-  W as numberSpinnerProps,
+  A as FNumberSpinner,
+  $e as default,
+  q as numberSpinnerProps,
   Y as propsResolver,
   H as useFormat,
   R as useNumber,
   _ as useSpinner,
-  Ce as useTextBox
+  Se as useTextBox
 };