@farris/ui-vue 1.0.2 → 1.1.1

package/combo-list/index.esm.js

@@ -1,2227 +0,0 @@
-import { ref as a, computed as B, watch as W, defineComponent as G, createVNode as v, withDirectives as Q, vModelCheckbox as Me, Fragment as re, withModifiers as Fe, vModelText as Oe, Teleport as de, createApp as Le, onUnmounted as fe, nextTick as K, vShow as ve, onMounted as ne, mergeProps as Ve, inject as De } from "vue";
-const pe = {};
-function oe(e) {
-  const { properties: t } = e;
-  return Object.keys(t).reduce((l, n) => (l[n] = t[n].type === "object" && t[n].properties ? oe(t[n]) : t[n].default, l), {});
-}
-function je(e) {
-  const t = pe[e];
-  return t ? oe(t) : null;
-}
-function Re(e, t) {
-  const o = oe(t);
-  return Object.keys(e).reduce((l, n) => (l[n] = e[n], l), o), o;
-}
-function Ae(e, t) {
-  return Object.keys(e).filter((l) => e[l] != null).reduce((l, n) => {
-    if (t.has(n)) {
-      const s = t.get(n);
-      if (typeof s == "string")
-        l[s] = e[n];
-      else {
-        const u = s(n, e[n]);
-        Object.assign(l, u);
-      }
-    } else
-      l[n] = e[n];
-    return l;
-  }, {});
-}
-function Ee(e, t, o = /* @__PURE__ */ new Map()) {
-  const l = Re(e, t);
-  return Ae(l, o);
-}
-function ge(e, t, o = /* @__PURE__ */ new Map()) {
-  return pe[t.title] = t, (l) => {
-    const n = Ee(l, t, o), s = Object.keys(e).reduce((u, r) => (u[r] = e[r].default, u), {});
-    return Object.assign(s, n);
-  };
-}
-function me(e, t) {
-  return { customClass: t.class };
-}
-const He = /* @__PURE__ */ new Map([
-  ["appearance", me]
-]), We = "https://json-schema.org/draft/2020-12/schema", _e = "https://farris-design.gitee.io/combo-list.schema.json", $e = "combo-list", Ne = "A Farris Input Component", ze = "object", Xe = {
-  id: {
-    description: "The unique identifier for a combo list",
-    type: "string"
-  },
-  type: {
-    description: "The type string of number combo list component",
-    type: "string",
-    default: "combo-list"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  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
-  },
-  required: {
-    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: ""
-  }
-}, qe = [
-  "id",
-  "type"
-], Ge = {
-  $schema: We,
-  $id: _e,
-  title: $e,
-  description: Ne,
-  type: ze,
-  properties: Xe,
-  required: qe
-};
-var Ue = /* @__PURE__ */ ((e) => (e.Text = "text", e.Tag = "tag", e))(Ue || {}), Ke = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(Ke || {});
-const ae = {
-  /**
-   * 组件标识
-   */
-  id: { type: String },
-  /**
-   * 下拉数据源
-   */
-  data: { type: Array, default: [] },
-  /**
-   * 可选，展示文本
-   * 默认为空字符串
-   */
-  displayText: { type: String, default: "" },
-  /**
-   * 可选，是否禁用
-   * 默认为`false`
-   */
-  disabled: { default: !1, type: Boolean },
-  /**
-   * 可选，下拉图标
-   * 默认为'<span class="f-icon f-icon-arrow-60-down"></span>'
-   */
-  dropDownIcon: { type: String, default: '<span class="f-icon f-icon-arrow-60-down"></span>' },
-  /**
-   * 可选，是否可编辑
-   * 默认`false`
-   */
-  editable: { default: !1, type: Boolean },
-  /**
-   * 可选，是否启用清空
-   * 默认启用
-   */
-  enableClear: { default: !0, type: Boolean },
-  /**
-   * 可选，启用搜索
-   * 默认为`false`
-   */
-  enableSearch: { type: Boolean, default: !1 },
-  /**
-   * 可选，鼠标悬停时是否显示控件值
-   * 默认显示
-   */
-  enableTitle: { default: !0, type: Boolean },
-  /**
-   * 可选，强制显示占位符
-   * 默认`false`
-   */
-  forcePlaceholder: { default: !1, type: Boolean },
-  /**
-   * 可选，清空值时隐藏面板
-   * 默认`true`
-   */
-  hidePanelOnClear: { default: !0, type: Boolean },
-  /**
-   * 可选，数据源id字段
-   * 默认为`id`
-   */
-  idField: { default: "id", type: String },
-  /**
-   * 可选，字段映射
-   */
-  mapFields: { type: Object },
-  /**
-   * 可选，最大高度
-   * 默认`350`
-   */
-  maxHeight: { default: 350, type: Number },
-  /**
-   * 最大输入长度
-   */
-  maxLength: { type: Number },
-  /**
-   * 可选，是否支持多选
-   * 默认`false`
-   */
-  multiSelect: { default: !1, type: Boolean },
-  /**
-   * 绑定值
-   */
-  modelValue: { type: String, default: "" },
-  /**
-   * 占位符
-   */
-  placeholder: { type: String },
-  /**
-   * 可选，下拉面板展示位置
-   * 默认为`auto`
-   */
-  placement: {
-    type: String,
-    default: "auto"
-    /* auto */
-  },
-  /**
-   * 可选，是否只读
-   * 默认为`false`
-   */
-  readonly: { default: !1, type: Boolean },
-  /**
-   * 远端数据源信息
-   */
-  remote: { default: null, type: Object },
-  /**
-   * 可选，是否支持远端过滤
-   * 默认`false`
-   */
-  remoteSearch: { default: !1, type: Boolean },
-  /**
-   * 可选，分隔符
-   * 默认`,`
-   */
-  separator: { default: ",", type: String },
-  /**
-   * tabIndex
-   */
-  tabIndex: { type: Number, default: -1 },
-  /**
-   * 可选，数据源显示字段
-   * 默认为`name`
-   */
-  textField: { default: "name", type: String },
-  /**
-   * 可选，数据源值字段
-   * 默认为`id`
-   */
-  valueField: { default: "id", type: String },
-  /**
-   * 可选，下拉列表值展示方式
-   * 支持text | tag，即文本或标签，默认为`ViewType.Text`，即文本方式`text`
-   */
-  viewType: { default: "text", type: String }
-}, ie = ge(ae, Ge, He), Je = {
-  dataSource: { type: Array, default: [] },
-  enableSearch: { type: Boolean, default: !1 },
-  idField: { type: String, default: "id" },
-  multiSelect: { default: !1, type: Boolean },
-  selectedValues: { type: String, default: "" },
-  separator: { type: String, default: "," },
-  textField: { type: String, default: "name" },
-  width: { type: Number },
-  height: { type: Number },
-  valueField: { type: String, default: "id" }
-}, Qe = {
-  data: { type: Array, default: [] },
-  draggable: { type: Boolean, default: !1 },
-  multiSelect: { Type: Boolean, default: !1 },
-  multiSelectMode: { Type: String, default: "OnCheck" },
-  idField: { Type: String, default: "id" },
-  valueField: { Type: String, default: "id" },
-  textField: { Type: String, default: "name" },
-  view: { Type: String, default: "ContentView" },
-  size: { Type: String, default: "default" },
-  placeholder: { type: String, default: "" },
-  header: { Type: String, default: "ContentHeader" },
-  headerClass: { Type: String, default: "" },
-  itemClass: { Type: String, default: "" },
-  selectionValues: { type: Array, default: [] },
-  keepOrder: { type: Boolean, default: !1 },
-  disableField: { type: String, default: "disabled" }
-};
-function Ye(e, t, o, l, n) {
-  const s = a(e.idField), u = a(e.disableField), r = a(e.draggable), y = a(e.itemClass), d = a(e.multiSelect), f = a(e.multiSelectMode);
-  a(!0);
-  const { isDragging: i } = o, { activeIndex: c, focusedItemId: m, hoverIndex: p } = l, { clearSelection: b, selectedItems: M, toggleSelectItem: P } = n;
-  function S(C, j) {
-    const L = {
-      "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": r.value,
-      "f-un-click": !!C.unClick,
-      "f-un-select": !!C[u.value],
-      "f-listview-active": C.__fv_index__ === c.value,
-      "f-listview-hover": !i.value && j === p.value,
-      moving: !!C.moving
-    };
-    return y.value.split(" ").reduce((z, D) => (z[D] = !0, z), L), L;
-  }
-  function h(C, j) {
-    return C[s.value] || "";
-  }
-  const T = B(() => !d.value);
-  function k(C, j) {
-    C.unClick || C[u.value] || (T.value && (m.value = C[s.value]), P(C, j));
-  }
-  const x = B(() => d.value && f.value === "OnCheckClearByClick"), E = B(() => !d.value || d.value && (f.value === "OnCheckAndClick" || f.value === "OnClick"));
-  function V(C, j, L) {
-    if (j.unClick || j[u.value]) {
-      C.preventDefault(), C.stopPropagation();
-      return;
-    }
-    m.value = j[s.value], c.value = L, x.value && b(), E.value && P(j, L), t.emit("clickItem", { data: M.value, index: L });
-  }
-  return {
-    getKey: h,
-    listViewItemClass: S,
-    onCheckItem: k,
-    onClickItem: V
-  };
-}
-function Ze(e, t, o) {
-  const l = a(e.idField), n = a(e.multiSelect);
-  a(e.multiSelectMode);
-  const { getSelectionItems: s } = o, u = a(s(e.selectionValues));
-  W(() => e.selectionValues, (c) => {
-    u.value = a(s(c)).value;
-  });
-  const r = B(() => !n.value);
-  function y(c) {
-    return c[l.value] || "";
-  }
-  function d(c) {
-    return u.value.findIndex((p) => y(p) === y(c));
-  }
-  function f() {
-    u.value.forEach((c) => {
-      c.checked = !1;
-    }), u.value = [];
-  }
-  function i(c, m) {
-    r.value && f();
-    const p = d(c);
-    p > -1 ? (u.value.splice(p, 1), c.checked = !1) : (u.value.push(c), c.checked = !0), t.emit("selectionChange", u.value);
-  }
-  return { clearSelection: f, findIndexInSelectedItems: d, selectedItems: u, toggleSelectItem: i };
-}
-function et(e, t) {
-  function o(s) {
-    const u = [];
-    let r = s.nextNode();
-    for (; r; )
-      u.push(r), r = s.nextNode();
-    return u;
-  }
-  function l(s, u) {
-    const r = document.createTreeWalker(s, NodeFilter.SHOW_TEXT);
-    return o(r).map((i) => ({ textNode: i, text: (i.textContent || "").toLocaleLowerCase() })).map(({ textNode: i, text: c }) => {
-      const m = [];
-      let p = 0;
-      for (; p < c.length; ) {
-        const b = c.indexOf(u, p);
-        if (b === -1)
-          break;
-        m.push(b), p = b + u.length;
-      }
-      return m.map((b) => {
-        const M = new Range();
-        return M.setStart(i, b), M.setEnd(i, b + u.length), M;
-      });
-    }).flat();
-  }
-  function n(s) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !s || !t))
-      return;
-    const u = l(t.value, s.toLocaleLowerCase()), r = new Highlight(...u);
-    CSS.highlights.set("search-result", r);
-  }
-  return { search: n };
-}
-const tt = {
-  checked: { Type: Boolean, default: !1 },
-  id: { Type: String, default: "" },
-  disabled: { Type: Boolean, default: !1 },
-  /**
-   * 组件值，字符串或者数组
-   */
-  modelValue: { Type: Boolean, default: !1 }
-}, le = /* @__PURE__ */ G({
-  name: "FListViewCheckBox",
-  props: tt,
-  emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const o = a(e.checked), l = a(e.disabled), n = a(e.id);
-    function s(u) {
-      u.stopPropagation(), u.preventDefault(), l.value || (o.value = !o.value, t.emit("change", {
-        originalEvent: u,
-        checked: o.value
-      }));
-    }
-    return W(() => e.checked, (u) => {
-      o.value = u;
-    }), () => v("div", {
-      class: "custom-control custom-checkbox  custom-control-inline listview-checkbox"
-    }, [Q(v("input", {
-      id: n.value,
-      title: n.value,
-      type: "checkbox",
-      class: "custom-control-input",
-      "onUpdate:modelValue": (u) => o.value = u,
-      onChange: (u) => console.log(u)
-    }, null), [[Me, o.value]]), v("label", {
-      for: n.value,
-      class: "custom-control-label",
-      onClick: (u) => s(u)
-    }, null)]);
-  }
-});
-function se(e, t, o, l, n, s, u, r) {
-  const y = a(e.size), d = a(e.textField), f = a(e.multiSelect), i = a(e.disableField), {
-    onMouseenterItem: c,
-    onMouseoverItem: m,
-    onMouseoutItem: p
-  } = n, {
-    getKey: b,
-    listViewItemClass: M,
-    onCheckItem: P,
-    onClickItem: S
-  } = s, h = B(() => ({
-    margin: y.value === "small" ? "0.25rem 0" : "10px 0"
-  }));
-  function T(k, x, E) {
-    return k.checked = u.findIndexInSelectedItems(k) > -1, v("li", {
-      class: M(k, x),
-      id: b(k, x),
-      key: b(k, x),
-      onClick: (V) => S(V, k, x),
-      onMouseenter: (V) => c(V, k, x),
-      onMouseover: (V) => m(V, k, x),
-      onMouseout: (V) => p(V, k, x)
-    }, [f.value && v("div", {
-      class: "f-list-select",
-      onClick: (V) => V.stopPropagation()
-    }, [v(le, {
-      id: "list-" + b(k, x),
-      disabled: k[i.value] || k.unClick,
-      checked: k.checked,
-      onChange: (V) => P(k, x)
-    }, null)]), v("div", {
-      class: "f-list-content"
-    }, [v("div", {
-      style: h.value
-    }, [k[d.value]])])]);
-  }
-  return {
-    renderItem: T
-  };
-}
-function nt(e, t, o, l, n, s, u, r) {
-  const y = a(e.multiSelect), d = a(e.disableField), {
-    onMouseenterItem: f,
-    onMouseoverItem: i,
-    onMouseoutItem: c
-  } = n, {
-    getKey: m,
-    listViewItemClass: p,
-    onCheckItem: b,
-    onClickItem: M
-  } = s;
-  function P(h, T, k) {
-    return t.slots.content ? v(re, null, [t.slots.content && t.slots.content({
-      item: h,
-      index: T,
-      selectedItem: k
-    })]) : v("div", {
-      style: "margin: 10px 0;"
-    }, [h.name]);
-  }
-  function S(h, T, k) {
-    return v("li", {
-      class: p(h, T),
-      id: m(h, T),
-      key: m(h, T),
-      onClick: (x) => M(x, h, T),
-      onMouseenter: (x) => f(x, h, T),
-      onMouseover: (x) => i(x, h, T),
-      onMouseout: (x) => c(x, h, T)
-    }, [y.value && v("div", {
-      class: "f-list-select",
-      onClick: (x) => x.stopPropagation()
-    }, [v(le, {
-      id: "list-" + m(h, T),
-      disabled: h[d.value] || h.unClick,
-      checked: h.checked,
-      onChange: (x) => b(h, T)
-    }, null)]), v("div", {
-      class: "f-list-content"
-    }, [P(h, T, k)])]);
-  }
-  return {
-    renderItem: S
-  };
-}
-function ot(e, t, o, l, n, s, u, r) {
-  const y = a(e.multiSelect), d = a(e.disableField), {
-    onMouseenterItem: f,
-    onMouseoverItem: i,
-    onMouseoutItem: c
-  } = n, {
-    getKey: m,
-    listViewItemClass: p,
-    onCheckItem: b,
-    onClickItem: M
-  } = s, {
-    dragstart: P,
-    dragenter: S,
-    dragover: h,
-    dragend: T
-  } = l, {
-    removeItem: k
-  } = r, x = B(() => ({
-    margin: y.value ? "10px 0" : "10px 0px 10px 14px"
-  }));
-  function E(L) {
-    return v("div", {
-      style: x.value
-    }, [L.name]);
-  }
-  function V() {
-    return t.slots.itemContent ? t.slots.itemContent : E;
-  }
-  const C = V();
-  function j(L, R, z) {
-    return v("li", {
-      class: p(L, R),
-      id: m(L, R),
-      key: m(L, R),
-      onClick: (D) => M(D, L, R),
-      onMouseenter: (D) => f(D, L, R),
-      onMouseover: (D) => i(D, L, R),
-      onMouseout: (D) => c(D, L, R),
-      draggable: "true",
-      onDragstart: (D) => P(D, L, R),
-      onDragenter: (D) => S(D, R),
-      onDragend: (D) => T(D, L),
-      onDragover: (D) => h(D, R)
-    }, [y.value && v("div", {
-      class: "f-list-select",
-      onClick: (D) => D.stopPropagation()
-    }, [v(le, {
-      id: "list-" + m(L, R),
-      disabled: L[d.value] || L.unClick,
-      checked: L.checked,
-      onChange: (D) => b(L, R)
-    }, null)]), v("div", {
-      class: "f-list-content"
-    }, [C(L)]), v("div", {
-      class: "f-list-remove",
-      onClick: (D) => k(R)
-    }, [v("div", {
-      class: "f-list-remove-icon"
-    }, [v("i", {
-      class: "f-icon f-icon-remove_face"
-    }, null)])]), v("div", {
-      class: "f-list-handle"
-    }, [v("div", null, [v("i", {
-      class: "f-icon f-icon-drag-vertical"
-    }, null)])])]);
-  }
-  return {
-    renderItem: j
-  };
-}
-function at(e, t, o) {
-  function l() {
-    return t.slots.header && v("div", {
-      class: "f-list-view-header"
-    }, [t.slots.header()]);
-  }
-  return {
-    renderHeader: l
-  };
-}
-function ce(e, t, o) {
-  const l = a(e.headerClass), n = a(e.placeholder), s = a(""), u = B(() => !s.value), r = B(() => !!s.value);
-  function y(c) {
-    s.value = "";
-  }
-  W(s, (c) => {
-    o.search(c);
-  });
-  const d = B(() => {
-    const c = {
-      "form-group": !0,
-      "farris-form-group": !0
-    };
-    return l.value && l.value.split(" ").reduce((p, b) => (p[b] = !0, p), c), c;
-  });
-  function f(c) {
-  }
-  function i() {
-    return v("div", {
-      class: "f-list-view-header",
-      onClick: Fe(f, ["prevent", "stop"])
-    }, [v("div", {
-      class: d.value
-    }, [v("div", {
-      class: "farris-input-wrap"
-    }, [v("div", {
-      class: "f-cmp-inputgroup"
-    }, [v("div", {
-      class: "input-group f-state-editable"
-    }, [Q(v("input", {
-      class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (c) => s.value = c,
-      name: "input-group-value",
-      type: "text",
-      placeholder: n.value,
-      autocomplete: "off"
-    }, null), [[Oe, s.value]]), v("div", {
-      class: "input-group-append"
-    }, [r.value && v("span", {
-      class: "input-group-text input-group-clear",
-      onClick: (c) => y()
-    }, [v("i", {
-      class: "f-icon f-icon-close-circle"
-    }, null)]), u.value && v("span", {
-      class: "input-group-text"
-    }, [v("span", {
-      class: "f-icon f-icon-search"
-    }, null)])])])])])])]);
-  }
-  return {
-    renderHeader: i
-  };
-}
-function lt(e, t) {
-  const o = a(e.idField), l = a(e.data), n = a(e.data), s = a(e.keepOrder);
-  function u() {
-    const d = l.value.map((f, i) => typeof f != "object" ? { __fv_index__: i, name: f } : (f.__fv_index__ = i, f));
-    return n.value = d, d;
-  }
-  const r = a(u());
-  W(
-    () => e.data,
-    (d) => {
-      if (s.value) {
-        const f = d.reduce((p, b) => (p.set(b.id, !0), p), /* @__PURE__ */ new Map()), i = l.value.reduce((p, b) => (p.set(b.id, !0), p), /* @__PURE__ */ new Map()), c = r.value.filter((p) => f.has(p.id)), m = d.filter((p) => !i.has(p.id));
-        l.value = [...c, ...m];
-      } else
-        l.value = d;
-      r.value = u();
-    }
-  );
-  function y(d) {
-    return d.map((i) => {
-      const c = n.value.findIndex((m) => m[o.value] === i);
-      return c > -1 ? n.value[c] : null;
-    }).filter((i) => i != null);
-  }
-  return {
-    dataView: r,
-    getSelectionItems: y
-  };
-}
-function ut(e, t, o, l) {
-  const n = a(e.idField), { dataView: s } = o, u = a(-1), r = a(!1), { activeIndex: y, focusedItemId: d, hoverIndex: f, resumeHover: i, suspendHover: c } = l;
-  function m(P, S, h) {
-    P.stopPropagation(), c(), S && setTimeout(() => {
-      u.value = h, r.value = !0, S.moving = !0;
-    });
-  }
-  function p(P, S) {
-    if (P.preventDefault(), u.value !== S) {
-      const h = s.value[u.value], T = s.value;
-      T.splice(u.value, 1), T.splice(S, 0, h), u.value = S;
-    }
-  }
-  function b(P, S) {
-    P.preventDefault(), P.dataTransfer && (P.dataTransfer.dropEffect = "move");
-  }
-  function M(P, S) {
-    S && (S.moving = !1), s.value.forEach((h, T) => {
-      h.__fv_index__ = T;
-    }), r.value = !1, i(), f.value = S.__fv_index__, y.value = S.__fv_index__, d.value = S[n.value], t.emit("change", s.value);
-  }
-  return {
-    dragstart: m,
-    dragenter: p,
-    dragover: b,
-    dragend: M,
-    isDragging: r
-  };
-}
-function it(e, t, o) {
-  const { dataView: l } = o;
-  function n(s) {
-    if (s > -1 && s < l.value.length) {
-      const u = l.value.splice(s, 1);
-      t.emit("removeItem", u[0]);
-    }
-  }
-  return { removeItem: n };
-}
-function st() {
-  const e = a(-1), t = a(""), o = a(-1), l = a(!1);
-  function n(d, f, i) {
-    o.value = i;
-  }
-  function s(d, f, i) {
-    l.value || (o.value = i);
-  }
-  function u(d, f, i) {
-    o.value = -1;
-  }
-  function r() {
-    l.value = !0;
-  }
-  function y() {
-    l.value = !1;
-  }
-  return {
-    activeIndex: e,
-    focusedItemId: t,
-    hoverIndex: o,
-    onMouseenterItem: n,
-    onMouseoverItem: s,
-    onMouseoutItem: u,
-    resumeHover: y,
-    suspendHover: r
-  };
-}
-const ct = /* @__PURE__ */ G({
-  name: "FListView",
-  props: Qe,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change"],
-  setup(e, t) {
-    const o = a(), l = a(e.view), n = a(e.header), s = a(e.multiSelect), u = a(e.view === "CardView"), r = a(!0), y = a({}), d = a("暂无数据");
-    a(!0), a(!1), a("id");
-    const f = lt(e), {
-      dataView: i
-    } = f, c = B(() => {
-      const F = {
-        "f-list-view": !0,
-        "f-list-view-multiple": s.value
-      };
-      return e.size !== "default" && (F[`${e.size}-item`] = !0), F;
-    }), m = B(() => ({
-      "f-list-view-group": !0,
-      "d-flex": u.value,
-      "flex-wrap": u.value
-    })), p = B(() => !!i.value && i.value.length > 0), b = st(), M = Ze(e, t, f), P = ut(e, t, f, b), S = it(e, t, f), h = Ye(e, t, P, b, M), T = et(e, o), k = B(() => i.value.length === 0), x = B(() => k.value && !t.slots.empty), E = B(() => !!t.slots.footer || r.value);
-    function V() {
-      return l.value === "SingleView" ? se : l.value === "DraggableView" ? ot : l.value === "ContentView" && t.slots.content ? nt : se;
-    }
-    const C = V(), {
-      renderItem: j
-    } = C(e, t, f, P, b, h, M, S);
-    function L() {
-      return n.value === "SearchBar" ? ce : n.value === "ContentHeader" ? at : ce;
-    }
-    const R = L(), {
-      renderHeader: z
-    } = R(e, t, T);
-    function D(F) {
-      T.search(F);
-    }
-    t.expose({
-      search: D
-    });
-    function O(F) {
-      s.value && (F.preventDefault(), F.stopPropagation());
-    }
-    return () => v("div", {
-      class: c.value,
-      onClick: O
-    }, [z(), v("div", {
-      ref: o,
-      class: "f-list-view-content"
-    }, [v("ul", {
-      class: m.value,
-      style: "list-style: none;"
-    }, [p.value && i.value.map((F, A) => j(F, A, y)), x.value && v("div", {
-      class: "f-list-view-emptydata"
-    }, [v("p", {
-      class: "f-empty-title"
-    }, [d.value])]), t.slots.empty && t.slots.empty()])]), E.value && v("div", {
-      class: "f-list-view-footer"
-    }, [t.slots.footer && t.slots.footer()])]);
-  }
-}), rt = /* @__PURE__ */ G({
-  name: "FComboListContainer",
-  props: Je,
-  emits: ["selectionChange"],
-  setup(e, t) {
-    const o = a(e.dataSource), l = a([]), n = a(e.separator), s = a(e.width), u = a(e.height), r = a(e.selectedValues.split(n.value));
-    W(e.dataSource, () => {
-      o.value = e.dataSource;
-    });
-    const y = B(() => e.enableSearch ? "SearchBar" : "ContentHeader"), d = B(() => {
-      const i = {};
-      return s.value !== void 0 && (i.width = `${s.value}px`), u.value !== void 0 && (i.height = `${u.value}px`), i;
-    });
-    function f(i) {
-      l.value = i.map((c) => Object.assign({}, c)), r.value = i.map((c) => c[e.idField]), t.emit("selectionChange", l.value);
-    }
-    return () => v("div", {
-      class: "f-combo-list-container",
-      style: d.value
-    }, [v(ct, {
-      size: "small",
-      itemClass: "f-combo-list-item",
-      header: y.value,
-      headerClass: "f-combo-list-search-box",
-      data: o.value,
-      idField: e.idField,
-      textField: e.textField,
-      multiSelect: e.multiSelect,
-      multiSelectMode: "OnCheckAndClick",
-      "selection-values": r.value,
-      onSelectionChange: f
-    }, null)]);
-  }
-}), dt = /* @__PURE__ */ new Map([
-  ["appearance", me]
-]), ft = "https://json-schema.org/draft/2020-12/schema", vt = "https://farris-design.gitee.io/button-edit.schema.json", pt = "button-edit", gt = "A Farris Input Component", mt = "object", ht = {
-  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: ""
-  }
-}, yt = [
-  "id",
-  "type"
-], bt = {
-  $schema: ft,
-  $id: vt,
-  title: pt,
-  description: gt,
-  type: mt,
-  properties: ht,
-  required: yt
-}, he = {
-  /**
-   * 组件标识
-   */
-  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 },
-  /**
-   * 文本对齐方式
-   */
-  textAlign: { type: String, default: "left" },
-  /**
-   * 禁用组件时，是否显示扩展按钮
-   */
-  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: 320 },
-  wrapText: { type: Boolean, default: !1 },
-  /**
-   * 可选，是否支持多选
-   * 默认`false`
-   */
-  multiSelect: { type: Boolean, default: !1 },
-  /**
-   * 可选，分隔符
-   * 默认`,`
-   */
-  separator: { type: String, default: "," }
-};
-ge(he, bt, dt);
-const Ct = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object }
-}, wt = /* @__PURE__ */ G({
-  name: "FOverlay",
-  props: Ct,
-  emits: ["click"],
-  setup(e, t) {
-    const o = a(e.popupContentPosition), l = a(e.host);
-    function n(r) {
-      t.emit("click"), r.preventDefault(), r.stopPropagation();
-    }
-    const s = B(() => {
-      const r = l.value;
-      if (r) {
-        const y = r.getBoundingClientRect(), {
-          left: d,
-          top: f,
-          height: i
-        } = y;
-        return {
-          left: d,
-          top: f + i
-        };
-      }
-      return o.value;
-    }), u = B(() => ({
-      position: "relative",
-      left: `${s.value.left}px`,
-      top: `${s.value.top}px`
-    }));
-    return () => v(de, {
-      to: "body"
-    }, {
-      default: () => {
-        var r, y;
-        return [v("div", {
-          class: "overlay-container",
-          style: "pointer-events: auto;",
-          onClick: (d) => n(d)
-        }, [v("div", {
-          style: u.value
-        }, [(y = (r = t.slots).default) == null ? void 0 : y.call(r)])])];
-      }
-    });
-  }
-});
-function St(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 o;
-  const l = e.onClickCallback || (() => {
-  }), n = () => {
-    l(), o && o.unmount();
-  };
-  return o = Le({
-    setup() {
-      fe(() => {
-        document.body.removeChild(t);
-      });
-      const s = St(e);
-      return () => v(wt, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: n
-      }, {
-        default: () => [s && s()]
-      });
-    }
-  }), document.body.appendChild(t), o.mount(t), o;
-}
-class It {
-  static show(t) {
-    return Tt(t);
-  }
-}
-function Bt(e, t, o, l) {
-  const n = a(e.buttonBehavior), s = a(e.popupOnInput), u = B(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), r = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function y(c) {
-    if (r.value) {
-      const m = !!t.slots.default;
-      n.value === "Overlay" && It.show({
-        host: o.value,
-        render: () => {
-          if (t.slots.default)
-            return t.slots.default();
-        }
-      }), m && n.value === "Popup" && l.togglePopup(), m && s.value && l.hidePopup(), t.emit("clickButton", { origin: c, value: e.modelValue });
-    }
-    c.stopPropagation();
-  }
-  function d(c) {
-    t.emit("mouseEnterIcon", c);
-  }
-  function f(c) {
-    t.emit("mouseLeaveIcon", c);
-  }
-  function i() {
-    t.emit("mouseOverButton");
-  }
-  return {
-    buttonClass: u,
-    onClickButton: y,
-    onMouseEnterButton: d,
-    onMouseLeaveButton: f,
-    onMouseOverButton: i
-  };
-}
-function kt(e, t, o, l, n, s) {
-  const u = a(!1), r = B(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: y } = s;
-  function d(m) {
-    u.value = m;
-  }
-  W(n, () => {
-    l.value ? d(!!n.value) : d(!1);
-  });
-  function f(m) {
-    const p = !e.readonly && !e.disable && e.editable, b = !e.editable;
-    m.stopPropagation(), (p || b) && (y("", !1), d(!u.value), t.emit("clear"));
-  }
-  function i(m) {
-    if (r.value) {
-      if (!o.value) {
-        d(!1);
-        return;
-      }
-      (!e.editable || !e.readonly) && !e.disable && d(!0);
-    }
-  }
-  function c(m) {
-    r.value && d(!1);
-  }
-  return {
-    enableClearButton: r,
-    showClearButton: u,
-    onClearValue: f,
-    onMouseEnterTextBox: i,
-    onMouseLeaveTextBox: c
-  };
-}
-function xt(e, t, o, l, n) {
-  const s = a(e.popupOnInput), u = a(e.popupOnFocus), { shouldPopupContent: r } = n, y = B(() => e.enableTitle ? o.value : ""), d = B(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), f = B(() => e.readonly || !e.editable);
-  let i = !1;
-  const c = B(() => !e.disable && i), m = B(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), p = 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": c.value
-  }));
-  function b(C, j = !0) {
-    o.value !== C && (o.value = C, j && t.emit("change", C), t.emit("update:modelValue", C));
-  }
-  function M(C) {
-    r.value = !1, b(C, !0);
-  }
-  W(
-    () => e.modelValue,
-    (C) => {
-      o.value = C, t.emit("change", C);
-    }
-  );
-  function P(C) {
-    i = !1, t.emit("blur", C), C.stopPropagation();
-  }
-  function S(C) {
-    t.emit("click", C);
-  }
-  function h(C) {
-    if (e.disable) {
-      i = !0;
-      return;
-    }
-    i = !0, f.value || (t.emit("focus", C), u.value && !r.value && n.popup());
-  }
-  function T(C) {
-    t.emit("input", C.target.value);
-    const j = C.target.value;
-    l.value = j, o.value !== j && b(j, !1), s.value && !r.value && n.popup();
-  }
-  function k(C) {
-    C.target.tagName !== "INPUT" && C.preventDefault(), C.stopPropagation();
-  }
-  function x(C) {
-    t.emit("keydown", C);
-  }
-  function E(C) {
-    C.key === "Enter" && (s.value || u.value) && n.hidePopup(), t.emit("keyup", C);
-  }
-  function V(C) {
-    const j = C.target.value;
-    C.stopPropagation(), b(j);
-  }
-  return {
-    hasFocusedTextBox: c,
-    isTextBoxReadonly: f,
-    textBoxClass: m,
-    textBoxPlaceholder: d,
-    textBoxTitle: y,
-    inputGroupClass: p,
-    changeTextBoxValue: b,
-    commitValue: M,
-    onBlurTextBox: P,
-    onClickTextBox: S,
-    onFocusTextBox: h,
-    onInput: T,
-    onKeyDownTextBox: x,
-    onKeyUpTextBox: E,
-    onMouseDownTextBox: k,
-    onTextBoxValueChange: V
-  };
-}
-function Pt(e, t, o) {
-  const l = a(), n = a(!1);
-  function s() {
-    const d = l.value;
-    d && d.show(o.value);
-  }
-  async function u() {
-    !!t.slots.default && (n.value = !n.value, await K(), s());
-  }
-  async function r() {
-    !!t.slots.default && (n.value = !0, await K(), s());
-  }
-  function y() {
-    n.value = !1;
-  }
-  return { hidePopup: y, popup: r, shouldPopupContent: n, togglePopup: u, popoverRef: l };
-}
-function Mt(e, t, o) {
-  const {
-    isTextBoxReadonly: l,
-    textBoxClass: n,
-    textBoxPlaceholder: s,
-    textBoxTitle: u,
-    onBlurTextBox: r,
-    onClickTextBox: y,
-    onFocusTextBox: d,
-    onInput: f,
-    onKeyDownTextBox: i,
-    onKeyUpTextBox: c,
-    onMouseDownTextBox: m,
-    onTextBoxValueChange: p
-  } = o;
-  return () => v("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: n.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: s.value,
-    readonly: l.value,
-    tabindex: e.tabIndex,
-    title: u.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: r,
-    onChange: p,
-    onClick: y,
-    onFocus: d,
-    onInput: f,
-    onKeydown: i,
-    onKeyup: c,
-    onMousedown: m
-  }, null);
-}
-const Ft = {
-  activeTag: { Type: String, default: "" },
-  addButtonText: { Type: String, default: "" },
-  customClass: { Type: String, default: "" },
-  customStyle: { Type: String, default: "" },
-  data: { type: Array, default: [] },
-  enableAddButton: { Type: Boolean, default: !1 },
-  placeholder: { Type: String, default: "" },
-  selectable: { Type: Boolean, default: !1 },
-  showAddButton: { Type: Boolean, default: !1 },
-  showClose: { Type: Boolean, default: !1 },
-  showColor: { Type: Boolean, default: !1 },
-  showInput: { Type: Boolean, default: !1 },
-  tagType: { Type: String, default: "" },
-  tagStyle: { Type: String, default: "" },
-  wrapText: { Type: Boolean, default: !1 },
-  draggable: { Type: Boolean, default: !1 }
-};
-function Ot(e, t, o, l) {
-  const n = a(-1), s = a(!1);
-  function u(f, i, c) {
-    f.stopPropagation(), i && setTimeout(() => {
-      n.value = c, s.value = !0, i.moving = !0;
-    });
-  }
-  function r(f, i) {
-    if (f.preventDefault(), n.value !== i) {
-      const c = l.value[n.value], m = l.value;
-      m.splice(n.value, 1), m.splice(i, 0, c), n.value = i;
-    }
-  }
-  function y(f, i) {
-    f.preventDefault(), f.dataTransfer && (f.dataTransfer.dropEffect = "move");
-  }
-  function d(f, i) {
-    i && (i.moving = !1), o.value = l.value.filter((c) => c.type === "Tag").map((c) => c.payload), s.value = !1, t.emit("change", o.value);
-  }
-  return {
-    dragstart: u,
-    dragenter: r,
-    dragover: y,
-    dragend: d,
-    isDragging: s
-  };
-}
-const Lt = /* @__PURE__ */ G({
-  name: "FTags",
-  props: Ft,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const o = a(e.selectable), l = a(e.customClass), n = a(e.data), s = a(e.tagType), u = a(e.tagStyle), r = a(e.showColor), y = a(e.activeTag), d = a(e.customStyle), f = a(e.showClose), i = a(e.showAddButton), c = a(e.showInput), m = a(e.addButtonText), p = a(e.enableAddButton);
-    a(e.placeholder), a(""), a();
-    const b = a(), M = a(e.wrapText), P = a();
-    function S() {
-      const g = n.value.map((w) => ({
-        type: "Tag",
-        payload: w
-      }));
-      return i.value && g.push({
-        type: "AddButton"
-      }), g;
-    }
-    const h = a(S());
-    function T(g) {
-      n.value = g, h.value = S();
-    }
-    const k = B(() => h.value.findIndex((g) => g.type === "Input")), x = Ot(e, t, n, h), {
-      dragstart: E,
-      dragenter: V,
-      dragover: C,
-      dragend: j
-    } = x;
-    W(() => e.data, (g) => T(g));
-    const L = B(() => {
-      const g = {
-        "farris-tags": !0,
-        "farris-tags-checkable": o.value,
-        "farris-tags-nowrap": !M.value
-      };
-      return l.value.split(" ").reduce((w, I) => (w[I] = !0, w), g), g;
-    });
-    function R(g) {
-      const w = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": o.value && g.checked,
-        "farris-tag-item-checkable": o.value,
-        "farris-tag-item-has-color": r.value,
-        "farris-tag-item-actived": y.value === g.name
-      };
-      if (s.value) {
-        const I = `farris-tag-item-${s.value}`;
-        w[I] = !0;
-      }
-      return w;
-    }
-    const z = B(() => {
-      const g = {};
-      return d.value && d.value.split(";").reduce((w, I) => {
-        const H = I.split(":");
-        return w[H[0]] = H[1], w;
-      }, g), g;
-    });
-    function D(g, w) {
-      o.value && w.selectable && (w.checked = !w.checked, y.value = w.checked ? w.name : "", w.checked && n.value.filter((I) => I.name !== w.name).forEach((I) => {
-        I.checked = !w.checked;
-      }), t.emit("change", n.value), t.emit("selectionChange", w));
-    }
-    function O(g, w) {
-      let I;
-      switch (g.key) {
-        case "Backspace":
-          n.value = n.value.filter((H) => H.name !== w.name), t.emit("change", n.value);
-          break;
-        case "ArrowLeft":
-          I = Math.max(b.value.scrollLeft + 20, 0), b.value.scrollLeft = I;
-          break;
-        case "ArrowRight":
-          I = Math.max(b.value.scrollLeft - 20, 0), b.value.scrollLeft = I;
-      }
-    }
-    function F(g, w) {
-      const I = n.value.findIndex((H) => H.name === w.name);
-      if (I > -1) {
-        const [H] = n.value.splice(I, 1);
-        h.value = S(), t.emit("change", n.value), t.emit("remove", n.value, H, I);
-      }
-      g.stopPropagation();
-    }
-    const A = B(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !p.value
-    }));
-    function $(g) {
-    }
-    function _() {
-      return v("li", {
-        class: A.value,
-        onClick: (g) => void 0
-      }, [v("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), v("span", {
-        class: "farris-tag-add-text"
-      }, [m.value])]);
-    }
-    function N(g) {
-      if (g && !g.innerText) {
-        const w = k.value;
-        if (w > 0) {
-          const [I] = n.value.splice(w - 1, 1);
-          h.value.splice(w - 1, 1), t.emit("remove", n.value, I, w - 1);
-        }
-      }
-    }
-    function U(g, w, I) {
-      g > -1 && (n.value.splice(g, 0, {
-        name: w,
-        value: I,
-        selectable: o.value
-      }), h.value = S(), t.emit("change", n.value));
-    }
-    function J(g) {
-      if (g && g.innerText) {
-        const w = g.innerText, I = k.value;
-        U(I, w, w), g.innerText = "";
-      }
-    }
-    function Y(g) {
-      const w = g.target;
-      w && (w.innerText ? J(w) : t.emit("change", n.value));
-    }
-    function be(g) {
-      g.key === "Enter" && J(g.target), g.key === "Backspace" && (N(g.target), K(() => {
-        P.value && P.value.focus();
-      }));
-    }
-    function Ce() {
-      return v("li", {
-        class: "farris-tag-input-box"
-      }, [v("div", {
-        ref: P,
-        class: "form-control",
-        contenteditable: "true",
-        onKeyup: be,
-        onBlur: Y
-      }, null)]);
-    }
-    function we(g, w) {
-      return v("li", {
-        class: R(g),
-        style: z.value,
-        tabindex: 0,
-        id: g.name,
-        key: g.name,
-        onClick: (I) => D(I, g),
-        onKeydown: (I) => O(I, g),
-        draggable: "true",
-        onDragstart: (I) => E(I, g, w),
-        onDragenter: (I) => V(I, w),
-        onDragend: (I) => j(I, g),
-        onDragover: (I) => C(I, w)
-      }, [v("div", {
-        title: g.name,
-        class: "tag-box"
-      }, [g.name]), f.value && v("span", {
-        class: "tag-delete"
-      }, [v("i", {
-        class: "f-icon f-icon-close",
-        onClick: (I) => F(I, g)
-      }, null)])]);
-    }
-    function Se() {
-      return h.value.map((g, w) => {
-        switch (g.type) {
-          case "Tag":
-            return we(g.payload, w);
-          case "AddButton":
-            return _();
-          case "Input":
-            return Ce();
-        }
-      });
-    }
-    const Te = B(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": u.value === "capsule"
-    }));
-    function Ie(g) {
-      const w = Math.max(b.value.scrollLeft - g.deltaX, 0);
-      b.value.scrollLeft = w;
-    }
-    function Be(g) {
-      const w = b.value, I = n.value.length - 1;
-      if (w) {
-        const H = Array.from(w.children).filter((X) => X.className.indexOf("farris-tag-item") > -1).findIndex((X) => {
-          const q = X.getBoundingClientRect(), Z = window.getComputedStyle(X), ue = parseInt(Z["margin-left"], 10) + q.width + parseInt(Z["margin-right"], 10);
-          return q.left + ue > g;
-        });
-        if (H > -1)
-          return H;
-      }
-      return I;
-    }
-    function ke(g) {
-      if (c.value) {
-        const I = Be(g.clientX) + 1, X = h.value.filter((q) => q.type !== "Input");
-        X.splice(I, 0, {
-          type: "Input"
-        }), h.value = X, K(() => {
-          P.value && P.value.focus();
-        });
-      }
-    }
-    function xe(g) {
-      var I;
-      g.preventDefault(), g.stopPropagation();
-      const w = (I = g.dataTransfer) == null ? void 0 : I.getData("Text");
-      if (w) {
-        const H = w.split(":"), X = H[0], q = H[1];
-        [...n.value].findIndex((ee) => (console.log(`${ee.value} === ${q} is ${ee.value === q}`), ee.value === q)) > -1 || U(n.value.length, X, q);
-      }
-    }
-    function Pe(g) {
-      g.preventDefault();
-    }
-    return () => v("div", {
-      class: L.value,
-      onClick: ke,
-      onDrop: xe,
-      onDragover: Pe
-    }, [v("ul", {
-      ref: b,
-      class: Te.value,
-      onWheel: (g) => Ie(g)
-    }, [Se()])]);
-  }
-});
-function Vt(e, t, o) {
-  const l = a(e.separator), {
-    changeTextBoxValue: n
-  } = o, s = B(() => t.value ? t.value.split(l.value).map((r) => ({
-    name: r,
-    selectable: !0
-  })) : []);
-  function u(r) {
-    n(r.map((y) => y.name).join(l.value), !0);
-  }
-  return () => v(Lt, {
-    class: "form-control",
-    data: s.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: u
-  }, null);
-}
-function Dt(e, t, o) {
-  const {
-    buttonClass: l,
-    onClickButton: n,
-    onMouseEnterButton: s,
-    onMouseLeaveButton: u
-  } = t, {
-    enableClearButton: r,
-    showClearButton: y,
-    onClearValue: d
-  } = o;
-  return () => v("div", {
-    class: l.value
-  }, [r.value && Q(v("span", {
-    class: "input-group-text input-group-clear",
-    onClick: d
-  }, [v("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[ve, y.value]]), e.buttonContent && v("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: n,
-    onMouseenter: s,
-    onMouseleave: u
-  }, null)]);
-}
-const jt = {
-  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 Rt(e) {
-  const t = e.host ? e.host : "body", o = B(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), l = B(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), n = B(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width);
-  return { host: t, hostLeft: l, hostTop: o, hostWidth: n };
-}
-function At(e, t, o, l) {
-  var D;
-  const n = a(0), s = a(((D = e.offsetX) == null ? void 0 : D.value) || 0), u = a(-1), r = a(-1), y = a(-1), d = a(e.placement), f = a(0), i = a(0), c = a(0), m = a(document.documentElement.scrollLeft), p = a(document.documentElement.scrollTop), { hostLeft: b, hostTop: M, hostWidth: P } = l;
-  W(e.offsetX, (O) => {
-    n.value = O - s.value;
-  });
-  const S = B(() => {
-    const O = {
-      left: `${i.value}px`,
-      top: `${c.value}px`,
-      transform: `translateX(${n.value}px)`
-    };
-    return e.zIndex !== -1 && (O["z-index"] = e.zIndex), u.value !== -1 && (O.width = `${u.value}px`), O;
-  }), h = B(() => ({
-    left: `${f.value}px`
-  }));
-  function T(O) {
-    if (O && e.keepWidthWithReference) {
-      const F = O.getBoundingClientRect();
-      u.value = Math.max(e.minWidth, F.width);
-    }
-  }
-  function k(O, F) {
-    const A = P.value - O.width - 4;
-    return A > 0 ? A : F;
-  }
-  function x(O, F, A) {
-    const $ = f.value, _ = F.left - b.value + F.width / 2 + m.value, N = F.top - M.value - (O.height + A.height) + p.value;
-    return { popoverLeft: _, popoverTop: N, arrowLeft: $ };
-  }
-  function E(O, F, A) {
-    return F.top - M.value + (F.height + A.height) + p.value;
-  }
-  function V(O, F) {
-    const A = k(F, O), $ = O <= A ? f.value : O - A;
-    return { popoverLeft: Math.min(O, A), arrowLeft: $ };
-  }
-  function C(O, F, A) {
-    const $ = F.left - b.value + F.width / 2 - (A.width / 2 - (O.left - b.value)) + m.value, { arrowLeft: _, popoverLeft: N } = V($, O), U = E(O, F, A);
-    return { popoverLeft: N, popoverTop: U, arrowLeft: _ };
-  }
-  function j(O, F, A) {
-    const $ = F.left - b.value + m.value, { arrowLeft: _, popoverLeft: N } = V($, O), U = E(O, F, A);
-    return { popoverLeft: N, popoverTop: U, arrowLeft: _ };
-  }
-  const L = /* @__PURE__ */ new Map([
-    ["top", x],
-    ["bottom", C],
-    ["bottom-left", j]
-  ]);
-  function R(O) {
-    var N;
-    const F = O.getBoundingClientRect();
-    r.value = F.top, y.value = F.left;
-    const A = t.value.getBoundingClientRect(), $ = (N = o.value) == null ? void 0 : N.getBoundingClientRect(), _ = L.get(d.value);
-    if (_) {
-      const { arrowLeft: U, popoverLeft: J, popoverTop: Y } = _($, F, A);
-      f.value = U, i.value = J, c.value = Y;
-    }
-    e.keepWidthWithReference && T(O);
-  }
-  function z(O) {
-    if (O) {
-      const F = O.getBoundingClientRect();
-      (F.left !== y.value || F.top !== r.value) && R(O);
-    }
-  }
-  return {
-    arrowStyle: h,
-    popoverStyle: S,
-    position: d,
-    popoverWidth: u,
-    fitToReference: T,
-    followToReferencePosition: z,
-    locateToReference: R
-  };
-}
-function Et(e, t, o, l, n, s, u) {
-  const r = a(e.visible), y = B(() => r.value), { fitToReference: d, locateToReference: f } = u;
-  let i;
-  function c() {
-    r.value = !1, document.body.removeEventListener("click", i), t.emit("hidden");
-  }
-  i = (p) => {
-    if (!n.value.contains(p.target)) {
-      const b = n.value.closest(".popover");
-      b && b.removeEventListener("click", i), c();
-    }
-  };
-  async function m(p) {
-    if (l.value && o.value && p) {
-      r.value = !0, n.value = p, await K(), f(p), s.value && d(p), document.body.addEventListener("click", i);
-      const b = p.closest(".popover");
-      b && b.addEventListener("click", i), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: c, show: m, shown: y }), { showPopover: r, hidePopverOnClickBodyHandler: i };
-}
-function Ht(e, t, o, l, n) {
-  const { popoverWidth: s, fitToReference: u, followToReferencePosition: r } = n;
-  function y() {
-    if (o.value) {
-      r(o.value);
-      const d = o.value.getBoundingClientRect();
-      l.value && d.width !== s.value && u(o.value);
-    }
-  }
-  return { onResize: y };
-}
-const Wt = /* @__PURE__ */ G({
-  name: "FPopover",
-  props: jt,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const o = a(), l = a(), n = a(e.reference), s = a(e.keepWidthWithReference), u = B(() => !!e.title), r = Rt(e), {
-      host: y
-    } = r, d = At(e, o, l, r), {
-      position: f,
-      arrowStyle: i,
-      popoverStyle: c,
-      fitToReference: m,
-      locateToReference: p
-    } = d, {
-      showPopover: b,
-      hidePopverOnClickBodyHandler: M
-    } = Et(e, t, o, l, n, s, d), {
-      onResize: P
-    } = Ht(e, t, n, s, d), S = B(() => {
-      const T = `popover in popover-${f.value}`, k = `bs-popover-${f.value}`, x = {
-        "popover-fitcontent": e.fitContent
-      };
-      return x[T] = !0, x[k] = !0, (e.class || "").split(" ").reduce((V, C) => (V[C] = !0, V), x), x;
-    }), h = B(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return ne(() => {
-      e.reference && p(n.value), s.value && m(n.value), window.addEventListener("resize", P);
-    }), fe(() => {
-      document.body.removeEventListener("click", M), window.removeEventListener("resize", P);
-    }), () => v(de, {
-      to: y
-    }, {
-      default: () => {
-        var T;
-        return [Q(v("div", {
-          ref: l,
-          class: S.value,
-          style: c.value,
-          onClick: (k) => {
-            k.stopPropagation();
-          }
-        }, [v("div", {
-          ref: o,
-          class: "popover-arrow arrow",
-          style: i.value
-        }, null), u.value && v("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), v("div", {
-          class: h.value
-        }, [t.slots.default && ((T = t.slots) == null ? void 0 : T.default())])]), [[ve, b.value]])];
-      }
-    });
-  }
-});
-function _t(e, t, o) {
-  const l = a(e.popupMinWidth), {
-    hidePopup: n,
-    popoverRef: s
-  } = o;
-  return () => v(Wt, {
-    ref: s,
-    visible: !0,
-    placement: "bottom-left",
-    host: e.popupHost,
-    "keep-width-with-reference": !0,
-    fitContent: !0,
-    "right-boundary": e.popupRightBoundary,
-    minWidth: l.value,
-    offsetX: e.popupOffsetX,
-    onHidden: n
-  }, {
-    default: () => {
-      var u, r;
-      return [(r = (u = t.slots).default) == null ? void 0 : r.call(u)];
-    }
-  });
-}
-const ye = /* @__PURE__ */ G({
-  name: "FButtonEdit",
-  props: he,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const o = a(), l = a(e.customClass), n = a(e.modelValue), s = Pt(e, t, o), {
-      shouldPopupContent: u,
-      hidePopup: r
-    } = s, y = Bt(e, t, o, s), d = a(""), f = xt(e, t, n, d, s), {
-      hasFocusedTextBox: i,
-      commitValue: c,
-      inputGroupClass: m
-    } = f, p = kt(e, t, n, i, d, f), {
-      onMouseEnterTextBox: b,
-      onMouseLeaveTextBox: M
-    } = p, P = B(() => {
-      const E = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return l.value && l.value.split(" ").reduce((V, C) => (V[C] = !0, V), E), E;
-    });
-    function S() {
-      return e.multiSelect && e.inputType === "tag" ? Vt(e, n, f) : Mt(e, n, f);
-    }
-    let h = S();
-    W([() => e.multiSelect, () => e.inputType], () => {
-      h = S();
-    });
-    const T = Dt(e, y, p), k = _t(e, t, s), x = {
-      commitValue: c,
-      elementRef: o,
-      hidePopup: r
-    };
-    return ne(() => {
-      o.value.componentInstance = x;
-    }), t.expose(x), () => v(re, null, [v("div", Ve(t.attrs, {
-      ref: o,
-      class: P.value,
-      id: e.id
-    }), [v("div", {
-      class: m.value,
-      onMouseenter: b,
-      onMouseleave: M
-    }, [h(), T()])]), u.value && k()]);
-  }
-});
-function $t(e) {
-  const t = a(""), o = a(e.modelValue), l = a(e.data || []), n = a(e.editable);
-  function s(i) {
-    const c = i.split(e.separator).map((p) => [p, !0]), m = new Map(c);
-    return l.value.filter((p) => m.has(p[e.valueField]));
-  }
-  function u(i) {
-    const c = s(i).map((m) => m[e.textField]).join(e.separator);
-    t.value = n.value ? c || i : c;
-  }
-  function r(i) {
-    const c = i.split(e.separator).map((p) => [p, !0]), m = new Map(c);
-    return l.value.filter((p) => m.has(p[e.textField]));
-  }
-  function y(i) {
-    const c = {};
-    return c[e.idField] = i, c[e.textField] = i, [c];
-  }
-  function d(i) {
-    let c = r(i);
-    const m = c && c.length > 0;
-    return n.value && !m && (c = y(i)), c;
-  }
-  function f() {
-    const { url: i, method: c = "GET", headers: m = {}, body: p = null } = e.remote;
-    fetch(i, { method: c, headers: m, body: p }).then((M) => {
-      if (M.status === 200)
-        return M.json();
-      throw new Error(M.statusText);
-    }).then((M) => {
-      l.value = M;
-    }).catch((M) => {
-      console.error(M);
-    });
-  }
-  return e.remote && f(), W(() => e.data, () => {
-    l.value = e.data;
-  }), W([l], ([i]) => {
-    if (e.modelValue) {
-      const c = i.find((m) => m[e.valueField] === e.modelValue);
-      c && (t.value = c[e.textField]);
-    }
-  }), W(() => e.modelValue, (i) => {
-    o.value = i, u(i);
-  }), u(e.modelValue), { dataSource: l, displayText: t, editable: n, modelValue: o, getItemsByDisplayText: r, getItemsByValue: s, getSelectedItemsByDisplayText: d };
-}
-const te = /* @__PURE__ */ G({
-  name: "FComboList",
-  props: ae,
-  emits: ["clear", "update:modelValue", "change"],
-  setup(e, t) {
-    const o = a(), l = a(e.disabled), n = a(e.enableClear), s = a(e.enableSearch), u = a(e.readonly), {
-      dataSource: r,
-      displayText: y,
-      editable: d,
-      modelValue: f,
-      getSelectedItemsByDisplayText: i
-    } = $t(e), c = B(() => e.multiSelect);
-    function m() {
-      !c.value && o.value && o.value.hidePopup();
-    }
-    function p(S) {
-      y.value = S.map((h) => h[e.textField]).join(e.separator), f.value = S.map((h) => h[e.valueField]).join(e.separator), t.emit("update:modelValue", f.value), t.emit("change", S), m();
-    }
-    function b(S) {
-      f.value = "", t.emit("update:modelValue", ""), t.emit("clear");
-    }
-    function M(S) {
-      const h = i(S);
-      p(h);
-    }
-    function P() {
-      return y.value;
-    }
-    return t.expose({
-      getDisplayText: P
-    }), W([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([S, h, T, k, x]) => {
-      l.value = S, d.value = h, n.value = T, s.value = k, u.value = x;
-    }), () => v(ye, {
-      ref: o,
-      id: e.id,
-      disable: l.value,
-      readonly: u.value,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: d.value,
-      buttonContent: e.dropDownIcon,
-      placeholder: e.placeholder,
-      enableClear: n.value,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? "tag" : "text",
-      modelValue: y.value,
-      "onUpdate:modelValue": (S) => y.value = S,
-      onClear: b,
-      onChange: M
-    }, {
-      default: () => [v(rt, {
-        idField: e.idField,
-        valueField: e.valueField,
-        textField: e.textField,
-        dataSource: r.value,
-        selectedValues: f.value,
-        multiSelect: e.multiSelect,
-        enableSearch: s.value,
-        height: e.maxHeight,
-        onSelectionChange: p
-      }, null)]
-    });
-  }
-});
-function Nt(e, t, o) {
-  var S;
-  const l = o == null ? void 0 : o.checkIsInFixedContextRules(), n = o && o.getStyles && o.getStyles() || "";
-  function s() {
-    return !(t.schema.componentType || l);
-  }
-  function u() {
-    return !1;
-  }
-  function r() {
-    return !(t.schema.componentType || l);
-  }
-  function y() {
-    return !!l;
-  }
-  function d(h) {
-    if (!h)
-      return null;
-    if (h.schema.type === "Component")
-      return h;
-    const T = d(h.parent);
-    return T || null;
-  }
-  function f(h, T, k) {
-    return !!o && o.canAccepts();
-  }
-  function i() {
-    return t.schema.label || t.schema.title || t.schema.name;
-  }
-  function c() {
-  }
-  function m(h, T) {
-    T && (o == null || o.onAcceptMovedChildElement(T));
-  }
-  function p(h, T) {
-    const k = String(h.getAttribute("data-controltype"));
-    return je(k);
-  }
-  function b(h) {
-    return h.contents ? h.contents.length : -1;
-  }
-  function M(h) {
-  }
-  const P = {
-    canMove: s(),
-    canSelectParent: u(),
-    canDelete: r(),
-    canNested: !y(),
-    contents: t.schema.contents,
-    elementRef: e,
-    parent: (S = t.parent) == null ? void 0 : S.componentInstance.value,
-    schema: t.schema,
-    styles: n,
-    canAccepts: f,
-    getBelongedComponentInstance: d,
-    getDraggingDisplayText: i,
-    getDragScopeElement: c,
-    onAcceptMovedChildElement: m,
-    onAcceptNewChildElement: p,
-    onAddNewChildElement: b,
-    onChildElementMovedOut: M,
-    triggerBelongedComponentToMoveWhenMoved: !!o && o.triggerBelongedComponentToMoveWhenMoved
-  };
-  return a(P);
-}
-const zt = /* @__PURE__ */ G({
-  name: "FComboListDesign",
-  props: ae,
-  emits: ["clear", "update:modelValue", "change"],
-  setup(e, t) {
-    const o = a(), l = De("design-item-context"), n = Nt(o, l);
-    return ne(() => {
-      o.value.componentInstance = n;
-    }), t.expose(n.value), () => v(ye, {
-      ref: o,
-      id: e.id,
-      disable: e.disabled,
-      readonly: e.readonly,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: e.editable,
-      buttonContent: e.dropDownIcon,
-      placeholder: e.placeholder,
-      enableClear: e.enableClear,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? "tag" : "text"
-    }, null);
-  }
-}), qt = {
-  install(e) {
-    e.component(te.name, te);
-  },
-  register(e, t) {
-    e["combo-list"] = te, t["combo-list"] = ie;
-  },
-  registerDesigner(e, t) {
-    e["combo-list"] = zt, t["combo-list"] = ie;
-  }
-};
-export {
-  te as FComboList,
-  Ke as Placement,
-  Ue as ViewType,
-  ae as comboListProps,
-  qt as default,
-  ie as propsResolver
-};