@farris/ui-vue 1.0.2 → 1.1.1

package/order/index.esm.js

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