@farris/ui-vue 1.3.0 → 1.3.3

package/components/button-edit/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, ref as y, computed as h, createVNode as v, Teleport as U, createApp as _, onUnmounted as X, inject as D, watch as R, nextTick as S, onMounted as F, withDirectives as z, vShow as J, Fragment as Q, mergeProps as A } from "vue";
+import { defineComponent as j, ref as y, computed as h, createVNode as v, Teleport as q, createApp as U, onUnmounted as X, inject as D, watch as R, nextTick as L, onMounted as F, withDirectives as z, vShow as J, Fragment as Q, mergeProps as A } from "vue";
 import { isPlainObject as V, cloneDeep as Y } from "lodash-es";
 import { resolveAppearance as Z } from "../dynamic-resolver/index.esm.js";
 import K from "../tags/index.esm.js";
@@ -7,34 +7,38 @@ import { useDesignerComponent as te } from "../designer-canvas/index.esm.js";
 import { withInstall as ne } from "../common/index.esm.js";
 const oe = {}, ue = {};
 function N(e) {
-  const { properties: t, title: u, ignore: o } = e, n = o && Array.isArray(o), l = Object.keys(t).reduce((c, r) => ((!n || !o.find((b) => b == r)) && (c[r] = t[r].type === "object" && t[r].properties ? N(t[r]) : Y(t[r].default)), c), {});
-  return (!n || !o.find((c) => c == "id")) && (l.id = `${u}-${Date.now()}`), l;
+  const { properties: t, title: o, ignore: u } = e, n = u && Array.isArray(u), l = Object.keys(t).reduce((s, r) => ((!n || !u.find((b) => b === r)) && (s[r] = t[r].type === "object" && t[r].properties ? N(t[r]) : Y(t[r].default)), s), {});
+  if (o && (!n || !u.find((s) => s === "id"))) {
+    const s = o.toLowerCase().replace(/-/g, "_");
+    l.id = `${s}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return l;
 }
 function ae(e, t) {
-  const u = N(t);
-  return Object.keys(e).reduce((o, n) => (o[n] && V(o[n]) && V(e[n]) ? Object.assign(o[n], e[n]) : o[n] = e[n], o), u), u;
+  const o = N(t);
+  return Object.keys(o).reduce((u, n) => (u[n] && V(u[n]) && V(e[n] || !e[n]) ? Object.assign(u[n], e[n] || {}) : u[n] = e[n], u), o), o;
 }
 function le(e, t) {
-  return Object.keys(e).filter((o) => e[o] != null).reduce((o, n) => {
+  return Object.keys(e).filter((u) => e[u] != null).reduce((u, n) => {
     if (t.has(n)) {
       const l = t.get(n);
       if (typeof l == "string")
-        o[l] = e[n];
+        u[l] = e[n];
       else {
-        const c = l(n, e[n], e);
-        Object.assign(o, c);
+        const s = l(n, e[n], e);
+        Object.assign(u, s);
       }
     } else
-      o[n] = e[n];
-    return o;
+      u[n] = e[n];
+    return u;
   }, {});
 }
-function ie(e, t, u = /* @__PURE__ */ new Map()) {
-  const o = ae(e, t);
-  return le(o, u);
+function ie(e, t, o = /* @__PURE__ */ new Map()) {
+  const u = ae(e, t);
+  return le(u, o);
 }
 function re(e = {}) {
-  function t(a, s, i, p) {
+  function t(a, c, i, p) {
     if (typeof i == "number")
       return p[a].length === i;
     if (typeof i == "object") {
@@ -48,20 +52,20 @@ function re(e = {}) {
     }
     return !1;
   }
-  function u(a, s, i, p) {
+  function o(a, c, i, p) {
     return p[a] && p[a].propertyValue && String(p[a].propertyValue.value) === String(i);
   }
-  const o = /* @__PURE__ */ new Map([
+  const u = /* @__PURE__ */ new Map([
     ["length", t],
-    ["getProperty", u]
+    ["getProperty", o]
   ]);
-  Object.keys(e).reduce((a, s) => (a.set(s, e[s]), a), o);
-  function n(a, s) {
+  Object.keys(e).reduce((a, c) => (a.set(c, e[c]), a), u);
+  function n(a, c) {
     const i = a;
-    return typeof s == "number" ? [{ target: i, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!s }] : typeof s == "object" ? Object.keys(s).map((p) => {
+    return typeof c == "number" ? [{ target: i, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!c }] : typeof c == "object" ? Object.keys(c).map((p) => {
       if (p === "length")
-        return { target: i, operator: "length", param: null, value: s[p] };
-      const f = p, g = s[p];
+        return { target: i, operator: "length", param: null, value: c[p] };
+      const f = p, g = c[p];
       return { target: i, operator: "getProperty", param: f, value: g };
     }) : [];
   }
@@ -71,34 +75,34 @@ function re(e = {}) {
       return i.push(...f), i;
     }, []);
   }
-  function c(a, s) {
-    if (o.has(a.operator)) {
-      const i = o.get(a.operator);
-      return i && i(a.target, a.param, a.value, s) || !1;
+  function s(a, c) {
+    if (u.has(a.operator)) {
+      const i = u.get(a.operator);
+      return i && i(a.target, a.param, a.value, c) || !1;
     }
     return !1;
   }
-  function r(a, s) {
-    return l(a).reduce((f, g) => f && c(g, s), !0);
+  function r(a, c) {
+    return l(a).reduce((f, g) => f && s(g, c), !0);
   }
-  function b(a, s) {
-    const i = Object.keys(a), p = i.includes("allOf"), f = i.includes("anyOf"), g = p || f, C = (g ? a[g ? p ? "allOf" : "anyOf" : "allOf"] : [a]).map((T) => r(T, s));
+  function b(a, c) {
+    const i = Object.keys(a), p = i.includes("allOf"), f = i.includes("anyOf"), g = p || f, C = (g ? a[g ? p ? "allOf" : "anyOf" : "allOf"] : [a]).map((T) => r(T, c));
     return p ? !C.includes(!1) : C.includes(!0);
   }
   return { parseValueSchema: b };
 }
 const se = {}, ce = {};
 re();
-function de(e, t, u = /* @__PURE__ */ new Map(), o = (c, r, b) => r, n = {}, l = (c) => c) {
-  return oe[t.title] = t, ue[t.title] = o, se[t.title] = n, ce[t.title] = l, (c = {}) => {
-    const r = ie(c, t, u), b = Object.keys(e).reduce((a, s) => (a[s] = e[s].default, a), {});
+function de(e, t, o = /* @__PURE__ */ new Map(), u = (s, r, b, a) => r, n = {}, l = (s) => s) {
+  return oe[t.title] = t, ue[t.title] = u, se[t.title] = n, ce[t.title] = l, (s = {}) => {
+    const r = ie(s, t, o), b = Object.keys(e).reduce((a, c) => (a[c] = e[c].default, a), {});
     return Object.assign(b, r);
   };
 }
 const pe = /* @__PURE__ */ new Map([
   ["appearance", Z]
 ]);
-function fe(e, t, u) {
+function fe(e, t, o) {
   return t;
 }
 const be = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/button-edit.schema.json", ye = "button-edit", me = "A Farris Input Component", ve = "object", he = {
@@ -367,7 +371,7 @@ const be = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
             },
             {
               value: "center",
-              name: "居中对齐"
+              name: "居中"
             },
             {
               value: "right",
@@ -383,7 +387,7 @@ const be = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
   description: Oe,
   type: Te,
   categories: ke
-}, L = {
+}, S = {
   /**
    * 组件标识
    */
@@ -491,7 +495,7 @@ const be = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
   beforeOpen: { type: Function, default: null },
   /** 更新方式 blur | change */
   updateOn: { type: String, default: "change" }
-}, G = de(L, Be, pe, fe, we), Ee = {
+}, G = de(S, Be, pe, fe, we), Ee = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
@@ -500,7 +504,7 @@ const be = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
   props: Ee,
   emits: ["click"],
   setup(e, t) {
-    const u = y(e.popupContentPosition), o = y(e.host), n = h(() => ({
+    const o = y(e.popupContentPosition), u = y(e.host), n = h(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
@@ -508,26 +512,26 @@ const be = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
       t.emit("click"), r.preventDefault(), r.stopPropagation();
     }
     h(() => {
-      const r = o.value;
+      const r = u.value;
       if (r) {
         const b = r.getBoundingClientRect(), {
           left: a,
-          top: s,
+          top: c,
           height: i
         } = b;
         return {
           left: a,
-          top: s + i
+          top: c + i
         };
       }
-      return u.value;
+      return o.value;
     });
-    const c = h(() => ({
+    const s = h(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
     }));
-    return () => v(U, {
+    return () => v(q, {
       to: "body"
     }, {
       default: () => {
@@ -537,7 +541,7 @@ const be = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
           onClick: (a) => l(a),
           style: n.value
         }, [v("div", {
-          style: c.value
+          style: s.value
         }, [(b = (r = t.slots).default) == null ? void 0 : b.call(r)])])];
       }
     });
@@ -552,12 +556,12 @@ function Me(e) {
 function Ie(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  let u;
-  const o = e.onClickCallback || (() => {
+  let o;
+  const u = e.onClickCallback || (() => {
   }), n = () => {
-    o(), u && u.unmount();
+    u(), o && o.unmount();
   };
-  return u = _({
+  return o = U({
     setup() {
       X(() => {
         document.body.removeChild(t);
@@ -572,7 +576,7 @@ function Ie(e) {
         default: () => [l && l()]
       });
     }
-  }), document.body.appendChild(t), u.mount(t), u;
+  }), document.body.appendChild(t), o.mount(t), o;
 }
 class je {
   static show(t) {
@@ -581,29 +585,29 @@ class je {
 }
 const Re = Symbol("FModalService");
 function $(e, t) {
-  function u() {
-    const o = e.beforeOpen || e.beforeClickButton || null;
+  function o() {
+    const u = e.beforeOpen || e.beforeClickButton || null;
     let n = Promise.resolve(!0);
-    if (o) {
-      const l = o(t.value);
+    if (u) {
+      const l = u(t.value);
       if (typeof l > "u")
         return n;
       typeof l == "boolean" ? n = Promise.resolve(l) : n = l;
     }
     return n;
   }
-  return { judgeCanOpen: u };
+  return { judgeCanOpen: o };
 }
-function W(e, t, u, o, n) {
-  const l = y(e.buttonBehavior), c = y(e.popupOnInput), r = h(() => ({
+function H(e, t, o, u, n) {
+  const l = y(e.buttonBehavior), s = y(e.popupOnInput), r = h(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), { judgeCanOpen: b } = $(e, n), a = h(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), s = D(Re, null), i = y();
+  })), { judgeCanOpen: b } = $(e, n), a = h(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), c = D(Re, null), i = y();
   async function p(m) {
     if (await b() && a.value) {
       const x = !!t.slots.default;
       if (l.value === "Modal") {
-        const C = e.modalOptions, O = s == null ? void 0 : s.open({
+        const C = e.modalOptions, O = c == null ? void 0 : c.open({
           ...C,
           render: () => t.slots.default && t.slots.default()
         });
@@ -614,7 +618,7 @@ function W(e, t, u, o, n) {
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
         render: () => t.slots.default && t.slots.default()
-      }), x && l.value === "Popup" && o.togglePopup(!0), x && c.value && o.hidePopup(), t.emit("clickButton", { origin: m, value: e.modelValue });
+      }), x && l.value === "Popup" && u.togglePopup(!0), x && s.value && u.hidePopup(), t.emit("clickButton", { origin: m, value: e.modelValue });
     }
   }
   function f(m) {
@@ -631,21 +635,21 @@ function W(e, t, u, o, n) {
     modalRef: i
   };
 }
-function Fe(e, t, u, o, n, l) {
-  const c = y(!1), r = h(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: b } = l;
+function Fe(e, t, o, u, n, l) {
+  const s = y(!1), r = h(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: b } = l;
   function a(f) {
-    c.value = f;
+    s.value = f;
   }
   R(n, () => {
     a(!!n.value);
   });
-  function s(f) {
+  function c(f) {
     const g = !e.readonly && !e.disable && e.editable, m = !e.editable;
-    f.stopPropagation(), (g || m) && (b("", !1), a(!c.value), t.emit("clear"));
+    f.stopPropagation(), (g || m) && (b("", !1), a(!s.value), t.emit("clear"));
   }
   function i(f) {
     if (r.value) {
-      if (!u.value) {
+      if (!o.value) {
         a(!1);
         return;
       }
@@ -657,14 +661,14 @@ function Fe(e, t, u, o, n, l) {
   }
   return {
     enableClearButton: r,
-    showClearButton: c,
-    onClearValue: s,
+    showClearButton: s,
+    onClearValue: c,
     onMouseEnterTextBox: i,
     onMouseLeaveTextBox: p
   };
 }
-function Le(e, t, u, o, n) {
-  const l = h(() => e.popupOnInput), c = h(() => e.popupOnFocus), { shouldPopupContent: r } = n, b = h(() => e.enableTitle ? u.value : ""), a = h(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), s = h(() => e.readonly || !e.editable), i = y(!1), p = h(() => !e.disable && i.value), f = h(() => ({
+function Se(e, t, o, u, n) {
+  const l = h(() => e.popupOnInput), s = h(() => e.popupOnFocus), { shouldPopupContent: r } = n, b = h(() => e.enableTitle ? o.value : ""), a = h(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), c = h(() => e.readonly || !e.editable), i = y(!1), p = h(() => !e.disable && i.value), f = h(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
@@ -678,7 +682,7 @@ function Le(e, t, u, o, n) {
     "f-state-focus": p.value
   }));
   function m(d, B = !0) {
-    u.value !== d && (u.value = d, B && (t.emit("change", d), t.emit("update:modelValue", d)));
+    o.value !== d && (o.value = d, B && (t.emit("change", d), t.emit("update:modelValue", d)));
   }
   function x(d) {
     r.value = !1, m(d, !0);
@@ -686,7 +690,7 @@ function Le(e, t, u, o, n) {
   R(
     () => e.modelValue,
     (d) => {
-      u.value = d;
+      o.value = d;
     }
   );
   function C(d) {
@@ -696,12 +700,12 @@ function Le(e, t, u, o, n) {
     t.emit("click", d);
   }
   function T(d) {
-    e.disable || (i.value = !0, s.value || (t.emit("focus", d), c.value && !r.value && n.popup()));
+    e.disable || (i.value = !0, c.value || (t.emit("focus", d), s.value && !r.value && n.popup()));
   }
   function k(d) {
     t.emit("input", d.target.value);
     const B = d.target.value;
-    o.value = B, u.value !== B && m(B, e.updateOn === "change"), l.value && !r.value && n.popup();
+    u.value = B, o.value !== B && m(B, e.updateOn === "change"), l.value && !r.value && n.popup();
   }
   function M(d) {
     d.target.tagName !== "INPUT" && d.preventDefault(), d.stopPropagation();
@@ -710,7 +714,7 @@ function Le(e, t, u, o, n) {
     t.emit("keydown", d);
   }
   function I(d) {
-    d.key === "Enter" && (l.value || c.value) && n.hidePopup(), t.emit("keyup", d);
+    d.key === "Enter" && (l.value || s.value) && n.hidePopup(), t.emit("keyup", d);
   }
   function E(d) {
     const B = d.target.value;
@@ -718,7 +722,7 @@ function Le(e, t, u, o, n) {
   }
   return {
     hasFocusedTextBox: p,
-    isTextBoxReadonly: s,
+    isTextBoxReadonly: c,
     textBoxClass: f,
     textBoxPlaceholder: a,
     textBoxTitle: b,
@@ -735,58 +739,58 @@ function Le(e, t, u, o, n) {
     onTextBoxValueChange: E
   };
 }
-function H(e, t, u, o) {
-  const n = y(), l = y(!1), { judgeCanOpen: c } = $(e, o);
+function W(e, t, o, u) {
+  const n = y(), l = y(!1), { judgeCanOpen: s } = $(e, u);
   function r() {
     const i = n.value;
-    i && i.show(u.value);
+    i && i.show(o.value);
   }
   async function b(i = !1) {
     if (!!t.slots.default) {
-      if (!i && !l.value && !await c())
+      if (!i && !l.value && !await s())
         return;
-      l.value = !l.value, await S(), r();
+      l.value = !l.value, await L(), r();
     }
   }
   async function a(i = !1) {
     if (!!t.slots.default) {
-      if (!i && !await c())
+      if (!i && !await s())
         return;
-      l.value = !0, await S(), r();
+      l.value = !0, await L(), r();
     }
   }
-  function s() {
+  function c() {
     l.value = !1;
   }
-  return { hidePopup: s, popup: a, shouldPopupContent: l, togglePopup: b, popoverRef: n };
+  return { hidePopup: c, popup: a, shouldPopupContent: l, togglePopup: b, popoverRef: n };
 }
-function Se(e, t, u) {
-  const o = y(), {
+function Le(e, t, o) {
+  const u = y(), {
     isTextBoxReadonly: n,
     textBoxClass: l,
-    textBoxPlaceholder: c,
+    textBoxPlaceholder: s,
     textBoxTitle: r,
     onBlurTextBox: b,
     onClickTextBox: a,
-    onFocusTextBox: s,
+    onFocusTextBox: c,
     onInput: i,
     onKeyDownTextBox: p,
     onKeyUpTextBox: f,
     onMouseDownTextBox: g,
     onTextBoxValueChange: m
-  } = u;
+  } = o;
   return F(() => {
     var x, C;
-    e.selectOnCreated && ((x = o.value) == null || x.select()), e.focusOnCreated && ((C = o.value) == null || C.focus());
+    e.selectOnCreated && ((x = u.value) == null || x.select()), e.focusOnCreated && ((C = u.value) == null || C.focus());
   }), () => v("input", {
-    ref: o,
+    ref: u,
     name: "input-group-value",
     autocomplete: e.autoComplete ? "on" : "off",
     class: l.value,
     disabled: e.disable,
     maxlength: e.maxLength,
     minlength: e.minLength,
-    placeholder: c.value,
+    placeholder: s.value,
     readonly: n.value,
     tabindex: e.tabIndex,
     title: r.value,
@@ -795,22 +799,22 @@ function Se(e, t, u) {
     onBlur: b,
     onChange: m,
     onClick: a,
-    onFocus: s,
+    onFocus: c,
     onInput: i,
     onKeydown: p,
     onKeyup: f,
     onMousedown: g
   }, null);
 }
-function Ve(e, t, u) {
-  const o = y(e.separator), {
+function Ve(e, t, o) {
+  const u = y(e.separator), {
     changeTextBoxValue: n
-  } = u, l = h(() => t.value ? t.value.split(o.value).map((r) => ({
+  } = o, l = h(() => t.value ? t.value.split(u.value).map((r) => ({
     name: r,
     selectable: !0
   })) : []);
-  function c(r) {
-    n(r.map((b) => b.name).join(o.value), !0);
+  function s(r) {
+    n(r.map((b) => b.name).join(u.value), !0);
   }
   return () => v(K, {
     id: `${e.id}-tag-editor`,
@@ -818,50 +822,50 @@ function Ve(e, t, u) {
     data: l.value,
     showClose: !0,
     showInput: !0,
-    onChange: c
+    onChange: s
   }, null);
 }
-function De(e, t, u, o) {
+function De(e, t, o, u) {
   const {
     buttonGroupClass: n,
     onClickButton: l,
-    onMouseEnterButton: c,
+    onMouseEnterButton: s,
     onMouseLeaveButton: r
-  } = u, {
+  } = o, {
     enableClearButton: b,
     showClearButton: a,
-    onClearValue: s
-  } = o, i = y();
+    onClearValue: c
+  } = u, i = y();
   return {
     renderButtonGroup: () => v("div", {
       id: `${e.id}-button-group`,
       class: n.value
     }, [b.value && z(v("span", {
       class: "input-group-text input-group-clear",
-      onClick: s
+      onClick: c
     }, [v("i", {
       class: "f-icon modal_close"
     }, null)]), [[J, a.value]]), t.slots.buttonContent ? v("span", {
       class: "input-group-text input-group-append-button",
       onClick: l,
-      onMouseenter: c,
+      onMouseenter: s,
       onMouseleave: r
     }, [t.slots.buttonContent()]) : e.buttonContent ? v("span", {
       class: "input-group-text input-group-append-button",
       innerHTML: e.buttonContent,
       ref: i,
       onClick: l,
-      onMouseenter: c,
+      onMouseenter: s,
       onMouseleave: r
     }, null) : null]),
     buttonHandleElement: i
   };
 }
-function Ae(e, t, u) {
-  const o = y(e.popupMinWidth), {
+function Ae(e, t, o) {
+  const u = y(e.popupMinWidth), {
     hidePopup: n,
     popoverRef: l
-  } = u;
+  } = o;
   return () => v(ee, {
     id: `${e.id}-popover`,
     ref: l,
@@ -871,30 +875,30 @@ function Ae(e, t, u) {
     "keep-width-with-reference": !0,
     fitContent: !0,
     "right-boundary": e.popupRightBoundary,
-    minWidth: o.value,
+    minWidth: u.value,
     offsetX: e.popupOffsetX,
     onHidden: n
   }, {
     default: () => {
-      var c, r;
-      return [(r = (c = t.slots).default) == null ? void 0 : r.call(c)];
+      var s, r;
+      return [(r = (s = t.slots).default) == null ? void 0 : r.call(s)];
     }
   });
 }
 const P = /* @__PURE__ */ j({
   name: "FButtonEdit",
-  props: L,
+  props: S,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const u = y(), o = y(e.customClass), n = y(e.modelValue), l = H(e, t, u, n), {
-      shouldPopupContent: c,
+    const o = y(), u = y(e.customClass), n = y(e.modelValue), l = W(e, t, o, n), {
+      shouldPopupContent: s,
       hidePopup: r,
       togglePopup: b
-    } = l, a = W(e, t, u, l, n), s = y(""), i = Le(e, t, n, s, l), {
+    } = l, a = H(e, t, o, l, n), c = y(""), i = Se(e, t, n, c, l), {
       hasFocusedTextBox: p,
       commitValue: f,
       inputGroupClass: g
-    } = i, m = Fe(e, t, n, p, s, i), {
+    } = i, m = Fe(e, t, n, p, c, i), {
       onMouseEnterTextBox: x,
       onMouseLeaveTextBox: C
     } = m, O = h(() => {
@@ -903,10 +907,10 @@ const P = /* @__PURE__ */ j({
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return o.value && o.value.split(" ").reduce((B, q) => (B[q] = !0, B), d), d;
+      return u.value && u.value.split(" ").reduce((B, _) => (B[_] = !0, B), d), d;
     });
     function T() {
-      return e.multiSelect && e.inputType === "tag" ? Ve(e, n, i) : Se(e, n, i);
+      return e.multiSelect && e.inputType === "tag" ? Ve(e, n, i) : Le(e, n, i);
     }
     let k = T();
     R([() => e.multiSelect, () => e.inputType], () => {
@@ -917,9 +921,9 @@ const P = /* @__PURE__ */ j({
       buttonHandleElement: w
     } = De(e, t, a, m), I = Ae(e, t, l), E = {
       commitValue: f,
-      elementRef: u,
+      elementRef: o,
       hidePopup: r,
-      shouldPopupContent: c,
+      shouldPopupContent: s,
       togglePopup: b,
       openDialog: () => {
         w.value && e.buttonBehavior === "Modal" && w.value.click();
@@ -930,11 +934,11 @@ const P = /* @__PURE__ */ j({
       }
     };
     return F(() => {
-      u.value.componentInstance = E, window.onresize = () => {
+      o.value.componentInstance = E, window.onresize = () => {
         document.body.click();
       };
     }), t.expose(E), () => v(Q, null, [v("div", A(t.attrs, {
-      ref: u,
+      ref: o,
       class: O.value,
       id: e.id
     }), [v("div", {
@@ -942,17 +946,17 @@ const P = /* @__PURE__ */ j({
       class: g.value,
       onMouseenter: x,
       onMouseleave: C
-    }, [k(), M()])]), c.value && I()]);
+    }, [k(), M()])]), s.value && I()]);
   }
 });
-function Ne(e, t, u) {
+function Ne(e, t, o) {
   const {
-    buttonGroupClass: o
-  } = u, n = y();
+    buttonGroupClass: u
+  } = o, n = y();
   return {
     renderButtonGroup: () => v("div", {
       id: `${e.id}-button-group`,
-      class: o.value
+      class: u.value
     }, [t.slots.buttonContent ? v("span", {
       class: "input-group-text input-group-append-button"
     }, [t.slots.buttonContent()]) : e.buttonContent ? v("span", {
@@ -965,10 +969,10 @@ function Ne(e, t, u) {
 }
 const Ge = /* @__PURE__ */ j({
   name: "FButtonEdit",
-  props: L,
+  props: S,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const u = y(), o = D("design-item-context"), n = te(u, o), l = y(e.customClass), c = y(e.modelValue), r = H(e, t, u, c), b = W(e, t, u, r, c), a = y(), s = h(() => ({
+    const o = y(), u = D("design-item-context"), n = te(o, u), l = y(e.customClass), s = y(e.modelValue), r = W(e, t, o, s), b = H(e, t, o, r, s), a = y(), c = h(() => ({
       "f-cmp-inputgroup": !0,
       "input-group": !0,
       "f-state-disable": !0,
@@ -976,7 +980,7 @@ const Ge = /* @__PURE__ */ j({
       "f-state-readonly": !0
     }));
     F(() => {
-      u.value.componentInstance = n;
+      o.value.componentInstance = n;
     }), t.expose(n.value);
     const i = h(() => {
       const f = {
@@ -989,11 +993,11 @@ const Ge = /* @__PURE__ */ j({
       renderButtonGroup: p
     } = Ne(e, t, b);
     return () => v("div", A(t.attrs, {
-      ref: u,
+      ref: o,
       class: i.value,
       id: e.id
     }), [v("div", {
-      class: s.value
+      class: c.value
     }, [v("input", {
       ref: a,
       class: "form-control",
@@ -1002,16 +1006,16 @@ const Ge = /* @__PURE__ */ j({
     }, null), p()])]);
   }
 });
-P.register = (e, t, u, o) => {
+P.register = (e, t, o, u) => {
   e["button-edit"] = P, t["button-edit"] = G;
 };
-P.registerDesigner = (e, t, u) => {
+P.registerDesigner = (e, t, o) => {
   e["button-edit"] = Ge, t["button-edit"] = G;
 };
 const ze = ne(P);
 export {
   P as FButtonEdit,
-  L as buttonEditProps,
+  S as buttonEditProps,
   ze as default,
   G as propsResolver
 };