@farris/ui-vue 1.2.7 → 1.2.8

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 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 = {};
+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;
 }
-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 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 ce(e, t) {
-  const o = L(t);
-  return Object.keys(e).reduce((u, n) => (u[n] = e[n], u), o), o;
-}
-function pe(e, t) {
-  return Object.keys(e).filter((u) => e[u] != null).reduce((u, n) => {
+  return Object.keys(e).filter((l) => e[l] != null).reduce((l, n) => {
     if (t.has(n)) {
-      const l = t.get(n);
-      if (typeof l == "string")
-        u[l] = e[n];
+      const u = t.get(n);
+      if (typeof u == "string")
+        l[u] = e[n];
       else {
-        const c = l(n, e[n], e);
-        Object.assign(u, c);
+        const c = u(n, e[n], e);
+        Object.assign(l, c);
       }
     } else
-      u[n] = e[n];
-    return u;
+      l[n] = e[n];
+    return l;
   }, {});
 }
-function fe(e, t, o = /* @__PURE__ */ new Map()) {
-  const u = ce(e, t);
-  return pe(u, o);
+function de(e, t, a = /* @__PURE__ */ new Map()) {
+  const l = se(e, t);
+  return ce(l, a);
 }
-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 pe(e = {}) {
+  function t(o, r, i, p) {
+    if (typeof i == "number")
+      return p[o].length === i;
+    if (typeof i == "object") {
+      const f = Object.keys(i)[0], y = i[f];
+      if (f === "not")
+        return Number(p[o].length) !== Number(y);
+      if (f === "moreThan")
+        return Number(p[o].length) >= Number(y);
+      if (f === "lessThan")
+        return Number(p[o].length) <= Number(y);
     }
     return !1;
   }
-  function o(a, i, r, f) {
-    return f[a] && f[a].propertyValue && String(f[a].propertyValue.value) === String(r);
+  function a(o, r, i, p) {
+    return p[o] && p[o].propertyValue && String(p[o].propertyValue.value) === String(i);
   }
-  const u = /* @__PURE__ */ new Map([
+  const l = /* @__PURE__ */ new Map([
     ["length", t],
-    ["getProperty", o]
+    ["getProperty", a]
   ]);
-  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((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) => {
+      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 };
     }) : [];
   }
-  function l(a) {
-    return Object.keys(a).reduce((r, f) => {
-      const d = n(f, a[f]);
-      return r.push(...d), r;
+  function u(o) {
+    return Object.keys(o).reduce((i, p) => {
+      const f = n(p, o[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(o, r) {
+    if (l.has(o.operator)) {
+      const i = l.get(o.operator);
+      return i && i(o.target, o.param, o.value, r) || !1;
     }
     return !1;
   }
-  function s(a, i) {
-    return l(a).reduce((d, g) => d && c(g, i), !0);
+  function s(o, r) {
+    return u(o).reduce((f, y) => f && c(y, r), !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(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);
   }
-  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 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 ge = /* @__PURE__ */ new Map([
-  ["appearance", le]
+  ["appearance", ne]
 ]);
-function he(e, t, o) {
+function me(e, t, a) {
   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 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 = {
   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 = [
+}, Oe = [
   "id",
   "type"
-], Ee = {
+], ke = {
   $schema: ve,
-  $id: Be,
+  $id: he,
   title: Ce,
-  description: Te,
-  type: Oe,
-  properties: ke,
-  required: we
-}, Me = "buttonEdit", Pe = "A Farris Component", xe = "object", Se = {
+  description: Be,
+  type: xe,
+  properties: Te,
+  required: Oe
+}, we = "buttonEdit", Ee = "A Farris Component", Pe = "object", Me = {
   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 = {
+}, Ie = {
+  title: we,
+  description: Ee,
+  type: Pe,
+  categories: Me
+}, S = {
   /**
    * 组件标识
    */
@@ -497,54 +489,54 @@ 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 = {
+}, A = ye(S, ke, ge, me, Ie), je = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
-}, De = /* @__PURE__ */ F({
+}, Re = /* @__PURE__ */ R({
   name: "FOverlay",
   props: je,
   emits: ["click"],
   setup(e, t) {
-    const o = m(e.popupContentPosition), u = m(e.host), n = B(() => ({
+    const a = m(e.popupContentPosition), l = m(e.host), n = v(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
-    function l(s) {
+    function u(s) {
       t.emit("click"), s.preventDefault(), s.stopPropagation();
     }
-    B(() => {
-      const s = u.value;
+    v(() => {
+      const s = l.value;
       if (s) {
-        const y = s.getBoundingClientRect(), {
-          left: a,
-          top: i,
-          height: r
-        } = y;
+        const b = s.getBoundingClientRect(), {
+          left: o,
+          top: r,
+          height: i
+        } = b;
         return {
-          left: a,
-          top: i + r
+          left: o,
+          top: r + i
         };
       }
-      return o.value;
+      return a.value;
     });
-    const c = B(() => ({
+    const c = v(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
     }));
-    return () => C(I, {
+    return () => h(J, {
       to: "body"
     }, {
       default: () => {
-        var s, y;
-        return [C("div", {
+        var s, b;
+        return [h("div", {
           class: "overlay-container",
-          onClick: (a) => l(a),
+          onClick: (o) => u(o),
           style: n.value
-        }, [C("div", {
+        }, [h("div", {
           style: c.value
-        }, [(y = (s = t.slots).default) == null ? void 0 : y.call(s)])])];
+        }, [(b = (s = t.slots).default) == null ? void 0 : b.call(s)])])];
       }
     });
   }
@@ -555,240 +547,240 @@ function Fe(e) {
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function Ve(e) {
+function Se(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  let o;
-  const u = e.onClickCallback || (() => {
+  let a;
+  const l = e.onClickCallback || (() => {
   }), n = () => {
-    u(), o && o.unmount();
+    l(), a && a.unmount();
   };
-  return o = ee({
+  return a = Q({
     setup() {
-      te(() => {
+      Y(() => {
         document.body.removeChild(t);
       });
-      const l = Fe(e);
-      return () => C(De, {
+      const u = Fe(e);
+      return () => h(Re, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: n,
         backgroundColor: e.backgroundColor
       }, {
-        default: () => [l && l()]
+        default: () => [u && u()]
       });
     }
-  }), document.body.appendChild(t), o.mount(t), o;
+  }), document.body.appendChild(t), a.mount(t), a;
 }
-class Le {
+class Ve {
   static show(t) {
-    return Ve(t);
+    return Se(t);
   }
 }
-const Ne = Symbol("FModalService");
-function q(e, t) {
-  function o() {
-    const u = e.beforeOpen || e.beforeClickButton || null;
+const De = Symbol("FModalService");
+function G(e, t) {
+  function a() {
+    const l = e.beforeOpen || e.beforeClickButton || null;
     let n = Promise.resolve(!0);
-    if (u) {
-      const l = u(t.value);
-      if (typeof l > "u")
+    if (l) {
+      const u = l(t.value);
+      if (typeof u > "u")
         return n;
-      typeof l == "boolean" ? n = Promise.resolve(l) : n = l;
+      typeof u == "boolean" ? n = Promise.resolve(u) : n = u;
     }
     return n;
   }
-  return { judgeCanOpen: o };
+  return { judgeCanOpen: a };
 }
-function U(e, t, o, u, n) {
-  const l = m(e.buttonBehavior), c = m(e.popupOnInput), s = B(() => ({
+function W(e, t, a, l, n) {
+  const u = m(e.buttonBehavior), c = m(e.popupOnInput), s = v(() => ({
     "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;
-      if (l.value === "Modal") {
-        const k = e.modalOptions, E = i == null ? void 0 : i.open({
-          ...k,
+  })), { 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,
           render: () => t.slots.default && t.slots.default()
         });
-        r.value = E == null ? void 0 : E.modalRef;
+        i.value = T == null ? void 0 : T.modalRef;
       }
-      l.value === "Overlay" && Le.show({
+      u.value === "Overlay" && Ve.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 });
+      }), C && u.value === "Popup" && l.togglePopup(!0), C && c.value && l.hidePopup(), t.emit("clickButton", { origin: g, value: e.modelValue });
     }
   }
-  function d(h) {
-    t.emit("mouseEnterIcon", h);
+  function f(g) {
+    t.emit("mouseEnterIcon", g);
   }
-  function g(h) {
-    t.emit("mouseLeaveIcon", h);
+  function y(g) {
+    t.emit("mouseLeaveIcon", g);
   }
   return {
     buttonGroupClass: s,
-    onClickButton: f,
-    onMouseEnterButton: d,
-    onMouseLeaveButton: g,
-    modalRef: r
+    onClickButton: p,
+    onMouseEnterButton: f,
+    onMouseLeaveButton: y,
+    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 $(e, t, a, l, n, u) {
+  const c = m(!1), s = v(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: b } = u;
+  function o(f) {
+    c.value = f;
   }
-  j(n, () => {
-    a(!!n.value);
+  I(n, () => {
+    o(!!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 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 r(d) {
+  function i(f) {
     if (s.value) {
-      if (!o.value) {
-        a(!1);
+      if (!a.value) {
+        o(!1);
         return;
       }
-      !e.disable && !e.readonly && a(!0);
+      !e.disable && !e.readonly && o(!0);
     }
   }
-  function f(d) {
-    s.value && a(!1);
+  function p(f) {
+    s.value && o(!1);
   }
   return {
     enableClearButton: s,
     showClearButton: c,
-    onClearValue: i,
-    onMouseEnterTextBox: r,
-    onMouseLeaveTextBox: f
+    onClearValue: r,
+    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 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(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
-  })), g = B(() => ({
+  })), y = v(() => ({
     "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 g(d, x = !0) {
+    a.value !== d && (a.value = d, x && t.emit("change", d), t.emit("update:modelValue", d));
   }
-  function O(p) {
-    s.value = !1, h(p, !0);
+  function C(d) {
+    s.value = !1, g(d, !0);
   }
-  j(
+  I(
     () => e.modelValue,
-    (p) => {
-      o.value = p;
+    (d) => {
+      a.value = d;
     }
   );
-  function k(p) {
-    r.value = !1, t.emit("blur", p), p.stopPropagation();
+  function B(d) {
+    i.value = !1, t.emit("blur", d), d.stopPropagation();
   }
-  function E(p) {
-    t.emit("click", p);
+  function T(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 O(d) {
+    e.disable || (i.value = !0, r.value || (t.emit("focus", d), c.value && !s.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 x = d.target.value;
+    l.value = x, a.value !== x && g(x, !0), u.value && !s.value && n.popup();
   }
-  function x(p) {
-    p.target.tagName !== "INPUT" && p.preventDefault(), p.stopPropagation();
+  function w(d) {
+    d.target.tagName !== "INPUT" && d.preventDefault(), d.stopPropagation();
   }
-  function b(p) {
-    t.emit("keydown", p);
+  function E(d) {
+    t.emit("keydown", d);
   }
-  function T(p) {
-    p.key === "Enter" && (l.value || c.value) && n.hidePopup(), t.emit("keyup", p);
+  function j(d) {
+    d.key === "Enter" && (u.value || c.value) && n.hidePopup(), t.emit("keyup", d);
   }
-  function v(p) {
-    const w = p.target.value;
-    p.stopPropagation(), h(w);
+  function P(d) {
+    const x = d.target.value;
+    d.stopPropagation(), g(x);
   }
   return {
-    hasFocusedTextBox: f,
-    isTextBoxReadonly: i,
-    textBoxClass: d,
-    textBoxPlaceholder: a,
-    textBoxTitle: y,
-    inputGroupClass: g,
-    changeTextBoxValue: h,
-    commitValue: O,
-    onBlurTextBox: k,
-    onClickTextBox: E,
-    onFocusTextBox: M,
-    onInput: P,
-    onKeyDownTextBox: b,
-    onKeyUpTextBox: T,
-    onMouseDownTextBox: x,
-    onTextBoxValueChange: v
+    hasFocusedTextBox: p,
+    isTextBoxReadonly: r,
+    textBoxClass: f,
+    textBoxPlaceholder: o,
+    textBoxTitle: b,
+    inputGroupClass: y,
+    changeTextBoxValue: g,
+    commitValue: C,
+    onBlurTextBox: B,
+    onClickTextBox: T,
+    onFocusTextBox: O,
+    onInput: k,
+    onKeyDownTextBox: E,
+    onKeyUpTextBox: j,
+    onMouseDownTextBox: w,
+    onTextBoxValueChange: P
   };
 }
-function J(e, t, o, u) {
-  const n = m(), l = m(!1), { judgeCanOpen: c } = q(e, u);
+function q(e, t, a, l) {
+  const n = m(), u = m(!1), { judgeCanOpen: c } = G(e, l);
   function s() {
-    const r = n.value;
-    r && r.show(o.value);
+    const i = n.value;
+    i && i.show(a.value);
   }
-  async function y(r = !1) {
+  async function b(i = !1) {
     if (!!t.slots.default) {
-      if (!r && !l.value && !await c())
+      if (!i && !u.value && !await c())
         return;
-      l.value = !l.value, await A(), s();
+      u.value = !u.value, await V(), s();
     }
   }
-  async function a(r = !1) {
+  async function o(i = !1) {
     if (!!t.slots.default) {
-      if (!r && !await c())
+      if (!i && !await c())
         return;
-      l.value = !0, await A(), s();
+      u.value = !0, await V(), s();
     }
   }
-  function i() {
-    l.value = !1;
+  function r() {
+    u.value = !1;
   }
-  return { hidePopup: i, popup: a, shouldPopupContent: l, togglePopup: y, popoverRef: n };
+  return { hidePopup: r, popup: o, shouldPopupContent: u, togglePopup: b, popoverRef: n };
 }
-function Q(e, t, o) {
-  const u = m(), {
+function U(e, t, a) {
+  const l = m(), {
     isTextBoxReadonly: n,
-    textBoxClass: l,
+    textBoxClass: u,
     textBoxPlaceholder: c,
     textBoxTitle: s,
-    onBlurTextBox: y,
-    onClickTextBox: a,
-    onFocusTextBox: i,
-    onInput: r,
-    onKeyDownTextBox: f,
-    onKeyUpTextBox: d,
-    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,
+    onBlurTextBox: b,
+    onClickTextBox: o,
+    onFocusTextBox: r,
+    onInput: i,
+    onKeyDownTextBox: p,
+    onKeyUpTextBox: f,
+    onMouseDownTextBox: y,
+    onTextBoxValueChange: g
+  } = a;
+  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,
     name: "input-group-value",
     autocomplete: e.autoComplete ? "on" : "off",
-    class: l.value,
+    class: u.value,
     disabled: e.disable,
     maxlength: e.maxLength,
     minlength: e.minLength,
@@ -798,86 +790,86 @@ function Q(e, t, o) {
     title: s.value,
     type: e.inputType,
     value: t.value,
-    onBlur: y,
-    onChange: h,
-    onClick: a,
-    onFocus: i,
-    onInput: r,
-    onKeydown: f,
-    onKeyup: d,
-    onMousedown: g
+    onBlur: b,
+    onChange: g,
+    onClick: o,
+    onFocus: r,
+    onInput: i,
+    onKeydown: p,
+    onKeyup: f,
+    onMousedown: y
   }, null);
 }
-function Y(e, t, o) {
-  const u = m(e.separator), {
+function _(e, t, a) {
+  const l = m(e.separator), {
     changeTextBoxValue: n
-  } = o, l = B(() => t.value ? t.value.split(u.value).map((s) => ({
+  } = a, u = v(() => t.value ? t.value.split(l.value).map((s) => ({
     name: s,
     selectable: !0
   })) : []);
   function c(s) {
-    n(s.map((y) => y.name).join(u.value), !0);
+    n(s.map((b) => b.name).join(l.value), !0);
   }
-  return () => C(re, {
+  return () => h(oe, {
     id: `${e.id}-tag-editor`,
     class: "form-control",
-    data: l.value,
+    data: u.value,
     showClose: !0,
     showInput: !0,
     onChange: c
   }, null);
 }
-function Z(e, t, o, u) {
+function X(e, t, a, l) {
   const {
     buttonGroupClass: n,
-    onClickButton: l,
+    onClickButton: u,
     onMouseEnterButton: c,
     onMouseLeaveButton: s
-  } = o, {
-    enableClearButton: y,
-    showClearButton: a,
-    onClearValue: i
-  } = u, r = m();
+  } = a, {
+    enableClearButton: b,
+    showClearButton: o,
+    onClearValue: r
+  } = l, i = m();
   return {
-    renderButtonGroup: () => C("div", {
+    renderButtonGroup: () => h("div", {
       id: `${e.id}-button-group`,
       class: n.value
-    }, [y.value && ne(C("span", {
+    }, [b.value && Z(h("span", {
       class: "input-group-text input-group-clear",
-      onClick: i
-    }, [C("i", {
+      onClick: r
+    }, [h("i", {
       class: "f-icon modal_close"
-    }, null)]), [[oe, a.value]]), t.slots.buttonContent ? C("span", {
+    }, null)]), [[K, o.value]]), t.slots.buttonContent ? h("span", {
       class: "input-group-text input-group-append-button",
-      onClick: l,
+      onClick: u,
       onMouseenter: c,
       onMouseleave: s
-    }, [t.slots.buttonContent()]) : e.buttonContent ? C("span", {
+    }, [t.slots.buttonContent()]) : e.buttonContent ? h("span", {
       class: "input-group-text input-group-append-button",
       innerHTML: e.buttonContent,
-      ref: r,
-      onClick: l,
+      ref: i,
+      onClick: u,
       onMouseenter: c,
       onMouseleave: s
     }, null) : null]),
-    buttonHandleElement: r
+    buttonHandleElement: i
   };
 }
-function Ae(e, t, o) {
-  const u = m(e.popupMinWidth), {
+function Le(e, t, a) {
+  const l = m(e.popupMinWidth), {
     hidePopup: n,
-    popoverRef: l
-  } = o;
-  return () => C(ie, {
+    popoverRef: u
+  } = a;
+  return () => h(ue, {
     id: `${e.id}-popover`,
-    ref: l,
+    ref: u,
     visible: !0,
     placement: "bottom-left",
     host: e.popupHost,
     "keep-width-with-reference": !0,
     fitContent: !0,
     "right-boundary": e.popupRightBoundary,
-    minWidth: u.value,
+    minWidth: l.value,
     offsetX: e.popupOffsetX,
     onHidden: n
   }, {
@@ -887,202 +879,119 @@ function Ae(e, t, o) {
     }
   });
 }
-const R = /* @__PURE__ */ F({
+const M = /* @__PURE__ */ R({
   name: "FButtonEdit",
-  props: N,
+  props: S,
   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 a = m(), l = m(e.customClass), n = m(e.modelValue), u = q(e, t, a, 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,
-      inputGroupClass: g
-    } = r, h = X(e, t, n, f, i, r), {
-      onMouseEnterTextBox: O,
-      onMouseLeaveTextBox: k
-    } = h, E = B(() => {
-      const p = {
+      togglePopup: b
+    } = u, o = W(e, t, a, u, n), r = m(""), i = H(e, t, n, r, u), {
+      hasFocusedTextBox: p,
+      commitValue: f,
+      inputGroupClass: y
+    } = i, g = $(e, t, n, p, r, i), {
+      onMouseEnterTextBox: C,
+      onMouseLeaveTextBox: B
+    } = g, T = v(() => {
+      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 l.value && l.value.split(" ").reduce((x, z) => (x[z] = !0, x), d), d;
     });
-    function M() {
-      return e.multiSelect && e.inputType === "tag" ? Y(e, n, r) : Q(e, n, r);
+    function O() {
+      return e.multiSelect && e.inputType === "tag" ? _(e, n, i) : U(e, n, i);
     }
-    let P = M();
-    j([() => e.multiSelect, () => e.inputType], () => {
-      P = M();
+    let k = O();
+    I([() => e.multiSelect, () => e.inputType], () => {
+      k = O();
     });
     const {
-      renderButtonGroup: x,
-      buttonHandleElement: b
-    } = Z(e, t, a, h), T = Ae(e, t, l), v = {
-      commitValue: d,
-      elementRef: o,
+      renderButtonGroup: w,
+      buttonHandleElement: E
+    } = X(e, t, o, g), j = Le(e, t, u), P = {
+      commitValue: f,
+      elementRef: a,
       hidePopup: s,
       shouldPopupContent: c,
-      togglePopup: y,
+      togglePopup: b,
       openDialog: () => {
-        b.value && e.buttonBehavior === "Modal" && b.value.click();
+        E.value && e.buttonBehavior === "Modal" && E.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 = o.modalRef.value) == null ? void 0 : d.value : null;
       }
     };
-    return V(() => {
-      o.value.componentInstance = v, window.onresize = () => {
+    return F(() => {
+      a.value.componentInstance = P, window.onresize = () => {
         document.body.click();
       };
-    }), t.expose(v), () => C(ae, null, [C("div", G(t.attrs, {
-      ref: o,
-      class: E.value,
+    }), t.expose(P), () => h(ee, null, [h("div", L(t.attrs, {
+      ref: a,
+      class: T.value,
       id: e.id
-    }), [C("div", {
+    }), [h("div", {
       id: `${e.id}-input-group`,
-      class: g.value,
-      onMouseenter: O,
-      onMouseleave: k
-    }, [P(), x()])]), c.value && T()]);
-  }
-});
-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;
+      class: y.value,
+      onMouseenter: C,
+      onMouseleave: B
+    }, [k(), w()])]), c.value && j()]);
   }
-  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;
-}
-const Ge = /* @__PURE__ */ F({
+}), Ne = /* @__PURE__ */ R({
   name: "FButtonEdit",
-  props: N,
+  props: S,
   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 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);
+    F(() => {
+      a.value.componentInstance = n;
     }), t.expose(n.value);
-    const g = B(() => {
-      const M = {
+    const y = v(() => {
+      const O = {
         "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;
+      return u.value && u.value.split(" ").reduce((k, w) => (k[w] = !0, k), O), O;
     });
-    function h() {
-      return e.multiSelect && e.inputType === "tag" ? Y(e, c, i) : Q(e, c, i);
+    function g() {
+      return e.multiSelect && e.inputType === "tag" ? _(e, c, r) : U(e, c, r);
     }
-    let O = h();
-    j([() => e.multiSelect, () => e.inputType], () => {
-      O = h();
+    let C = g();
+    I([() => e.multiSelect, () => e.inputType], () => {
+      C = g();
     });
     const {
-      renderButtonGroup: k,
-      buttonHandleElement: E
-    } = Z(e, t, y, d);
-    return () => C("div", G(t.attrs, {
-      ref: o,
-      class: g.value,
+      renderButtonGroup: B,
+      buttonHandleElement: T
+    } = X(e, t, b, f);
+    return () => h("div", L(t.attrs, {
+      ref: a,
+      class: y.value,
       id: e.id
-    }), [C("div", {
-      class: f.value
-    }, [O(), k()])]);
+    }), [h("div", {
+      class: p.value
+    }, [C(), B()])]);
   }
 });
-R.register = (e, t, o, u) => {
-  e["button-edit"] = R, t["button-edit"] = H;
+M.register = (e, t, a, l) => {
+  e["button-edit"] = M, t["button-edit"] = A;
 };
-R.registerDesigner = (e, t, o) => {
-  e["button-edit"] = Ge, t["button-edit"] = H;
+M.registerDesigner = (e, t, a) => {
+  e["button-edit"] = Ne, t["button-edit"] = A;
 };
-const ze = se(R);
+const _e = le(M);
 export {
-  R as FButtonEdit,
-  N as buttonEditProps,
-  ze as default,
-  H as propsResolver
+  M as FButtonEdit,
+  S as buttonEditProps,
+  _e as default,
+  A as propsResolver
 };