@farris/ui-vue 1.1.0 → 1.1.1

package/combo-list/index.esm.js

@@ -1,2931 +0,0 @@
-import { ref as l, computed as S, watch as N, defineComponent as U, createVNode as p, withDirectives as Y, vModelCheckbox as Ie, Fragment as me, withModifiers as Oe, vModelText as Me, Teleport as ie, createApp as he, onUnmounted as se, nextTick as Q, vShow as ge, onMounted as ue, mergeProps as Fe, inject as Pe } from "vue";
-import { cloneDeep as Ve } from "lodash-es";
-const ye = {}, be = {};
-function ce(e) {
-  const { properties: t, title: n } = e, c = Object.keys(t).reduce((a, u) => (a[u] = t[u].type === "object" && t[u].properties ? ce(t[u]) : Ve(t[u].default), a), {});
-  return c.id = `${n}-${Date.now()}`, c;
-}
-function le(e, t = {}) {
-  const n = ye[e];
-  if (n) {
-    let c = ce(n);
-    const a = be[e];
-    return c = a ? a({ getSchemaByType: le }, c, t) : c, c;
-  }
-  return null;
-}
-function je(e, t) {
-  const n = ce(t);
-  return Object.keys(e).reduce((c, a) => (c[a] = e[a], c), n), n;
-}
-function De(e, t) {
-  return Object.keys(e).filter((c) => e[c] != null).reduce((c, a) => {
-    if (t.has(a)) {
-      const u = t.get(a);
-      if (typeof u == "string")
-        c[u] = e[a];
-      else {
-        const d = u(a, e[a], e);
-        Object.assign(c, d);
-      }
-    } else
-      c[a] = e[a];
-    return c;
-  }, {});
-}
-function $e(e, t, n = /* @__PURE__ */ new Map()) {
-  const c = je(e, t);
-  return De(c, n);
-}
-function Le(e = {}) {
-  function t(s, r, o, i) {
-    if (typeof o == "number")
-      return i[s].length === o;
-    if (typeof o == "object") {
-      const v = Object.keys(o)[0], m = o[v];
-      if (v === "not")
-        return Number(i[s].length) !== Number(m);
-      if (v === "moreThan")
-        return Number(i[s].length) >= Number(m);
-      if (v === "lessThan")
-        return Number(i[s].length) <= Number(m);
-    }
-    return !1;
-  }
-  function n(s, r, o, i) {
-    return i[r] && i[r].propertyValue && String(i[r].propertyValue.value) === String(o);
-  }
-  const c = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", n]
-  ]);
-  Object.keys(e).reduce((s, r) => (s.set(r, e[r]), s), c);
-  function a(s, r) {
-    const o = s;
-    return typeof r == "number" ? [{ target: o, operator: "length", param: null, value: Number(r) }] : typeof r == "boolean" ? [{ target: o, operator: "getProperty", param: s, value: !!r }] : typeof r == "object" ? Object.keys(r).map((i) => {
-      if (i === "length")
-        return { target: o, operator: "length", param: null, value: r[i] };
-      const v = i, m = r[i];
-      return { target: o, operator: s, param: v, value: m };
-    }) : [];
-  }
-  function u(s) {
-    return Object.keys(s).reduce((o, i) => {
-      const v = a(i, s[i]);
-      return o.push(...v), o;
-    }, []);
-  }
-  function d(s, r) {
-    if (c.has(s.operator)) {
-      const o = c.get(s.operator);
-      return o && o(s.target, s.param, s.value, r) || !1;
-    }
-    return !1;
-  }
-  function f(s, r) {
-    return u(s).reduce((v, m) => v && d(m, r), !0);
-  }
-  function g(s, r) {
-    const o = Object.keys(s), i = o.includes("allOf"), v = o.includes("anyOf"), m = i || v, k = (m ? s[m ? i ? "allOf" : "anyOf" : "allOf"] : [s]).map((B) => f(B, r));
-    return i ? !k.includes(!1) : k.includes(!0);
-  }
-  return { parseValueSchema: g };
-}
-const Ae = {}, Ee = {};
-Le();
-function Z(e, t, n = /* @__PURE__ */ new Map(), c = (d, f, g) => f, a = {}, u = (d) => d) {
-  return ye[t.title] = t, be[t.title] = c, Ae[t.title] = a, Ee[t.title] = u, (d = {}) => {
-    const f = $e(d, t, n), g = Object.keys(e).reduce((s, r) => (s[r] = e[r].default, s), {});
-    return Object.assign(g, f);
-  };
-}
-function ee(e, t) {
-  return { customClass: t.class };
-}
-const He = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]), Re = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-design.gitee.io/combo-list.schema.json", _e = "combo-list", We = "A Farris Input Component", ze = "object", qe = {
-  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: ""
-  }
-}, Ge = [
-  "id",
-  "type"
-], Ue = {
-  $schema: Re,
-  $id: Ne,
-  title: _e,
-  description: We,
-  type: ze,
-  properties: qe,
-  required: Ge
-};
-function Xe(e, t, n) {
-  return t;
-}
-const Ke = "combo-list", Je = "A Farris Component", Qe = "object", Ye = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      }
-    }
-  }
-}, Ze = {
-  title: Ke,
-  description: Je,
-  type: Qe,
-  categories: Ye
-};
-var et = /* @__PURE__ */ ((e) => (e.Text = "text", e.Tag = "tag", e))(et || {}), tt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(tt || {});
-const re = {
-  /**
-   * 组件标识
-   */
-  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 },
-  fitEditor: { default: !1, 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: {},
-  /**
-   * 占位符
-   */
-  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 },
-  /**
-   * 可选，数据源的title
-   * 默认为`name`
-   */
-  titleField: { default: "name", type: String },
-  /**
-   * 可选，数据源值字段
-   * 默认为`id`
-   */
-  valueField: { default: "id", type: String },
-  /**
-   * 可选，下拉列表值展示方式
-   * 支持text | tag，即文本或标签，默认为`ViewType.Text`，即文本方式`text`
-   */
-  viewType: { default: "text", type: String },
-  /**
-   * 值变化事件
-   */
-  change: { type: Function, default: () => {
-  } }
-}, fe = Z(re, Ue, He, Xe, Ze), nt = {
-  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" },
-  titleField: { type: String, default: "name" },
-  width: { type: Number },
-  height: { type: Number },
-  valueField: { type: String, default: "id" },
-  /** 值变化事件 */
-  onSelectionChange: { type: Function, default: () => {
-  } }
-}, ot = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]);
-function at(e, t, n) {
-  return t;
-}
-const lt = "https://json-schema.org/draft/2020-12/schema", it = "https://farris-design.gitee.io/list-view.schema.json", st = "list-view", ut = "A Farris Component", ct = "object", rt = {
-  id: {
-    description: "The unique identifier for list-view",
-    type: "string"
-  },
-  type: {
-    description: "The type string of list-view",
-    type: "string",
-    default: "list-view"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, dt = [
-  "id",
-  "type"
-], ft = {
-  $schema: lt,
-  $id: it,
-  title: st,
-  description: ut,
-  type: ct,
-  properties: rt,
-  required: dt
-}, pt = "list-view", vt = "A Farris Component", mt = "object", ht = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, gt = {
-  title: pt,
-  description: vt,
-  type: mt,
-  categories: ht
-}, Ce = {
-  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" },
-  titleField: { 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" }
-};
-Z(Ce, ft, ot, at, gt);
-function yt(e, t, n, c, a) {
-  const u = l(e.idField), d = l(e.disableField), f = l(e.draggable), g = l(e.itemClass), s = l(e.multiSelect), r = l(e.multiSelectMode);
-  l(!0);
-  const { isDragging: o } = n, { activeIndex: i, focusedItemId: v, hoverIndex: m } = c, { clearSelection: C, selectedItems: x, toggleSelectItem: k } = a;
-  function M(h, D) {
-    const O = {
-      "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": f.value,
-      "f-un-click": !!h.unClick,
-      "f-un-select": !!h[d.value],
-      "f-listview-active": h.__fv_index__ === i.value,
-      "f-listview-hover": !o.value && D === m.value,
-      moving: !!h.moving
-    };
-    return g.value.split(" ").reduce((q, L) => (q[L] = !0, q), O), O;
-  }
-  function B(h, D) {
-    return h[u.value] || "";
-  }
-  const T = S(() => !s.value);
-  function A(h, D) {
-    h.unClick || h[d.value] || (T.value && (v.value = h[u.value]), k(h, D));
-  }
-  const y = S(() => s.value && r.value === "OnCheckClearByClick"), I = S(() => !s.value || s.value && (r.value === "OnCheckAndClick" || r.value === "OnClick"));
-  function j(h, D, O) {
-    if (D.unClick || D[d.value]) {
-      h.preventDefault(), h.stopPropagation();
-      return;
-    }
-    v.value = D[u.value], i.value = O, y.value && C(), I.value && k(D, O), t.emit("clickItem", { data: x.value, index: O }), t.emit("activeChange", x.value);
-  }
-  return {
-    getKey: B,
-    listViewItemClass: M,
-    onCheckItem: A,
-    onClickItem: j
-  };
-}
-function bt(e, t, n) {
-  const c = l(e.idField), a = l(e.multiSelect);
-  l(e.multiSelectMode);
-  const { getSelectionItems: u } = n, d = l(u(e.selectionValues));
-  N(() => e.selectionValues, (i) => {
-    d.value = l(u(i)).value;
-  });
-  const f = S(() => !a.value);
-  function g(i) {
-    return i[c.value] || "";
-  }
-  function s(i) {
-    return d.value.findIndex((m) => g(m) === g(i));
-  }
-  function r() {
-    d.value.forEach((i) => {
-      i.checked = !1;
-    }), d.value = [];
-  }
-  function o(i, v) {
-    f.value && r();
-    const m = s(i);
-    m > -1 ? (d.value.splice(m, 1), i.checked = !1) : (d.value.push(i), i.checked = !0), t.emit("selectionChange", d.value);
-  }
-  return { clearSelection: r, findIndexInSelectedItems: s, selectedItems: d, toggleSelectItem: o };
-}
-function Ct(e, t) {
-  function n(u) {
-    const d = [];
-    let f = u.nextNode();
-    for (; f; )
-      d.push(f), f = u.nextNode();
-    return d;
-  }
-  function c(u, d) {
-    const f = document.createTreeWalker(u, NodeFilter.SHOW_TEXT);
-    return n(f).map((o) => ({ textNode: o, text: (o.textContent || "").toLocaleLowerCase() })).map(({ textNode: o, text: i }) => {
-      const v = [];
-      let m = 0;
-      for (; m < i.length; ) {
-        const C = i.indexOf(d, m);
-        if (C === -1)
-          break;
-        v.push(C), m = C + d.length;
-      }
-      return v.map((C) => {
-        const x = new Range();
-        return x.setStart(o, C), x.setEnd(o, C + d.length), x;
-      });
-    }).flat();
-  }
-  function a(u) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !u || !t))
-      return;
-    const d = c(t.value, u.toLocaleLowerCase()), f = new Highlight(...d);
-    CSS.highlights.set("search-result", f);
-  }
-  return { search: a };
-}
-const wt = {
-  /** 组件唯一标识 */
-  id: { Type: String, default: "" },
-  /** 自定义样式 */
-  customClass: { Type: String, default: "" },
-  /** 禁用状态 */
-  disable: { Type: Boolean, default: !1 },
-  /** 中间状态 */
-  indeterminate: { Type: Boolean, default: !1 },
-  /** 选择状态 */
-  modelValue: { Type: Boolean, default: !1 }
-}, de = /* @__PURE__ */ U({
-  name: "FCheckBox",
-  props: wt,
-  emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const n = l(e.id), c = l(e.customClass), a = l(e.disable), u = l(e.modelValue), d = l(e.indeterminate), f = S(() => {
-      const s = {
-        "custom-control": !0,
-        "custom-checkbox": !0
-      };
-      return c.value && c.value.split(" ").reduce((r, o) => (r[o] = !0, r), s), s;
-    });
-    function g(s) {
-      s.stopPropagation(), s.preventDefault(), a.value || (u.value = !u.value, t.emit("update:modelValue", u.value), t.emit("change", {
-        originalEvent: s,
-        checked: u.value
-      }));
-    }
-    return N(() => e.modelValue, (s) => {
-      u.value = s;
-    }), N(() => e.indeterminate, (s) => {
-      d.value = s;
-    }), () => p("div", {
-      class: f.value
-    }, [Y(p("input", {
-      id: n.value,
-      title: n.value,
-      type: "checkbox",
-      class: "custom-control-input",
-      "onUpdate:modelValue": (s) => u.value = s,
-      indeterminate: d.value
-    }, null), [[Ie, u.value]]), p("label", {
-      for: n.value,
-      class: "custom-control-label",
-      onClick: g
-    }, null)]);
-  }
-});
-function pe(e, t, n, c, a, u, d, f) {
-  const g = l(e.size), s = l(e.textField), r = l(e.titleField), o = l(e.multiSelect), i = l(e.disableField), {
-    onMouseenterItem: v,
-    onMouseoverItem: m,
-    onMouseoutItem: C
-  } = a, {
-    getKey: x,
-    listViewItemClass: k,
-    onCheckItem: M,
-    onClickItem: B
-  } = u, T = S(() => ({
-    margin: g.value === "small" ? "0.25rem 0" : "10px 0"
-  }));
-  function A(y, I, j) {
-    return y.checked = d.findIndexInSelectedItems(y) > -1, p("li", {
-      class: k(y, I),
-      id: x(y, I),
-      key: x(y, I),
-      onClick: (h) => B(h, y, I),
-      onMouseenter: (h) => v(h, y, I),
-      onMouseover: (h) => m(h, y, I),
-      onMouseout: (h) => C(h, y, I)
-    }, [o.value && p("div", {
-      class: "f-list-select",
-      onClick: (h) => h.stopPropagation()
-    }, [p(de, {
-      id: "list-" + x(y, I),
-      customClass: "listview-checkbox",
-      disable: y[i.value] || y.unClick,
-      modelValue: y.checked,
-      "onUpdate:modelValue": (h) => y.checked = h,
-      onChange: (h) => M(y, I)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [p("div", {
-      style: T.value,
-      title: y[r.value] || y[s.value]
-    }, [y[s.value]])])]);
-  }
-  return {
-    renderItem: A
-  };
-}
-function St(e, t, n, c, a, u, d, f) {
-  const g = l(e.multiSelect), s = l(e.disableField), {
-    onMouseenterItem: r,
-    onMouseoverItem: o,
-    onMouseoutItem: i
-  } = a, {
-    getKey: v,
-    listViewItemClass: m,
-    onCheckItem: C,
-    onClickItem: x
-  } = u;
-  function k(B, T, A) {
-    return t.slots.content ? p(me, null, [t.slots.content && t.slots.content({
-      item: B,
-      index: T,
-      selectedItem: A
-    })]) : p("div", {
-      style: "margin: 10px 0;"
-    }, [B.name]);
-  }
-  function M(B, T, A) {
-    return p("li", {
-      class: m(B, T),
-      id: v(B, T),
-      key: v(B, T),
-      onClick: (y) => x(y, B, T),
-      onMouseenter: (y) => r(y, B, T),
-      onMouseover: (y) => o(y, B, T),
-      onMouseout: (y) => i(y, B, T)
-    }, [g.value && p("div", {
-      class: "f-list-select",
-      onClick: (y) => y.stopPropagation()
-    }, [p(de, {
-      id: "list-" + v(B, T),
-      customClass: "listview-checkbox",
-      disable: B[s.value] || B.unClick,
-      modelValue: B.checked,
-      "onUpdate:modelValue": (y) => B.checked = y,
-      onChange: (y) => C(B, T)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [k(B, T, A)])]);
-  }
-  return {
-    renderItem: M
-  };
-}
-function Bt(e, t, n, c, a, u, d, f) {
-  const g = l(e.multiSelect), s = l(e.disableField), {
-    onMouseenterItem: r,
-    onMouseoverItem: o,
-    onMouseoutItem: i
-  } = a, {
-    getKey: v,
-    listViewItemClass: m,
-    onCheckItem: C,
-    onClickItem: x
-  } = u, {
-    dragstart: k,
-    dragenter: M,
-    dragover: B,
-    dragend: T
-  } = c, {
-    removeItem: A
-  } = f, y = S(() => ({
-    margin: g.value ? "10px 0" : "10px 0px 10px 14px"
-  }));
-  function I(O) {
-    return p("div", {
-      style: y.value
-    }, [O.name]);
-  }
-  function j() {
-    return t.slots.itemContent ? t.slots.itemContent : I;
-  }
-  const h = j();
-  function D(O, H, q) {
-    return p("li", {
-      class: m(O, H),
-      id: v(O, H),
-      key: v(O, H),
-      onClick: (L) => x(L, O, H),
-      onMouseenter: (L) => r(L, O, H),
-      onMouseover: (L) => o(L, O, H),
-      onMouseout: (L) => i(L, O, H),
-      draggable: "true",
-      onDragstart: (L) => k(L, O, H),
-      onDragenter: (L) => M(L, H),
-      onDragend: (L) => T(L, O),
-      onDragover: (L) => B(L, H)
-    }, [g.value && p("div", {
-      class: "f-list-select",
-      onClick: (L) => L.stopPropagation()
-    }, [p(de, {
-      id: "list-" + v(O, H),
-      customClass: "listview-checkbox",
-      disable: O[s.value] || O.unClick,
-      modelValue: O.checked,
-      "onUpdate:modelValue": (L) => O.checked = L,
-      onChange: (L) => C(O, H)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [h(O)]), p("div", {
-      class: "f-list-remove",
-      onClick: (L) => A(H)
-    }, [p("div", {
-      class: "f-list-remove-icon"
-    }, [p("i", {
-      class: "f-icon f-icon-remove_face"
-    }, null)])]), p("div", {
-      class: "f-list-handle"
-    }, [p("div", null, [p("i", {
-      class: "f-icon f-icon-drag-vertical"
-    }, null)])])]);
-  }
-  return {
-    renderItem: D
-  };
-}
-function Tt(e, t, n) {
-  function c() {
-    return t.slots.header && p("div", {
-      class: "f-list-view-header"
-    }, [t.slots.header()]);
-  }
-  return {
-    renderHeader: c
-  };
-}
-function ve(e, t, n) {
-  const c = l(e.headerClass), a = l(e.placeholder), u = l(""), d = S(() => !u.value), f = S(() => !!u.value);
-  function g(i) {
-    u.value = "";
-  }
-  N(u, (i) => {
-    n.search(i);
-  });
-  const s = S(() => {
-    const i = {
-      "form-group": !0,
-      "farris-form-group": !0
-    };
-    return c.value && c.value.split(" ").reduce((m, C) => (m[C] = !0, m), i), i;
-  });
-  function r(i) {
-  }
-  function o() {
-    return p("div", {
-      class: "f-list-view-header",
-      onClick: Oe(r, ["prevent", "stop"])
-    }, [p("div", {
-      class: s.value
-    }, [p("div", {
-      class: "farris-input-wrap"
-    }, [p("div", {
-      class: "f-cmp-inputgroup"
-    }, [p("div", {
-      class: "input-group f-state-editable"
-    }, [Y(p("input", {
-      class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (i) => u.value = i,
-      name: "input-group-value",
-      type: "text",
-      placeholder: a.value,
-      autocomplete: "off"
-    }, null), [[Me, u.value]]), p("div", {
-      class: "input-group-append"
-    }, [f.value && p("span", {
-      class: "input-group-text input-group-clear",
-      onClick: (i) => g()
-    }, [p("i", {
-      class: "f-icon f-icon-close-circle"
-    }, null)]), d.value && p("span", {
-      class: "input-group-text"
-    }, [p("span", {
-      class: "f-icon f-icon-search"
-    }, null)])])])])])])]);
-  }
-  return {
-    renderHeader: o
-  };
-}
-function kt(e, t) {
-  const n = l(e.idField), c = l(e.data), a = l(e.data), u = l(e.keepOrder);
-  function d() {
-    const s = c.value.map((r, o) => typeof r != "object" ? { __fv_index__: o, name: r } : (r.__fv_index__ = o, r));
-    return a.value = s, s;
-  }
-  const f = l(d());
-  N(
-    () => e.data,
-    (s) => {
-      if (u.value) {
-        const r = s.reduce((m, C) => (m.set(C.id, !0), m), /* @__PURE__ */ new Map()), o = c.value.reduce((m, C) => (m.set(C.id, !0), m), /* @__PURE__ */ new Map()), i = f.value.filter((m) => r.has(m.id)), v = s.filter((m) => !o.has(m.id));
-        c.value = [...i, ...v];
-      } else
-        c.value = s;
-      f.value = d();
-    }
-  );
-  function g(s) {
-    return s.map((o) => {
-      const i = a.value.findIndex((v) => v[n.value] === o);
-      return i > -1 ? a.value[i] : null;
-    }).filter((o) => o != null);
-  }
-  return {
-    dataView: f,
-    getSelectionItems: g
-  };
-}
-function xt(e, t, n, c) {
-  const a = l(e.idField), { dataView: u } = n, d = l(-1), f = l(!1), { activeIndex: g, focusedItemId: s, hoverIndex: r, resumeHover: o, suspendHover: i } = c;
-  function v(k, M, B) {
-    k.stopPropagation(), i(), M && setTimeout(() => {
-      d.value = B, f.value = !0, M.moving = !0;
-    });
-  }
-  function m(k, M) {
-    if (k.preventDefault(), d.value !== M) {
-      const B = u.value[d.value], T = u.value;
-      T.splice(d.value, 1), T.splice(M, 0, B), d.value = M;
-    }
-  }
-  function C(k, M) {
-    k.preventDefault(), k.dataTransfer && (k.dataTransfer.dropEffect = "move");
-  }
-  function x(k, M) {
-    M && (M.moving = !1), u.value.forEach((B, T) => {
-      B.__fv_index__ = T;
-    }), f.value = !1, o(), r.value = M.__fv_index__, g.value = M.__fv_index__, s.value = M[a.value], t.emit("change", u.value), t.emit("activeChange", M);
-  }
-  return {
-    dragstart: v,
-    dragenter: m,
-    dragover: C,
-    dragend: x,
-    isDragging: f
-  };
-}
-function It(e, t, n) {
-  const { dataView: c } = n;
-  function a(u) {
-    if (u > -1 && u < c.value.length) {
-      const d = c.value.splice(u, 1);
-      t.emit("removeItem", d[0]);
-    }
-  }
-  return { removeItem: a };
-}
-function Ot() {
-  const e = l(-1), t = l(""), n = l(-1), c = l(!1);
-  function a(s, r, o) {
-    n.value = o;
-  }
-  function u(s, r, o) {
-    c.value || (n.value = o);
-  }
-  function d(s, r, o) {
-    n.value = -1;
-  }
-  function f() {
-    c.value = !0;
-  }
-  function g() {
-    c.value = !1;
-  }
-  return {
-    activeIndex: e,
-    focusedItemId: t,
-    hoverIndex: n,
-    onMouseenterItem: a,
-    onMouseoverItem: u,
-    onMouseoutItem: d,
-    resumeHover: g,
-    suspendHover: f
-  };
-}
-const Mt = /* @__PURE__ */ U({
-  name: "FListView",
-  props: Ce,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
-  setup(e, t) {
-    const n = l(), c = l(e.view), a = l(e.header), u = l(e.multiSelect), d = l(e.view === "CardView"), f = l(!0), g = l({}), s = l("暂无数据"), r = kt(e), {
-      dataView: o
-    } = r, i = S(() => {
-      const W = {
-        "f-list-view": !0,
-        "f-list-view-multiple": u.value
-      };
-      return e.size !== "default" && (W[`${e.size}-item`] = !0), W;
-    }), v = S(() => ({
-      "f-list-view-group": !0,
-      "d-flex": d.value,
-      "flex-wrap": d.value
-    })), m = S(() => !!o.value && o.value.length > 0), C = Ot(), x = bt(e, t, r), k = xt(e, t, r, C), M = It(e, t, r), B = yt(e, t, k, C, x), T = Ct(e, n), A = S(() => o.value.length === 0), y = S(() => A.value && !t.slots.empty), I = S(() => !!t.slots.footer || f.value);
-    function j() {
-      return c.value === "SingleView" ? pe : c.value === "DraggableView" ? Bt : c.value === "ContentView" && t.slots.content ? St : pe;
-    }
-    const h = j(), {
-      renderItem: D
-    } = h(e, t, r, k, C, B, x, M);
-    function O() {
-      return a.value === "SearchBar" ? ve : a.value === "ContentHeader" ? Tt : ve;
-    }
-    const H = O(), {
-      renderHeader: q
-    } = H(e, t, T);
-    function L(W) {
-      T.search(W);
-    }
-    t.expose({
-      search: L
-    });
-    function X(W) {
-      u.value && (W.preventDefault(), W.stopPropagation());
-    }
-    return () => p("div", {
-      class: i.value,
-      onClick: X
-    }, [q(), p("div", {
-      ref: n,
-      class: "f-list-view-content"
-    }, [p("ul", {
-      class: v.value,
-      style: "list-style: none;"
-    }, [m.value && o.value.map((W, F) => D(W, F, g)), y.value && p("div", {
-      class: "f-list-view-emptydata"
-    }, [p("p", {
-      class: "f-empty-title"
-    }, [s.value])]), t.slots.empty && t.slots.empty()])]), I.value && p("div", {
-      class: "f-list-view-footer"
-    }, [t.slots.footer && t.slots.footer()])]);
-  }
-}), Ft = /* @__PURE__ */ U({
-  name: "FComboListContainer",
-  props: nt,
-  emits: ["selectionChange"],
-  setup(e, t) {
-    const n = l(e.dataSource), c = l([]), a = l(e.separator), u = l(e.width), d = l(e.height), f = l(String(e.selectedValues).split(a.value));
-    N(e.dataSource, () => {
-      n.value = e.dataSource;
-    });
-    const g = S(() => e.enableSearch ? "SearchBar" : "ContentHeader"), s = S(() => {
-      const o = {};
-      return u.value !== void 0 && (o.width = `${u.value}px`), d.value !== void 0 && (o.height = `${d.value}px`), o;
-    });
-    function r(o) {
-      c.value = o.map((i) => Object.assign({}, i)), f.value = o.map((i) => i[e.idField]), t.emit("selectionChange", c.value);
-    }
-    return N([() => e.selectedValues], ([o]) => {
-      f.value = o.split(a.value);
-    }), () => p("div", {
-      class: "f-combo-list-container pl-3",
-      style: s.value
-    }, [p(Mt, {
-      size: "small",
-      itemClass: "f-combo-list-item",
-      header: g.value,
-      headerClass: "f-combo-list-search-box",
-      data: n.value,
-      idField: e.idField,
-      textField: e.textField,
-      titleField: e.titleField,
-      multiSelect: e.multiSelect,
-      multiSelectMode: "OnCheckAndClick",
-      "selection-values": f.value,
-      onSelectionChange: r
-    }, null)]);
-  }
-}), Pt = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]);
-function Vt(e, t, n) {
-  return t;
-}
-const jt = "https://json-schema.org/draft/2020-12/schema", Dt = "https://farris-design.gitee.io/button-edit.schema.json", $t = "button-edit", Lt = "A Farris Input Component", At = "object", Et = {
-  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"
-], Rt = {
-  $schema: jt,
-  $id: Dt,
-  title: $t,
-  description: Lt,
-  type: At,
-  properties: Et,
-  required: Ht
-}, Nt = "buttonEdit", _t = "A Farris Component", Wt = "object", zt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-select",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中对齐"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, qt = {
-  title: Nt,
-  description: _t,
-  type: Wt,
-  categories: zt
-}, we = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
-   */
-  buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
-  buttonBehavior: { type: String, default: "Popup" },
-  /**
-   * 启用输入框自动完成功能
-   */
-  autoComplete: { type: Boolean, default: !1 },
-  /**
-   * 组件自定义样式
-   */
-  customClass: { type: String, default: "" },
-  /**
-   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
-   */
-  disable: { type: Boolean, default: !1 },
-  /**
-   * 允许在输入框中录入文本。
-   */
-  editable: { type: Boolean, default: !0 },
-  /**
-   * 显示清空文本按钮
-   */
-  enableClear: { type: Boolean, default: !1 },
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" },
-  /**
-   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
-   */
-  readonly: { type: Boolean, default: !1 },
-  /**
-   * 禁用组件时，是否显示扩展按钮
-   */
-  showButtonWhenDisabled: { type: Boolean, default: !1 },
-  /**
-   * 显示输入框的标签
-   */
-  enableTitle: { type: Boolean, default: !1 },
-  /**
-   * 输入框类型
-   */
-  inputType: { type: String, default: "text" },
-  /**
-   * 显示输入框提示信息
-   */
-  forcePlaceholder: { type: Boolean, default: !1 },
-  /**
-   * 输入框提示文本
-   */
-  placeholder: { type: String, default: "" },
-  /**
-   * 输入框最小长度
-   */
-  minLength: Number,
-  /**
-   * 输入框最大长度
-   */
-  maxLength: Number,
-  /**
-   * 输入框Tab键索引
-   */
-  tabIndex: Number,
-  popupHost: { type: Object },
-  popupRightBoundary: { type: Object },
-  popupOffsetX: { type: Object },
-  popupOnInput: { type: Boolean, default: !1 },
-  popupOnFocus: { type: Boolean, default: !1 },
-  popupMinWidth: { type: Number, default: 160 },
-  modalOptions: { type: Object, default: {} },
-  wrapText: { type: Boolean, default: !1 },
-  /**
-   * 可选，是否支持多选
-   * 默认`false`
-   */
-  multiSelect: { type: Boolean, default: !1 },
-  /**
-   * 可选，分隔符
-   * 默认`,`
-   */
-  separator: { type: String, default: "," },
-  /**对齐方式 */
-  textAlign: { type: String, default: "left" }
-};
-Z(we, Rt, Pt, Vt, qt);
-const Gt = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object },
-  backgroundColor: { type: String, default: "" }
-}, Ut = /* @__PURE__ */ U({
-  name: "FOverlay",
-  props: Gt,
-  emits: ["click"],
-  setup(e, t) {
-    const n = l(e.popupContentPosition), c = l(e.host), a = S(() => ({
-      backgroundColor: e.backgroundColor || "",
-      pointerEvents: "auto"
-    }));
-    function u(f) {
-      t.emit("click"), f.preventDefault(), f.stopPropagation();
-    }
-    S(() => {
-      const f = c.value;
-      if (f) {
-        const g = f.getBoundingClientRect(), {
-          left: s,
-          top: r,
-          height: o
-        } = g;
-        return {
-          left: s,
-          top: r + o
-        };
-      }
-      return n.value;
-    });
-    const d = S(() => ({
-      // position: 'relative',
-      // left: `${position.value.left}px`,
-      // top: `${position.value.top}px`
-    }));
-    return () => p(ie, {
-      to: "body"
-    }, {
-      default: () => {
-        var f, g;
-        return [p("div", {
-          class: "overlay-container",
-          onClick: (s) => u(s),
-          style: a.value
-        }, [p("div", {
-          style: d.value
-        }, [(g = (f = t.slots).default) == null ? void 0 : g.call(f)])])];
-      }
-    });
-  }
-});
-function Xt(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function Kt(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  let n;
-  const c = e.onClickCallback || (() => {
-  }), a = () => {
-    c(), n && n.unmount();
-  };
-  return n = he({
-    setup() {
-      se(() => {
-        document.body.removeChild(t);
-      });
-      const u = Xt(e);
-      return () => p(Ut, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: a,
-        backgroundColor: e.backgroundColor
-      }, {
-        default: () => [u && u()]
-      });
-    }
-  }), document.body.appendChild(t), n.mount(t), n;
-}
-class Jt {
-  static show(t) {
-    return Kt(t);
-  }
-}
-const Qt = {
-  class: { type: String, default: "" },
-  title: { type: String, default: "" },
-  width: { type: Number, default: 500 },
-  height: { type: Number, default: 320 },
-  buttons: {
-    type: Array,
-    default: []
-  },
-  modelValue: { type: Boolean, default: !1 },
-  showHeader: { type: Boolean, default: !0 },
-  showButtons: { type: Boolean, default: !0 },
-  fitContent: { type: Boolean, default: !0 }
-}, Yt = /* @__PURE__ */ U({
-  name: "FModal",
-  props: Qt,
-  emits: ["update:modelValue", "accept", "cancel", "closed"],
-  setup(e, t) {
-    const n = l(e.width), c = l(e.height), a = l(e.modelValue), u = l(""), d = l(e.class), f = l(e.fitContent), g = l(e.showHeader), s = l(""), r = l(!0), o = l(!1), i = l(!1), v = l(""), m = l(""), C = l(""), x = l(e.showButtons), k = l(e.title);
-    function M(V, _) {
-      a.value = !1, t.emit("update:modelValue", !1), _ != null && t.emit(_ ? "accept" : "cancel"), t.emit("closed");
-    }
-    const B = [{
-      text: "取消",
-      class: "btn btn-light",
-      handle: (V) => {
-        M(V, !1);
-      }
-    }, {
-      text: "确定",
-      class: "btn btn-primary",
-      handle: (V) => {
-        M(V, !0);
-      }
-    }], T = l(e.buttons && e.buttons.length ? e.buttons : B), A = S(() => !!s.value), y = S(() => !!x.value && !!T.value);
-    l(), l(), N(() => e.modelValue, () => {
-      a.value = e.modelValue;
-    });
-    const I = l(!1), j = S(() => a.value), h = S(() => {
-      const V = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return V["f-modal-fitContent"] = f.value, V;
-    }), D = S(() => ({
-      display: j.value ? "block" : "none !important"
-    })), O = S(() => {
-      const V = {
-        "modal-dialog": !0
-      };
-      return d.value.split(" ").reduce((R, K) => (R[K] = !0, R), V), V;
-    }), H = S(() => ({
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: `${n.value}px`,
-      height: f.value ? "auto" : `${c.value}px`,
-      "margin-left": `${0 - n.value / 2}px`,
-      "margin-top": f.value ? "auto" : `${0 - c.value / 2}px`
-    })), q = S(() => ({
-      "modal-content": !0,
-      "modal-content-has-header": g.value
-    })), L = S(() => ({
-      display: g.value ? "" : "none"
-    })), X = S(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: I.value
-    })), W = S(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: g.value ? "none" : ""
-    })), F = S(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": v.value === "iframe"
-    }));
-    function $() {
-      return {};
-    }
-    const E = S(() => {
-      const V = {
-        textAlgin: C.value
-      }, _ = $();
-      return Object.assign(V, _);
-    });
-    function z(V) {
-    }
-    return () => p(ie, {
-      to: "body"
-    }, {
-      default: () => {
-        var V, _;
-        return [p("div", {
-          class: h.value,
-          style: D.value
-        }, [p("div", {
-          id: u.value,
-          class: O.value,
-          style: H.value
-        }, [p("div", {
-          class: q.value
-        }, [p("div", {
-          ref: "modalHeaderRef",
-          class: "modal-header",
-          style: L.value
-        }, [p("div", {
-          class: "modal-title"
-        }, [A.value && p("span", {
-          class: s.value,
-          style: "margin-right: 8px"
-        }, null), p("span", {
-          class: "modal-title-label"
-        }, [k.value])]), p("div", {
-          class: "actions"
-        }, [p("ul", null, [i.value && p("li", {
-          class: "f-btn-icon f-bare"
-        }, [p("span", {
-          class: "f-icon modal_minimize"
-        }, null)]), o.value && p("li", {
-          onClick: z,
-          class: "f-btn-icon f-bare"
-        }, [p("span", {
-          class: X.value
-        }, null)]), r.value && p("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (R) => M(R, !1)
-        }, [p("span", {
-          class: "f-icon modal_close"
-        }, null)])])])]), p("div", {
-          ref: "dragableElementRef",
-          class: "f-utils-absolute-all",
-          style: W.value
-        }, null), p("div", {
-          class: F.value
-        }, [(_ = (V = t.slots).default) == null ? void 0 : _.call(V), v.value === "iframe" && p("iframe", {
-          title: u.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: m.value
-        }, null)]), y.value && p("div", {
-          class: "modal-footer",
-          style: E.value
-        }, [T.value && T.value.map((R) => p("button", {
-          type: "button",
-          class: R.class + " " + (R.iconClass && "btn-icontext"),
-          onClick: (K) => {
-            R.handle && R.handle(K);
-          }
-        }, [!!R.iconClass && p("i", {
-          class: R.iconClass
-        }, null), R.text]))])])])])];
-      }
-    });
-  }
-});
-function Zt(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function en(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  const n = he({
-    setup() {
-      se(() => {
-        document.body.removeChild(t);
-      });
-      const c = l(e.class || ""), a = l(!!e.showButtons), u = l(!!e.showHeader), d = l(!0), f = l(e.title || ""), g = e.acceptCallback || (() => {
-      }), s = e.rejectCallback || (() => {
-      }), r = Zt(e), o = () => {
-        d.value = !1, n.unmount();
-      };
-      return () => p(Yt, {
-        class: c.value,
-        modelValue: d.value,
-        "onUpdate:modelValue": (i) => d.value = i,
-        title: f.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
-        "show-header": u.value,
-        "show-buttons": a.value,
-        onAccept: g,
-        onCancel: s,
-        fitContent: e.fitContent,
-        onClosed: o
-      }, {
-        default: () => [r && r(n)]
-      });
-    }
-  });
-  return document.body.appendChild(t), n.mount(t), n;
-}
-class tn {
-  static show(t) {
-    const n = Object.assign({
-      title: "",
-      showButtons: !0,
-      showHeader: !0
-    }, t);
-    return en(n);
-  }
-}
-function nn(e, t, n, c) {
-  const a = l(e.buttonBehavior), u = l(e.popupOnInput), d = S(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), f = S(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function g(o) {
-    if (f.value) {
-      const i = !!t.slots.default;
-      if (a.value === "Modal") {
-        const v = e.modalOptions;
-        tn.show({
-          ...v,
-          render: () => t.slots.default && t.slots.default()
-        });
-      }
-      a.value === "Overlay" && Jt.show({
-        // host: buttonEditRef.value,
-        host: document.body,
-        backgroundColor: "rgba(0,0,0,.15)",
-        render: () => t.slots.default && t.slots.default()
-      }), i && a.value === "Popup" && c.togglePopup(), i && u.value && c.hidePopup(), t.emit("clickButton", { origin: o, value: e.modelValue });
-    }
-    o.stopPropagation();
-  }
-  function s(o) {
-    t.emit("mouseEnterIcon", o);
-  }
-  function r(o) {
-    t.emit("mouseLeaveIcon", o);
-  }
-  return {
-    buttonGroupClass: d,
-    onClickButton: g,
-    onMouseEnterButton: s,
-    onMouseLeaveButton: r
-  };
-}
-function on(e, t, n, c, a, u) {
-  const d = l(!1), f = S(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: g } = u;
-  function s(v) {
-    d.value = v;
-  }
-  N(a, () => {
-    s(!!a.value);
-  });
-  function r(v) {
-    const m = !e.readonly && !e.disable && e.editable, C = !e.editable;
-    v.stopPropagation(), (m || C) && (g("", !1), s(!d.value), t.emit("clear"));
-  }
-  function o(v) {
-    if (f.value) {
-      if (!n.value) {
-        s(!1);
-        return;
-      }
-      !e.disable && !e.readonly && s(!0);
-    }
-  }
-  function i(v) {
-    f.value && s(!1);
-  }
-  return {
-    enableClearButton: f,
-    showClearButton: d,
-    onClearValue: r,
-    onMouseEnterTextBox: o,
-    onMouseLeaveTextBox: i
-  };
-}
-function an(e, t, n, c, a) {
-  const u = l(e.popupOnInput), d = l(e.popupOnFocus), { shouldPopupContent: f } = a, g = S(() => e.enableTitle ? n.value : ""), s = S(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), r = S(() => e.readonly || !e.editable), o = l(!1), i = S(() => !e.disable && o.value), v = S(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), m = S(() => ({
-    "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": i.value
-  }));
-  function C(h, D = !0) {
-    n.value !== h && (n.value = h, D && t.emit("change", h), t.emit("update:modelValue", h));
-  }
-  function x(h) {
-    f.value = !1, C(h, !0);
-  }
-  N(
-    () => e.modelValue,
-    (h) => {
-      n.value = h;
-    }
-  );
-  function k(h) {
-    o.value = !1, t.emit("blur", h), h.stopPropagation();
-  }
-  function M(h) {
-    t.emit("click", h);
-  }
-  function B(h) {
-    e.disable || (o.value = !0, r.value || (t.emit("focus", h), d.value && !f.value && a.popup()));
-  }
-  function T(h) {
-    t.emit("input", h.target.value);
-    const D = h.target.value;
-    c.value = D, n.value !== D && C(D, !1), u.value && !f.value && a.popup();
-  }
-  function A(h) {
-    h.target.tagName !== "INPUT" && h.preventDefault(), h.stopPropagation();
-  }
-  function y(h) {
-    t.emit("keydown", h);
-  }
-  function I(h) {
-    h.key === "Enter" && (u.value || d.value) && a.hidePopup(), t.emit("keyup", h);
-  }
-  function j(h) {
-    const D = h.target.value;
-    h.stopPropagation(), C(D);
-  }
-  return {
-    hasFocusedTextBox: i,
-    isTextBoxReadonly: r,
-    textBoxClass: v,
-    textBoxPlaceholder: s,
-    textBoxTitle: g,
-    inputGroupClass: m,
-    changeTextBoxValue: C,
-    commitValue: x,
-    onBlurTextBox: k,
-    onClickTextBox: M,
-    onFocusTextBox: B,
-    onInput: T,
-    onKeyDownTextBox: y,
-    onKeyUpTextBox: I,
-    onMouseDownTextBox: A,
-    onTextBoxValueChange: j
-  };
-}
-function ln(e, t, n) {
-  const c = l(), a = l(!1);
-  function u() {
-    const s = c.value;
-    s && s.show(n.value);
-  }
-  async function d() {
-    !!t.slots.default && (a.value = !a.value, await Q(), u());
-  }
-  async function f() {
-    !!t.slots.default && (a.value = !0, await Q(), u());
-  }
-  function g() {
-    a.value = !1;
-  }
-  return { hidePopup: g, popup: f, shouldPopupContent: a, togglePopup: d, popoverRef: c };
-}
-function sn(e, t, n) {
-  const {
-    isTextBoxReadonly: c,
-    textBoxClass: a,
-    textBoxPlaceholder: u,
-    textBoxTitle: d,
-    onBlurTextBox: f,
-    onClickTextBox: g,
-    onFocusTextBox: s,
-    onInput: r,
-    onKeyDownTextBox: o,
-    onKeyUpTextBox: i,
-    onMouseDownTextBox: v,
-    onTextBoxValueChange: m
-  } = n;
-  return () => p("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: a.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: u.value,
-    readonly: c.value,
-    tabindex: e.tabIndex,
-    title: d.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: f,
-    onChange: m,
-    onClick: g,
-    onFocus: s,
-    onInput: r,
-    onKeydown: o,
-    onKeyup: i,
-    onMousedown: v
-  }, null);
-}
-function un(e, t, n) {
-  return t;
-}
-const cn = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]), rn = "tags", dn = "A Farris Component", fn = "object", pn = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, vn = {
-  title: rn,
-  description: dn,
-  type: fn,
-  categories: pn
-}, mn = "https://json-schema.org/draft/2020-12/schema", hn = "https://farris-design.gitee.io/tags.schema.json", gn = "tags", yn = "A Farris Component", bn = "object", Cn = {
-  id: {
-    description: "The unique identifier for tags",
-    type: "string"
-  },
-  type: {
-    description: "The type string of tags",
-    type: "string",
-    default: "tags"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, wn = [
-  "id",
-  "type"
-], Sn = {
-  $schema: mn,
-  $id: hn,
-  title: gn,
-  description: yn,
-  type: bn,
-  properties: Cn,
-  required: wn
-}, Se = {
-  activeTag: { type: String, default: "" },
-  addButtonText: { type: String, default: "" },
-  customClass: { type: String, default: "" },
-  customStyle: { type: String, default: "" },
-  data: { type: Array, default: [{ name: "示例1" }] },
-  enableAddButton: { type: Boolean, default: !1 },
-  selectable: { type: Boolean, default: !1 },
-  showAddButton: { type: Boolean, default: !1 },
-  showClose: { type: Boolean, default: !0 },
-  showColor: { type: Boolean, default: !1 },
-  tagType: { type: String, default: "" },
-  tagStyle: { type: String, default: "" },
-  wrapText: { type: Boolean, default: !1 },
-  draggable: { type: Boolean, default: !1 },
-  disable: { type: Boolean, default: !1 }
-};
-Z(Se, Sn, cn, un, vn);
-function Bn(e, t, n, c) {
-  const a = l(-1), u = l(!1);
-  function d(r, o, i) {
-    r.stopPropagation(), o && setTimeout(() => {
-      a.value = i, u.value = !0, o.moving = !0;
-    });
-  }
-  function f(r, o) {
-    if (r.preventDefault(), a.value !== o) {
-      const i = c.value[a.value], v = c.value;
-      v.splice(a.value, 1), v.splice(o, 0, i), a.value = o;
-    }
-  }
-  function g(r, o) {
-    r.preventDefault(), r.dataTransfer && (r.dataTransfer.dropEffect = "move");
-  }
-  function s(r, o) {
-    o && (o.moving = !1), n.value = c.value.filter((i) => i.type === "Tag").map((i) => i.payload), u.value = !1, t.emit("change", n.value);
-  }
-  return {
-    dragstart: d,
-    dragenter: f,
-    dragover: g,
-    dragend: s,
-    isDragging: u
-  };
-}
-const Tn = /* @__PURE__ */ U({
-  name: "FTags",
-  props: Se,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const n = l(e.selectable), c = l(e.customClass), a = l(e.data), u = l(e.tagType), d = l(e.tagStyle), f = l(e.showColor), g = l(e.customStyle), s = l(e.activeTag), r = l(e.showClose), o = l(e.addButtonText), i = l(), v = l(e.wrapText), m = l();
-    l(e.disable);
-    const C = l(!1);
-    function x() {
-      const b = a.value.map((w) => ({
-        type: "Tag",
-        payload: w
-      }));
-      return e.showAddButton && b.push({
-        type: "AddButton"
-      }), b;
-    }
-    const k = l(x());
-    function M(b) {
-      a.value = b, k.value = x();
-    }
-    const B = S(() => k.value.findIndex((b) => b.type === "Input")), T = Bn(e, t, a, k), {
-      dragstart: A,
-      dragenter: y,
-      dragover: I,
-      dragend: j
-    } = T;
-    N(() => e.data, (b) => M(b)), N(() => e.showAddButton, () => {
-      k.value = x();
-    }), N(() => e.disable, (b) => {
-      k.value = x();
-    }), N(() => e.activeTag, (b) => {
-      s.value = b;
-    }), N(C, (b) => {
-      const w = [...k.value];
-      b ? w.length > 0 && w[w.length - 1].type != "Input" && (w.splice(w.length - 1, 1), w.splice(w.length, 0, {
-        type: "Input"
-      }), k.value = w, Q(() => {
-        m.value && m.value.focus();
-      })) : w.length > 0 && w[w.length - 1].type != "AddButton" && (w.splice(w.length - 1, 1), w.splice(w.length, 0, {
-        type: "AddButton"
-      }), k.value = w);
-    });
-    const h = S(() => {
-      const b = {
-        "farris-tags": !0,
-        "farris-tags-checkable": n.value,
-        "farris-tags-nowrap": !v.value
-      };
-      return c.value.split(" ").reduce((w, P) => (w[P] = !0, w), b), b;
-    });
-    function D(b) {
-      const w = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": n.value && b.checked,
-        "farris-tag-item-checkable": n.value,
-        "farris-tag-item-has-color": f.value,
-        "farris-tag-item-actived": s.value === b.name
-      };
-      if (u.value) {
-        const P = `farris-tag-item-${u.value}`;
-        w[P] = !0;
-      }
-      return w;
-    }
-    const O = S(() => {
-      const b = {};
-      return g.value && g.value.split(";").reduce((w, P) => {
-        const G = P.split(":");
-        return w[G[0]] = G[1], w;
-      }, b), b;
-    });
-    function H(b, w) {
-      !e.disable && n.value && (!w.hasOwnProperty("selectable") || w.selectable) && (w.checked = !w.checked, s.value = w.checked ? w.name : "", w.checked && a.value.filter((P) => P.name !== w.name).forEach((P) => {
-        P.checked = !w.checked;
-      }), t.emit("change", a.value), t.emit("selectionChange", w));
-    }
-    function q(b, w) {
-      let P;
-      switch (b.key) {
-        case "Backspace":
-          a.value = a.value.filter((G) => G.name !== w.name), t.emit("change", a.value);
-          break;
-        case "ArrowLeft":
-          P = Math.max(i.value.scrollLeft + 20, 0), i.value.scrollLeft = P;
-          break;
-        case "ArrowRight":
-          P = Math.max(i.value.scrollLeft - 20, 0), i.value.scrollLeft = P;
-      }
-    }
-    function L(b, w) {
-      const P = a.value.findIndex((G) => G.name === w.name);
-      if (P > -1) {
-        const [G] = a.value.splice(P, 1);
-        k.value = x(), t.emit("change", a.value), t.emit("remove", {
-          tags: a.value,
-          remove: G
-        });
-      }
-      b.stopPropagation();
-    }
-    const X = S(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !e.enableAddButton
-    }));
-    function W(b) {
-      b.stopPropagation(), C.value = !0;
-    }
-    function F() {
-      return !e.disable && p("li", {
-        class: X.value,
-        onClick: (b) => W(b)
-      }, [p("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), o.value && p("span", {
-        class: "farris-tag-add-text"
-      }, [o.value])]);
-    }
-    function $(b, w, P) {
-      b > -1 && (a.value.splice(b, 0, {
-        name: w,
-        value: P,
-        selectable: n.value
-      }), k.value = x(), C.value = !1, t.emit("change", a.value));
-    }
-    function E(b) {
-      if (b && b.value) {
-        const w = b.value, P = B.value;
-        $(P, w, w), b.innerText = "";
-      } else
-        C.value = !1;
-    }
-    function z(b) {
-      const w = b.target;
-      w && w.value ? E(w) : C.value = !1;
-    }
-    function V(b) {
-      b.key === "Enter" && E(b.target);
-    }
-    function _() {
-      return !e.disable && p("li", {
-        class: "farris-tag-input-box"
-      }, [p("input", {
-        ref: m,
-        class: "form-control",
-        onKeyup: V,
-        onBlur: z
-      }, null)]);
-    }
-    function R(b, w) {
-      return p("li", {
-        class: D(b),
-        style: O.value,
-        tabindex: 0,
-        id: b.name,
-        key: b.name,
-        onClick: (P) => H(P, b),
-        onKeydown: (P) => q(P, b),
-        draggable: "true",
-        onDragstart: (P) => A(P, b, w),
-        onDragenter: (P) => y(P, w),
-        onDragend: (P) => j(P, b),
-        onDragover: (P) => I(P, w)
-      }, [p("span", {
-        title: b.name,
-        class: "tag-box"
-      }, [b.name]), !e.disable && r.value && p("span", {
-        class: "tag-delete"
-      }, [p("i", {
-        class: "f-icon f-icon-close",
-        onClick: (P) => L(P, b)
-      }, null)])]);
-    }
-    function K() {
-      return k.value.map((b, w) => {
-        switch (b.type) {
-          case "Tag":
-            return R(b.payload, w);
-          case "AddButton":
-            return F();
-          case "Input":
-            return _();
-        }
-      });
-    }
-    const te = S(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": d.value === "capsule"
-    }));
-    function ne(b) {
-      const w = Math.max(i.value.scrollLeft - b.deltaX, 0);
-      i.value.scrollLeft = w;
-    }
-    function Te(b) {
-      var P;
-      b.preventDefault(), b.stopPropagation();
-      const w = (P = b.dataTransfer) == null ? void 0 : P.getData("Text");
-      if (w) {
-        const G = w.split(":"), xe = G[0], J = G[1];
-        [...a.value].findIndex((oe) => (console.log(`${oe.value} === ${J} is ${oe.value === J}`), oe.value === J)) > -1 || $(a.value.length, xe, J);
-      }
-    }
-    function ke(b) {
-      b.preventDefault();
-    }
-    return () => p("div", {
-      class: h.value,
-      onDrop: Te,
-      onDragover: ke
-    }, [p("ul", {
-      ref: i,
-      class: te.value,
-      onWheel: (b) => ne(b)
-    }, [K()])]);
-  }
-});
-function kn(e, t, n) {
-  const c = l(e.separator), {
-    changeTextBoxValue: a
-  } = n, u = S(() => t.value ? t.value.split(c.value).map((f) => ({
-    name: f,
-    selectable: !0
-  })) : []);
-  function d(f) {
-    a(f.map((g) => g.name).join(c.value), !0);
-  }
-  return () => p(Tn, {
-    id: `${e.id}-tag-editor`,
-    class: "form-control",
-    data: u.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: d
-  }, null);
-}
-function xn(e, t, n) {
-  const {
-    buttonGroupClass: c,
-    onClickButton: a,
-    onMouseEnterButton: u,
-    onMouseLeaveButton: d
-  } = t, {
-    enableClearButton: f,
-    showClearButton: g,
-    onClearValue: s
-  } = n;
-  return () => p("div", {
-    id: `${e.id}-button-group`,
-    class: c.value
-  }, [f.value && Y(p("span", {
-    class: "input-group-text input-group-clear",
-    onClick: s
-  }, [p("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[ge, g.value]]), e.buttonContent && p("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: a,
-    onMouseenter: u,
-    onMouseleave: d
-  }, null)]);
-}
-const In = {
-  id: { type: String },
-  title: { type: String },
-  placement: { type: String, default: "bottom" },
-  reference: {
-    type: Object
-  },
-  host: {
-    type: Object
-  },
-  leftBoundary: {
-    type: Object
-  },
-  rightBoundary: {
-    type: Object
-  },
-  visible: { type: Boolean, default: !1 },
-  class: { type: String },
-  offsetX: { type: Object, default: l(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function On(e) {
-  const t = e.host ? e.host : "body", n = S(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), c = S(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), a = S(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), u = S(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: c, hostTop: n, hostWidth: a, hostHeight: u };
-}
-function Mn(e, t, n, c) {
-  var W;
-  const a = l(0), u = l(((W = e.offsetX) == null ? void 0 : W.value) || 0), d = l(e.minWidth), f = l(-1), g = l(-1), s = l(e.placement), r = l(0), o = l(0), i = l(0), v = l(document.documentElement.scrollLeft), m = l(document.documentElement.scrollTop), { hostLeft: C, hostTop: x, hostWidth: k, hostHeight: M } = c;
-  N(e.offsetX, (F) => {
-    a.value = F - u.value;
-  });
-  const B = S(() => {
-    const F = {
-      left: `${o.value}px`,
-      top: `${i.value}px`,
-      transform: `translateX(${a.value}px)`
-    };
-    return e.zIndex !== -1 && (F["z-index"] = e.zIndex), d.value !== -1 && (F.width = `${d.value}px`), F;
-  }), T = S(() => ({
-    left: `${r.value}px`
-  }));
-  function A(F) {
-    if (F && e.keepWidthWithReference) {
-      const $ = F.getBoundingClientRect();
-      d.value = Math.max(e.minWidth, $.width);
-    }
-  }
-  function y(F, $) {
-    const E = k.value - F.width - 4;
-    return E > 0 ? E : $;
-  }
-  function I(F, $) {
-    const E = M.value - F.height - 4;
-    return E > 0 ? E : $;
-  }
-  function j(F, $, E) {
-    const z = r.value, V = $.left - C.value + $.width / 2 + v.value, _ = $.top - x.value - (F.height + E.height) + m.value;
-    return { popoverLeft: V, popoverTop: _, arrowLeft: z };
-  }
-  function h(F, $, E) {
-    const z = $.top - x.value + ($.height + E.height) + m.value, V = I(F, z);
-    return Math.min(z, V);
-  }
-  function D(F, $) {
-    const E = y($, F), z = F <= E ? r.value : F - E;
-    return { popoverLeft: Math.min(F, E), arrowLeft: z };
-  }
-  function O(F, $, E) {
-    const z = $.left - C.value + $.width / 2 - (E.width / 2 - (F.left - C.value)) + v.value, { arrowLeft: V, popoverLeft: _ } = D(z, F), R = h(F, $, E);
-    return { popoverLeft: _, popoverTop: R, arrowLeft: V };
-  }
-  function H(F, $, E) {
-    const z = $.left - C.value + v.value, { arrowLeft: V, popoverLeft: _ } = D(z, F), R = h(F, $, E);
-    return { popoverLeft: _, popoverTop: R, arrowLeft: V };
-  }
-  const q = /* @__PURE__ */ new Map([
-    ["top", j],
-    ["bottom", O],
-    ["bottom-left", H]
-  ]);
-  function L(F) {
-    var _, R;
-    const $ = F.getBoundingClientRect();
-    f.value = $.top, g.value = $.left;
-    const E = (_ = t.value) == null ? void 0 : _.getBoundingClientRect(), z = (R = n.value) == null ? void 0 : R.getBoundingClientRect(), V = q.get(s.value);
-    if (V) {
-      const { arrowLeft: K, popoverLeft: te, popoverTop: ne } = V(z, $, E);
-      r.value = K, o.value = te, i.value = ne;
-    }
-    e.keepWidthWithReference && A(F);
-  }
-  function X(F) {
-    if (F) {
-      const $ = F.getBoundingClientRect();
-      ($.left !== g.value || $.top !== f.value) && L(F);
-    }
-  }
-  return {
-    arrowStyle: T,
-    popoverStyle: B,
-    position: s,
-    popoverWidth: d,
-    fitToReference: A,
-    followToReferencePosition: X,
-    locateToReference: L
-  };
-}
-function Fn(e, t, n, c, a, u, d) {
-  const f = l(e.visible), g = S(() => f.value), { fitToReference: s, locateToReference: r } = d;
-  let o;
-  function i() {
-    f.value = !1, document.body.removeEventListener("click", o), t.emit("hidden");
-  }
-  o = (m) => {
-    if (!a.value.contains(m.target)) {
-      const C = a.value.closest(".popover");
-      C && C.removeEventListener("click", o), i();
-    }
-  };
-  async function v(m) {
-    if (c.value && n.value && m) {
-      f.value = !0, a.value = m, u.value && s(m), await Q(), r(m), document.body.addEventListener("click", o);
-      const C = m.closest(".popover");
-      C && C.addEventListener("click", o), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: i, show: v, shown: g }), { showPopover: f, hidePopverOnClickBodyHandler: o };
-}
-function Pn(e, t, n, c, a) {
-  const { popoverWidth: u, fitToReference: d, followToReferencePosition: f } = a;
-  function g() {
-    if (n.value) {
-      f(n.value);
-      const s = n.value.getBoundingClientRect();
-      c.value && s.width !== u.value && d(n.value);
-    }
-  }
-  return { onResize: g };
-}
-const Vn = /* @__PURE__ */ U({
-  name: "FPopover",
-  props: In,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const n = l(), c = l(), a = l(e.reference), u = l(e.keepWidthWithReference), d = S(() => !!e.title), f = On(e), {
-      host: g
-    } = f, s = Mn(e, n, c, f), {
-      position: r,
-      arrowStyle: o,
-      popoverStyle: i,
-      fitToReference: v,
-      locateToReference: m
-    } = s, {
-      showPopover: C,
-      hidePopverOnClickBodyHandler: x
-    } = Fn(e, t, n, c, a, u, s), {
-      onResize: k
-    } = Pn(e, t, a, u, s), M = S(() => {
-      const T = `popover in popover-${r.value}`, A = `bs-popover-${r.value}`, y = {
-        "popover-fitcontent": e.fitContent
-      };
-      return y[T] = !0, y[A] = !0, (e.class || "").split(" ").reduce((j, h) => (j[h] = !0, j), y), y;
-    }), B = S(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return ue(() => {
-      e.reference && m(a.value), u.value && v(a.value), window.addEventListener("resize", k);
-    }), se(() => {
-      document.body.removeEventListener("click", x), window.removeEventListener("resize", k);
-    }), () => p(ie, {
-      to: g
-    }, {
-      default: () => {
-        var T;
-        return [Y(p("div", {
-          ref: c,
-          class: M.value,
-          style: i.value,
-          onClick: (A) => {
-            A.stopPropagation();
-          }
-        }, [p("div", {
-          ref: n,
-          class: "popover-arrow arrow",
-          style: o.value
-        }, null), d.value && p("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), p("div", {
-          class: B.value
-        }, [t.slots.default && ((T = t.slots) == null ? void 0 : T.default())])]), [[ge, C.value]])];
-      }
-    });
-  }
-});
-function jn(e, t, n) {
-  const c = l(e.popupMinWidth), {
-    hidePopup: a,
-    popoverRef: u
-  } = n;
-  return () => p(Vn, {
-    id: `${e.id}-popover`,
-    ref: u,
-    visible: !0,
-    placement: "bottom-left",
-    host: e.popupHost,
-    "keep-width-with-reference": !0,
-    fitContent: !0,
-    "right-boundary": e.popupRightBoundary,
-    minWidth: c.value,
-    offsetX: e.popupOffsetX,
-    onHidden: a
-  }, {
-    default: () => {
-      var d, f;
-      return [(f = (d = t.slots).default) == null ? void 0 : f.call(d)];
-    }
-  });
-}
-const Be = /* @__PURE__ */ U({
-  name: "FButtonEdit",
-  props: we,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const n = l(), c = l(e.customClass), a = l(e.modelValue), u = ln(e, t, n), {
-      shouldPopupContent: d,
-      hidePopup: f,
-      togglePopup: g
-    } = u, s = nn(e, t, n, u), r = l(""), o = an(e, t, a, r, u), {
-      hasFocusedTextBox: i,
-      commitValue: v,
-      inputGroupClass: m
-    } = o, C = on(e, t, a, i, r, o), {
-      onMouseEnterTextBox: x,
-      onMouseLeaveTextBox: k
-    } = C, M = S(() => {
-      const h = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return c.value && c.value.split(" ").reduce((D, O) => (D[O] = !0, D), h), h;
-    });
-    function B() {
-      return e.multiSelect && e.inputType === "tag" ? kn(e, a, o) : sn(e, a, o);
-    }
-    let T = B();
-    N([() => e.multiSelect, () => e.inputType], () => {
-      T = B();
-    });
-    const A = xn(e, s, C), y = jn(e, t, u), I = {
-      commitValue: v,
-      elementRef: n,
-      hidePopup: f,
-      shouldPopupContent: d,
-      togglePopup: g
-    };
-    ue(() => {
-      n.value.componentInstance = I, window.onresize = () => {
-        document.body.click();
-      };
-    });
-    function j(h) {
-      n.value.contains(h.target) && d.value || document.body.click();
-    }
-    return t.expose(I), () => p(me, null, [p("div", Fe(t.attrs, {
-      ref: n,
-      class: M.value,
-      id: e.id,
-      onMousedown: j
-    }), [p("div", {
-      id: `${e.id}-input-group`,
-      class: m.value,
-      onMouseenter: x,
-      onMouseleave: k
-    }, [T(), A()])]), d.value && y()]);
-  }
-});
-function Dn(e) {
-  const t = l(""), n = l(e.modelValue), c = l(e.data || []), a = l(e.editable);
-  function u(o) {
-    const i = String(o).split(e.separator).map((m) => [m, !0]), v = new Map(i);
-    return c.value.filter((m) => v.has(String(m[e.valueField])));
-  }
-  function d(o) {
-    const i = u(o).map((v) => v[e.textField]).join(e.separator);
-    t.value = a.value ? i || o : i;
-  }
-  function f(o) {
-    const i = o.split(e.separator).map((m) => [m, !0]), v = new Map(i);
-    return c.value.filter((m) => v.has(m[e.textField]));
-  }
-  function g(o) {
-    const i = {};
-    return i[e.idField] = o, i[e.textField] = o, [i];
-  }
-  function s(o) {
-    let i = f(o);
-    const v = i && i.length > 0;
-    return a.value && !v && (i = g(o)), i;
-  }
-  function r() {
-    const { url: o, method: i = "GET", headers: v = {}, body: m = null } = e.remote;
-    fetch(o, { method: i, headers: v, body: m }).then((x) => {
-      if (x.status === 200)
-        return x.json();
-      throw new Error(x.statusText);
-    }).then((x) => {
-      c.value = x;
-    }).catch((x) => {
-      console.error(x);
-    });
-  }
-  return e.remote && r(), N(() => e.data, () => {
-    c.value = e.data;
-  }), N([c], ([o]) => {
-    if (e.modelValue) {
-      const i = o.find((v) => v[e.valueField] === e.modelValue);
-      i && (t.value = i[e.textField]);
-    }
-  }), N(() => e.modelValue, (o) => {
-    n.value = o, d(o);
-  }), d(e.modelValue), { dataSource: c, displayText: t, editable: a, modelValue: n, getItemsByDisplayText: f, getItemsByValue: u, getSelectedItemsByDisplayText: s };
-}
-const ae = /* @__PURE__ */ U({
-  name: "FComboList",
-  props: re,
-  emits: ["clear", "update:modelValue", "change"],
-  setup(e, t) {
-    const n = l(), c = l(e.disabled), a = l(e.enableClear), u = l(e.enableSearch), d = l(e.readonly), {
-      dataSource: f,
-      displayText: g,
-      editable: s,
-      modelValue: r,
-      getSelectedItemsByDisplayText: o
-    } = Dn(e), i = S(() => e.multiSelect), v = S(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
-    function m() {
-      !i.value && n.value && n.value.hidePopup();
-    }
-    function C(B) {
-      g.value = B.map((T) => T[e.textField]).join(e.separator), r.value = B.map((T) => T[e.valueField]).join(e.separator), t.emit("update:modelValue", r.value), t.emit("change", B, r.value), m();
-    }
-    function x(B) {
-      r.value = "", t.emit("update:modelValue", ""), t.emit("clear");
-    }
-    function k(B) {
-      const T = o(B);
-      C(T);
-    }
-    function M() {
-      return g.value;
-    }
-    return t.expose({
-      getDisplayText: M
-    }), N([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, T, A, y, I]) => {
-      c.value = B, s.value = T, a.value = A, u.value = y, d.value = I;
-    }), () => p(Be, {
-      ref: n,
-      id: e.id,
-      disable: c.value,
-      readonly: d.value,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: s.value,
-      buttonContent: e.dropDownIcon,
-      placeholder: e.placeholder,
-      enableClear: a.value,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? "tag" : "text",
-      modelValue: g.value,
-      "onUpdate:modelValue": (B) => g.value = B,
-      onClear: x,
-      onChange: k
-    }, {
-      default: () => [p(Ft, {
-        idField: e.idField,
-        valueField: e.valueField,
-        textField: e.textField,
-        titleField: e.titleField,
-        dataSource: f.value,
-        selectedValues: r.value,
-        multiSelect: e.multiSelect,
-        enableSearch: u.value,
-        height: e.maxHeight,
-        width: e.fitEditor ? v.value : void 0,
-        onSelectionChange: C
-      }, null)]
-    });
-  }
-});
-function $n(e, t, n) {
-  var A;
-  function c() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  c();
-  const a = n && n.getStyles && n.getStyles() || "", u = n && n.getDesignerClass && n.getDesignerClass() || "", d = l();
-  function f() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function g() {
-    return !1;
-  }
-  function s() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function r() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function o(y) {
-    if (!y || !y.value)
-      return null;
-    if (y.value.schema && y.value.schema.type === "component")
-      return y.value;
-    const I = l(y == null ? void 0 : y.value.parent), j = o(I);
-    return j || null;
-  }
-  function i(y = t) {
-    const { componentInstance: I, designerItemElementRef: j } = y;
-    return !I || !I.value ? null : I.value.canMove ? j : i(y.parent);
-  }
-  function v(y) {
-    return !!n && n.canAccepts(y);
-  }
-  function m() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function C() {
-  }
-  function x(y, I) {
-    I && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(I);
-  }
-  function k(y) {
-    const { componentType: I } = y;
-    let j = le(I, y);
-    n && n.onResolveNewComponentSchema && (j = n.onResolveNewComponentSchema(y, j));
-    const h = I.toLowerCase().replace("-", "_");
-    return j && !j.id && j.type === I && (j.id = `${h}_${Math.random().toString().slice(2, 6)}`), j;
-  }
-  function M(y, I) {
-    const j = String(y.getAttribute("data-controltype")), h = y.getAttribute("data-feature"), D = h ? JSON.parse(h) : {};
-    D.parentComponentInstance = d.value;
-    let O = le(j, D);
-    n && n.onAcceptNewChildElement && (O = n.onAcceptNewChildElement(y, I, O));
-    const H = j.toLowerCase().replace("-", "_");
-    return O && !O.id && O.type === j && (O.id = `${H}_${Math.random().toString().slice(2, 6)}`), O;
-  }
-  function B(y) {
-  }
-  function T() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return d.value = {
-    canMove: f(),
-    canSelectParent: g(),
-    canDelete: s(),
-    canNested: !r(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (A = t == null ? void 0 : t.parent) == null ? void 0 : A.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: a,
-    designerClass: u,
-    canAccepts: v,
-    getBelongedComponentInstance: o,
-    getDraggableDesignItemElement: i,
-    getDraggingDisplayText: m,
-    getPropConfig: T,
-    getDragScopeElement: C,
-    onAcceptMovedChildElement: x,
-    onAcceptNewChildElement: M,
-    onChildElementMovedOut: B,
-    addNewChildComponentSchema: k,
-    updateDragAndDropRules: c,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || l(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || l(!1)
-  }, d;
-}
-const Ln = /* @__PURE__ */ U({
-  name: "FComboListDesign",
-  props: re,
-  emits: ["clear", "update:modelValue", "change"],
-  setup(e, t) {
-    const n = l(), c = Pe("design-item-context"), a = $n(n, c);
-    return ue(() => {
-      n.value.componentInstance = a;
-    }), t.expose(a.value), () => p(Be, {
-      ref: n,
-      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);
-  }
-}), Nn = {
-  install(e) {
-    e.component(ae.name, ae);
-  },
-  register(e, t, n) {
-    e["combo-list"] = ae, t["combo-list"] = fe;
-  },
-  registerDesigner(e, t, n) {
-    e["combo-list"] = Ln, t["combo-list"] = fe;
-  }
-};
-export {
-  ae as FComboList,
-  tt as Placement,
-  et as ViewType,
-  re as comboListProps,
-  Nn as default,
-  fe as propsResolver
-};