@farris/ui-vue 1.1.0 → 1.1.1

package/button-edit/index.esm.js

@@ -1,1807 +0,0 @@
-import { defineComponent as _, ref as a, computed as b, createVNode as m, Teleport as oe, createApp as ce, onUnmounted as ae, watch as I, nextTick as Q, withDirectives as re, vShow as de, onMounted as le, Fragment as Se, mergeProps as fe, inject as je } from "vue";
-import { cloneDeep as Me } from "lodash-es";
-const pe = {}, ve = {};
-function ue(e) {
-  const { properties: t, title: n } = e, s = Object.keys(t).reduce((o, c) => (o[c] = t[c].type === "object" && t[c].properties ? ue(t[c]) : Me(t[c].default), o), {});
-  return s.id = `${n}-${Date.now()}`, s;
-}
-function ne(e, t = {}) {
-  const n = pe[e];
-  if (n) {
-    let s = ue(n);
-    const o = ve[e];
-    return s = o ? o({ getSchemaByType: ne }, s, t) : s, s;
-  }
-  return null;
-}
-function Le(e, t) {
-  const n = ue(t);
-  return Object.keys(e).reduce((s, o) => (s[o] = e[o], s), n), n;
-}
-function De(e, t) {
-  return Object.keys(e).filter((s) => e[s] != null).reduce((s, o) => {
-    if (t.has(o)) {
-      const c = t.get(o);
-      if (typeof c == "string")
-        s[c] = e[o];
-      else {
-        const p = c(o, e[o], e);
-        Object.assign(s, p);
-      }
-    } else
-      s[o] = e[o];
-    return s;
-  }, {});
-}
-function Ee(e, t, n = /* @__PURE__ */ new Map()) {
-  const s = Le(e, t);
-  return De(s, n);
-}
-function Ae(e = {}) {
-  function t(l, i, u, f) {
-    if (typeof u == "number")
-      return f[l].length === u;
-    if (typeof u == "object") {
-      const g = Object.keys(u)[0], C = u[g];
-      if (g === "not")
-        return Number(f[l].length) !== Number(C);
-      if (g === "moreThan")
-        return Number(f[l].length) >= Number(C);
-      if (g === "lessThan")
-        return Number(f[l].length) <= Number(C);
-    }
-    return !1;
-  }
-  function n(l, i, u, f) {
-    return f[i] && f[i].propertyValue && String(f[i].propertyValue.value) === String(u);
-  }
-  const s = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", n]
-  ]);
-  Object.keys(e).reduce((l, i) => (l.set(i, e[i]), l), s);
-  function o(l, i) {
-    const u = l;
-    return typeof i == "number" ? [{ target: u, operator: "length", param: null, value: Number(i) }] : typeof i == "boolean" ? [{ target: u, operator: "getProperty", param: l, value: !!i }] : typeof i == "object" ? Object.keys(i).map((f) => {
-      if (f === "length")
-        return { target: u, operator: "length", param: null, value: i[f] };
-      const g = f, C = i[f];
-      return { target: u, operator: l, param: g, value: C };
-    }) : [];
-  }
-  function c(l) {
-    return Object.keys(l).reduce((u, f) => {
-      const g = o(f, l[f]);
-      return u.push(...g), u;
-    }, []);
-  }
-  function p(l, i) {
-    if (s.has(l.operator)) {
-      const u = s.get(l.operator);
-      return u && u(l.target, l.param, l.value, i) || !1;
-    }
-    return !1;
-  }
-  function d(l, i) {
-    return c(l).reduce((g, C) => g && p(C, i), !0);
-  }
-  function y(l, i) {
-    const u = Object.keys(l), f = u.includes("allOf"), g = u.includes("anyOf"), C = f || g, x = (C ? l[C ? f ? "allOf" : "anyOf" : "allOf"] : [l]).map((F) => d(F, i));
-    return f ? !x.includes(!1) : x.includes(!0);
-  }
-  return { parseValueSchema: y };
-}
-const $e = {}, Ve = {};
-Ae();
-function me(e, t, n = /* @__PURE__ */ new Map(), s = (p, d, y) => d, o = {}, c = (p) => p) {
-  return pe[t.title] = t, ve[t.title] = s, $e[t.title] = o, Ve[t.title] = c, (p = {}) => {
-    const d = Ee(p, t, n), y = Object.keys(e).reduce((l, i) => (l[i] = e[i].default, l), {});
-    return Object.assign(y, d);
-  };
-}
-function he(e, t) {
-  return { customClass: t.class };
-}
-const Fe = /* @__PURE__ */ new Map([
-  ["appearance", he]
-]);
-function Re(e, t, n) {
-  return t;
-}
-const We = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-design.gitee.io/button-edit.schema.json", He = "button-edit", Ie = "A Farris Input Component", ze = "object", Ge = {
-  id: {
-    description: "The unique identifier for a Input Group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Input Group component",
-    type: "string",
-    default: "button-edit"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  },
-  autoComplete: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  buttonContent: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  enableClear: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  inputType: {
-    description: "",
-    type: "string",
-    enum: [
-      "text",
-      "tag"
-    ],
-    default: "text"
-  },
-  multiSelect: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  popup: {
-    description: "",
-    type: "object",
-    properties: {
-      footerButtons: {
-        type: "array",
-        default: []
-      },
-      height: {
-        type: "number",
-        default: 600
-      },
-      dataMapping: {
-        type: "object"
-      },
-      contents: {
-        type: "array",
-        default: []
-      },
-      showMaxButton: {
-        type: "boolean",
-        default: !0
-      },
-      showCloseButton: {
-        type: "boolean",
-        default: !0
-      },
-      showFooter: {
-        type: "boolean",
-        default: !0
-      },
-      title: {
-        type: "string",
-        default: ""
-      },
-      width: {
-        type: "number",
-        default: 800
-      }
-    }
-  },
-  separator: {
-    type: "string",
-    default: ","
-  },
-  showButtonWhenDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  wrapText: {
-    type: "boolean",
-    default: !1
-  },
-  onClear: {
-    description: "",
-    type: "string",
-    default: ""
-  }
-}, Xe = [
-  "id",
-  "type"
-], qe = {
-  $schema: We,
-  $id: Ne,
-  title: He,
-  description: Ie,
-  type: ze,
-  properties: Ge,
-  required: Xe
-}, _e = "buttonEdit", Ue = "A Farris Component", Je = "object", Ke = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-select",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中对齐"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, Qe = {
-  title: _e,
-  description: Ue,
-  type: Je,
-  categories: Ke
-}, se = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
-   */
-  buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
-  buttonBehavior: { type: String, default: "Popup" },
-  /**
-   * 启用输入框自动完成功能
-   */
-  autoComplete: { type: Boolean, default: !1 },
-  /**
-   * 组件自定义样式
-   */
-  customClass: { type: String, default: "" },
-  /**
-   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
-   */
-  disable: { type: Boolean, default: !1 },
-  /**
-   * 允许在输入框中录入文本。
-   */
-  editable: { type: Boolean, default: !0 },
-  /**
-   * 显示清空文本按钮
-   */
-  enableClear: { type: Boolean, default: !1 },
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" },
-  /**
-   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
-   */
-  readonly: { type: Boolean, default: !1 },
-  /**
-   * 禁用组件时，是否显示扩展按钮
-   */
-  showButtonWhenDisabled: { type: Boolean, default: !1 },
-  /**
-   * 显示输入框的标签
-   */
-  enableTitle: { type: Boolean, default: !1 },
-  /**
-   * 输入框类型
-   */
-  inputType: { type: String, default: "text" },
-  /**
-   * 显示输入框提示信息
-   */
-  forcePlaceholder: { type: Boolean, default: !1 },
-  /**
-   * 输入框提示文本
-   */
-  placeholder: { type: String, default: "" },
-  /**
-   * 输入框最小长度
-   */
-  minLength: Number,
-  /**
-   * 输入框最大长度
-   */
-  maxLength: Number,
-  /**
-   * 输入框Tab键索引
-   */
-  tabIndex: Number,
-  popupHost: { type: Object },
-  popupRightBoundary: { type: Object },
-  popupOffsetX: { type: Object },
-  popupOnInput: { type: Boolean, default: !1 },
-  popupOnFocus: { type: Boolean, default: !1 },
-  popupMinWidth: { type: Number, default: 160 },
-  modalOptions: { type: Object, default: {} },
-  wrapText: { type: Boolean, default: !1 },
-  /**
-   * 可选，是否支持多选
-   * 默认`false`
-   */
-  multiSelect: { type: Boolean, default: !1 },
-  /**
-   * 可选，分隔符
-   * 默认`,`
-   */
-  separator: { type: String, default: "," },
-  /**对齐方式 */
-  textAlign: { type: String, default: "left" }
-}, ie = me(se, qe, Fe, Re, Qe), Ye = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object },
-  backgroundColor: { type: String, default: "" }
-}, Ze = /* @__PURE__ */ _({
-  name: "FOverlay",
-  props: Ye,
-  emits: ["click"],
-  setup(e, t) {
-    const n = a(e.popupContentPosition), s = a(e.host), o = b(() => ({
-      backgroundColor: e.backgroundColor || "",
-      pointerEvents: "auto"
-    }));
-    function c(d) {
-      t.emit("click"), d.preventDefault(), d.stopPropagation();
-    }
-    b(() => {
-      const d = s.value;
-      if (d) {
-        const y = d.getBoundingClientRect(), {
-          left: l,
-          top: i,
-          height: u
-        } = y;
-        return {
-          left: l,
-          top: i + u
-        };
-      }
-      return n.value;
-    });
-    const p = b(() => ({
-      // position: 'relative',
-      // left: `${position.value.left}px`,
-      // top: `${position.value.top}px`
-    }));
-    return () => m(oe, {
-      to: "body"
-    }, {
-      default: () => {
-        var d, y;
-        return [m("div", {
-          class: "overlay-container",
-          onClick: (l) => c(l),
-          style: o.value
-        }, [m("div", {
-          style: p.value
-        }, [(y = (d = t.slots).default) == null ? void 0 : y.call(d)])])];
-      }
-    });
-  }
-});
-function et(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function tt(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  let n;
-  const s = e.onClickCallback || (() => {
-  }), o = () => {
-    s(), n && n.unmount();
-  };
-  return n = ce({
-    setup() {
-      ae(() => {
-        document.body.removeChild(t);
-      });
-      const c = et(e);
-      return () => m(Ze, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: o,
-        backgroundColor: e.backgroundColor
-      }, {
-        default: () => [c && c()]
-      });
-    }
-  }), document.body.appendChild(t), n.mount(t), n;
-}
-class nt {
-  static show(t) {
-    return tt(t);
-  }
-}
-const ot = {
-  class: { type: String, default: "" },
-  title: { type: String, default: "" },
-  width: { type: Number, default: 500 },
-  height: { type: Number, default: 320 },
-  buttons: {
-    type: Array,
-    default: []
-  },
-  modelValue: { type: Boolean, default: !1 },
-  showHeader: { type: Boolean, default: !0 },
-  showButtons: { type: Boolean, default: !0 },
-  fitContent: { type: Boolean, default: !0 }
-}, at = /* @__PURE__ */ _({
-  name: "FModal",
-  props: ot,
-  emits: ["update:modelValue", "accept", "cancel", "closed"],
-  setup(e, t) {
-    const n = a(e.width), s = a(e.height), o = a(e.modelValue), c = a(""), p = a(e.class), d = a(e.fitContent), y = a(e.showHeader), l = a(""), i = a(!0), u = a(!1), f = a(!1), g = a(""), C = a(""), k = a(""), L = a(e.showButtons), x = a(e.title);
-    function V(O, $) {
-      o.value = !1, t.emit("update:modelValue", !1), $ != null && t.emit($ ? "accept" : "cancel"), t.emit("closed");
-    }
-    const F = [{
-      text: "取消",
-      class: "btn btn-light",
-      handle: (O) => {
-        V(O, !1);
-      }
-    }, {
-      text: "确定",
-      class: "btn btn-primary",
-      handle: (O) => {
-        V(O, !0);
-      }
-    }], D = a(e.buttons && e.buttons.length ? e.buttons : F), R = b(() => !!l.value), w = b(() => !!L.value && !!D.value);
-    a(), a(), I(() => e.modelValue, () => {
-      o.value = e.modelValue;
-    });
-    const j = a(!1), S = b(() => o.value), h = b(() => {
-      const O = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return O["f-modal-fitContent"] = d.value, O;
-    }), E = b(() => ({
-      display: S.value ? "block" : "none !important"
-    })), N = b(() => {
-      const O = {
-        "modal-dialog": !0
-      };
-      return p.value.split(" ").reduce((A, G) => (A[G] = !0, A), O), O;
-    }), z = b(() => ({
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: `${n.value}px`,
-      height: d.value ? "auto" : `${s.value}px`,
-      "margin-left": `${0 - n.value / 2}px`,
-      "margin-top": d.value ? "auto" : `${0 - s.value / 2}px`
-    })), U = b(() => ({
-      "modal-content": !0,
-      "modal-content-has-header": y.value
-    })), X = b(() => ({
-      display: y.value ? "" : "none"
-    })), J = b(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: j.value
-    })), q = b(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: y.value ? "none" : ""
-    })), B = b(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": g.value === "iframe"
-    }));
-    function P() {
-      return {};
-    }
-    const M = b(() => {
-      const O = {
-        textAlgin: k.value
-      }, $ = P();
-      return Object.assign(O, $);
-    });
-    function W(O) {
-    }
-    return () => m(oe, {
-      to: "body"
-    }, {
-      default: () => {
-        var O, $;
-        return [m("div", {
-          class: h.value,
-          style: E.value
-        }, [m("div", {
-          id: c.value,
-          class: N.value,
-          style: z.value
-        }, [m("div", {
-          class: U.value
-        }, [m("div", {
-          ref: "modalHeaderRef",
-          class: "modal-header",
-          style: X.value
-        }, [m("div", {
-          class: "modal-title"
-        }, [R.value && m("span", {
-          class: l.value,
-          style: "margin-right: 8px"
-        }, null), m("span", {
-          class: "modal-title-label"
-        }, [x.value])]), m("div", {
-          class: "actions"
-        }, [m("ul", null, [f.value && m("li", {
-          class: "f-btn-icon f-bare"
-        }, [m("span", {
-          class: "f-icon modal_minimize"
-        }, null)]), u.value && m("li", {
-          onClick: W,
-          class: "f-btn-icon f-bare"
-        }, [m("span", {
-          class: J.value
-        }, null)]), i.value && m("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (A) => V(A, !1)
-        }, [m("span", {
-          class: "f-icon modal_close"
-        }, null)])])])]), m("div", {
-          ref: "dragableElementRef",
-          class: "f-utils-absolute-all",
-          style: q.value
-        }, null), m("div", {
-          class: B.value
-        }, [($ = (O = t.slots).default) == null ? void 0 : $.call(O), g.value === "iframe" && m("iframe", {
-          title: c.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: C.value
-        }, null)]), w.value && m("div", {
-          class: "modal-footer",
-          style: M.value
-        }, [D.value && D.value.map((A) => m("button", {
-          type: "button",
-          class: A.class + " " + (A.iconClass && "btn-icontext"),
-          onClick: (G) => {
-            A.handle && A.handle(G);
-          }
-        }, [!!A.iconClass && m("i", {
-          class: A.iconClass
-        }, null), A.text]))])])])])];
-      }
-    });
-  }
-});
-function lt(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function ut(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  const n = ce({
-    setup() {
-      ae(() => {
-        document.body.removeChild(t);
-      });
-      const s = a(e.class || ""), o = a(!!e.showButtons), c = a(!!e.showHeader), p = a(!0), d = a(e.title || ""), y = e.acceptCallback || (() => {
-      }), l = e.rejectCallback || (() => {
-      }), i = lt(e), u = () => {
-        p.value = !1, n.unmount();
-      };
-      return () => m(at, {
-        class: s.value,
-        modelValue: p.value,
-        "onUpdate:modelValue": (f) => p.value = f,
-        title: d.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
-        "show-header": c.value,
-        "show-buttons": o.value,
-        onAccept: y,
-        onCancel: l,
-        fitContent: e.fitContent,
-        onClosed: u
-      }, {
-        default: () => [i && i(n)]
-      });
-    }
-  });
-  return document.body.appendChild(t), n.mount(t), n;
-}
-class st {
-  static show(t) {
-    const n = Object.assign({
-      title: "",
-      showButtons: !0,
-      showHeader: !0
-    }, t);
-    return ut(n);
-  }
-}
-function ye(e, t, n, s) {
-  const o = a(e.buttonBehavior), c = a(e.popupOnInput), p = b(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), d = b(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function y(u) {
-    if (d.value) {
-      const f = !!t.slots.default;
-      if (o.value === "Modal") {
-        const g = e.modalOptions;
-        st.show({
-          ...g,
-          render: () => t.slots.default && t.slots.default()
-        });
-      }
-      o.value === "Overlay" && nt.show({
-        // host: buttonEditRef.value,
-        host: document.body,
-        backgroundColor: "rgba(0,0,0,.15)",
-        render: () => t.slots.default && t.slots.default()
-      }), f && o.value === "Popup" && s.togglePopup(), f && c.value && s.hidePopup(), t.emit("clickButton", { origin: u, value: e.modelValue });
-    }
-    u.stopPropagation();
-  }
-  function l(u) {
-    t.emit("mouseEnterIcon", u);
-  }
-  function i(u) {
-    t.emit("mouseLeaveIcon", u);
-  }
-  return {
-    buttonGroupClass: p,
-    onClickButton: y,
-    onMouseEnterButton: l,
-    onMouseLeaveButton: i
-  };
-}
-function ge(e, t, n, s, o, c) {
-  const p = a(!1), d = b(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: y } = c;
-  function l(g) {
-    p.value = g;
-  }
-  I(o, () => {
-    l(!!o.value);
-  });
-  function i(g) {
-    const C = !e.readonly && !e.disable && e.editable, k = !e.editable;
-    g.stopPropagation(), (C || k) && (y("", !1), l(!p.value), t.emit("clear"));
-  }
-  function u(g) {
-    if (d.value) {
-      if (!n.value) {
-        l(!1);
-        return;
-      }
-      !e.disable && !e.readonly && l(!0);
-    }
-  }
-  function f(g) {
-    d.value && l(!1);
-  }
-  return {
-    enableClearButton: d,
-    showClearButton: p,
-    onClearValue: i,
-    onMouseEnterTextBox: u,
-    onMouseLeaveTextBox: f
-  };
-}
-function be(e, t, n, s, o) {
-  const c = a(e.popupOnInput), p = a(e.popupOnFocus), { shouldPopupContent: d } = o, y = b(() => e.enableTitle ? n.value : ""), l = b(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), i = b(() => e.readonly || !e.editable), u = a(!1), f = b(() => !e.disable && u.value), g = b(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), C = b(() => ({
-    "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
-  }));
-  function k(h, E = !0) {
-    n.value !== h && (n.value = h, E && t.emit("change", h), t.emit("update:modelValue", h));
-  }
-  function L(h) {
-    d.value = !1, k(h, !0);
-  }
-  I(
-    () => e.modelValue,
-    (h) => {
-      n.value = h;
-    }
-  );
-  function x(h) {
-    u.value = !1, t.emit("blur", h), h.stopPropagation();
-  }
-  function V(h) {
-    t.emit("click", h);
-  }
-  function F(h) {
-    e.disable || (u.value = !0, i.value || (t.emit("focus", h), p.value && !d.value && o.popup()));
-  }
-  function D(h) {
-    t.emit("input", h.target.value);
-    const E = h.target.value;
-    s.value = E, n.value !== E && k(E, !1), c.value && !d.value && o.popup();
-  }
-  function R(h) {
-    h.target.tagName !== "INPUT" && h.preventDefault(), h.stopPropagation();
-  }
-  function w(h) {
-    t.emit("keydown", h);
-  }
-  function j(h) {
-    h.key === "Enter" && (c.value || p.value) && o.hidePopup(), t.emit("keyup", h);
-  }
-  function S(h) {
-    const E = h.target.value;
-    h.stopPropagation(), k(E);
-  }
-  return {
-    hasFocusedTextBox: f,
-    isTextBoxReadonly: i,
-    textBoxClass: g,
-    textBoxPlaceholder: l,
-    textBoxTitle: y,
-    inputGroupClass: C,
-    changeTextBoxValue: k,
-    commitValue: L,
-    onBlurTextBox: x,
-    onClickTextBox: V,
-    onFocusTextBox: F,
-    onInput: D,
-    onKeyDownTextBox: w,
-    onKeyUpTextBox: j,
-    onMouseDownTextBox: R,
-    onTextBoxValueChange: S
-  };
-}
-function Ce(e, t, n) {
-  const s = a(), o = a(!1);
-  function c() {
-    const l = s.value;
-    l && l.show(n.value);
-  }
-  async function p() {
-    !!t.slots.default && (o.value = !o.value, await Q(), c());
-  }
-  async function d() {
-    !!t.slots.default && (o.value = !0, await Q(), c());
-  }
-  function y() {
-    o.value = !1;
-  }
-  return { hidePopup: y, popup: d, shouldPopupContent: o, togglePopup: p, popoverRef: s };
-}
-function Be(e, t, n) {
-  const {
-    isTextBoxReadonly: s,
-    textBoxClass: o,
-    textBoxPlaceholder: c,
-    textBoxTitle: p,
-    onBlurTextBox: d,
-    onClickTextBox: y,
-    onFocusTextBox: l,
-    onInput: i,
-    onKeyDownTextBox: u,
-    onKeyUpTextBox: f,
-    onMouseDownTextBox: g,
-    onTextBoxValueChange: C
-  } = n;
-  return () => m("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: o.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: c.value,
-    readonly: s.value,
-    tabindex: e.tabIndex,
-    title: p.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: d,
-    onChange: C,
-    onClick: y,
-    onFocus: l,
-    onInput: i,
-    onKeydown: u,
-    onKeyup: f,
-    onMousedown: g
-  }, null);
-}
-function it(e, t, n) {
-  return t;
-}
-const ct = /* @__PURE__ */ new Map([
-  ["appearance", he]
-]), rt = "tags", dt = "A Farris Component", ft = "object", pt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, vt = {
-  title: rt,
-  description: dt,
-  type: ft,
-  categories: pt
-}, mt = "https://json-schema.org/draft/2020-12/schema", ht = "https://farris-design.gitee.io/tags.schema.json", yt = "tags", gt = "A Farris Component", bt = "object", Ct = {
-  id: {
-    description: "The unique identifier for tags",
-    type: "string"
-  },
-  type: {
-    description: "The type string of tags",
-    type: "string",
-    default: "tags"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, Bt = [
-  "id",
-  "type"
-], wt = {
-  $schema: mt,
-  $id: ht,
-  title: yt,
-  description: gt,
-  type: bt,
-  properties: Ct,
-  required: Bt
-}, we = {
-  activeTag: { type: String, default: "" },
-  addButtonText: { type: String, default: "" },
-  customClass: { type: String, default: "" },
-  customStyle: { type: String, default: "" },
-  data: { type: Array, default: [{ name: "示例1" }] },
-  enableAddButton: { type: Boolean, default: !1 },
-  selectable: { type: Boolean, default: !1 },
-  showAddButton: { type: Boolean, default: !1 },
-  showClose: { type: Boolean, default: !0 },
-  showColor: { type: Boolean, default: !1 },
-  tagType: { type: String, default: "" },
-  tagStyle: { type: String, default: "" },
-  wrapText: { type: Boolean, default: !1 },
-  draggable: { type: Boolean, default: !1 },
-  disable: { type: Boolean, default: !1 }
-};
-me(we, wt, ct, it, vt);
-function Tt(e, t, n, s) {
-  const o = a(-1), c = a(!1);
-  function p(i, u, f) {
-    i.stopPropagation(), u && setTimeout(() => {
-      o.value = f, c.value = !0, u.moving = !0;
-    });
-  }
-  function d(i, u) {
-    if (i.preventDefault(), o.value !== u) {
-      const f = s.value[o.value], g = s.value;
-      g.splice(o.value, 1), g.splice(u, 0, f), o.value = u;
-    }
-  }
-  function y(i, u) {
-    i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = "move");
-  }
-  function l(i, u) {
-    u && (u.moving = !1), n.value = s.value.filter((f) => f.type === "Tag").map((f) => f.payload), c.value = !1, t.emit("change", n.value);
-  }
-  return {
-    dragstart: p,
-    dragenter: d,
-    dragover: y,
-    dragend: l,
-    isDragging: c
-  };
-}
-const kt = /* @__PURE__ */ _({
-  name: "FTags",
-  props: we,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const n = a(e.selectable), s = a(e.customClass), o = a(e.data), c = a(e.tagType), p = a(e.tagStyle), d = a(e.showColor), y = a(e.customStyle), l = a(e.activeTag), i = a(e.showClose), u = a(e.addButtonText), f = a(), g = a(e.wrapText), C = a();
-    a(e.disable);
-    const k = a(!1);
-    function L() {
-      const r = o.value.map((v) => ({
-        type: "Tag",
-        payload: v
-      }));
-      return e.showAddButton && r.push({
-        type: "AddButton"
-      }), r;
-    }
-    const x = a(L());
-    function V(r) {
-      o.value = r, x.value = L();
-    }
-    const F = b(() => x.value.findIndex((r) => r.type === "Input")), D = Tt(e, t, o, x), {
-      dragstart: R,
-      dragenter: w,
-      dragover: j,
-      dragend: S
-    } = D;
-    I(() => e.data, (r) => V(r)), I(() => e.showAddButton, () => {
-      x.value = L();
-    }), I(() => e.disable, (r) => {
-      x.value = L();
-    }), I(() => e.activeTag, (r) => {
-      l.value = r;
-    }), I(k, (r) => {
-      const v = [...x.value];
-      r ? v.length > 0 && v[v.length - 1].type != "Input" && (v.splice(v.length - 1, 1), v.splice(v.length, 0, {
-        type: "Input"
-      }), x.value = v, Q(() => {
-        C.value && C.value.focus();
-      })) : v.length > 0 && v[v.length - 1].type != "AddButton" && (v.splice(v.length - 1, 1), v.splice(v.length, 0, {
-        type: "AddButton"
-      }), x.value = v);
-    });
-    const h = b(() => {
-      const r = {
-        "farris-tags": !0,
-        "farris-tags-checkable": n.value,
-        "farris-tags-nowrap": !g.value
-      };
-      return s.value.split(" ").reduce((v, T) => (v[T] = !0, v), r), r;
-    });
-    function E(r) {
-      const v = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": n.value && r.checked,
-        "farris-tag-item-checkable": n.value,
-        "farris-tag-item-has-color": d.value,
-        "farris-tag-item-actived": l.value === r.name
-      };
-      if (c.value) {
-        const T = `farris-tag-item-${c.value}`;
-        v[T] = !0;
-      }
-      return v;
-    }
-    const N = b(() => {
-      const r = {};
-      return y.value && y.value.split(";").reduce((v, T) => {
-        const H = T.split(":");
-        return v[H[0]] = H[1], v;
-      }, r), r;
-    });
-    function z(r, v) {
-      !e.disable && n.value && (!v.hasOwnProperty("selectable") || v.selectable) && (v.checked = !v.checked, l.value = v.checked ? v.name : "", v.checked && o.value.filter((T) => T.name !== v.name).forEach((T) => {
-        T.checked = !v.checked;
-      }), t.emit("change", o.value), t.emit("selectionChange", v));
-    }
-    function U(r, v) {
-      let T;
-      switch (r.key) {
-        case "Backspace":
-          o.value = o.value.filter((H) => H.name !== v.name), t.emit("change", o.value);
-          break;
-        case "ArrowLeft":
-          T = Math.max(f.value.scrollLeft + 20, 0), f.value.scrollLeft = T;
-          break;
-        case "ArrowRight":
-          T = Math.max(f.value.scrollLeft - 20, 0), f.value.scrollLeft = T;
-      }
-    }
-    function X(r, v) {
-      const T = o.value.findIndex((H) => H.name === v.name);
-      if (T > -1) {
-        const [H] = o.value.splice(T, 1);
-        x.value = L(), t.emit("change", o.value), t.emit("remove", {
-          tags: o.value,
-          remove: H
-        });
-      }
-      r.stopPropagation();
-    }
-    const J = b(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !e.enableAddButton
-    }));
-    function q(r) {
-      r.stopPropagation(), k.value = !0;
-    }
-    function B() {
-      return !e.disable && m("li", {
-        class: J.value,
-        onClick: (r) => q(r)
-      }, [m("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), u.value && m("span", {
-        class: "farris-tag-add-text"
-      }, [u.value])]);
-    }
-    function P(r, v, T) {
-      r > -1 && (o.value.splice(r, 0, {
-        name: v,
-        value: T,
-        selectable: n.value
-      }), x.value = L(), k.value = !1, t.emit("change", o.value));
-    }
-    function M(r) {
-      if (r && r.value) {
-        const v = r.value, T = F.value;
-        P(T, v, v), r.innerText = "";
-      } else
-        k.value = !1;
-    }
-    function W(r) {
-      const v = r.target;
-      v && v.value ? M(v) : k.value = !1;
-    }
-    function O(r) {
-      r.key === "Enter" && M(r.target);
-    }
-    function $() {
-      return !e.disable && m("li", {
-        class: "farris-tag-input-box"
-      }, [m("input", {
-        ref: C,
-        class: "form-control",
-        onKeyup: O,
-        onBlur: W
-      }, null)]);
-    }
-    function A(r, v) {
-      return m("li", {
-        class: E(r),
-        style: N.value,
-        tabindex: 0,
-        id: r.name,
-        key: r.name,
-        onClick: (T) => z(T, r),
-        onKeydown: (T) => U(T, r),
-        draggable: "true",
-        onDragstart: (T) => R(T, r, v),
-        onDragenter: (T) => w(T, v),
-        onDragend: (T) => S(T, r),
-        onDragover: (T) => j(T, v)
-      }, [m("span", {
-        title: r.name,
-        class: "tag-box"
-      }, [r.name]), !e.disable && i.value && m("span", {
-        class: "tag-delete"
-      }, [m("i", {
-        class: "f-icon f-icon-close",
-        onClick: (T) => X(T, r)
-      }, null)])]);
-    }
-    function G() {
-      return x.value.map((r, v) => {
-        switch (r.type) {
-          case "Tag":
-            return A(r.payload, v);
-          case "AddButton":
-            return B();
-          case "Input":
-            return $();
-        }
-      });
-    }
-    const Y = b(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": p.value === "capsule"
-    }));
-    function Z(r) {
-      const v = Math.max(f.value.scrollLeft - r.deltaX, 0);
-      f.value.scrollLeft = v;
-    }
-    function Oe(r) {
-      var T;
-      r.preventDefault(), r.stopPropagation();
-      const v = (T = r.dataTransfer) == null ? void 0 : T.getData("Text");
-      if (v) {
-        const H = v.split(":"), xe = H[0], K = H[1];
-        [...o.value].findIndex((ee) => (console.log(`${ee.value} === ${K} is ${ee.value === K}`), ee.value === K)) > -1 || P(o.value.length, xe, K);
-      }
-    }
-    function Pe(r) {
-      r.preventDefault();
-    }
-    return () => m("div", {
-      class: h.value,
-      onDrop: Oe,
-      onDragover: Pe
-    }, [m("ul", {
-      ref: f,
-      class: Y.value,
-      onWheel: (r) => Z(r)
-    }, [G()])]);
-  }
-});
-function Te(e, t, n) {
-  const s = a(e.separator), {
-    changeTextBoxValue: o
-  } = n, c = b(() => t.value ? t.value.split(s.value).map((d) => ({
-    name: d,
-    selectable: !0
-  })) : []);
-  function p(d) {
-    o(d.map((y) => y.name).join(s.value), !0);
-  }
-  return () => m(kt, {
-    id: `${e.id}-tag-editor`,
-    class: "form-control",
-    data: c.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: p
-  }, null);
-}
-function ke(e, t, n) {
-  const {
-    buttonGroupClass: s,
-    onClickButton: o,
-    onMouseEnterButton: c,
-    onMouseLeaveButton: p
-  } = t, {
-    enableClearButton: d,
-    showClearButton: y,
-    onClearValue: l
-  } = n;
-  return () => m("div", {
-    id: `${e.id}-button-group`,
-    class: s.value
-  }, [d.value && re(m("span", {
-    class: "input-group-text input-group-clear",
-    onClick: l
-  }, [m("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[de, y.value]]), e.buttonContent && m("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: o,
-    onMouseenter: c,
-    onMouseleave: p
-  }, null)]);
-}
-const Ot = {
-  id: { type: String },
-  title: { type: String },
-  placement: { type: String, default: "bottom" },
-  reference: {
-    type: Object
-  },
-  host: {
-    type: Object
-  },
-  leftBoundary: {
-    type: Object
-  },
-  rightBoundary: {
-    type: Object
-  },
-  visible: { type: Boolean, default: !1 },
-  class: { type: String },
-  offsetX: { type: Object, default: a(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function Pt(e) {
-  const t = e.host ? e.host : "body", n = b(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), s = b(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), o = b(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), c = b(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: s, hostTop: n, hostWidth: o, hostHeight: c };
-}
-function xt(e, t, n, s) {
-  var q;
-  const o = a(0), c = a(((q = e.offsetX) == null ? void 0 : q.value) || 0), p = a(e.minWidth), d = a(-1), y = a(-1), l = a(e.placement), i = a(0), u = a(0), f = a(0), g = a(document.documentElement.scrollLeft), C = a(document.documentElement.scrollTop), { hostLeft: k, hostTop: L, hostWidth: x, hostHeight: V } = s;
-  I(e.offsetX, (B) => {
-    o.value = B - c.value;
-  });
-  const F = b(() => {
-    const B = {
-      left: `${u.value}px`,
-      top: `${f.value}px`,
-      transform: `translateX(${o.value}px)`
-    };
-    return e.zIndex !== -1 && (B["z-index"] = e.zIndex), p.value !== -1 && (B.width = `${p.value}px`), B;
-  }), D = b(() => ({
-    left: `${i.value}px`
-  }));
-  function R(B) {
-    if (B && e.keepWidthWithReference) {
-      const P = B.getBoundingClientRect();
-      p.value = Math.max(e.minWidth, P.width);
-    }
-  }
-  function w(B, P) {
-    const M = x.value - B.width - 4;
-    return M > 0 ? M : P;
-  }
-  function j(B, P) {
-    const M = V.value - B.height - 4;
-    return M > 0 ? M : P;
-  }
-  function S(B, P, M) {
-    const W = i.value, O = P.left - k.value + P.width / 2 + g.value, $ = P.top - L.value - (B.height + M.height) + C.value;
-    return { popoverLeft: O, popoverTop: $, arrowLeft: W };
-  }
-  function h(B, P, M) {
-    const W = P.top - L.value + (P.height + M.height) + C.value, O = j(B, W);
-    return Math.min(W, O);
-  }
-  function E(B, P) {
-    const M = w(P, B), W = B <= M ? i.value : B - M;
-    return { popoverLeft: Math.min(B, M), arrowLeft: W };
-  }
-  function N(B, P, M) {
-    const W = P.left - k.value + P.width / 2 - (M.width / 2 - (B.left - k.value)) + g.value, { arrowLeft: O, popoverLeft: $ } = E(W, B), A = h(B, P, M);
-    return { popoverLeft: $, popoverTop: A, arrowLeft: O };
-  }
-  function z(B, P, M) {
-    const W = P.left - k.value + g.value, { arrowLeft: O, popoverLeft: $ } = E(W, B), A = h(B, P, M);
-    return { popoverLeft: $, popoverTop: A, arrowLeft: O };
-  }
-  const U = /* @__PURE__ */ new Map([
-    ["top", S],
-    ["bottom", N],
-    ["bottom-left", z]
-  ]);
-  function X(B) {
-    var $, A;
-    const P = B.getBoundingClientRect();
-    d.value = P.top, y.value = P.left;
-    const M = ($ = t.value) == null ? void 0 : $.getBoundingClientRect(), W = (A = n.value) == null ? void 0 : A.getBoundingClientRect(), O = U.get(l.value);
-    if (O) {
-      const { arrowLeft: G, popoverLeft: Y, popoverTop: Z } = O(W, P, M);
-      i.value = G, u.value = Y, f.value = Z;
-    }
-    e.keepWidthWithReference && R(B);
-  }
-  function J(B) {
-    if (B) {
-      const P = B.getBoundingClientRect();
-      (P.left !== y.value || P.top !== d.value) && X(B);
-    }
-  }
-  return {
-    arrowStyle: D,
-    popoverStyle: F,
-    position: l,
-    popoverWidth: p,
-    fitToReference: R,
-    followToReferencePosition: J,
-    locateToReference: X
-  };
-}
-function St(e, t, n, s, o, c, p) {
-  const d = a(e.visible), y = b(() => d.value), { fitToReference: l, locateToReference: i } = p;
-  let u;
-  function f() {
-    d.value = !1, document.body.removeEventListener("click", u), t.emit("hidden");
-  }
-  u = (C) => {
-    if (!o.value.contains(C.target)) {
-      const k = o.value.closest(".popover");
-      k && k.removeEventListener("click", u), f();
-    }
-  };
-  async function g(C) {
-    if (s.value && n.value && C) {
-      d.value = !0, o.value = C, c.value && l(C), await Q(), i(C), document.body.addEventListener("click", u);
-      const k = C.closest(".popover");
-      k && k.addEventListener("click", u), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: f, show: g, shown: y }), { showPopover: d, hidePopverOnClickBodyHandler: u };
-}
-function jt(e, t, n, s, o) {
-  const { popoverWidth: c, fitToReference: p, followToReferencePosition: d } = o;
-  function y() {
-    if (n.value) {
-      d(n.value);
-      const l = n.value.getBoundingClientRect();
-      s.value && l.width !== c.value && p(n.value);
-    }
-  }
-  return { onResize: y };
-}
-const Mt = /* @__PURE__ */ _({
-  name: "FPopover",
-  props: Ot,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const n = a(), s = a(), o = a(e.reference), c = a(e.keepWidthWithReference), p = b(() => !!e.title), d = Pt(e), {
-      host: y
-    } = d, l = xt(e, n, s, d), {
-      position: i,
-      arrowStyle: u,
-      popoverStyle: f,
-      fitToReference: g,
-      locateToReference: C
-    } = l, {
-      showPopover: k,
-      hidePopverOnClickBodyHandler: L
-    } = St(e, t, n, s, o, c, l), {
-      onResize: x
-    } = jt(e, t, o, c, l), V = b(() => {
-      const D = `popover in popover-${i.value}`, R = `bs-popover-${i.value}`, w = {
-        "popover-fitcontent": e.fitContent
-      };
-      return w[D] = !0, w[R] = !0, (e.class || "").split(" ").reduce((S, h) => (S[h] = !0, S), w), w;
-    }), F = b(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return le(() => {
-      e.reference && C(o.value), c.value && g(o.value), window.addEventListener("resize", x);
-    }), ae(() => {
-      document.body.removeEventListener("click", L), window.removeEventListener("resize", x);
-    }), () => m(oe, {
-      to: y
-    }, {
-      default: () => {
-        var D;
-        return [re(m("div", {
-          ref: s,
-          class: V.value,
-          style: f.value,
-          onClick: (R) => {
-            R.stopPropagation();
-          }
-        }, [m("div", {
-          ref: n,
-          class: "popover-arrow arrow",
-          style: u.value
-        }, null), p.value && m("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), m("div", {
-          class: F.value
-        }, [t.slots.default && ((D = t.slots) == null ? void 0 : D.default())])]), [[de, k.value]])];
-      }
-    });
-  }
-});
-function Lt(e, t, n) {
-  const s = a(e.popupMinWidth), {
-    hidePopup: o,
-    popoverRef: c
-  } = n;
-  return () => m(Mt, {
-    id: `${e.id}-popover`,
-    ref: c,
-    visible: !0,
-    placement: "bottom-left",
-    host: e.popupHost,
-    "keep-width-with-reference": !0,
-    fitContent: !0,
-    "right-boundary": e.popupRightBoundary,
-    minWidth: s.value,
-    offsetX: e.popupOffsetX,
-    onHidden: o
-  }, {
-    default: () => {
-      var p, d;
-      return [(d = (p = t.slots).default) == null ? void 0 : d.call(p)];
-    }
-  });
-}
-const te = /* @__PURE__ */ _({
-  name: "FButtonEdit",
-  props: se,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const n = a(), s = a(e.customClass), o = a(e.modelValue), c = Ce(e, t, n), {
-      shouldPopupContent: p,
-      hidePopup: d,
-      togglePopup: y
-    } = c, l = ye(e, t, n, c), i = a(""), u = be(e, t, o, i, c), {
-      hasFocusedTextBox: f,
-      commitValue: g,
-      inputGroupClass: C
-    } = u, k = ge(e, t, o, f, i, u), {
-      onMouseEnterTextBox: L,
-      onMouseLeaveTextBox: x
-    } = k, V = b(() => {
-      const h = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return s.value && s.value.split(" ").reduce((E, N) => (E[N] = !0, E), h), h;
-    });
-    function F() {
-      return e.multiSelect && e.inputType === "tag" ? Te(e, o, u) : Be(e, o, u);
-    }
-    let D = F();
-    I([() => e.multiSelect, () => e.inputType], () => {
-      D = F();
-    });
-    const R = ke(e, l, k), w = Lt(e, t, c), j = {
-      commitValue: g,
-      elementRef: n,
-      hidePopup: d,
-      shouldPopupContent: p,
-      togglePopup: y
-    };
-    le(() => {
-      n.value.componentInstance = j, window.onresize = () => {
-        document.body.click();
-      };
-    });
-    function S(h) {
-      n.value.contains(h.target) && p.value || document.body.click();
-    }
-    return t.expose(j), () => m(Se, null, [m("div", fe(t.attrs, {
-      ref: n,
-      class: V.value,
-      id: e.id,
-      onMousedown: S
-    }), [m("div", {
-      id: `${e.id}-input-group`,
-      class: C.value,
-      onMouseenter: L,
-      onMouseleave: x
-    }, [D(), R()])]), p.value && w()]);
-  }
-});
-function Dt(e, t, n) {
-  var R;
-  function s() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  s();
-  const o = n && n.getStyles && n.getStyles() || "", c = n && n.getDesignerClass && n.getDesignerClass() || "", p = a();
-  function d() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function y() {
-    return !1;
-  }
-  function l() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function i() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function u(w) {
-    if (!w || !w.value)
-      return null;
-    if (w.value.schema && w.value.schema.type === "component")
-      return w.value;
-    const j = a(w == null ? void 0 : w.value.parent), S = u(j);
-    return S || null;
-  }
-  function f(w = t) {
-    const { componentInstance: j, designerItemElementRef: S } = w;
-    return !j || !j.value ? null : j.value.canMove ? S : f(w.parent);
-  }
-  function g(w) {
-    return !!n && n.canAccepts(w);
-  }
-  function C() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function k() {
-  }
-  function L(w, j) {
-    j && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(j);
-  }
-  function x(w) {
-    const { componentType: j } = w;
-    let S = ne(j, w);
-    n && n.onResolveNewComponentSchema && (S = n.onResolveNewComponentSchema(w, S));
-    const h = j.toLowerCase().replace("-", "_");
-    return S && !S.id && S.type === j && (S.id = `${h}_${Math.random().toString().slice(2, 6)}`), S;
-  }
-  function V(w, j) {
-    const S = String(w.getAttribute("data-controltype")), h = w.getAttribute("data-feature"), E = h ? JSON.parse(h) : {};
-    E.parentComponentInstance = p.value;
-    let N = ne(S, E);
-    n && n.onAcceptNewChildElement && (N = n.onAcceptNewChildElement(w, j, N));
-    const z = S.toLowerCase().replace("-", "_");
-    return N && !N.id && N.type === S && (N.id = `${z}_${Math.random().toString().slice(2, 6)}`), N;
-  }
-  function F(w) {
-  }
-  function D() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return p.value = {
-    canMove: d(),
-    canSelectParent: y(),
-    canDelete: l(),
-    canNested: !i(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (R = t == null ? void 0 : t.parent) == null ? void 0 : R.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: o,
-    designerClass: c,
-    canAccepts: g,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: C,
-    getPropConfig: D,
-    getDragScopeElement: k,
-    onAcceptMovedChildElement: L,
-    onAcceptNewChildElement: V,
-    onChildElementMovedOut: F,
-    addNewChildComponentSchema: x,
-    updateDragAndDropRules: s,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || a(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || a(!1)
-  }, p;
-}
-const Et = /* @__PURE__ */ _({
-  name: "FButtonEdit",
-  props: se,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const n = a(), s = je("design-item-context"), o = Dt(n, s), c = a(e.customClass), p = a(e.modelValue), d = Ce(e, t, n), y = ye(e, t, n, d), l = a(""), i = be(e, t, p, l, d), {
-      hasFocusedTextBox: u,
-      inputGroupClass: f
-    } = i, g = ge(e, t, p, u, l, i);
-    le(() => {
-      n.value.componentInstance = o;
-    }), t.expose(o.value);
-    const C = b(() => {
-      const V = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return c.value && c.value.split(" ").reduce((F, D) => (F[D] = !0, F), V), V;
-    });
-    function k() {
-      return e.multiSelect && e.inputType === "tag" ? Te(e, p, i) : Be(e, p, i);
-    }
-    let L = k();
-    I([() => e.multiSelect, () => e.inputType], () => {
-      L = k();
-    });
-    const x = ke(e, y, g);
-    return () => m("div", fe(t.attrs, {
-      ref: n,
-      class: C.value,
-      id: e.id
-    }), [m("div", {
-      class: f.value
-    }, [L(), x()])]);
-  }
-}), Rt = {
-  install(e) {
-    e.component(te.name, te);
-  },
-  register(e, t, n) {
-    e["button-edit"] = te, t["button-edit"] = ie;
-  },
-  registerDesigner(e, t, n) {
-    e["button-edit"] = Et, t["button-edit"] = ie;
-  }
-};
-export {
-  te as ButtonEdit,
-  se as buttonEditProps,
-  Rt as default,
-  ie as propsResolver
-};