@farris/ui-vue 1.2.7 → 1.2.9

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

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