@farris/ui-vue 1.2.8 → 1.3.0

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

@@ -1,107 +1,107 @@
-import { defineComponent as R, ref as m, computed as v, createVNode as h, Teleport as J, createApp as Q, onUnmounted as Y, inject as D, watch as I, nextTick as V, onMounted as F, withDirectives as Z, vShow as K, Fragment as ee, mergeProps as L } from "vue";
-import { cloneDeep as te } from "lodash-es";
-import { resolveAppearance as ne } from "../dynamic-resolver/index.esm.js";
-import oe from "../tags/index.esm.js";
-import ue from "../popover/index.esm.js";
-import { useDesignerComponent as ae } from "../designer-canvas/index.esm.js";
-import { withInstall as le } from "../common/index.esm.js";
-const ie = {}, re = {};
+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 { 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";
+import ee from "../popover/index.esm.js";
+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: a } = e, l = Object.keys(t).reduce((n, u) => (n[u] = t[u].type === "object" && t[u].properties ? N(t[u]) : te(t[u].default), n), {});
-  return l.id = `${a}-${Date.now()}`, l;
+  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;
 }
-function se(e, t) {
-  const a = N(t);
-  return Object.keys(e).reduce((l, n) => (l[n] && typeof l[n] == "object" ? Object.assign(l[n], e[n]) : l[n] = e[n], l), a), a;
+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;
 }
