@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/designer/radio-group/index.esm.js

@@ -1,12 +1,12 @@
 var bt = Object.defineProperty;
 var Ct = (n, t, e) => t in n ? bt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var S = (n, t, e) => Ct(n, typeof t != "symbol" ? t + "" : t, e);
-import { radioCheckboxCommonProps as wt, FormSchemaEntityField$Type as Be, FormSchemaEntityFieldType$Type as Pe, getMaxZIndex as Te, isMobilePhone as xt, useGuid as Ce, withInstall as Mt } from "../../components/common/index.esm.js";
-import { resolveAppearance as Et, createPropsResolver as Ve, getPropsResolverGenerator as Oe } from "../../components/dynamic-resolver/index.esm.js";
+import { radioCheckboxCommonProps as wt, FormSchemaEntityField$Type as Be, FormSchemaEntityFieldType$Type as Pe, getMaxZIndex as Te, isMobilePhone as xt, useGuid as Ce, withInstall as Et } from "../../components/common/index.esm.js";
+import { resolveAppearance as Mt, createPropsResolver as Ve, getPropsResolverGenerator as Oe } from "../../components/dynamic-resolver/index.esm.js";
 import It, { radioGroupProps as Re } from "../../components/radio-group/index.esm.js";
 import { computed as B, createVNode as m, Fragment as le, createTextVNode as Y, nextTick as oe, defineComponent as J, ref as v, inject as ce, onMounted as Z, Teleport as Ne, createApp as we, onUnmounted as me, watch as K, onBeforeMount as Ft, watchEffect as kt, Transition as Le, shallowRef as Bt, render as ve, h as Tt, cloneVNode as St, mergeProps as xe, withDirectives as ye, vShow as Pt, onUpdated as Vt, onBeforeUnmount as Ot, reactive as Rt, vModelText as Se } from "vue";
 import { DgControl as C, canvasChanged as re, refreshCanvas as Nt, useDesignerComponent as Lt } from "../../components/designer-canvas/index.esm.js";
-import { cloneDeep as Me, debounce as At } from "lodash-es";
+import { cloneDeep as Ee, debounce as At } from "lodash-es";
 import { LocaleService as ne } from "../../components/locale/index.esm.js";
 import "../../components/property-panel/index.esm.js";
 import "../../components/button/index.esm.js";