-function ce(e, t) {
-  return Object.keys(e).filter((l) => e[l] != null).reduce((l, n) => {
+function le(e, t) {
+  return Object.keys(e).filter((o) => e[o] != null).reduce((o, n) => {
     if (t.has(n)) {
-      const u = t.get(n);
-      if (typeof u == "string")
-        l[u] = e[n];
+      const l = t.get(n);
+      if (typeof l == "string")
+        o[l] = e[n];
       else {
-        const c = u(n, e[n], e);
-        Object.assign(l, c);
+        const c = l(n, e[n], e);
+        Object.assign(o, c);
       }
     } else
-      l[n] = e[n];
-    return l;
+      o[n] = e[n];
+    return o;
   }, {});
 }
-function de(e, t, a = /* @__PURE__ */ new Map()) {
-  const l = se(e, t);
-  return ce(l, a);
+function ie(e, t, u = /* @__PURE__ */ new Map()) {
+  const o = ae(e, t);
+  return le(o, u);
 }
-function pe(e = {}) {
-  function t(o, r, i, p) {
+function re(e = {}) {
+  function t(a, s, i, p) {
     if (typeof i == "number")
-      return p[o].length === i;
+      return p[a].length === i;
     if (typeof i == "object") {
-      const f = Object.keys(i)[0], y = i[f];
+      const f = Object.keys(i)[0], g = i[f];
       if (f === "not")
-        return Number(p[o].length) !== Number(y);
+        return Number(p[a].length) !== Number(g);
       if (f === "moreThan")
-        return Number(p[o].length) >= Number(y);
+        return Number(p[a].length) >= Number(g);
       if (f === "lessThan")
-        return Number(p[o].length) <= Number(y);
+        return Number(p[a].length) <= Number(g);
     }
     return !1;
   }
-  function a(o, r, i, p) {
-    return p[o] && p[o].propertyValue && String(p[o].propertyValue.value) === String(i);
+  function u(a, s, i, p) {
+    return p[a] && p[a].propertyValue && String(p[a].propertyValue.value) === String(i);
   }
-  const l = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", t],
-    ["getProperty", a]
+    ["getProperty", u]
   ]);
-  Object.keys(e).reduce((o, r) => (o.set(r, e[r]), o), l);
-  function n(o, r) {
-    const i = o;
-    return typeof r == "number" ? [{ target: i, operator: "length", param: null, value: Number(r) }] : typeof r == "boolean" ? [{ target: i, operator: "getProperty", param: o, value: !!r }] : typeof r == "object" ? Object.keys(r).map((p) => {
+  Object.keys(e).reduce((a, s) => (a.set(s, e[s]), a), o);
+  function n(a, s) {
+    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) => {
       if (p === "length")
-        return { target: i, operator: "length", param: null, value: r[p] };
-      const f = p, y = r[p];
-      return { target: i, operator: "getProperty", param: f, value: y };
+        return { target: i, operator: "length", param: null, value: s[p] };
+      const f = p, g = s[p];
+      return { target: i, operator: "getProperty", param: f, value: g };
     }) : [];
   }
-  function u(o) {
-    return Object.keys(o).reduce((i, p) => {
-      const f = n(p, o[p]);
+  function l(a) {
+    return Object.keys(a).reduce((i, p) => {
+      const f = n(p, a[p]);
       return i.push(...f), i;
     }, []);
   }
-  function c(o, r) {
-    if (l.has(o.operator)) {
-      const i = l.get(o.operator);
-      return i && i(o.target, o.param, o.value, r) || !1;
+  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;
     }
     return !1;
   }
-  function s(o, r) {
-    return u(o).reduce((f, y) => f && c(y, r), !0);
+  function r(a, s) {
+    return l(a).reduce((f, g) => f && c(g, s), !0);
   }
-  function b(o, r) {
-    const i = Object.keys(o), p = i.includes("allOf"), f = i.includes("anyOf"), y = p || f, B = (y ? o[y ? p ? "allOf" : "anyOf" : "allOf"] : [o]).map((O) => s(O, r));
-    return p ? !B.includes(!1) : B.includes(!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));
+    return p ? !C.includes(!1) : C.includes(!0);
   }
   return { parseValueSchema: b };
 }
-const fe = {}, be = {};
-pe();
-function ye(e, t, a = /* @__PURE__ */ new Map(), l = (c, s, b) => s, n = {}, u = (c) => c) {
-  return ie[t.title] = t, re[t.title] = l, fe[t.title] = n, be[t.title] = u, (c = {}) => {
-    const s = de(c, t, a), b = Object.keys(e).reduce((o, r) => (o[r] = e[r].default, o), {});
-    return Object.assign(b, s);
+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), {});
+    return Object.assign(b, r);
   };
 }
-const ge = /* @__PURE__ */ new Map([
-  ["appearance", ne]
+const pe = /* @__PURE__ */ new Map([
+  ["appearance", Z]
 ]);
-function me(e, t, a) {
+function fe(e, t, u) {
   return t;
 }
-const ve = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/button-edit.schema.json", Ce = "button-edit", Be = "A Farris Input Component", xe = "object", Te = {
+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 = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -285,18 +285,18 @@ const ve = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-
     type: "string",
     default: ""
   }
-}, Oe = [
+}, Ce = [
   "id",
   "type"
-], ke = {
-  $schema: ve,
-  $id: he,
-  title: Ce,
-  description: Be,
-  type: xe,
-  properties: Te,
-  required: Oe
-}, we = "buttonEdit", Ee = "A Farris Component", Pe = "object", Me = {
+], Be = {
+  $schema: be,
+  $id: ge,
+  title: ye,
+  description: me,
+  type: ve,
+  properties: he,
+  required: Ce
+}, xe = "buttonEdit", Oe = "A Farris Component", Te = "object", ke = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -378,12 +378,12 @@ const ve = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-
       }
     }
   }
-}, Ie = {
-  title: we,
-  description: Ee,
-  type: Pe,
-  categories: Me
-}, S = {
+}, we = {
+  title: xe,
+  description: Oe,
+  type: Te,
+  categories: ke
+}, L = {
   /**
    * 组件标识
    */
@@ -488,510 +488,530 @@ const ve = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-
   /**
    * 打开前
    */
-  beforeOpen: { type: Function, default: null }
-}, A = ye(S, ke, ge, me, Ie), je = {
+  beforeOpen: { type: Function, default: null },
+  /** 更新方式 blur | change */
+  updateOn: { type: String, default: "change" }
+}, G = de(L, Be, pe, fe, we), Ee = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
-}, Re = /* @__PURE__ */ R({
+}, Pe = /* @__PURE__ */ j({
   name: "FOverlay",
-  props: je,
+  props: Ee,
   emits: ["click"],
   setup(e, t) {
-    const a = m(e.popupContentPosition), l = m(e.host), n = v(() => ({
+    const u = y(e.popupContentPosition), o = y(e.host), n = h(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
-    function u(s) {
-      t.emit("click"), s.preventDefault(), s.stopPropagation();
+    function l(r) {
+      t.emit("click"), r.preventDefault(), r.stopPropagation();
     }
-    v(() => {
-      const s = l.value;
-      if (s) {
-        const b = s.getBoundingClientRect(), {
-          left: o,
-          top: r,
+    h(() => {
+      const r = o.value;
+      if (r) {
+        const b = r.getBoundingClientRect(), {
+          left: a,
+          top: s,
           height: i
         } = b;
         return {
-          left: o,
-          top: r + i
+          left: a,
+          top: s + i
         };
       }
-      return a.value;
+      return u.value;
     });
-    const c = v(() => ({
+    const c = h(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
     }));
-    return () => h(J, {
+    return () => v(U, {
       to: "body"
     }, {
       default: () => {
-        var s, b;
-        return [h("div", {
+        var r, b;
+        return [v("div", {
           class: "overlay-container",
-          onClick: (o) => u(o),
+          onClick: (a) => l(a),
           style: n.value
-        }, [h("div", {
+        }, [v("div", {
           style: c.value
-        }, [(b = (s = t.slots).default) == null ? void 0 : b.call(s)])])];
+        }, [(b = (r = t.slots).default) == null ? void 0 : b.call(r)])])];
       }
     });
   }
 });
-function Fe(e) {
+function Me(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function Se(e) {
+function Ie(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  let a;
-  const l = e.onClickCallback || (() => {
+  let u;
+  const o = e.onClickCallback || (() => {
   }), n = () => {
-    l(), a && a.unmount();
+    o(), u && u.unmount();
   };
-  return a = Q({
+  return u = _({
     setup() {
-      Y(() => {
+      X(() => {
         document.body.removeChild(t);
       });
-      const u = Fe(e);
-      return () => h(Re, {
+      const l = Me(e);
+      return () => v(Pe, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: n,
         backgroundColor: e.backgroundColor
       }, {
-        default: () => [u && u()]
+        default: () => [l && l()]
       });
     }
-  }), document.body.appendChild(t), a.mount(t), a;
+  }), document.body.appendChild(t), u.mount(t), u;
 }
-class Ve {
+class je {
   static show(t) {
-    return Se(t);
+    return Ie(t);
   }
 }
-const De = Symbol("FModalService");
-function G(e, t) {
-  function a() {
-    const l = e.beforeOpen || e.beforeClickButton || null;
+const Re = Symbol("FModalService");
+function $(e, t) {
+  function u() {
+    const o = e.beforeOpen || e.beforeClickButton || null;
     let n = Promise.resolve(!0);
-    if (l) {
-      const u = l(t.value);
-      if (typeof u > "u")
+    if (o) {
+      const l = o(t.value);
+      if (typeof l > "u")
         return n;
-      typeof u == "boolean" ? n = Promise.resolve(u) : n = u;
+      typeof l == "boolean" ? n = Promise.resolve(l) : n = l;
     }
     return n;
   }
-  return { judgeCanOpen: a };
+  return { judgeCanOpen: u };
 }
-function W(e, t, a, l, n) {
-  const u = m(e.buttonBehavior), c = m(e.popupOnInput), s = v(() => ({
+function W(e, t, u, o, n) {
+  const l = y(e.buttonBehavior), c = y(e.popupOnInput), r = h(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), { judgeCanOpen: b } = G(e, n), o = v(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), r = D(De, null), i = m();
-  async function p(g) {
-    if (await b() && o.value) {
-      const C = !!t.slots.default;
-      if (u.value === "Modal") {
-        const B = e.modalOptions, T = r == null ? void 0 : r.open({
-          ...B,
+  })), { judgeCanOpen: b } = $(e, n), a = h(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), s = 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({
+          ...C,
           render: () => t.slots.default && t.slots.default()
         });
-        i.value = T == null ? void 0 : T.modalRef;
+        i.value = O == null ? void 0 : O.modalRef;
       }
-      u.value === "Overlay" && Ve.show({
+      l.value === "Overlay" && je.show({
         // host: buttonEditRef.value,
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
         render: () => t.slots.default && t.slots.default()
-      }), C && u.value === "Popup" && l.togglePopup(!0), C && c.value && l.hidePopup(), t.emit("clickButton", { origin: g, value: e.modelValue });
+      }), x && l.value === "Popup" && o.togglePopup(!0), x && c.value && o.hidePopup(), t.emit("clickButton", { origin: m, value: e.modelValue });
     }
   }
-  function f(g) {
-    t.emit("mouseEnterIcon", g);
+  function f(m) {
+    t.emit("mouseEnterIcon", m);
   }
-  function y(g) {
-    t.emit("mouseLeaveIcon", g);
+  function g(m) {
+    t.emit("mouseLeaveIcon", m);
   }
   return {
-    buttonGroupClass: s,
+    buttonGroupClass: r,
     onClickButton: p,
     onMouseEnterButton: f,
-    onMouseLeaveButton: y,
+    onMouseLeaveButton: g,
     modalRef: i
   };
 }
-function $(e, t, a, l, n, u) {
-  const c = m(!1), s = v(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: b } = u;
-  function o(f) {
+function Fe(e, t, u, o, n, l) {
+  const c = y(!1), r = h(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: b } = l;
+  function a(f) {
     c.value = f;
   }
-  I(n, () => {
-    o(!!n.value);
+  R(n, () => {
+    a(!!n.value);
   });
-  function r(f) {
-    const y = !e.readonly && !e.disable && e.editable, g = !e.editable;
-    f.stopPropagation(), (y || g) && (b("", !1), o(!c.value), t.emit("clear"));
+  function s(f) {
+    const g = !e.readonly && !e.disable && e.editable, m = !e.editable;
+    f.stopPropagation(), (g || m) && (b("", !1), a(!c.value), t.emit("clear"));
   }
   function i(f) {
-    if (s.value) {
-      if (!a.value) {
-        o(!1);
+    if (r.value) {
+      if (!u.value) {
+        a(!1);
         return;
       }
-      !e.disable && !e.readonly && o(!0);
+      !e.disable && !e.readonly && a(!0);
     }
   }
   function p(f) {
-    s.value && o(!1);
+    r.value && a(!1);
   }
   return {
-    enableClearButton: s,
+    enableClearButton: r,
     showClearButton: c,
-    onClearValue: r,
+    onClearValue: s,
     onMouseEnterTextBox: i,
     onMouseLeaveTextBox: p
   };
 }
-function H(e, t, a, l, n) {
-  const u = v(() => e.popupOnInput), c = v(() => e.popupOnFocus), { shouldPopupContent: s } = n, b = v(() => e.enableTitle ? a.value : ""), o = v(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), r = v(() => e.readonly || !e.editable), i = m(!1), p = v(() => !e.disable && i.value), f = v(() => ({
+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(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
-  })), y = v(() => ({
+  })), g = h(() => ({
     "input-group": !0,
     "f-state-disable": e.disable,
     "f-state-editable": e.editable && !e.disable && !e.readonly,
     "f-state-readonly": e.readonly && !e.disable,
     "f-state-focus": p.value
   }));
-  function g(d, x = !0) {
-    a.value !== d && (a.value = d, x && t.emit("change", d), t.emit("update:modelValue", d));
+  function m(d, B = !0) {
+    u.value !== d && (u.value = d, B && (t.emit("change", d), t.emit("update:modelValue", d)));
   }
-  function C(d) {
-    s.value = !1, g(d, !0);
+  function x(d) {
+    r.value = !1, m(d, !0);
   }
-  I(
+  R(
     () => e.modelValue,
     (d) => {
-      a.value = d;
+      u.value = d;
     }
   );
-  function B(d) {
+  function C(d) {
     i.value = !1, t.emit("blur", d), d.stopPropagation();
   }
-  function T(d) {
+  function O(d) {
     t.emit("click", d);
   }
-  function O(d) {
-    e.disable || (i.value = !0, r.value || (t.emit("focus", d), c.value && !s.value && n.popup()));
+  function T(d) {
+    e.disable || (i.value = !0, s.value || (t.emit("focus", d), c.value && !r.value && n.popup()));
   }
   function k(d) {
     t.emit("input", d.target.value);
-    const x = d.target.value;
-    l.value = x, a.value !== x && g(x, !0), u.value && !s.value && n.popup();
+    const B = d.target.value;
+    o.value = B, u.value !== B && m(B, e.updateOn === "change"), l.value && !r.value && n.popup();
   }
-  function w(d) {
+  function M(d) {
     d.target.tagName !== "INPUT" && d.preventDefault(), d.stopPropagation();
   }
-  function E(d) {
+  function w(d) {
     t.emit("keydown", d);
   }
-  function j(d) {
-    d.key === "Enter" && (u.value || c.value) && n.hidePopup(), t.emit("keyup", d);
+  function I(d) {
+    d.key === "Enter" && (l.value || c.value) && n.hidePopup(), t.emit("keyup", d);
   }
-  function P(d) {
-    const x = d.target.value;
-    d.stopPropagation(), g(x);
+  function E(d) {
+    const B = d.target.value;
+    d.stopPropagation(), m(B);
   }
   return {
     hasFocusedTextBox: p,
-    isTextBoxReadonly: r,
+    isTextBoxReadonly: s,
     textBoxClass: f,
-    textBoxPlaceholder: o,
+    textBoxPlaceholder: a,
     textBoxTitle: b,
-    inputGroupClass: y,
-    changeTextBoxValue: g,
-    commitValue: C,
-    onBlurTextBox: B,
-    onClickTextBox: T,
-    onFocusTextBox: O,
+    inputGroupClass: g,
+    changeTextBoxValue: m,
+    commitValue: x,
+    onBlurTextBox: C,
+    onClickTextBox: O,
+    onFocusTextBox: T,
     onInput: k,
-    onKeyDownTextBox: E,
-    onKeyUpTextBox: j,
-    onMouseDownTextBox: w,
-    onTextBoxValueChange: P
+    onKeyDownTextBox: w,
+    onKeyUpTextBox: I,
+    onMouseDownTextBox: M,
+    onTextBoxValueChange: E
   };
 }
-function q(e, t, a, l) {
-  const n = m(), u = m(!1), { judgeCanOpen: c } = G(e, l);
-  function s() {
+function H(e, t, u, o) {
+  const n = y(), l = y(!1), { judgeCanOpen: c } = $(e, o);
+  function r() {
     const i = n.value;
-    i && i.show(a.value);
+    i && i.show(u.value);
   }
   async function b(i = !1) {
     if (!!t.slots.default) {
-      if (!i && !u.value && !await c())
+      if (!i && !l.value && !await c())
         return;
-      u.value = !u.value, await V(), s();
+      l.value = !l.value, await S(), r();
     }
   }
-  async function o(i = !1) {
+  async function a(i = !1) {
     if (!!t.slots.default) {
       if (!i && !await c())
         return;
-      u.value = !0, await V(), s();
+      l.value = !0, await S(), r();
     }
   }
-  function r() {
-    u.value = !1;
+  function s() {
+    l.value = !1;
   }
-  return { hidePopup: r, popup: o, shouldPopupContent: u, togglePopup: b, popoverRef: n };
+  return { hidePopup: s, popup: a, shouldPopupContent: l, togglePopup: b, popoverRef: n };
 }
-function U(e, t, a) {
-  const l = m(), {
+function Se(e, t, u) {
+  const o = y(), {
     isTextBoxReadonly: n,
-    textBoxClass: u,
+    textBoxClass: l,
     textBoxPlaceholder: c,
-    textBoxTitle: s,
+    textBoxTitle: r,
     onBlurTextBox: b,
-    onClickTextBox: o,
-    onFocusTextBox: r,
+    onClickTextBox: a,
+    onFocusTextBox: s,
     onInput: i,
     onKeyDownTextBox: p,
     onKeyUpTextBox: f,
-    onMouseDownTextBox: y,
-    onTextBoxValueChange: g
-  } = a;
+    onMouseDownTextBox: g,
+    onTextBoxValueChange: m
+  } = u;
   return F(() => {
-    var C, B;
-    e.selectOnCreated && ((C = l.value) == null || C.select()), e.focusOnCreated && ((B = l.value) == null || B.focus());
-  }), () => h("input", {
-    ref: l,
+    var x, C;
+    e.selectOnCreated && ((x = o.value) == null || x.select()), e.focusOnCreated && ((C = o.value) == null || C.focus());
+  }), () => v("input", {
+    ref: o,
     name: "input-group-value",
     autocomplete: e.autoComplete ? "on" : "off",
-    class: u.value,
+    class: l.value,
     disabled: e.disable,
     maxlength: e.maxLength,
     minlength: e.minLength,
     placeholder: c.value,
     readonly: n.value,
     tabindex: e.tabIndex,
-    title: s.value,
+    title: r.value,
     type: e.inputType,
     value: t.value,
     onBlur: b,
-    onChange: g,
-    onClick: o,
-    onFocus: r,
+    onChange: m,
+    onClick: a,
+    onFocus: s,
     onInput: i,
     onKeydown: p,
     onKeyup: f,
-    onMousedown: y
+    onMousedown: g
   }, null);
 }
-function _(e, t, a) {
-  const l = m(e.separator), {
+function Ve(e, t, u) {
+  const o = y(e.separator), {
     changeTextBoxValue: n
-  } = a, u = v(() => t.value ? t.value.split(l.value).map((s) => ({
-    name: s,
+  } = u, l = h(() => t.value ? t.value.split(o.value).map((r) => ({
+    name: r,
     selectable: !0
   })) : []);
-  function c(s) {
-    n(s.map((b) => b.name).join(l.value), !0);
+  function c(r) {
+    n(r.map((b) => b.name).join(o.value), !0);
   }
-  return () => h(oe, {
+  return () => v(K, {
     id: `${e.id}-tag-editor`,
     class: "form-control",
-    data: u.value,
+    data: l.value,
     showClose: !0,
     showInput: !0,
     onChange: c
   }, null);
 }
-function X(e, t, a, l) {
+function De(e, t, u, o) {
   const {
     buttonGroupClass: n,
-    onClickButton: u,
+    onClickButton: l,
     onMouseEnterButton: c,
-    onMouseLeaveButton: s
-  } = a, {
+    onMouseLeaveButton: r
+  } = u, {
     enableClearButton: b,
-    showClearButton: o,
-    onClearValue: r
-  } = l, i = m();
+    showClearButton: a,
+    onClearValue: s
+  } = o, i = y();
   return {
-    renderButtonGroup: () => h("div", {
+    renderButtonGroup: () => v("div", {
       id: `${e.id}-button-group`,
       class: n.value
-    }, [b.value && Z(h("span", {
+    }, [b.value && z(v("span", {
       class: "input-group-text input-group-clear",
-      onClick: r
-    }, [h("i", {
+      onClick: s
+    }, [v("i", {
       class: "f-icon modal_close"
-    }, null)]), [[K, o.value]]), t.slots.buttonContent ? h("span", {
+    }, null)]), [[J, a.value]]), t.slots.buttonContent ? v("span", {
       class: "input-group-text input-group-append-button",
-      onClick: u,
+      onClick: l,
       onMouseenter: c,
-      onMouseleave: s
-    }, [t.slots.buttonContent()]) : e.buttonContent ? h("span", {
+      onMouseleave: r
+    }, [t.slots.buttonContent()]) : e.buttonContent ? v("span", {
       class: "input-group-text input-group-append-button",
       innerHTML: e.buttonContent,
       ref: i,
-      onClick: u,
+      onClick: l,
       onMouseenter: c,
-      onMouseleave: s
+      onMouseleave: r
     }, null) : null]),
     buttonHandleElement: i
   };
 }
-function Le(e, t, a) {
-  const l = m(e.popupMinWidth), {
+function Ae(e, t, u) {
+  const o = y(e.popupMinWidth), {
     hidePopup: n,
-    popoverRef: u
-  } = a;
-  return () => h(ue, {
+    popoverRef: l
+  } = u;
+  return () => v(ee, {
     id: `${e.id}-popover`,
-    ref: u,
+    ref: l,
     visible: !0,
     placement: "bottom-left",
     host: e.popupHost,
     "keep-width-with-reference": !0,
     fitContent: !0,
     "right-boundary": e.popupRightBoundary,
-    minWidth: l.value,
+    minWidth: o.value,
     offsetX: e.popupOffsetX,
     onHidden: n
   }, {
     default: () => {
-      var c, s;
-      return [(s = (c = t.slots).default) == null ? void 0 : s.call(c)];
+      var c, r;
+      return [(r = (c = t.slots).default) == null ? void 0 : r.call(c)];
     }
   });
 }
-const M = /* @__PURE__ */ R({
+const P = /* @__PURE__ */ j({
   name: "FButtonEdit",
-  props: S,
+  props: L,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const a = m(), l = m(e.customClass), n = m(e.modelValue), u = q(e, t, a, n), {
+    const u = y(), o = y(e.customClass), n = y(e.modelValue), l = H(e, t, u, n), {
       shouldPopupContent: c,
-      hidePopup: s,
+      hidePopup: r,
       togglePopup: b
-    } = u, o = W(e, t, a, u, n), r = m(""), i = H(e, t, n, r, u), {
+    } = l, a = W(e, t, u, l, n), s = y(""), i = Le(e, t, n, s, l), {
       hasFocusedTextBox: p,
       commitValue: f,
-      inputGroupClass: y
-    } = i, g = $(e, t, n, p, r, i), {
-      onMouseEnterTextBox: C,
-      onMouseLeaveTextBox: B
-    } = g, T = v(() => {
+      inputGroupClass: g
+    } = i, m = Fe(e, t, n, p, s, i), {
+      onMouseEnterTextBox: x,
+      onMouseLeaveTextBox: C
+    } = m, O = h(() => {
       const d = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return l.value && l.value.split(" ").reduce((x, z) => (x[z] = !0, x), d), d;
+      return o.value && o.value.split(" ").reduce((B, q) => (B[q] = !0, B), d), d;
     });
-    function O() {
-      return e.multiSelect && e.inputType === "tag" ? _(e, n, i) : U(e, n, i);
+    function T() {
+      return e.multiSelect && e.inputType === "tag" ? Ve(e, n, i) : Se(e, n, i);
     }
-    let k = O();
-    I([() => e.multiSelect, () => e.inputType], () => {
-      k = O();
+    let k = T();
+    R([() => e.multiSelect, () => e.inputType], () => {
+      k = T();
     });
     const {
-      renderButtonGroup: w,
-      buttonHandleElement: E
-    } = X(e, t, o, g), j = Le(e, t, u), P = {
+      renderButtonGroup: M,
+      buttonHandleElement: w
+    } = De(e, t, a, m), I = Ae(e, t, l), E = {
       commitValue: f,
-      elementRef: a,
-      hidePopup: s,
+      elementRef: u,
+      hidePopup: r,
       shouldPopupContent: c,
       togglePopup: b,
       openDialog: () => {
-        E.value && e.buttonBehavior === "Modal" && E.value.click();
+        w.value && e.buttonBehavior === "Modal" && w.value.click();
       },
       getModal: () => {
         var d;
-        return e.buttonBehavior === "Modal" ? (d = o.modalRef.value) == null ? void 0 : d.value : null;
+        return e.buttonBehavior === "Modal" ? (d = a.modalRef.value) == null ? void 0 : d.value : null;
       }
     };
     return F(() => {
-      a.value.componentInstance = P, window.onresize = () => {
+      u.value.componentInstance = E, window.onresize = () => {
         document.body.click();
       };
-    }), t.expose(P), () => h(ee, null, [h("div", L(t.attrs, {
-      ref: a,
-      class: T.value,
+    }), t.expose(E), () => v(Q, null, [v("div", A(t.attrs, {
+      ref: u,
+      class: O.value,
       id: e.id
-    }), [h("div", {
+    }), [v("div", {
       id: `${e.id}-input-group`,
-      class: y.value,
-      onMouseenter: C,
-      onMouseleave: B
-    }, [k(), w()])]), c.value && j()]);
+      class: g.value,
+      onMouseenter: x,
+      onMouseleave: C
+    }, [k(), M()])]), c.value && I()]);
   }
-}), Ne = /* @__PURE__ */ R({
+});
+function Ne(e, t, u) {
+  const {
+    buttonGroupClass: o
+  } = u, n = y();
+  return {
+    renderButtonGroup: () => v("div", {
+      id: `${e.id}-button-group`,
+      class: o.value
+    }, [t.slots.buttonContent ? v("span", {
+      class: "input-group-text input-group-append-button"
+    }, [t.slots.buttonContent()]) : e.buttonContent ? v("span", {
+      class: "input-group-text input-group-append-button",
+      innerHTML: e.buttonContent,
+      ref: n
+    }, null) : null]),
+    buttonHandleElement: n
+  };
+}
+const Ge = /* @__PURE__ */ j({
   name: "FButtonEdit",
-  props: S,
+  props: L,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const a = m(), l = D("design-item-context"), n = ae(a, l), u = m(e.customClass), c = m(e.modelValue), s = q(e, t, a, c), b = W(e, t, a, s, c), o = m(""), r = H(e, t, c, o, s), {
-      hasFocusedTextBox: i,
-      inputGroupClass: p
-    } = r, f = $(e, t, c, i, o, r);
+    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(() => ({
+      "f-cmp-inputgroup": !0,
+      "input-group": !0,
+      "f-state-disable": !0,
+      "f-state-editable": !1,
+      "f-state-readonly": !0
+    }));
     F(() => {
-      a.value.componentInstance = n;
+      u.value.componentInstance = n;
     }), t.expose(n.value);
-    const y = v(() => {
-      const O = {
+    const i = h(() => {
+      const f = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return u.value && u.value.split(" ").reduce((k, w) => (k[w] = !0, k), O), O;
-    });
-    function g() {
-      return e.multiSelect && e.inputType === "tag" ? _(e, c, r) : U(e, c, r);
-    }
-    let C = g();
-    I([() => e.multiSelect, () => e.inputType], () => {
-      C = g();
-    });
-    const {
-      renderButtonGroup: B,
-      buttonHandleElement: T
-    } = X(e, t, b, f);
-    return () => h("div", L(t.attrs, {
-      ref: a,
-      class: y.value,
+      return l.value && l.value.split(" ").reduce((g, m) => (g[m] = !0, g), f), f;
+    }), {
+      renderButtonGroup: p
+    } = Ne(e, t, b);
+    return () => v("div", A(t.attrs, {
+      ref: u,
+      class: i.value,
       id: e.id
-    }), [h("div", {
-      class: p.value
-    }, [C(), B()])]);
+    }), [v("div", {
+      class: s.value
+    }, [v("input", {
+      ref: a,
+      class: "form-control",
+      readonly: !0,
+      placeholder: e.placeholder
+    }, null), p()])]);
   }
 });
-M.register = (e, t, a, l) => {
-  e["button-edit"] = M, t["button-edit"] = A;
+P.register = (e, t, u, o) => {
+  e["button-edit"] = P, t["button-edit"] = G;
 };
-M.registerDesigner = (e, t, a) => {
-  e["button-edit"] = Ne, t["button-edit"] = A;
+P.registerDesigner = (e, t, u) => {
+  e["button-edit"] = Ge, t["button-edit"] = G;
 };
-const _e = le(M);
+const ze = ne(P);
 export {
-  M as FButtonEdit,
-  S as buttonEditProps,
-  _e as default,
-  A as propsResolver
+  P as FButtonEdit,
+  L as buttonEditProps,
+  ze as default,
+  G as propsResolver
 };