@@ -591,7 +591,7 @@ class Gt {
     const o = e && e.parent && e.parent.schema;
     if (!o)
       return;
-    const i = o.contents.findIndex((a) => a.id === t), l = Me(o.contents[i]);
+    const i = o.contents.findIndex((a) => a.id === t), l = Ee(o.contents[i]);
     o.contents.splice(i, 1), o.contents.splice(i, 0, l), Nt();
   }
   /**
@@ -625,14 +625,14 @@ class Gt {
     const { expressionId: l, expressionInfo: a } = e, { targetId: s, targetType: r, expressionType: d, value: c, message: u } = a, b = this.formSchemaUtils.getModule();
     b.expressions = b.expressions || [];
     const { expressions: p } = b;
-    let f = p.find((M) => M.target === s);
+    let f = p.find((E) => E.target === s);
     f || (f = { target: s, rules: [], targetType: r }, p.push(f));
-    const y = f.rules.find((M) => M.type === d);
+    const y = f.rules.find((E) => E.type === d);
     if (y)
       y.value = c, y.message = u;
     else {
-      const M = { id: l, type: d, value: c, message: u };
-      f.rules.push(M);
+      const E = { id: l, type: d, value: c, message: u };
+      f.rules.push(E);
     }
     delete e.expressionInfo;
   }
@@ -725,6 +725,7 @@ S(ie, "fieldControlTypeMapping", {
     { key: C.textarea.type, value: C.textarea.name },
     { key: C.lookup.type, value: C.lookup.name },
     { key: C.image.type, value: C.image.name },
+    { key: C.avatar.type, value: C.avatar.name },
     { key: C["rich-text-editor"].type, value: C["rich-text-editor"].name }
   ],
   Decimal: [
@@ -803,8 +804,8 @@ function Kt(n) {
       u.isSupportedClass = !1;
       return;
     }
-    let f = p.find((w) => /^col-([1-9]|10|11|12)$/.test(w)), y = p.find((w) => /^col-md-([1-9]|10|11|12)$/.test(w)), M = p.find((w) => /^col-xl-([1-9]|10|11|12)$/.test(w)), k = p.find((w) => /^col-el-([1-9]|10|11|12)$/.test(w));
-    f = f || "col-12", u.columnInSM = parseInt(f.replace("col-", ""), 10), u.displayWidthInSM = u.columnInSM / 12, u.displayWidthInSM !== 1 && (u.isSupportedClass = !1), y = y || "col-md-" + u.columnInSM, u.columnInMD = parseInt(y.replace("col-md-", ""), 10), u.displayWidthInMD = u.columnInMD / 6, [1, 2].includes(u.displayWidthInMD) || (u.isSupportedClass = !1), M = M || "col-xl-" + u.columnInMD, u.columnInLG = parseInt(M.replace("col-xl-", ""), 10), u.displayWidthInLG = u.columnInLG / 3, [1, 2, 3, 4].includes(u.displayWidthInLG) || (u.isSupportedClass = !1), k = k || "col-el-" + u.columnInLG, u.columnInEL = parseInt(k.replace("col-el-", ""), 10), u.displayWidthInEL = u.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(u.displayWidthInEL) || (u.isSupportedClass = !1);
+    let f = p.find((w) => /^col-([1-9]|10|11|12)$/.test(w)), y = p.find((w) => /^col-md-([1-9]|10|11|12)$/.test(w)), E = p.find((w) => /^col-xl-([1-9]|10|11|12)$/.test(w)), k = p.find((w) => /^col-el-([1-9]|10|11|12)$/.test(w));
+    f = f || "col-12", u.columnInSM = parseInt(f.replace("col-", ""), 10), u.displayWidthInSM = u.columnInSM / 12, u.displayWidthInSM !== 1 && (u.isSupportedClass = !1), y = y || "col-md-" + u.columnInSM, u.columnInMD = parseInt(y.replace("col-md-", ""), 10), u.displayWidthInMD = u.columnInMD / 6, [1, 2].includes(u.displayWidthInMD) || (u.isSupportedClass = !1), E = E || "col-xl-" + u.columnInMD, u.columnInLG = parseInt(E.replace("col-xl-", ""), 10), u.displayWidthInLG = u.columnInLG / 3, [1, 2, 3, 4].includes(u.displayWidthInLG) || (u.isSupportedClass = !1), k = k || "col-el-" + u.columnInLG, u.columnInEL = parseInt(k.replace("col-el-", ""), 10), u.displayWidthInEL = u.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(u.displayWidthInEL) || (u.isSupportedClass = !1);
   }
   function a(c, u, b, p = !1) {
     let f = !1;
@@ -814,8 +815,8 @@ function Kt(n) {
         return;
       }
       f && (b += 1, f = !1);
-      const M = y.appearance && y.appearance.class, k = new Dt();
-      M ? l(M, k) : k.isSupportedClass = !1, k.label = y.label || y.id, k.id = y.id, k.group = b, p && (k.fieldSetId = c.id), e === y.id && (t = b), o.set(y.id, y), u.push(k);
+      const E = y.appearance && y.appearance.class, k = new Dt();
+      E ? l(E, k) : k.isSupportedClass = !1, k.label = y.label || y.id, k.id = y.id, k.group = b, p && (k.fieldSetId = c.id), e === y.id && (t = b), o.set(y.id, y), u.push(k);
     });
   }
   function s(c) {
@@ -833,11 +834,11 @@ function Kt(n) {
     e = c.id, i = [], o.clear();
     const y = f.contents[0].type === C.fieldset.type ? 0 : 1;
     a(f, i, y);
-    const M = i.find((w) => !w.isSupportedClass);
+    const E = i.find((w) => !w.isSupportedClass);
     return {
       defaultState: {
         defaultGroupNumber: t || 1,
-        model: M ? "customize" : "standard"
+        model: E ? "customize" : "standard"
       },
       importData: i
     };
@@ -850,16 +851,16 @@ function Kt(n) {
     const f = [];
     return c.forEach((y) => {
       var w;
-      const M = o.get(y.id), k = M.appearance && M.appearance.class;
+      const E = o.get(y.id), k = E.appearance && E.appearance.class;
       if (k) {
-        const N = k.split(" ").filter((z) => !z.startsWith("col-")), T = "col-" + y.columnInSM, H = "col-md-" + y.columnInMD, h = "col-xl-" + y.columnInLG, E = "col-el-" + y.columnInEL, R = [T, H, h, E].concat(N);
-        M.appearance.class = R.join(" ");
+        const N = k.split(" ").filter((z) => !z.startsWith("col-")), T = "col-" + y.columnInSM, H = "col-md-" + y.columnInMD, h = "col-xl-" + y.columnInLG, M = "col-el-" + y.columnInEL, R = [T, H, h, M].concat(N);
+        E.appearance.class = R.join(" ");
       }
       if (y.fieldSetId) {
         const O = p.contents.find((T) => T.id === y.fieldSetId), N = f.find((T) => T.id === y.fieldSetId);
-        N ? (w = N.contents) == null || w.push(M) : (f.push(O), O.contents = [M]);
+        N ? (w = N.contents) == null || w.push(E) : (f.push(O), O.contents = [E]);
       } else
-        f.push(M);
+        f.push(E);
     }), p.contents = f, p.id;
   }
   return {
@@ -894,7 +895,7 @@ class _t extends Gt {
       },
       {
         label: "onClickLabel",
-        name: "点击标签事件"
+        name: "标签点击事件"
       }
     ]);
     S(this, "numberEditorOptions", {
@@ -908,7 +909,7 @@ class _t extends Gt {
   getCommonPropertyConfig(e, o, i = "Card") {
     if (this.propertyConfig.categories.basic = this.getBasicProperties(e, o, i), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, o), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, "form-group"), i === "Card") {
       const l = this.getTipsConfig(e);
-      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...l }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group"].includes(e.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(e));
+      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...l }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "language-textbox"].includes(e.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(e));
     }
   }
   getPropertyConfig(e, o) {
@@ -1179,7 +1180,7 @@ class _t extends Gt {
     });
   }
   getTipsConfig(e) {
-    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor"].includes(e.editor.type) ? {
+    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor", "language-textbox"].includes(e.editor.type) ? {
       enableTips: {
         refreshPanelAfterChanged: !0,
         description: "",
@@ -1345,6 +1346,13 @@ class _t extends Gt {
     }
     return e.type;
   }
+  updateLinkedLabel(e, o) {
+    if (e.boundEventsList && e.boundEventsList.length > 0) {
+      const i = e.boundEventsList.find((l) => l.boundEvents && l.boundEvents.label === "onClickLabel");
+      o.linkLabel = !!i;
+    } else
+      o.linkLabel = !1;
+  }
   /**
   * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
   * @param propertyData 属性值
@@ -1377,7 +1385,7 @@ class _t extends Gt {
       tabName: "交互",
       setPropertyRelates(b, p) {
         const f = b.propertyValue;
-        delete e[a.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, f.controlInfo = { type: a.getControlMethodType(e), name: e.title }, a.eventsEditorUtils.saveRelatedParameters(e, a.viewModelId, f.events, f)), l && l(b, p, f);
+        delete e[a.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, f.controlInfo = { type: a.getControlMethodType(e), name: e.title }, a.eventsEditorUtils.saveRelatedParameters(e, a.viewModelId, f.events, f), a.updateLinkedLabel(f, p)), l && l(b, p, f);
         const y = a.designViewModelUtils.getDgViewModel(a.viewModelId);
         y && a.designViewModelField && y.changeField(a.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged });
       }
@@ -1951,7 +1959,7 @@ class te {
   }
 }
 function an(n, t) {
-  const e = v(), o = v(), i = v(), l = v(), a = v(), s = v(), r = v(), d = v(), c = v(), u = v(), b = v(), p = v(n.resizeable), f = v(), y = v(n.draggable), M = v(!1);
+  const e = v(), o = v(), i = v(), l = v(), a = v(), s = v(), r = v(), d = v(), c = v(), u = v(), b = v(), p = v(n.resizeable), f = v(), y = v(n.draggable), E = v(!1);
   function k() {
     const x = o.value || document.body, F = window.getComputedStyle(x);
     if (!F || !e.value)
@@ -2006,7 +2014,7 @@ function an(n, t) {
     const F = j.fromEvent(x);
     F && H(F);
   }
-  function E() {
+  function M() {
     if (e.value) {
       const {
         width: x,
@@ -2029,7 +2037,7 @@ function an(n, t) {
   }
   function R(x) {
     if (e.value) {
-      const F = E();
+      const F = M();
       b.value = F;
     }
     i.value = void 0, l.value = null, a.value = null, s.value = null, r.value = null, d.value = null, c.value = null, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", R);
@@ -2078,13 +2086,13 @@ function an(n, t) {
   function U(x = !0) {
     document.body.click();
     const F = o.value || document.body, $ = te.getCurrent(F), A = e.value;
-    x && A && (f.value = E(), f.value.transform = A.style.transform), $ && A && (s.value = $, s.value.height -= 14, s.value.width -= 14, A.style.height = s.value.height + "px", A.style.width = s.value.width + "px", A.style.left = "7px", A.style.top = "7px", A.style.transform = "", b.value = {
+    x && A && (f.value = M(), f.value.transform = A.style.transform), $ && A && (s.value = $, s.value.height -= 14, s.value.width -= 14, A.style.height = s.value.height + "px", A.style.width = s.value.width + "px", A.style.left = "7px", A.style.top = "7px", A.style.transform = "", b.value = {
       size: s.value,
       position: {
         x: 0,
         y: 0
       }
-    }, y.value = !1, M.value = !0);
+    }, y.value = !1, E.value = !0);
   }
   function q() {
     var x, F;
@@ -2101,7 +2109,7 @@ function an(n, t) {
       D.style.height = $.height + "px", D.style.width = $.width + "px", D.style.left = `${A.x}px`, D.style.top = `${A.y}px`, D.style.transform = "", b.value = {
         size: $,
         position: A
-      }, y.value = n.draggable, M.value = !1;
+      }, y.value = n.draggable, E.value = !1;
     }
   }
   function _() {
@@ -2118,7 +2126,7 @@ function an(n, t) {
   }
   function L() {
     const x = () => {
-      M.value ? U(!1) : _(), document.body.click();
+      E.value ? U(!1) : _(), document.body.click();
     };
     return window.addEventListener("resize", x), () => {
       window.removeEventListener("resize", x);
@@ -2132,7 +2140,7 @@ function an(n, t) {
     maximize: U,
     restore: q,
     allowDrag: y,
-    isMaximized: M,
+    isMaximized: E,
     unWindowResizeHandle: G,
     moveToCenter: _
   };
@@ -2142,39 +2150,39 @@ function sn(n, t, e) {
   K(() => e.value, (h) => {
     a.value.style.cursor = h ? "move" : "default";
   });
-  function p(h, E) {
-    if (E.tagName === "BUTTON")
+  function p(h, M) {
+    if (M.tagName === "BUTTON")
       return !1;
-    if (E === h)
+    if (M === h)
       return !0;
-    for (const R in E.children)
-      if (Object.prototype.hasOwnProperty.call(E.children, R) && p(h, E.children[R]))
+    for (const R in M.children)
+      if (Object.prototype.hasOwnProperty.call(M.children, R) && p(h, M.children[R]))
         return !0;
     return !1;
   }
   function f() {
     var z, I;
-    let h = u.value.x + c.value.x, E = u.value.y + c.value.y;
-    l.value === "x" ? (h = ((z = d.value) == null ? void 0 : z.x) || 0, u.value.x = 0) : l.value === "y" && (E = ((I = d.value) == null ? void 0 : I.y) || 0, u.value.y = 0);
-    const R = `translate3d(${Math.round(h)}px, ${Math.round(E)}px, 0px)`;
-    o.value && (o.value.style.transform = R), b.value.x = h, b.value.y = E;
+    let h = u.value.x + c.value.x, M = u.value.y + c.value.y;
+    l.value === "x" ? (h = ((z = d.value) == null ? void 0 : z.x) || 0, u.value.x = 0) : l.value === "y" && (M = ((I = d.value) == null ? void 0 : I.y) || 0, u.value.y = 0);
+    const R = `translate3d(${Math.round(h)}px, ${Math.round(M)}px, 0px)`;
+    o.value && (o.value.style.transform = R), b.value.x = h, b.value.y = M;
   }
   function y() {
     if (!s.value || !o.value)
       return null;
-    const h = s.value.getBoundingClientRect(), E = o.value.getBoundingClientRect(), R = {
-      top: h.top < E.top,
-      right: h.right > E.right,
-      bottom: h.bottom > E.bottom,
-      left: h.left < E.left
+    const h = s.value.getBoundingClientRect(), M = o.value.getBoundingClientRect(), R = {
+      top: h.top < M.top,
+      right: h.right > M.right,
+      bottom: h.bottom > M.bottom,
+      left: h.left < M.left
     };
-    return R.top || (u.value.y -= E.top - h.top), R.bottom || (u.value.y -= E.bottom - h.bottom), R.right || (u.value.x -= E.right - h.right), R.left || (u.value.x -= E.left - h.left), f(), R;
+    return R.top || (u.value.y -= M.top - h.top), R.bottom || (u.value.y -= M.bottom - h.bottom), R.right || (u.value.x -= M.right - h.right), R.left || (u.value.x -= M.left - h.left), f(), R;
   }
-  function M(h) {
+  function E(h) {
     h && (d.value && h.subtract(d.value), u.value.set(h), f(), y());
   }
   function k(h) {
-    r.value && i.value && (h.stopPropagation(), h.preventDefault(), M(j.fromEvent(h, a.value)));
+    r.value && i.value && (h.stopPropagation(), h.preventDefault(), E(j.fromEvent(h, a.value)));
   }
   function w() {
     var h;
@@ -2194,22 +2202,22 @@ function sn(n, t, e) {
   function T(h) {
     if (!e.value || h instanceof MouseEvent && h.button === 2)
       return;
-    const E = h.target || h.srcElement;
-    a.value !== void 0 && E && !p(E, a.value) || i.value !== !1 && (document.body.click(), h.stopPropagation(), h.preventDefault(), d.value = j.fromEvent(h, o.value), N(), O());
+    const M = h.target || h.srcElement;
+    a.value !== void 0 && M && !p(M, a.value) || i.value !== !1 && (document.body.click(), h.stopPropagation(), h.preventDefault(), d.value = j.fromEvent(h, o.value), N(), O());
   }
-  function H(h, E, R) {
-    if (i.value && E) {
+  function H(h, M, R) {
+    if (i.value && M) {
       if (h)
         a.value = h;
       else if (n.dragHandle) {
         if (n.dragHandle instanceof HTMLElement)
           a.value = n.dragHandle;
         else if (typeof n.dragHandle == "string") {
-          const z = E.querySelector(n.dragHandle);
+          const z = M.querySelector(n.dragHandle);
           z && (a.value = z);
         }
       }
-      o.value = E, s.value = R, a.value ? (a.value.classList.add("ng-draggable"), a.value.addEventListener("mousedown", T)) : i.value = !1;
+      o.value = M, s.value = R, a.value ? (a.value.classList.add("ng-draggable"), a.value.addEventListener("mousedown", T)) : i.value = !1;
     }
   }
   return {
@@ -2250,7 +2258,7 @@ const ae = /* @__PURE__ */ J({
   props: ln,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove", "buttonClick"],
   setup(n, t) {
-    const e = v(n.width || 300), o = v(n.height || 200), i = v(n.modelValue), l = v(""), a = v(n.class), s = v(n.fitContent), r = v(n.showHeader), d = v(""), c = v(n.showCloseButton), u = v(n.showMaxButton), b = v(!1), p = v(n.dialogType), f = v(n.src), y = v(""), M = v(n.showButtons), k = v(n.title), w = v(n.containment || null), O = v();
+    const e = v(n.width || 300), o = v(n.height || 200), i = v(n.modelValue), l = v(""), a = v(n.class), s = v(n.fitContent), r = v(n.showHeader), d = v(""), c = v(n.showCloseButton), u = v(n.showMaxButton), b = v(!1), p = v(n.dialogType), f = v(n.src), y = v(""), E = v(n.showButtons), k = v(n.title), w = v(n.containment || null), O = v();
     k.value === "错误提示" && (k.value = ne.getLocaleValue("messageBox.errorTitle"));
     const N = v(!1);
     function T(g, P) {
@@ -2278,7 +2286,7 @@ const ae = /* @__PURE__ */ J({
       handle: (g) => {
         T(g, !0);
       }
-    }], h = v(n.buttons && n.buttons.length ? n.buttons : H), E = B(() => !!d.value), R = B(() => !!M.value && !!h.value), z = v(), I = v(), V = v(!1), {
+    }], h = v(n.buttons && n.buttons.length ? n.buttons : H), M = B(() => !!d.value), R = B(() => !!E.value && !!h.value), z = v(), I = v(), V = v(!1), {
       renderResizeBar: U,
       maximize: q,
       restore: _,
@@ -2306,7 +2314,7 @@ const ae = /* @__PURE__ */ J({
     }), K(() => n.showHeader, (g, P) => {
       g !== P && (r.value = g);
     }), K(() => n.showButtons, (g, P) => {
-      g !== P && (M.value = g);
+      g !== P && (E.value = g);
     }), K(() => G.value, (g, P) => {
       const X = g || {}, W = P || {};
       JSON.stringify(X) !== JSON.stringify(W) && t.emit("resize", {
@@ -2388,7 +2396,7 @@ const ae = /* @__PURE__ */ J({
       q(), V.value = !0;
     }
     async function rt(g, P) {
-      g.handle ? await g.handle(P, g) && t.emit("closed", P) : (typeof g.onClick == "string" && (g.onButtonClick = Me(g.onClick || ""), delete g.onClick), t.emit("buttonClick", {
+      g.handle ? await g.handle(P, g) && t.emit("closed", P) : (typeof g.onClick == "string" && (g.onButtonClick = Ee(g.onClick || ""), delete g.onClick), t.emit("buttonClick", {
         button: g,
         $event: P
       }));
@@ -2466,7 +2474,7 @@ const ae = /* @__PURE__ */ J({
         style: it.value
       }, [t.slots.headerTemplate ? t.slots.headerTemplate() : m("div", {
         class: "modal-title"
-      }, [E.value && m("span", {
+      }, [M.value && m("span", {
         class: d.value,
         style: "margin-right: 8px"
       }, null), m("span", {
@@ -2543,7 +2551,7 @@ function dn(n) {
       const l = v(), a = v(n.class || ""), s = v(!!n.showButtons), r = v(!!n.showHeader), d = v(n.showCloseButton == null ? !0 : n.showCloseButton), c = v(!!n.showFloatingClose), u = v(!0), b = v(n.title || ""), p = n.acceptCallback || (() => {
       }), f = n.rejectCallback || (() => {
       }), y = n.closedCallback || ((N) => {
-      }), M = n.resizeHandle || ((N) => {
+      }), E = n.resizeHandle || ((N) => {
       }), k = n.stopMoveHandle || ((N) => {
       }), w = He(n), O = (N) => {
         u.value = !1, e.unmount(), y(N);
@@ -2569,7 +2577,7 @@ function dn(n) {
         onCancel: f,
         fitContent: n.fitContent == null ? !0 : n.fitContent,
         onClosed: O,
-        onResize: M,
+        onResize: E,
         onStopMove: k
       }, {
         default: () => [w && w(e)]
@@ -2648,8 +2656,8 @@ class cn {
       this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((H = this.activeModalInstance.value) == null || H.close(T == null ? void 0 : T.event));
     }, {
       width: y,
-      height: M
-    } = o.value, k = this.adaptToWindow(y || 500, M || 320);
+      height: E
+    } = o.value, k = this.adaptToWindow(y || 500, E || 320);
     Object.assign(o.value, k);
     const w = () => m(ae, xe({
       ref: this.modalRef,
@@ -2714,7 +2722,7 @@ function fn(n, t, e, o, i) {
   })), { judgeCanOpen: r } = Ue(n, i), d = B(() => n.showButtonWhenDisabled || (!n.editable || !n.readonly) && !n.disable), c = ce($e, null), u = v();
   async function b(y) {
     if (await r() && d.value) {
-      const M = !!t.slots.default;
+      const E = !!t.slots.default;
       if (l.value === "Modal") {
         const k = n.modalOptions, w = c == null ? void 0 : c.open({
           ...k,
@@ -2727,7 +2735,7 @@ function fn(n, t, e, o, i) {
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
         render: () => t.slots.default && t.slots.default()
-      }), M && l.value === "Popup" && o.togglePopup(!0), M && a.value && o.hidePopup(), t.emit("clickButton", { origin: y, value: n.modelValue });
+      }), E && l.value === "Popup" && o.togglePopup(!0), E && a.value && o.hidePopup(), t.emit("clickButton", { origin: y, value: n.modelValue });
     }
   }
   function p(y) {
@@ -2753,8 +2761,8 @@ function pn(n, t, e, o, i, l) {
     c(!!i.value);
   });
   function u(f) {
-    const y = !n.readonly && !n.disable && n.editable, M = !n.editable;
-    f.stopPropagation(), (y || M) && (r(""), i.value = "", c(!a.value), t.emit("clear"));
+    const y = !n.readonly && !n.disable && n.editable, E = !n.editable;
+    f.stopPropagation(), (y || E) && (r(""), i.value = "", c(!a.value), t.emit("clear"));
   }
   function b(f) {
     if (s.value) {
@@ -2783,7 +2791,7 @@ function mn(n, t, e, o, i) {
     "text-right": n.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
-  })), M = B(() => ({
+  })), E = B(() => ({
     "input-group": !0,
     "f-state-disabled": n.disable,
     "f-state-editable": n.editable && !n.disable && !n.readonly,
@@ -2820,7 +2828,7 @@ function mn(n, t, e, o, i) {
   function h(I) {
     I.target.tagName !== "INPUT" && I.preventDefault(), I.stopPropagation();
   }
-  function E(I) {
+  function M(I) {
     t.emit("keydown", I);
   }
   function R(I) {
@@ -2836,7 +2844,7 @@ function mn(n, t, e, o, i) {
     textBoxClass: y,
     textBoxPlaceholder: u,
     textBoxTitle: c,
-    inputGroupClass: M,
+    inputGroupClass: E,
     hasClearClass: d,
     changeTextBoxValue: k,
     commitValue: w,
@@ -2844,7 +2852,7 @@ function mn(n, t, e, o, i) {
     onClickTextBox: N,
     onFocusTextBox: T,
     onInput: H,
-    onKeyDownTextBox: E,
+    onKeyDownTextBox: M,
     onKeyUpTextBox: R,
     onMouseDownTextBox: h,
     onTextBoxValueChange: z
@@ -2907,17 +2915,17 @@ function gn(n, t, e) {
     onKeyUpTextBox: p,
     onMouseDownTextBox: f,
     onTextBoxValueChange: y
-  } = e, M = v(n.id), {
+  } = e, E = v(n.id), {
     uuid: k
   } = Ce(), w = B(() => ({
     // 'border-top-right-radius': '6px',
     // 'border-bottom-right-radius': '6px'
   }));
   Z(() => {
-    var h, E;
-    n.selectOnCreated && ((h = o.value) == null || h.select()), n.focusOnCreated && ((E = o.value) == null || E.focus({
+    var h, M;
+    n.selectOnCreated && ((h = o.value) == null || h.select()), n.focusOnCreated && ((M = o.value) == null || M.focus({
       preventScroll: !0
-    })), M.value || (M.value = "button-edit_" + k(8)), M.value = M.value + "-textbox";
+    })), E.value || (E.value = "button-edit_" + k(8)), E.value = E.value + "-textbox";
   });
   const O = v(!1), N = (h) => {
     h.preventDefault(), O.value = !0;
@@ -2973,7 +2981,7 @@ function vn(n, t, e) {
     o.value = f;
   });
   const b = v(!n.disable && !n.readonly);
-  K([() => n.disable, () => n.readonly], ([f, y], [M, k]) => {
+  K([() => n.disable, () => n.readonly], ([f, y], [E, k]) => {
     b.value = !f && !y;
   });
   function p(f) {
@@ -3004,8 +3012,8 @@ function yn(n, t, e, o) {
     enableClearButton: r,
     showClearButton: d,
     onClearValue: c
-  } = o, u = v(), b = At((M) => {
-    l(M);
+  } = o, u = v(), b = At((E) => {
+    l(E);
   }, n.buttonBehavior === "Modal" ? 0 : 200), p = () => {
     t.emit("beforeClearValue");
   }, f = B(() => ({
@@ -3035,7 +3043,7 @@ function yn(n, t, e, o) {
       class: "input-group-text input-group-append-button",
       innerHTML: n.buttonContent,
       ref: u,
-      onClick: (M) => b(M),
+      onClick: (E) => b(E),
       onMouseenter: a,
       onMouseleave: s
     }, null) : null, n.expandable && m("div", {
@@ -3090,10 +3098,10 @@ const Cn = /* @__PURE__ */ J({
       hasFocusedTextBox: p,
       commitValue: f,
       inputGroupClass: y
-    } = b, M = pn(n, t, i, p, u, b), {
+    } = b, E = pn(n, t, i, p, u, b), {
       onMouseEnterTextBox: k,
       onMouseLeaveTextBox: w
-    } = M, O = v(!1), N = B(() => {
+    } = E, O = v(!1), N = B(() => {
       const L = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
@@ -3113,17 +3121,17 @@ const Cn = /* @__PURE__ */ J({
       const G = Array.from(e.value.querySelectorAll(".farris-tag-item"));
       return G && G.length && (L = G.map((x) => x.offsetTop).filter((x) => x > 20).length), L;
     }
-    const E = v(h());
+    const M = v(h());
     Vt(() => {
-      E.value = h();
+      M.value = h();
     });
     function R() {
-      return n.multiSelect && n.inputType === "tag" ? () => m(le, null, [vn(n, i, b)(), !!E.value && m("div", {
+      return n.multiSelect && n.inputType === "tag" ? () => m(le, null, [vn(n, i, b)(), !!M.value && m("div", {
         class: "d-flex flex-row mr-2 more-tags",
         "more-tags": !0
       }, [m("span", {
         class: "multi--more-text"
-      }, [Y("+"), E.value])])]) : gn(n, i, b);
+      }, [Y("+"), M.value])])]) : gn(n, i, b);
     }
     let z = R();
     K([() => n.multiSelect, () => n.inputType], () => {
@@ -3132,7 +3140,7 @@ const Cn = /* @__PURE__ */ J({
     const {
       renderButtonGroup: I,
       buttonHandleElement: V
-    } = yn(n, t, c, M), U = bn(n, t, l), q = v(a.value), _ = {
+    } = yn(n, t, c, E), U = bn(n, t, l), q = v(a.value), _ = {
       displayText: u,
       commitValue: f,
       elementRef: e,
@@ -3202,8 +3210,8 @@ function qe(n, t, e) {
   return t;
 }
 const je = /* @__PURE__ */ new Map([
-  ["appearance", Et]
-]), Ge = /* @__PURE__ */ new Map([]), wn = "https://json-schema.org/draft/2020-12/schema", xn = "https://farris-design.gitee.io/radio-group.schema.json", Mn = "item-collection-editor", En = "A Farris Input Component", In = "object", Fn = {
+  ["appearance", Mt]
+]), Ge = /* @__PURE__ */ new Map([]), wn = "https://json-schema.org/draft/2020-12/schema", xn = "https://farris-design.gitee.io/radio-group.schema.json", En = "item-collection-editor", Mn = "A Farris Input Component", In = "object", Fn = {
   id: {
     description: "The unique identifier for a item-collection-editor",
     type: "string"
@@ -3293,13 +3301,13 @@ const je = /* @__PURE__ */ new Map([
 ], Bn = [], De = {
   $schema: wn,
   $id: xn,
-  title: Mn,
-  description: En,
+  title: En,
+  description: Mn,
   type: In,
   properties: Fn,
   required: kn,
   ignore: Bn
-}, Ee = {
+}, Me = {
   /**
   * 必填的列
   */
@@ -3356,9 +3364,9 @@ const je = /* @__PURE__ */ new Map([
    */
   modalHeight: { type: Number, default: 600 }
 };
-Ve(Ee, De, Ge, qe);
+Ve(Me, De, Ge, qe);
 const Tn = Oe(
-  Ee,
+  Me,
   De,
   Ge,
   qe
@@ -3416,22 +3424,22 @@ const Tn = Oe(
     });
     function b() {
       const h = {};
-      return c.forEach((E) => {
-        E.editor && (E.editor.type === "checkbox" || E.editor.type === "switch") ? h[E.field] = !1 : h[E.field] = "";
+      return c.forEach((M) => {
+        M.editor && (M.editor.type === "checkbox" || M.editor.type === "switch") ? h[M.field] = !1 : h[M.field] = "";
       }), h;
     }
     function p() {
       if (n.dynamicMappingKeys) {
-        const h = "请先填写XXX。", E = l.value.trim() ? a.value.trim() ? "" : "枚举名称字段" : "枚举值字段";
+        const h = "请先填写XXX。", M = l.value.trim() ? a.value.trim() ? "" : "枚举名称字段" : "枚举值字段";
         return i.warning({
           position: "top-center",
-          message: h.replace("XXX", E)
+          message: h.replace("XXX", M)
         }), !1;
       }
       return !0;
     }
     function f(h) {
-      const E = "不允许重复。";
+      const M = "不允许重复。";
       if (!p())
         return !1;
       if (!h || h.length === 0)
@@ -3462,7 +3470,7 @@ const Tn = Oe(
           const L = c.find((G) => G.field === V);
           return i.warning({
             position: "top-center",
-            message: L.title + E
+            message: L.title + M
           }), !1;
         }
       }
@@ -3471,13 +3479,13 @@ const Tn = Oe(
     function y() {
       if (n.readonly || !p())
         return;
-      const h = b(), E = o();
+      const h = b(), M = o();
       u.push({
-        hId: E,
+        hId: M,
         ...h
-      }), d.value.updateDataSource(u), d.value.selectRowById(E);
+      }), d.value.updateDataSource(u), d.value.selectRowById(M);
     }
-    function M(h) {
+    function E(h) {
       u && u.length > 0 ? (h || (h = u[0].hId), d.value.selectRowById(h)) : e = "";
     }
     function k() {
@@ -3491,29 +3499,29 @@ const Tn = Oe(
       const h = u.findIndex((z) => z.hId === e);
       u = [...u.filter((z) => z.hId !== e)], d.value.updateDataSource(u);
       let R = "";
-      h < u.length && u.length > 0 && (R = u[h].hId), M(R);
+      h < u.length && u.length > 0 && (R = u[h].hId), E(R);
     }
     function w(h) {
       if (!h || h.length === 0)
         return h;
-      const E = [];
+      const M = [];
       return h.forEach((R) => {
         const {
           value: z,
           name: I,
           ...V
         } = R, U = Object.assign({}, V);
-        U[l.value.trim()] = z, U[a.value.trim()] = I, E.push(U);
-      }), E;
+        U[l.value.trim()] = z, U[a.value.trim()] = I, M.push(U);
+      }), M;
     }
     function O() {
       d.value.endEditCell();
       const h = [];
-      return u.forEach((E) => {
+      return u.forEach((M) => {
         const {
           hId: R,
           ...z
-        } = E, I = {};
+        } = M, I = {};
         for (const V in z)
           V.startsWith("_") || (I[V] = z[V]);
         h.push(I);
@@ -3534,11 +3542,11 @@ const Tn = Oe(
       getItems: O,
       getDataGridDatas: T
     }), Z(() => {
-      M();
+      E();
     });
     function H(h) {
-      var E;
-      e = (E = h[0]) == null ? void 0 : E.hId;
+      var M;
+      e = (M = h[0]) == null ? void 0 : M.hId;
     }
     return () => m("div", {
       class: "f-utils-fill-flex-column h-100"
@@ -3612,7 +3620,7 @@ const Tn = Oe(
     }
     function y(w, O) {
     }
-    function M(w) {
+    function E(w) {
       return `f-preten-link ${w.customClass ? w.customClass : ""}`;
     }
     K(e, () => {
@@ -3623,7 +3631,7 @@ const Tn = Oe(
       return m(le, null, [m("div", {
         class: "after-toast-msg text-right"
       }, [!t.slots.default && ((w = i.value.buttons) == null ? void 0 : w.map((O) => m("span", {
-        class: M(O),
+        class: E(O),
         onClick: (N) => void 0
       }, [O.text]))), t.slots.default && t.slots.default()])]);
     };
@@ -3728,16 +3736,16 @@ const de = /* @__PURE__ */ J({
       top: 20,
       bottom: 12
     }, s = v(), r = v(n.options), d = v(n.showCloseButton), c = B(() => n.position || "bottom-right"), u = B(() => n.timeout != null ? n.timeout : 3e3), b = B(() => {
-      const M = n.bottom ? n.bottom : a.bottom, k = n.top ? n.top : a.top, w = {
+      const E = n.bottom ? n.bottom : a.bottom, k = n.top ? n.top : a.top, w = {
         transition: "all 0.2s ease",
         left: c.value.indexOf("left") > -1 ? `${n.left ? n.left : a.left}px` : "",
         right: c.value.indexOf("right") > -1 ? `${n.right ? n.right : a.right}px` : "",
         top: c.value.indexOf("top") > -1 ? `${k}px` : "",
-        bottom: c.value.indexOf("bottom") > -1 ? `${M}px` : ""
+        bottom: c.value.indexOf("bottom") > -1 ? `${E}px` : ""
       };
       return c.value.indexOf("center") > -1 && (w.left = "50%", w.marginLeft = "calc(-24rem / 2)", c.value === "center-center" && (w.top = "50%", w.transform = "translate(-50%, -50%)")), w;
     });
-    function p(M) {
+    function p(E) {
       t.emit("close");
     }
     u.value && setTimeout(() => {
@@ -3747,15 +3755,15 @@ const de = /* @__PURE__ */ J({
       container: s,
       notifyPosition: c
     });
-    function f(M, k) {
+    function f(E, k) {
       p();
     }
     return () => {
-      var M;
+      var E;
       return e ? m("div", {
         class: l.value,
         ref: s
-      }, [(M = n.options) == null ? void 0 : M.message]) : m("div", {
+      }, [(E = n.options) == null ? void 0 : E.message]) : m("div", {
         class: l.value,
         style: b.value,
         ref: s
@@ -3895,7 +3903,7 @@ de.install = (n) => {
 };
 const Hn = /* @__PURE__ */ J({
   name: "FItemCollectionEditor",
-  props: Ee,
+  props: Me,
   components: {},
   emits: ["change"],
   setup(n, t) {
@@ -3908,12 +3916,12 @@ const Hn = /* @__PURE__ */ J({
         if (l.value && a.value) {
           const {
             [l.value]: y,
-            [a.value]: M,
+            [a.value]: E,
             ...k
           } = f, w = k || {};
-          w.value = y, w.name = M, w.hId = o(), p.push(w);
+          w.value = y, w.name = E, w.hId = o(), p.push(w);
         }
-      })) : (p = Me(n.modelValue || []), p.forEach((f) => {
+      })) : (p = Ee(n.modelValue || []), p.forEach((f) => {
         f.hId = o();
       })), p;
     }
@@ -4142,7 +4150,7 @@ pe.register = (n, t, e, o, i) => {
 pe.registerDesigner = (n, t, e, o) => {
   n["radio-group"] = pe, t["radio-group"] = _e(o);
 };
-const ci = Mt(pe);
+const ci = Et(pe);
 export {
   pe as FRadioGroupDesign,
   ci as default,