@farris/ui-vue 1.1.0 → 1.1.1

package/order/index.esm.js

@@ -1,4151 +0,0 @@
-import { ref as a, computed as j, watch as N, defineComponent as U, createVNode as p, withDirectives as ne, vModelCheckbox as Pe, Fragment as oe, withModifiers as Me, vModelText as Ve, Teleport as ce, createApp as be, onUnmounted as ue, nextTick as J, vShow as Ce, onMounted as de, mergeProps as $e, inject as De } from "vue";
-import { cloneDeep as Ae } from "lodash-es";
-const we = {}, Se = {};
-function pe(e) {
-  const { properties: t, title: n } = e, c = Object.keys(t).reduce((o, s) => (o[s] = t[s].type === "object" && t[s].properties ? pe(t[s]) : Ae(t[s].default), o), {});
-  return c.id = `${n}-${Date.now()}`, c;
-}
-function Q(e, t = {}) {
-  const n = we[e];
-  if (n) {
-    let c = pe(n);
-    const o = Se[e];
-    return c = o ? o({ getSchemaByType: Q }, c, t) : c, c;
-  }
-  return null;
-}
-function Le(e, t) {
-  const n = pe(t);
-  return Object.keys(e).reduce((c, o) => (c[o] = e[o], c), n), n;
-}
-function Ee(e, t) {
-  return Object.keys(e).filter((c) => e[c] != null).reduce((c, o) => {
-    if (t.has(o)) {
-      const s = t.get(o);
-      if (typeof s == "string")
-        c[s] = e[o];
-      else {
-        const u = s(o, e[o], e);
-        Object.assign(c, u);
-      }
-    } else
-      c[o] = e[o];
-    return c;
-  }, {});
-}
-function Re(e, t, n = /* @__PURE__ */ new Map()) {
-  const c = Le(e, t);
-  return Ee(c, n);
-}
-function He(e = {}) {
-  function t(i, v, l, r) {
-    if (typeof l == "number")
-      return r[i].length === l;
-    if (typeof l == "object") {
-      const w = Object.keys(l)[0], d = l[w];
-      if (w === "not")
-        return Number(r[i].length) !== Number(d);
-      if (w === "moreThan")
-        return Number(r[i].length) >= Number(d);
-      if (w === "lessThan")
-        return Number(r[i].length) <= Number(d);
-    }
-    return !1;
-  }
-  function n(i, v, l, r) {
-    return r[v] && r[v].propertyValue && String(r[v].propertyValue.value) === String(l);
-  }
-  const c = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", n]
-  ]);
-  Object.keys(e).reduce((i, v) => (i.set(v, e[v]), i), c);
-  function o(i, v) {
-    const l = i;
-    return typeof v == "number" ? [{ target: l, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: l, operator: "getProperty", param: i, value: !!v }] : typeof v == "object" ? Object.keys(v).map((r) => {
-      if (r === "length")
-        return { target: l, operator: "length", param: null, value: v[r] };
-      const w = r, d = v[r];
-      return { target: l, operator: i, param: w, value: d };
-    }) : [];
-  }
-  function s(i) {
-    return Object.keys(i).reduce((l, r) => {
-      const w = o(r, i[r]);
-      return l.push(...w), l;
-    }, []);
-  }
-  function u(i, v) {
-    if (c.has(i.operator)) {
-      const l = c.get(i.operator);
-      return l && l(i.target, i.param, i.value, v) || !1;
-    }
-    return !1;
-  }
-  function f(i, v) {
-    return s(i).reduce((w, d) => w && u(d, v), !0);
-  }
-  function b(i, v) {
-    const l = Object.keys(i), r = l.includes("allOf"), w = l.includes("anyOf"), d = r || w, C = (d ? i[d ? r ? "allOf" : "anyOf" : "allOf"] : [i]).map((h) => f(h, v));
-    return r ? !C.includes(!1) : C.includes(!0);
-  }
-  return { parseValueSchema: b };
-}
-const Ne = {}, _e = {};
-He();
-function Y(e, t, n = /* @__PURE__ */ new Map(), c = (u, f, b) => f, o = {}, s = (u) => u) {
-  return we[t.title] = t, Se[t.title] = c, Ne[t.title] = o, _e[t.title] = s, (u = {}) => {
-    const f = Re(u, t, n), b = Object.keys(e).reduce((i, v) => (i[v] = e[v].default, i), {});
-    return Object.assign(b, f);
-  };
-}
-function Z(e, t) {
-  return { customClass: t.class };
-}
-const We = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]), qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-design.gitee.io/order.schema.json", Ue = "order", Ge = "A Farris Component", Xe = "object", Ke = {
-  id: {
-    description: "The unique identifier for a order",
-    type: "string"
-  },
-  type: {
-    description: "The type string of order component",
-    type: "string",
-    default: "order"
-  },
-  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: ""
-  }
-}, Je = [
-  "id",
-  "type"
-], Qe = {
-  $schema: qe,
-  $id: ze,
-  title: Ue,
-  description: Ge,
-  type: Xe,
-  properties: Ke,
-  required: Je
-};
-function Ye(e, t, n) {
-  return t;
-}
-const Ze = "order", et = "A Farris Component", tt = "object", nt = {
-  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: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, ot = {
-  title: Ze,
-  description: et,
-  type: tt,
-  categories: nt
-}, fe = {
-  dataSource: {
-    type: Array,
-    default: [
-      { id: "1", name: "发票类型" },
-      { id: "2", name: "发票代码" },
-      { id: "3", name: "开票日期" },
-      { id: "4", name: "票价(燃油附加费)" },
-      { id: "5", name: "税收分类编号" }
-    ]
-  },
-  items: {
-    type: Array,
-    default: [
-      { id: "1", name: "发票类型", order: "asc" },
-      { id: "2", name: "发票代码", order: "desc" },
-      { id: "3", name: "开票日期", order: "asc" }
-    ]
-  }
-}, ye = Y(fe, Qe, We, Ye, ot), at = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]);
-function lt(e, t, n) {
-  return t;
-}
-const it = "https://json-schema.org/draft/2020-12/schema", st = "https://farris-design.gitee.io/list-view.schema.json", rt = "list-view", ct = "A Farris Component", ut = "object", dt = {
-  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
-  }
-}, pt = [
-  "id",
-  "type"
-], ft = {
-  $schema: it,
-  $id: st,
-  title: rt,
-  description: ct,
-  type: ut,
-  properties: dt,
-  required: pt
-}, vt = "list-view", mt = "A Farris Component", yt = "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: vt,
-  description: mt,
-  type: yt,
-  categories: ht
-}, Be = {
-  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" }
-};
-Y(Be, ft, at, lt, gt);
-function bt(e, t, n, c, o) {
-  const s = a(e.idField), u = a(e.disableField), f = a(e.draggable), b = a(e.itemClass), i = a(e.multiSelect), v = a(e.multiSelectMode);
-  a(!0);
-  const { isDragging: l } = n, { activeIndex: r, focusedItemId: w, hoverIndex: d } = c, { clearSelection: y, selectedItems: m, toggleSelectItem: C } = o;
-  function B(S, V) {
-    const I = {
-      "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": f.value,
-      "f-un-click": !!S.unClick,
-      "f-un-select": !!S[u.value],
-      "f-listview-active": S.__fv_index__ === r.value,
-      "f-listview-hover": !l.value && V === d.value,
-      moving: !!S.moving
-    };
-    return b.value.split(" ").reduce((z, L) => (z[L] = !0, z), I), I;
-  }
-  function h(S, V) {
-    return S[s.value] || "";
-  }
-  const T = j(() => !i.value);
-  function O(S, V) {
-    S.unClick || S[u.value] || (T.value && (w.value = S[s.value]), C(S, V));
-  }
-  const g = j(() => i.value && v.value === "OnCheckClearByClick"), x = j(() => !i.value || i.value && (v.value === "OnCheckAndClick" || v.value === "OnClick"));
-  function P(S, V, I) {
-    if (V.unClick || V[u.value]) {
-      S.preventDefault(), S.stopPropagation();
-      return;
-    }
-    w.value = V[s.value], r.value = I, g.value && y(), x.value && C(V, I), t.emit("clickItem", { data: m.value, index: I }), t.emit("activeChange", m.value);
-  }
-  return {
-    getKey: h,
-    listViewItemClass: B,
-    onCheckItem: O,
-    onClickItem: P
-  };
-}
-function Ct(e, t, n) {
-  const c = a(e.idField), o = a(e.multiSelect);
-  a(e.multiSelectMode);
-  const { getSelectionItems: s } = n, u = a(s(e.selectionValues));
-  N(() => e.selectionValues, (r) => {
-    u.value = a(s(r)).value;
-  });
-  const f = j(() => !o.value);
-  function b(r) {
-    return r[c.value] || "";
-  }
-  function i(r) {
-    return u.value.findIndex((d) => b(d) === b(r));
-  }
-  function v() {
-    u.value.forEach((r) => {
-      r.checked = !1;
-    }), u.value = [];
-  }
-  function l(r, w) {
-    f.value && v();
-    const d = i(r);
-    d > -1 ? (u.value.splice(d, 1), r.checked = !1) : (u.value.push(r), r.checked = !0), t.emit("selectionChange", u.value);
-  }
-  return { clearSelection: v, findIndexInSelectedItems: i, selectedItems: u, toggleSelectItem: l };
-}
-function wt(e, t) {
-  function n(s) {
-    const u = [];
-    let f = s.nextNode();
-    for (; f; )
-      u.push(f), f = s.nextNode();
-    return u;
-  }
-  function c(s, u) {
-    const f = document.createTreeWalker(s, NodeFilter.SHOW_TEXT);
-    return n(f).map((l) => ({ textNode: l, text: (l.textContent || "").toLocaleLowerCase() })).map(({ textNode: l, text: r }) => {
-      const w = [];
-      let d = 0;
-      for (; d < r.length; ) {
-        const y = r.indexOf(u, d);
-        if (y === -1)
-          break;
-        w.push(y), d = y + u.length;
-      }
-      return w.map((y) => {
-        const m = new Range();
-        return m.setStart(l, y), m.setEnd(l, y + u.length), m;
-      });
-    }).flat();
-  }
-  function o(s) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !s || !t))
-      return;
-    const u = c(t.value, s.toLocaleLowerCase()), f = new Highlight(...u);
-    CSS.highlights.set("search-result", f);
-  }
-  return { search: o };
-}
-const St = {
-  /** 组件唯一标识 */
-  id: { Type: String, default: "" },
-  /** 自定义样式 */
-  customClass: { Type: String, default: "" },
-  /** 禁用状态 */
-  disable: { Type: Boolean, default: !1 },
-  /** 中间状态 */
-  indeterminate: { Type: Boolean, default: !1 },
-  /** 选择状态 */
-  modelValue: { Type: Boolean, default: !1 }
-}, ve = /* @__PURE__ */ U({
-  name: "FCheckBox",
-  props: St,
-  emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const n = a(e.id), c = a(e.customClass), o = a(e.disable), s = a(e.modelValue), u = a(e.indeterminate), f = j(() => {
-      const i = {
-        "custom-control": !0,
-        "custom-checkbox": !0
-      };
-      return c.value && c.value.split(" ").reduce((v, l) => (v[l] = !0, v), i), i;
-    });
-    function b(i) {
-      i.stopPropagation(), i.preventDefault(), o.value || (s.value = !s.value, t.emit("update:modelValue", s.value), t.emit("change", {
-        originalEvent: i,
-        checked: s.value
-      }));
-    }
-    return N(() => e.modelValue, (i) => {
-      s.value = i;
-    }), N(() => e.indeterminate, (i) => {
-      u.value = i;
-    }), () => p("div", {
-      class: f.value
-    }, [ne(p("input", {
-      id: n.value,
-      title: n.value,
-      type: "checkbox",
-      class: "custom-control-input",
-      "onUpdate:modelValue": (i) => s.value = i,
-      indeterminate: u.value
-    }, null), [[Pe, s.value]]), p("label", {
-      for: n.value,
-      class: "custom-control-label",
-      onClick: b
-    }, null)]);
-  }
-});
-function he(e, t, n, c, o, s, u, f) {
-  const b = a(e.size), i = a(e.textField), v = a(e.titleField), l = a(e.multiSelect), r = a(e.disableField), {
-    onMouseenterItem: w,
-    onMouseoverItem: d,
-    onMouseoutItem: y
-  } = o, {
-    getKey: m,
-    listViewItemClass: C,
-    onCheckItem: B,
-    onClickItem: h
-  } = s, T = j(() => ({
-    margin: b.value === "small" ? "0.25rem 0" : "10px 0"
-  }));
-  function O(g, x, P) {
-    return g.checked = u.findIndexInSelectedItems(g) > -1, p("li", {
-      class: C(g, x),
-      id: m(g, x),
-      key: m(g, x),
-      onClick: (S) => h(S, g, x),
-      onMouseenter: (S) => w(S, g, x),
-      onMouseover: (S) => d(S, g, x),
-      onMouseout: (S) => y(S, g, x)
-    }, [l.value && p("div", {
-      class: "f-list-select",
-      onClick: (S) => S.stopPropagation()
-    }, [p(ve, {
-      id: "list-" + m(g, x),
-      customClass: "listview-checkbox",
-      disable: g[r.value] || g.unClick,
-      modelValue: g.checked,
-      "onUpdate:modelValue": (S) => g.checked = S,
-      onChange: (S) => B(g, x)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [p("div", {
-      style: T.value,
-      title: g[v.value] || g[i.value]
-    }, [g[i.value]])])]);
-  }
-  return {
-    renderItem: O
-  };
-}
-function Bt(e, t, n, c, o, s, u, f) {
-  const b = a(e.multiSelect), i = a(e.disableField), {
-    onMouseenterItem: v,
-    onMouseoverItem: l,
-    onMouseoutItem: r
-  } = o, {
-    getKey: w,
-    listViewItemClass: d,
-    onCheckItem: y,
-    onClickItem: m
-  } = s;
-  function C(h, T, O) {
-    return t.slots.content ? p(oe, null, [t.slots.content && t.slots.content({
-      item: h,
-      index: T,
-      selectedItem: O
-    })]) : p("div", {
-      style: "margin: 10px 0;"
-    }, [h.name]);
-  }
-  function B(h, T, O) {
-    return p("li", {
-      class: d(h, T),
-      id: w(h, T),
-      key: w(h, T),
-      onClick: (g) => m(g, h, T),
-      onMouseenter: (g) => v(g, h, T),
-      onMouseover: (g) => l(g, h, T),
-      onMouseout: (g) => r(g, h, T)
-    }, [b.value && p("div", {
-      class: "f-list-select",
-      onClick: (g) => g.stopPropagation()
-    }, [p(ve, {
-      id: "list-" + w(h, T),
-      customClass: "listview-checkbox",
-      disable: h[i.value] || h.unClick,
-      modelValue: h.checked,
-      "onUpdate:modelValue": (g) => h.checked = g,
-      onChange: (g) => y(h, T)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [C(h, T, O)])]);
-  }
-  return {
-    renderItem: B
-  };
-}
-function Tt(e, t, n, c, o, s, u, f) {
-  const b = a(e.multiSelect), i = a(e.disableField), {
-    onMouseenterItem: v,
-    onMouseoverItem: l,
-    onMouseoutItem: r
-  } = o, {
-    getKey: w,
-    listViewItemClass: d,
-    onCheckItem: y,
-    onClickItem: m
-  } = s, {
-    dragstart: C,
-    dragenter: B,
-    dragover: h,
-    dragend: T
-  } = c, {
-    removeItem: O
-  } = f, g = j(() => ({
-    margin: b.value ? "10px 0" : "10px 0px 10px 14px"
-  }));
-  function x(I) {
-    return p("div", {
-      style: g.value
-    }, [I.name]);
-  }
-  function P() {
-    return t.slots.itemContent ? t.slots.itemContent : x;
-  }
-  const S = P();
-  function V(I, E, z) {
-    return p("li", {
-      class: d(I, E),
-      id: w(I, E),
-      key: w(I, E),
-      onClick: (L) => m(L, I, E),
-      onMouseenter: (L) => v(L, I, E),
-      onMouseover: (L) => l(L, I, E),
-      onMouseout: (L) => r(L, I, E),
-      draggable: "true",
-      onDragstart: (L) => C(L, I, E),
-      onDragenter: (L) => B(L, E),
-      onDragend: (L) => T(L, I),
-      onDragover: (L) => h(L, E)
-    }, [b.value && p("div", {
-      class: "f-list-select",
-      onClick: (L) => L.stopPropagation()
-    }, [p(ve, {
-      id: "list-" + w(I, E),
-      customClass: "listview-checkbox",
-      disable: I[i.value] || I.unClick,
-      modelValue: I.checked,
-      "onUpdate:modelValue": (L) => I.checked = L,
-      onChange: (L) => y(I, E)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [S(I)]), p("div", {
-      class: "f-list-remove",
-      onClick: (L) => O(E)
-    }, [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: V
-  };
-}
-function kt(e, t, n) {
-  function c() {
-    return t.slots.header && p("div", {
-      class: "f-list-view-header"
-    }, [t.slots.header()]);
-  }
-  return {
-    renderHeader: c
-  };
-}
-function ge(e, t, n) {
-  const c = a(e.headerClass), o = a(e.placeholder), s = a(""), u = j(() => !s.value), f = j(() => !!s.value);
-  function b(r) {
-    s.value = "";
-  }
-  N(s, (r) => {
-    n.search(r);
-  });
-  const i = j(() => {
-    const r = {
-      "form-group": !0,
-      "farris-form-group": !0
-    };
-    return c.value && c.value.split(" ").reduce((d, y) => (d[y] = !0, d), r), r;
-  });
-  function v(r) {
-  }
-  function l() {
-    return p("div", {
-      class: "f-list-view-header",
-      onClick: Me(v, ["prevent", "stop"])
-    }, [p("div", {
-      class: i.value
-    }, [p("div", {
-      class: "farris-input-wrap"
-    }, [p("div", {
-      class: "f-cmp-inputgroup"
-    }, [p("div", {
-      class: "input-group f-state-editable"
-    }, [ne(p("input", {
-      class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (r) => s.value = r,
-      name: "input-group-value",
-      type: "text",
-      placeholder: o.value,
-      autocomplete: "off"
-    }, null), [[Ve, s.value]]), p("div", {
-      class: "input-group-append"
-    }, [f.value && p("span", {
-      class: "input-group-text input-group-clear",
-      onClick: (r) => b()
-    }, [p("i", {
-      class: "f-icon f-icon-close-circle"
-    }, null)]), u.value && p("span", {
-      class: "input-group-text"
-    }, [p("span", {
-      class: "f-icon f-icon-search"
-    }, null)])])])])])])]);
-  }
-  return {
-    renderHeader: l
-  };
-}
-function jt(e, t) {
-  const n = a(e.idField), c = a(e.data), o = a(e.data), s = a(e.keepOrder);
-  function u() {
-    const i = c.value.map((v, l) => typeof v != "object" ? { __fv_index__: l, name: v } : (v.__fv_index__ = l, v));
-    return o.value = i, i;
-  }
-  const f = a(u());
-  N(
-    () => e.data,
-    (i) => {
-      if (s.value) {
-        const v = i.reduce((d, y) => (d.set(y.id, !0), d), /* @__PURE__ */ new Map()), l = c.value.reduce((d, y) => (d.set(y.id, !0), d), /* @__PURE__ */ new Map()), r = f.value.filter((d) => v.has(d.id)), w = i.filter((d) => !l.has(d.id));
-        c.value = [...r, ...w];
-      } else
-        c.value = i;
-      f.value = u();
-    }
-  );
-  function b(i) {
-    return i.map((l) => {
-      const r = o.value.findIndex((w) => w[n.value] === l);
-      return r > -1 ? o.value[r] : null;
-    }).filter((l) => l != null);
-  }
-  return {
-    dataView: f,
-    getSelectionItems: b
-  };
-}
-function Ot(e, t, n, c) {
-  const o = a(e.idField), { dataView: s } = n, u = a(-1), f = a(!1), { activeIndex: b, focusedItemId: i, hoverIndex: v, resumeHover: l, suspendHover: r } = c;
-  function w(C, B, h) {
-    C.stopPropagation(), r(), B && setTimeout(() => {
-      u.value = h, f.value = !0, B.moving = !0;
-    });
-  }
-  function d(C, B) {
-    if (C.preventDefault(), u.value !== B) {
-      const h = s.value[u.value], T = s.value;
-      T.splice(u.value, 1), T.splice(B, 0, h), u.value = B;
-    }
-  }
-  function y(C, B) {
-    C.preventDefault(), C.dataTransfer && (C.dataTransfer.dropEffect = "move");
-  }
-  function m(C, B) {
-    B && (B.moving = !1), s.value.forEach((h, T) => {
-      h.__fv_index__ = T;
-    }), f.value = !1, l(), v.value = B.__fv_index__, b.value = B.__fv_index__, i.value = B[o.value], t.emit("change", s.value), t.emit("activeChange", B);
-  }
-  return {
-    dragstart: w,
-    dragenter: d,
-    dragover: y,
-    dragend: m,
-    isDragging: f
-  };
-}
-function Ft(e, t, n) {
-  const { dataView: c } = n;
-  function o(s) {
-    if (s > -1 && s < c.value.length) {
-      const u = c.value.splice(s, 1);
-      t.emit("removeItem", u[0]);
-    }
-  }
-  return { removeItem: o };
-}
-function xt() {
-  const e = a(-1), t = a(""), n = a(-1), c = a(!1);
-  function o(i, v, l) {
-    n.value = l;
-  }
-  function s(i, v, l) {
-    c.value || (n.value = l);
-  }
-  function u(i, v, l) {
-    n.value = -1;
-  }
-  function f() {
-    c.value = !0;
-  }
-  function b() {
-    c.value = !1;
-  }
-  return {
-    activeIndex: e,
-    focusedItemId: t,
-    hoverIndex: n,
-    onMouseenterItem: o,
-    onMouseoverItem: s,
-    onMouseoutItem: u,
-    resumeHover: b,
-    suspendHover: f
-  };
-}
-const me = /* @__PURE__ */ U({
-  name: "FListView",
-  props: Be,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
-  setup(e, t) {
-    const n = a(), c = a(e.view), o = a(e.header), s = a(e.multiSelect), u = a(e.view === "CardView"), f = a(!0), b = a({}), i = a("暂无数据"), v = jt(e), {
-      dataView: l
-    } = v, r = j(() => {
-      const W = {
-        "f-list-view": !0,
-        "f-list-view-multiple": s.value
-      };
-      return e.size !== "default" && (W[`${e.size}-item`] = !0), W;
-    }), w = j(() => ({
-      "f-list-view-group": !0,
-      "d-flex": u.value,
-      "flex-wrap": u.value
-    })), d = j(() => !!l.value && l.value.length > 0), y = xt(), m = Ct(e, t, v), C = Ot(e, t, v, y), B = Ft(e, t, v), h = bt(e, t, C, y, m), T = wt(e, n), O = j(() => l.value.length === 0), g = j(() => O.value && !t.slots.empty), x = j(() => !!t.slots.footer || f.value);
-    function P() {
-      return c.value === "SingleView" ? he : c.value === "DraggableView" ? Tt : c.value === "ContentView" && t.slots.content ? Bt : he;
-    }
-    const S = P(), {
-      renderItem: V
-    } = S(e, t, v, C, y, h, m, B);
-    function I() {
-      return o.value === "SearchBar" ? ge : o.value === "ContentHeader" ? kt : ge;
-    }
-    const E = I(), {
-      renderHeader: z
-    } = E(e, t, T);
-    function L(W) {
-      T.search(W);
-    }
-    t.expose({
-      search: L
-    });
-    function X(W) {
-      s.value && (W.preventDefault(), W.stopPropagation());
-    }
-    return () => p("div", {
-      class: r.value,
-      onClick: X
-    }, [z(), p("div", {
-      ref: n,
-      class: "f-list-view-content"
-    }, [p("ul", {
-      class: w.value,
-      style: "list-style: none;"
-    }, [d.value && l.value.map((W, M) => V(W, M, b)), g.value && p("div", {
-      class: "f-list-view-emptydata"
-    }, [p("p", {
-      class: "f-empty-title"
-    }, [i.value])]), t.slots.empty && t.slots.empty()])]), x.value && p("div", {
-      class: "f-list-view-footer"
-    }, [t.slots.footer && t.slots.footer()])]);
-  }
-}), It = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 设置按钮类型
-   */
-  type: { type: String, default: "primary" },
-  /**
-   * 是否禁用
-   */
-  disabled: { type: Boolean, default: !1 },
-  /**
-   * 按钮尺寸
-   */
-  size: { type: String, default: "small" },
-  /**
-   * 按钮图标
-   */
-  icon: { type: String }
-};
-function Pt(e, t) {
-  function n(c) {
-    c.stopPropagation(), e.disabled || t.emit("click", c);
-  }
-  return {
-    onClickButton: n
-  };
-}
-function Mt(e) {
-  const t = j(() => {
-    const c = {
-      "f-icon": !0
-    };
-    if (e.icon) {
-      const o = e.icon.trim().split(" ");
-      o && o.length && o.reduce((s, u) => (s[u] = !0, s), c);
-    }
-    return c;
-  }), n = j(() => !!(e.icon && e.icon.trim()));
-  return { iconClass: t, shouldShowIcon: n };
-}
-const Te = /* @__PURE__ */ U({
-  name: "FButton",
-  props: It,
-  emits: ["click"],
-  setup(e, t) {
-    const {
-      onClickButton: n
-    } = Pt(e, t), {
-      iconClass: c,
-      shouldShowIcon: o
-    } = Mt(e), s = a(e.size), u = a(e.type), f = a(e.disabled), b = j(() => {
-      const i = {
-        btn: !0,
-        "btn-lg": s.value === "large",
-        "btn-sm": s.value !== "large"
-      };
-      return i[`btn-${u.value}`] = !0, i;
-    });
-    return () => p("button", {
-      class: b.value,
-      disabled: f.value,
-      onClick: (i) => n(i)
-    }, [o.value && p("i", {
-      class: c.value
-    }, null), t.slots.default && t.slots.default()]);
-  }
-}), Vt = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]), $t = "https://json-schema.org/draft/2020-12/schema", Dt = "https://farris-design.gitee.io/combo-list.schema.json", At = "combo-list", Lt = "A Farris Input Component", Et = "object", Rt = {
-  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: ""
-  }
-}, Ht = [
-  "id",
-  "type"
-], Nt = {
-  $schema: $t,
-  $id: Dt,
-  title: At,
-  description: Lt,
-  type: Et,
-  properties: Rt,
-  required: Ht
-};
-function _t(e, t, n) {
-  return t;
-}
-const Wt = "combo-list", qt = "A Farris Component", zt = "object", Ut = {
-  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"
-      }
-    }
-  }
-}, Gt = {
-  title: Wt,
-  description: qt,
-  type: zt,
-  categories: Ut
-}, ke = {
-  /**
-   * 组件标识
-   */
-  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: () => {
-  } }
-};
-Y(ke, Nt, Vt, _t, Gt);
-const Xt = {
-  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: () => {
-  } }
-}, Kt = /* @__PURE__ */ U({
-  name: "FComboListContainer",
-  props: Xt,
-  emits: ["selectionChange"],
-  setup(e, t) {
-    const n = a(e.dataSource), c = a([]), o = a(e.separator), s = a(e.width), u = a(e.height), f = a(String(e.selectedValues).split(o.value));
-    N(e.dataSource, () => {
-      n.value = e.dataSource;
-    });
-    const b = j(() => e.enableSearch ? "SearchBar" : "ContentHeader"), i = j(() => {
-      const l = {};
-      return s.value !== void 0 && (l.width = `${s.value}px`), u.value !== void 0 && (l.height = `${u.value}px`), l;
-    });
-    function v(l) {
-      c.value = l.map((r) => Object.assign({}, r)), f.value = l.map((r) => r[e.idField]), t.emit("selectionChange", c.value);
-    }
-    return N([() => e.selectedValues], ([l]) => {
-      f.value = l.split(o.value);
-    }), () => p("div", {
-      class: "f-combo-list-container pl-3",
-      style: i.value
-    }, [p(me, {
-      size: "small",
-      itemClass: "f-combo-list-item",
-      header: b.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: v
-    }, null)]);
-  }
-}), Jt = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]);
-function Qt(e, t, n) {
-  return t;
-}
-const Yt = "https://json-schema.org/draft/2020-12/schema", Zt = "https://farris-design.gitee.io/button-edit.schema.json", en = "button-edit", tn = "A Farris Input Component", nn = "object", on = {
-  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: ""
-  }
-}, an = [
-  "id",
-  "type"
-], ln = {
-  $schema: Yt,
-  $id: Zt,
-  title: en,
-  description: tn,
-  type: nn,
-  properties: on,
-  required: an
-}, sn = "buttonEdit", rn = "A Farris Component", cn = "object", un = {
-  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: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, dn = {
-  title: sn,
-  description: rn,
-  type: cn,
-  categories: un
-}, je = {
-  /**
-   * 组件标识
-   */
-  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" }
-};
-Y(je, ln, Jt, Qt, dn);
-const pn = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object },
-  backgroundColor: { type: String, default: "" }
-}, fn = /* @__PURE__ */ U({
-  name: "FOverlay",
-  props: pn,
-  emits: ["click"],
-  setup(e, t) {
-    const n = a(e.popupContentPosition), c = a(e.host), o = j(() => ({
-      backgroundColor: e.backgroundColor || "",
-      pointerEvents: "auto"
-    }));
-    function s(f) {
-      t.emit("click"), f.preventDefault(), f.stopPropagation();
-    }
-    j(() => {
-      const f = c.value;
-      if (f) {
-        const b = f.getBoundingClientRect(), {
-          left: i,
-          top: v,
-          height: l
-        } = b;
-        return {
-          left: i,
-          top: v + l
-        };
-      }
-      return n.value;
-    });
-    const u = j(() => ({
-      // position: 'relative',
-      // left: `${position.value.left}px`,
-      // top: `${position.value.top}px`
-    }));
-    return () => p(ce, {
-      to: "body"
-    }, {
-      default: () => {
-        var f, b;
-        return [p("div", {
-          class: "overlay-container",
-          onClick: (i) => s(i),
-          style: o.value
-        }, [p("div", {
-          style: u.value
-        }, [(b = (f = t.slots).default) == null ? void 0 : b.call(f)])])];
-      }
-    });
-  }
-});
-function vn(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function mn(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  let n;
-  const c = e.onClickCallback || (() => {
-  }), o = () => {
-    c(), n && n.unmount();
-  };
-  return n = be({
-    setup() {
-      ue(() => {
-        document.body.removeChild(t);
-      });
-      const s = vn(e);
-      return () => p(fn, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: o,
-        backgroundColor: e.backgroundColor
-      }, {
-        default: () => [s && s()]
-      });
-    }
-  }), document.body.appendChild(t), n.mount(t), n;
-}
-class yn {
-  static show(t) {
-    return mn(t);
-  }
-}
-const hn = {
-  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 }
-}, gn = /* @__PURE__ */ U({
-  name: "FModal",
-  props: hn,
-  emits: ["update:modelValue", "accept", "cancel", "closed"],
-  setup(e, t) {
-    const n = a(e.width), c = a(e.height), o = a(e.modelValue), s = a(""), u = a(e.class), f = a(e.fitContent), b = a(e.showHeader), i = a(""), v = a(!0), l = a(!1), r = a(!1), w = a(""), d = a(""), y = a(""), m = a(e.showButtons), C = a(e.title);
-    function B(A, _) {
-      o.value = !1, t.emit("update:modelValue", !1), _ != null && t.emit(_ ? "accept" : "cancel"), t.emit("closed");
-    }
-    const h = [{
-      text: "取消",
-      class: "btn btn-light",
-      handle: (A) => {
-        B(A, !1);
-      }
-    }, {
-      text: "确定",
-      class: "btn btn-primary",
-      handle: (A) => {
-        B(A, !0);
-      }
-    }], T = a(e.buttons && e.buttons.length ? e.buttons : h), O = j(() => !!i.value), g = j(() => !!m.value && !!T.value);
-    a(), a(), N(() => e.modelValue, () => {
-      o.value = e.modelValue;
-    });
-    const x = a(!1), P = j(() => o.value), S = j(() => {
-      const A = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return A["f-modal-fitContent"] = f.value, A;
-    }), V = j(() => ({
-      display: P.value ? "block" : "none !important"
-    })), I = j(() => {
-      const A = {
-        "modal-dialog": !0
-      };
-      return u.value.split(" ").reduce((H, K) => (H[K] = !0, H), A), A;
-    }), E = j(() => ({
-      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`
-    })), z = j(() => ({
-      "modal-content": !0,
-      "modal-content-has-header": b.value
-    })), L = j(() => ({
-      display: b.value ? "" : "none"
-    })), X = j(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: x.value
-    })), W = j(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: b.value ? "none" : ""
-    })), M = j(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": w.value === "iframe"
-    }));
-    function D() {
-      return {};
-    }
-    const R = j(() => {
-      const A = {
-        textAlgin: y.value
-      }, _ = D();
-      return Object.assign(A, _);
-    });
-    function q(A) {
-    }
-    return () => p(ce, {
-      to: "body"
-    }, {
-      default: () => {
-        var A, _;
-        return [p("div", {
-          class: S.value,
-          style: V.value
-        }, [p("div", {
-          id: s.value,
-          class: I.value,
-          style: E.value
-        }, [p("div", {
-          class: z.value
-        }, [p("div", {
-          ref: "modalHeaderRef",
-          class: "modal-header",
-          style: L.value
-        }, [p("div", {
-          class: "modal-title"
-        }, [O.value && p("span", {
-          class: i.value,
-          style: "margin-right: 8px"
-        }, null), p("span", {
-          class: "modal-title-label"
-        }, [C.value])]), p("div", {
-          class: "actions"
-        }, [p("ul", null, [r.value && p("li", {
-          class: "f-btn-icon f-bare"
-        }, [p("span", {
-          class: "f-icon modal_minimize"
-        }, null)]), l.value && p("li", {
-          onClick: q,
-          class: "f-btn-icon f-bare"
-        }, [p("span", {
-          class: X.value
-        }, null)]), v.value && p("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (H) => B(H, !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: M.value
-        }, [(_ = (A = t.slots).default) == null ? void 0 : _.call(A), w.value === "iframe" && p("iframe", {
-          title: s.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: d.value
-        }, null)]), g.value && p("div", {
-          class: "modal-footer",
-          style: R.value
-        }, [T.value && T.value.map((H) => p("button", {
-          type: "button",
-          class: H.class + " " + (H.iconClass && "btn-icontext"),
-          onClick: (K) => {
-            H.handle && H.handle(K);
-          }
-        }, [!!H.iconClass && p("i", {
-          class: H.iconClass
-        }, null), H.text]))])])])])];
-      }
-    });
-  }
-});
-function bn(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function Cn(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  const n = be({
-    setup() {
-      ue(() => {
-        document.body.removeChild(t);
-      });
-      const c = a(e.class || ""), o = a(!!e.showButtons), s = a(!!e.showHeader), u = a(!0), f = a(e.title || ""), b = e.acceptCallback || (() => {
-      }), i = e.rejectCallback || (() => {
-      }), v = bn(e), l = () => {
-        u.value = !1, n.unmount();
-      };
-      return () => p(gn, {
-        class: c.value,
-        modelValue: u.value,
-        "onUpdate:modelValue": (r) => u.value = r,
-        title: f.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
-        "show-header": s.value,
-        "show-buttons": o.value,
-        onAccept: b,
-        onCancel: i,
-        fitContent: e.fitContent,
-        onClosed: l
-      }, {
-        default: () => [v && v(n)]
-      });
-    }
-  });
-  return document.body.appendChild(t), n.mount(t), n;
-}
-class wn {
-  static show(t) {
-    const n = Object.assign({
-      title: "",
-      showButtons: !0,
-      showHeader: !0
-    }, t);
-    return Cn(n);
-  }
-}
-function Sn(e, t, n, c) {
-  const o = a(e.buttonBehavior), s = a(e.popupOnInput), u = j(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), f = j(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function b(l) {
-    if (f.value) {
-      const r = !!t.slots.default;
-      if (o.value === "Modal") {
-        const w = e.modalOptions;
-        wn.show({
-          ...w,
-          render: () => t.slots.default && t.slots.default()
-        });
-      }
-      o.value === "Overlay" && yn.show({
-        // host: buttonEditRef.value,
-        host: document.body,
-        backgroundColor: "rgba(0,0,0,.15)",
-        render: () => t.slots.default && t.slots.default()
-      }), r && o.value === "Popup" && c.togglePopup(), r && s.value && c.hidePopup(), t.emit("clickButton", { origin: l, value: e.modelValue });
-    }
-    l.stopPropagation();
-  }
-  function i(l) {
-    t.emit("mouseEnterIcon", l);
-  }
-  function v(l) {
-    t.emit("mouseLeaveIcon", l);
-  }
-  return {
-    buttonGroupClass: u,
-    onClickButton: b,
-    onMouseEnterButton: i,
-    onMouseLeaveButton: v
-  };
-}
-function Bn(e, t, n, c, o, s) {
-  const u = a(!1), f = j(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: b } = s;
-  function i(w) {
-    u.value = w;
-  }
-  N(o, () => {
-    i(!!o.value);
-  });
-  function v(w) {
-    const d = !e.readonly && !e.disable && e.editable, y = !e.editable;
-    w.stopPropagation(), (d || y) && (b("", !1), i(!u.value), t.emit("clear"));
-  }
-  function l(w) {
-    if (f.value) {
-      if (!n.value) {
-        i(!1);
-        return;
-      }
-      !e.disable && !e.readonly && i(!0);
-    }
-  }
-  function r(w) {
-    f.value && i(!1);
-  }
-  return {
-    enableClearButton: f,
-    showClearButton: u,
-    onClearValue: v,
-    onMouseEnterTextBox: l,
-    onMouseLeaveTextBox: r
-  };
-}
-function Tn(e, t, n, c, o) {
-  const s = a(e.popupOnInput), u = a(e.popupOnFocus), { shouldPopupContent: f } = o, b = j(() => e.enableTitle ? n.value : ""), i = j(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = j(() => e.readonly || !e.editable), l = a(!1), r = j(() => !e.disable && l.value), w = j(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), d = j(() => ({
-    "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": r.value
-  }));
-  function y(S, V = !0) {
-    n.value !== S && (n.value = S, V && t.emit("change", S), t.emit("update:modelValue", S));
-  }
-  function m(S) {
-    f.value = !1, y(S, !0);
-  }
-  N(
-    () => e.modelValue,
-    (S) => {
-      n.value = S;
-    }
-  );
-  function C(S) {
-    l.value = !1, t.emit("blur", S), S.stopPropagation();
-  }
-  function B(S) {
-    t.emit("click", S);
-  }
-  function h(S) {
-    e.disable || (l.value = !0, v.value || (t.emit("focus", S), u.value && !f.value && o.popup()));
-  }
-  function T(S) {
-    t.emit("input", S.target.value);
-    const V = S.target.value;
-    c.value = V, n.value !== V && y(V, !1), s.value && !f.value && o.popup();
-  }
-  function O(S) {
-    S.target.tagName !== "INPUT" && S.preventDefault(), S.stopPropagation();
-  }
-  function g(S) {
-    t.emit("keydown", S);
-  }
-  function x(S) {
-    S.key === "Enter" && (s.value || u.value) && o.hidePopup(), t.emit("keyup", S);
-  }
-  function P(S) {
-    const V = S.target.value;
-    S.stopPropagation(), y(V);
-  }
-  return {
-    hasFocusedTextBox: r,
-    isTextBoxReadonly: v,
-    textBoxClass: w,
-    textBoxPlaceholder: i,
-    textBoxTitle: b,
-    inputGroupClass: d,
-    changeTextBoxValue: y,
-    commitValue: m,
-    onBlurTextBox: C,
-    onClickTextBox: B,
-    onFocusTextBox: h,
-    onInput: T,
-    onKeyDownTextBox: g,
-    onKeyUpTextBox: x,
-    onMouseDownTextBox: O,
-    onTextBoxValueChange: P
-  };
-}
-function kn(e, t, n) {
-  const c = a(), o = a(!1);
-  function s() {
-    const i = c.value;
-    i && i.show(n.value);
-  }
-  async function u() {
-    !!t.slots.default && (o.value = !o.value, await J(), s());
-  }
-  async function f() {
-    !!t.slots.default && (o.value = !0, await J(), s());
-  }
-  function b() {
-    o.value = !1;
-  }
-  return { hidePopup: b, popup: f, shouldPopupContent: o, togglePopup: u, popoverRef: c };
-}
-function jn(e, t, n) {
-  const {
-    isTextBoxReadonly: c,
-    textBoxClass: o,
-    textBoxPlaceholder: s,
-    textBoxTitle: u,
-    onBlurTextBox: f,
-    onClickTextBox: b,
-    onFocusTextBox: i,
-    onInput: v,
-    onKeyDownTextBox: l,
-    onKeyUpTextBox: r,
-    onMouseDownTextBox: w,
-    onTextBoxValueChange: d
-  } = n;
-  return () => p("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: o.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: s.value,
-    readonly: c.value,
-    tabindex: e.tabIndex,
-    title: u.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: f,
-    onChange: d,
-    onClick: b,
-    onFocus: i,
-    onInput: v,
-    onKeydown: l,
-    onKeyup: r,
-    onMousedown: w
-  }, null);
-}
-function On(e, t, n) {
-  return t;
-}
-const Fn = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]), xn = "tags", In = "A Farris Component", Pn = "object", Mn = {
-  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: xn,
-  description: In,
-  type: Pn,
-  categories: Mn
-}, $n = "https://json-schema.org/draft/2020-12/schema", Dn = "https://farris-design.gitee.io/tags.schema.json", An = "tags", Ln = "A Farris Component", En = "object", Rn = {
-  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
-  }
-}, Hn = [
-  "id",
-  "type"
-], Nn = {
-  $schema: $n,
-  $id: Dn,
-  title: An,
-  description: Ln,
-  type: En,
-  properties: Rn,
-  required: Hn
-}, Oe = {
-  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 }
-};
-Y(Oe, Nn, Fn, On, Vn);
-function _n(e, t, n, c) {
-  const o = a(-1), s = a(!1);
-  function u(v, l, r) {
-    v.stopPropagation(), l && setTimeout(() => {
-      o.value = r, s.value = !0, l.moving = !0;
-    });
-  }
-  function f(v, l) {
-    if (v.preventDefault(), o.value !== l) {
-      const r = c.value[o.value], w = c.value;
-      w.splice(o.value, 1), w.splice(l, 0, r), o.value = l;
-    }
-  }
-  function b(v, l) {
-    v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move");
-  }
-  function i(v, l) {
-    l && (l.moving = !1), n.value = c.value.filter((r) => r.type === "Tag").map((r) => r.payload), s.value = !1, t.emit("change", n.value);
-  }
-  return {
-    dragstart: u,
-    dragenter: f,
-    dragover: b,
-    dragend: i,
-    isDragging: s
-  };
-}
-const Wn = /* @__PURE__ */ U({
-  name: "FTags",
-  props: Oe,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const n = a(e.selectable), c = a(e.customClass), o = a(e.data), s = a(e.tagType), u = a(e.tagStyle), f = a(e.showColor), b = a(e.customStyle), i = a(e.activeTag), v = a(e.showClose), l = a(e.addButtonText), r = a(), w = a(e.wrapText), d = a();
-    a(e.disable);
-    const y = a(!1);
-    function m() {
-      const k = o.value.map((F) => ({
-        type: "Tag",
-        payload: F
-      }));
-      return e.showAddButton && k.push({
-        type: "AddButton"
-      }), k;
-    }
-    const C = a(m());
-    function B(k) {
-      o.value = k, C.value = m();
-    }
-    const h = j(() => C.value.findIndex((k) => k.type === "Input")), T = _n(e, t, o, C), {
-      dragstart: O,
-      dragenter: g,
-      dragover: x,
-      dragend: P
-    } = T;
-    N(() => e.data, (k) => B(k)), N(() => e.showAddButton, () => {
-      C.value = m();
-    }), N(() => e.disable, (k) => {
-      C.value = m();
-    }), N(() => e.activeTag, (k) => {
-      i.value = k;
-    }), N(y, (k) => {
-      const F = [...C.value];
-      k ? F.length > 0 && F[F.length - 1].type != "Input" && (F.splice(F.length - 1, 1), F.splice(F.length, 0, {
-        type: "Input"
-      }), C.value = F, J(() => {
-        d.value && d.value.focus();
-      })) : F.length > 0 && F[F.length - 1].type != "AddButton" && (F.splice(F.length - 1, 1), F.splice(F.length, 0, {
-        type: "AddButton"
-      }), C.value = F);
-    });
-    const S = j(() => {
-      const k = {
-        "farris-tags": !0,
-        "farris-tags-checkable": n.value,
-        "farris-tags-nowrap": !w.value
-      };
-      return c.value.split(" ").reduce((F, $) => (F[$] = !0, F), k), k;
-    });
-    function V(k) {
-      const F = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": n.value && k.checked,
-        "farris-tag-item-checkable": n.value,
-        "farris-tag-item-has-color": f.value,
-        "farris-tag-item-actived": i.value === k.name
-      };
-      if (s.value) {
-        const $ = `farris-tag-item-${s.value}`;
-        F[$] = !0;
-      }
-      return F;
-    }
-    const I = j(() => {
-      const k = {};
-      return b.value && b.value.split(";").reduce((F, $) => {
-        const G = $.split(":");
-        return F[G[0]] = G[1], F;
-      }, k), k;
-    });
-    function E(k, F) {
-      !e.disable && n.value && (!F.hasOwnProperty("selectable") || F.selectable) && (F.checked = !F.checked, i.value = F.checked ? F.name : "", F.checked && o.value.filter(($) => $.name !== F.name).forEach(($) => {
-        $.checked = !F.checked;
-      }), t.emit("change", o.value), t.emit("selectionChange", F));
-    }
-    function z(k, F) {
-      let $;
-      switch (k.key) {
-        case "Backspace":
-          o.value = o.value.filter((G) => G.name !== F.name), t.emit("change", o.value);
-          break;
-        case "ArrowLeft":
-          $ = Math.max(r.value.scrollLeft + 20, 0), r.value.scrollLeft = $;
-          break;
-        case "ArrowRight":
-          $ = Math.max(r.value.scrollLeft - 20, 0), r.value.scrollLeft = $;
-      }
-    }
-    function L(k, F) {
-      const $ = o.value.findIndex((G) => G.name === F.name);
-      if ($ > -1) {
-        const [G] = o.value.splice($, 1);
-        C.value = m(), t.emit("change", o.value), t.emit("remove", {
-          tags: o.value,
-          remove: G
-        });
-      }
-      k.stopPropagation();
-    }
-    const X = j(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !e.enableAddButton
-    }));
-    function W(k) {
-      k.stopPropagation(), y.value = !0;
-    }
-    function M() {
-      return !e.disable && p("li", {
-        class: X.value,
-        onClick: (k) => W(k)
-      }, [p("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), l.value && p("span", {
-        class: "farris-tag-add-text"
-      }, [l.value])]);
-    }
-    function D(k, F, $) {
-      k > -1 && (o.value.splice(k, 0, {
-        name: F,
-        value: $,
-        selectable: n.value
-      }), C.value = m(), y.value = !1, t.emit("change", o.value));
-    }
-    function R(k) {
-      if (k && k.value) {
-        const F = k.value, $ = h.value;
-        D($, F, F), k.innerText = "";
-      } else
-        y.value = !1;
-    }
-    function q(k) {
-      const F = k.target;
-      F && F.value ? R(F) : y.value = !1;
-    }
-    function A(k) {
-      k.key === "Enter" && R(k.target);
-    }
-    function _() {
-      return !e.disable && p("li", {
-        class: "farris-tag-input-box"
-      }, [p("input", {
-        ref: d,
-        class: "form-control",
-        onKeyup: A,
-        onBlur: q
-      }, null)]);
-    }
-    function H(k, F) {
-      return p("li", {
-        class: V(k),
-        style: I.value,
-        tabindex: 0,
-        id: k.name,
-        key: k.name,
-        onClick: ($) => E($, k),
-        onKeydown: ($) => z($, k),
-        draggable: "true",
-        onDragstart: ($) => O($, k, F),
-        onDragenter: ($) => g($, F),
-        onDragend: ($) => P($, k),
-        onDragover: ($) => x($, F)
-      }, [p("span", {
-        title: k.name,
-        class: "tag-box"
-      }, [k.name]), !e.disable && v.value && p("span", {
-        class: "tag-delete"
-      }, [p("i", {
-        class: "f-icon f-icon-close",
-        onClick: ($) => L($, k)
-      }, null)])]);
-    }
-    function K() {
-      return C.value.map((k, F) => {
-        switch (k.type) {
-          case "Tag":
-            return H(k.payload, F);
-          case "AddButton":
-            return M();
-          case "Input":
-            return _();
-        }
-      });
-    }
-    const ae = j(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": u.value === "capsule"
-    }));
-    function le(k) {
-      const F = Math.max(r.value.scrollLeft - k.deltaX, 0);
-      r.value.scrollLeft = F;
-    }
-    function Fe(k) {
-      var $;
-      k.preventDefault(), k.stopPropagation();
-      const F = ($ = k.dataTransfer) == null ? void 0 : $.getData("Text");
-      if (F) {
-        const G = F.split(":"), Ie = G[0], ee = G[1];
-        [...o.value].findIndex((ie) => (console.log(`${ie.value} === ${ee} is ${ie.value === ee}`), ie.value === ee)) > -1 || D(o.value.length, Ie, ee);
-      }
-    }
-    function xe(k) {
-      k.preventDefault();
-    }
-    return () => p("div", {
-      class: S.value,
-      onDrop: Fe,
-      onDragover: xe
-    }, [p("ul", {
-      ref: r,
-      class: ae.value,
-      onWheel: (k) => le(k)
-    }, [K()])]);
-  }
-});
-function qn(e, t, n) {
-  const c = a(e.separator), {
-    changeTextBoxValue: o
-  } = n, s = j(() => t.value ? t.value.split(c.value).map((f) => ({
-    name: f,
-    selectable: !0
-  })) : []);
-  function u(f) {
-    o(f.map((b) => b.name).join(c.value), !0);
-  }
-  return () => p(Wn, {
-    id: `${e.id}-tag-editor`,
-    class: "form-control",
-    data: s.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: u
-  }, null);
-}
-function zn(e, t, n) {
-  const {
-    buttonGroupClass: c,
-    onClickButton: o,
-    onMouseEnterButton: s,
-    onMouseLeaveButton: u
-  } = t, {
-    enableClearButton: f,
-    showClearButton: b,
-    onClearValue: i
-  } = n;
-  return () => p("div", {
-    id: `${e.id}-button-group`,
-    class: c.value
-  }, [f.value && ne(p("span", {
-    class: "input-group-text input-group-clear",
-    onClick: i
-  }, [p("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[Ce, b.value]]), e.buttonContent && p("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: o,
-    onMouseenter: s,
-    onMouseleave: u
-  }, null)]);
-}
-const Un = {
-  id: { type: String },
-  title: { type: String },
-  placement: { type: String, default: "bottom" },
-  reference: {
-    type: Object
-  },
-  host: {
-    type: Object
-  },
-  leftBoundary: {
-    type: Object
-  },
-  rightBoundary: {
-    type: Object
-  },
-  visible: { type: Boolean, default: !1 },
-  class: { type: String },
-  offsetX: { type: Object, default: a(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function Gn(e) {
-  const t = e.host ? e.host : "body", n = j(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), c = j(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), o = j(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), s = j(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: c, hostTop: n, hostWidth: o, hostHeight: s };
-}
-function Xn(e, t, n, c) {
-  var W;
-  const o = a(0), s = a(((W = e.offsetX) == null ? void 0 : W.value) || 0), u = a(e.minWidth), f = a(-1), b = a(-1), i = a(e.placement), v = a(0), l = a(0), r = a(0), w = a(document.documentElement.scrollLeft), d = a(document.documentElement.scrollTop), { hostLeft: y, hostTop: m, hostWidth: C, hostHeight: B } = c;
-  N(e.offsetX, (M) => {
-    o.value = M - s.value;
-  });
-  const h = j(() => {
-    const M = {
-      left: `${l.value}px`,
-      top: `${r.value}px`,
-      transform: `translateX(${o.value}px)`
-    };
-    return e.zIndex !== -1 && (M["z-index"] = e.zIndex), u.value !== -1 && (M.width = `${u.value}px`), M;
-  }), T = j(() => ({
-    left: `${v.value}px`
-  }));
-  function O(M) {
-    if (M && e.keepWidthWithReference) {
-      const D = M.getBoundingClientRect();
-      u.value = Math.max(e.minWidth, D.width);
-    }
-  }
-  function g(M, D) {
-    const R = C.value - M.width - 4;
-    return R > 0 ? R : D;
-  }
-  function x(M, D) {
-    const R = B.value - M.height - 4;
-    return R > 0 ? R : D;
-  }
-  function P(M, D, R) {
-    const q = v.value, A = D.left - y.value + D.width / 2 + w.value, _ = D.top - m.value - (M.height + R.height) + d.value;
-    return { popoverLeft: A, popoverTop: _, arrowLeft: q };
-  }
-  function S(M, D, R) {
-    const q = D.top - m.value + (D.height + R.height) + d.value, A = x(M, q);
-    return Math.min(q, A);
-  }
-  function V(M, D) {
-    const R = g(D, M), q = M <= R ? v.value : M - R;
-    return { popoverLeft: Math.min(M, R), arrowLeft: q };
-  }
-  function I(M, D, R) {
-    const q = D.left - y.value + D.width / 2 - (R.width / 2 - (M.left - y.value)) + w.value, { arrowLeft: A, popoverLeft: _ } = V(q, M), H = S(M, D, R);
-    return { popoverLeft: _, popoverTop: H, arrowLeft: A };
-  }
-  function E(M, D, R) {
-    const q = D.left - y.value + w.value, { arrowLeft: A, popoverLeft: _ } = V(q, M), H = S(M, D, R);
-    return { popoverLeft: _, popoverTop: H, arrowLeft: A };
-  }
-  const z = /* @__PURE__ */ new Map([
-    ["top", P],
-    ["bottom", I],
-    ["bottom-left", E]
-  ]);
-  function L(M) {
-    var _, H;
-    const D = M.getBoundingClientRect();
-    f.value = D.top, b.value = D.left;
-    const R = (_ = t.value) == null ? void 0 : _.getBoundingClientRect(), q = (H = n.value) == null ? void 0 : H.getBoundingClientRect(), A = z.get(i.value);
-    if (A) {
-      const { arrowLeft: K, popoverLeft: ae, popoverTop: le } = A(q, D, R);
-      v.value = K, l.value = ae, r.value = le;
-    }
-    e.keepWidthWithReference && O(M);
-  }
-  function X(M) {
-    if (M) {
-      const D = M.getBoundingClientRect();
-      (D.left !== b.value || D.top !== f.value) && L(M);
-    }
-  }
-  return {
-    arrowStyle: T,
-    popoverStyle: h,
-    position: i,
-    popoverWidth: u,
-    fitToReference: O,
-    followToReferencePosition: X,
-    locateToReference: L
-  };
-}
-function Kn(e, t, n, c, o, s, u) {
-  const f = a(e.visible), b = j(() => f.value), { fitToReference: i, locateToReference: v } = u;
-  let l;
-  function r() {
-    f.value = !1, document.body.removeEventListener("click", l), t.emit("hidden");
-  }
-  l = (d) => {
-    if (!o.value.contains(d.target)) {
-      const y = o.value.closest(".popover");
-      y && y.removeEventListener("click", l), r();
-    }
-  };
-  async function w(d) {
-    if (c.value && n.value && d) {
-      f.value = !0, o.value = d, s.value && i(d), await J(), v(d), document.body.addEventListener("click", l);
-      const y = d.closest(".popover");
-      y && y.addEventListener("click", l), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: r, show: w, shown: b }), { showPopover: f, hidePopverOnClickBodyHandler: l };
-}
-function Jn(e, t, n, c, o) {
-  const { popoverWidth: s, fitToReference: u, followToReferencePosition: f } = o;
-  function b() {
-    if (n.value) {
-      f(n.value);
-      const i = n.value.getBoundingClientRect();
-      c.value && i.width !== s.value && u(n.value);
-    }
-  }
-  return { onResize: b };
-}
-const Qn = /* @__PURE__ */ U({
-  name: "FPopover",
-  props: Un,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const n = a(), c = a(), o = a(e.reference), s = a(e.keepWidthWithReference), u = j(() => !!e.title), f = Gn(e), {
-      host: b
-    } = f, i = Xn(e, n, c, f), {
-      position: v,
-      arrowStyle: l,
-      popoverStyle: r,
-      fitToReference: w,
-      locateToReference: d
-    } = i, {
-      showPopover: y,
-      hidePopverOnClickBodyHandler: m
-    } = Kn(e, t, n, c, o, s, i), {
-      onResize: C
-    } = Jn(e, t, o, s, i), B = j(() => {
-      const T = `popover in popover-${v.value}`, O = `bs-popover-${v.value}`, g = {
-        "popover-fitcontent": e.fitContent
-      };
-      return g[T] = !0, g[O] = !0, (e.class || "").split(" ").reduce((P, S) => (P[S] = !0, P), g), g;
-    }), h = j(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return de(() => {
-      e.reference && d(o.value), s.value && w(o.value), window.addEventListener("resize", C);
-    }), ue(() => {
-      document.body.removeEventListener("click", m), window.removeEventListener("resize", C);
-    }), () => p(ce, {
-      to: b
-    }, {
-      default: () => {
-        var T;
-        return [ne(p("div", {
-          ref: c,
-          class: B.value,
-          style: r.value,
-          onClick: (O) => {
-            O.stopPropagation();
-          }
-        }, [p("div", {
-          ref: n,
-          class: "popover-arrow arrow",
-          style: l.value
-        }, null), u.value && p("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), p("div", {
-          class: h.value
-        }, [t.slots.default && ((T = t.slots) == null ? void 0 : T.default())])]), [[Ce, y.value]])];
-      }
-    });
-  }
-});
-function Yn(e, t, n) {
-  const c = a(e.popupMinWidth), {
-    hidePopup: o,
-    popoverRef: s
-  } = n;
-  return () => p(Qn, {
-    id: `${e.id}-popover`,
-    ref: s,
-    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: o
-  }, {
-    default: () => {
-      var u, f;
-      return [(f = (u = t.slots).default) == null ? void 0 : f.call(u)];
-    }
-  });
-}
-const Zn = /* @__PURE__ */ U({
-  name: "FButtonEdit",
-  props: je,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const n = a(), c = a(e.customClass), o = a(e.modelValue), s = kn(e, t, n), {
-      shouldPopupContent: u,
-      hidePopup: f,
-      togglePopup: b
-    } = s, i = Sn(e, t, n, s), v = a(""), l = Tn(e, t, o, v, s), {
-      hasFocusedTextBox: r,
-      commitValue: w,
-      inputGroupClass: d
-    } = l, y = Bn(e, t, o, r, v, l), {
-      onMouseEnterTextBox: m,
-      onMouseLeaveTextBox: C
-    } = y, B = j(() => {
-      const S = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return c.value && c.value.split(" ").reduce((V, I) => (V[I] = !0, V), S), S;
-    });
-    function h() {
-      return e.multiSelect && e.inputType === "tag" ? qn(e, o, l) : jn(e, o, l);
-    }
-    let T = h();
-    N([() => e.multiSelect, () => e.inputType], () => {
-      T = h();
-    });
-    const O = zn(e, i, y), g = Yn(e, t, s), x = {
-      commitValue: w,
-      elementRef: n,
-      hidePopup: f,
-      shouldPopupContent: u,
-      togglePopup: b
-    };
-    de(() => {
-      n.value.componentInstance = x, window.onresize = () => {
-        document.body.click();
-      };
-    });
-    function P(S) {
-      n.value.contains(S.target) && u.value || document.body.click();
-    }
-    return t.expose(x), () => p(oe, null, [p("div", $e(t.attrs, {
-      ref: n,
-      class: B.value,
-      id: e.id,
-      onMousedown: P
-    }), [p("div", {
-      id: `${e.id}-input-group`,
-      class: d.value,
-      onMouseenter: m,
-      onMouseleave: C
-    }, [T(), O()])]), u.value && g()]);
-  }
-});
-function eo(e) {
-  const t = a(""), n = a(e.modelValue), c = a(e.data || []), o = a(e.editable);
-  function s(l) {
-    const r = String(l).split(e.separator).map((d) => [d, !0]), w = new Map(r);
-    return c.value.filter((d) => w.has(String(d[e.valueField])));
-  }
-  function u(l) {
-    const r = s(l).map((w) => w[e.textField]).join(e.separator);
-    t.value = o.value ? r || l : r;
-  }
-  function f(l) {
-    const r = l.split(e.separator).map((d) => [d, !0]), w = new Map(r);
-    return c.value.filter((d) => w.has(d[e.textField]));
-  }
-  function b(l) {
-    const r = {};
-    return r[e.idField] = l, r[e.textField] = l, [r];
-  }
-  function i(l) {
-    let r = f(l);
-    const w = r && r.length > 0;
-    return o.value && !w && (r = b(l)), r;
-  }
-  function v() {
-    const { url: l, method: r = "GET", headers: w = {}, body: d = null } = e.remote;
-    fetch(l, { method: r, headers: w, body: d }).then((m) => {
-      if (m.status === 200)
-        return m.json();
-      throw new Error(m.statusText);
-    }).then((m) => {
-      c.value = m;
-    }).catch((m) => {
-      console.error(m);
-    });
-  }
-  return e.remote && v(), N(() => e.data, () => {
-    c.value = e.data;
-  }), N([c], ([l]) => {
-    if (e.modelValue) {
-      const r = l.find((w) => w[e.valueField] === e.modelValue);
-      r && (t.value = r[e.textField]);
-    }
-  }), N(() => e.modelValue, (l) => {
-    n.value = l, u(l);
-  }), u(e.modelValue), { dataSource: c, displayText: t, editable: o, modelValue: n, getItemsByDisplayText: f, getItemsByValue: s, getSelectedItemsByDisplayText: i };
-}
-const te = /* @__PURE__ */ U({
-  name: "FComboList",
-  props: ke,
-  emits: ["clear", "update:modelValue", "change"],
-  setup(e, t) {
-    const n = a(), c = a(e.disabled), o = a(e.enableClear), s = a(e.enableSearch), u = a(e.readonly), {
-      dataSource: f,
-      displayText: b,
-      editable: i,
-      modelValue: v,
-      getSelectedItemsByDisplayText: l
-    } = eo(e), r = j(() => e.multiSelect), w = j(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
-    function d() {
-      !r.value && n.value && n.value.hidePopup();
-    }
-    function y(h) {
-      b.value = h.map((T) => T[e.textField]).join(e.separator), v.value = h.map((T) => T[e.valueField]).join(e.separator), t.emit("update:modelValue", v.value), t.emit("change", h, v.value), d();
-    }
-    function m(h) {
-      v.value = "", t.emit("update:modelValue", ""), t.emit("clear");
-    }
-    function C(h) {
-      const T = l(h);
-      y(T);
-    }
-    function B() {
-      return b.value;
-    }
-    return t.expose({
-      getDisplayText: B
-    }), N([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([h, T, O, g, x]) => {
-      c.value = h, i.value = T, o.value = O, s.value = g, u.value = x;
-    }), () => p(Zn, {
-      ref: n,
-      id: e.id,
-      disable: c.value,
-      readonly: u.value,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: i.value,
-      buttonContent: e.dropDownIcon,
-      placeholder: e.placeholder,
-      enableClear: o.value,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? "tag" : "text",
-      modelValue: b.value,
-      "onUpdate:modelValue": (h) => b.value = h,
-      onClear: m,
-      onChange: C
-    }, {
-      default: () => [p(Kt, {
-        idField: e.idField,
-        valueField: e.valueField,
-        textField: e.textField,
-        titleField: e.titleField,
-        dataSource: f.value,
-        selectedValues: v.value,
-        multiSelect: e.multiSelect,
-        enableSearch: s.value,
-        height: e.maxHeight,
-        width: e.fitEditor ? w.value : void 0,
-        onSelectionChange: y
-      }, null)]
-    });
-  }
-}), se = /* @__PURE__ */ U({
-  name: "FOrder",
-  props: fe,
-  emits: ["change"],
-  setup(e, t) {
-    const n = a(e.items), c = a("排序列"), o = a("排序方式"), s = a("添加排序列"), u = [{
-      id: "asc",
-      name: "升序"
-    }, {
-      id: "desc",
-      name: "降序"
-    }], f = a(/* @__PURE__ */ new Map());
-    function b() {
-      const m = n.value.map((C) => [C.id, !0]);
-      f.value = new Map(m);
-    }
-    b();
-    const i = j(() => e.dataSource.map((m) => (m.disabled = f.value.has(m.id), m))), v = j(() => ({
-      "f-order": !0
-    }));
-    function l(m) {
-      n.value = n.value.filter((C) => C.id !== m.id), b(), t.emit("change", n.value);
-    }
-    function r() {
-      n.value = [...n.value, {
-        id: Date.now().toString(),
-        name: "",
-        order: "asc"
-      }], b(), t.emit("change", n.value);
-    }
-    function w(m) {
-      if (m && m.length === 1) {
-        const C = m[0], B = n.value.find((h) => h.id === C.id);
-        B && (B.name = C.name);
-      }
-      b(), t.emit("change", n.value);
-    }
-    function d(m) {
-      if (m && m.length) {
-        const C = /* @__PURE__ */ new Map();
-        m.reduce((B, h) => (B.set(h.id, h), B), C), n.value = m.map((B) => C.get(B.id)), t.emit("change", n.value);
-      }
-    }
-    function y() {
-      return p(me, {
-        style: "flex:1",
-        data: n.value,
-        draggable: !0,
-        view: "DraggableView",
-        "keep-order": !0,
-        itemClass: "f-order-item",
-        onRemoveItem: l,
-        onChange: d
-      }, {
-        header: () => p("div", {
-          class: "f-order-header"
-        }, [p("span", {
-          class: "f-order-header-order-field"
-        }, [c.value]), p("span", {
-          class: "f-order-header-order-type"
-        }, [o.value])]),
-        itemContent: (m) => p("div", {
-          class: "f-order-item-content"
-        }, [p(te, {
-          class: "f-order-item-content-order-field",
-          data: i.value,
-          valueField: "id",
-          textField: "name",
-          idField: "id",
-          modelValue: m.id,
-          "onUpdate:modelValue": (C) => m.id = C,
-          onChange: w,
-          onClear: w
-        }, null), p(te, {
-          class: "f-order-item-content-order-type",
-          data: u,
-          valueField: "id",
-          textField: "name",
-          idField: "id",
-          modelValue: m.order,
-          "onUpdate:modelValue": (C) => m.order = C,
-          onChange: w
-        }, null)]),
-        footer: () => p("div", {
-          class: "f-order-footer"
-        }, [p(Te, {
-          type: "link",
-          class: "f-order-add-button",
-          onClick: r
-        }, {
-          default: () => p(oe, null, [p("span", {
-            class: "f-order-add-icon"
-          }, [p("i", {
-            class: "f-icon f-icon-add"
-          }, null)]), s.value])
-        })])
-      });
-    }
-    return () => p("div", {
-      class: v.value
-    }, [y()]);
-  }
-});
-function to(e, t, n) {
-  var O;
-  function c() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  c();
-  const o = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", u = a();
-  function f() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function b() {
-    return !1;
-  }
-  function i() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function v() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function l(g) {
-    if (!g || !g.value)
-      return null;
-    if (g.value.schema && g.value.schema.type === "component")
-      return g.value;
-    const x = a(g == null ? void 0 : g.value.parent), P = l(x);
-    return P || null;
-  }
-  function r(g = t) {
-    const { componentInstance: x, designerItemElementRef: P } = g;
-    return !x || !x.value ? null : x.value.canMove ? P : r(g.parent);
-  }
-  function w(g) {
-    return !!n && n.canAccepts(g);
-  }
-  function d() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function y() {
-  }
-  function m(g, x) {
-    x && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(x);
-  }
-  function C(g) {
-    const { componentType: x } = g;
-    let P = Q(x, g);
-    n && n.onResolveNewComponentSchema && (P = n.onResolveNewComponentSchema(g, P));
-    const S = x.toLowerCase().replace("-", "_");
-    return P && !P.id && P.type === x && (P.id = `${S}_${Math.random().toString().slice(2, 6)}`), P;
-  }
-  function B(g, x) {
-    const P = String(g.getAttribute("data-controltype")), S = g.getAttribute("data-feature"), V = S ? JSON.parse(S) : {};
-    V.parentComponentInstance = u.value;
-    let I = Q(P, V);
-    n && n.onAcceptNewChildElement && (I = n.onAcceptNewChildElement(g, x, I));
-    const E = P.toLowerCase().replace("-", "_");
-    return I && !I.id && I.type === P && (I.id = `${E}_${Math.random().toString().slice(2, 6)}`), I;
-  }
-  function h(g) {
-  }
-  function T() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return u.value = {
-    canMove: f(),
-    canSelectParent: b(),
-    canDelete: i(),
-    canNested: !v(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (O = t == null ? void 0 : t.parent) == null ? void 0 : O.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: o,
-    designerClass: s,
-    canAccepts: w,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: r,
-    getDraggingDisplayText: d,
-    getPropConfig: T,
-    getDragScopeElement: y,
-    onAcceptMovedChildElement: m,
-    onAcceptNewChildElement: B,
-    onChildElementMovedOut: h,
-    addNewChildComponentSchema: C,
-    updateDragAndDropRules: c,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || a(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || a(!1)
-  }, u;
-}
-function no() {
-  function e(t) {
-    var o, s;
-    if (!t)
-      return !1;
-    const n = ((o = t.targetContainer) == null ? void 0 : o.componentInstance) && t.targetContainer.componentInstance.value;
-    if (!n)
-      return !1;
-    const c = (s = n.schema.appearance) == null ? void 0 : s.class;
-    if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const u = n.schema.type, f = (u === "response-form" || u === "content-container") && c && c.includes("farris-form");
-      if (n.schema.type !== "response-layout-item" && !f)
-        return !1;
-    }
-    return t.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: e
-  };
-}
-const oo = "https://json-schema.org/draft/2020-12/schema", ao = "https://farris-design.gitee.io/dragging-rules.schema.json", lo = "Dragging Rules", io = "The rules of designer canvas", so = "object", ro = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !1
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              rules: {
-                type: "object",
-                properties: {
-                  canAccept: {
-                    type: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
-  }
-}, co = [], uo = {
-  $schema: oo,
-  $id: ao,
-  title: lo,
-  description: io,
-  type: so,
-  properties: ro,
-  required: co
-}, re = /* @__PURE__ */ new Map();
-function po() {
-  function e(d, y, m, C) {
-    if (typeof m == "number")
-      return C[d].length === m;
-    if (typeof m == "object") {
-      const B = Object.keys(m)[0], h = m[B];
-      if (B === "not")
-        return Number(C[d].length) !== Number(h);
-      if (B === "moreThan")
-        return Number(C[d].length) >= Number(h);
-      if (B === "lessThan")
-        return Number(C[d].length) <= Number(h);
-    }
-    return !1;
-  }
-  function t(d, y, m, C) {
-    return typeof m == "boolean" ? C.childrenClassList.includes(y) === !!m : !1;
-  }
-  function n(d, y, m, C) {
-    return typeof m == "boolean" ? C.parentClassList.includes(y) === !!m : !1;
-  }
-  function c(d, y, m, C) {
-    return typeof m == "boolean" ? C.parentClassList.includes(y) === !!m : !1;
-  }
-  const o = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["hasChildren", t],
-    ["hasSibling", c],
-    ["hasParent", n]
-  ]);
-  function s(d, y) {
-    const m = d;
-    return typeof y == "number" ? [{ target: m, operator: "length", param: null, value: Number(y) }] : typeof y == "object" ? Object.keys(y).map((C) => {
-      if (C === "length")
-        return { target: m, operator: "length", param: null, value: y[C] };
-      const B = C, h = y[C];
-      return { target: m, operator: d === "children" ? "hasChildren" : d === "parent" ? "hasParent" : "hasSibling", param: B, value: h };
-    }) : [];
-  }
-  function u(d, y) {
-    if (o.has(d.operator)) {
-      const m = o.get(d.operator);
-      return m && m(d.target, d.param, d.value, y) || !1;
-    }
-    return !1;
-  }
-  function f(d, y) {
-    return Object.keys(d).reduce((h, T) => {
-      const O = s(T, d[T]);
-      return h.push(...O), h;
-    }, []).reduce((h, T) => h && u(T, y), !0);
-  }
-  function b(d, y) {
-    const m = Object.keys(d), C = m.includes("allOf"), B = m.includes("anyOf"), h = C || B, g = (h ? d[h ? C ? "allOf" : "anyOf" : "allOf"] : [d]).map((P) => f(P, y));
-    return C ? !g.includes(!1) : g.includes(!0);
-  }
-  function i(d, y) {
-    const m = d.const;
-    return m ? typeof m == "boolean" ? m : typeof m == "object" ? b(m, y) : !1 : !1;
-  }
-  function v(d) {
-    return (y) => {
-      const m = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return d && d.properties && Object.keys(d.properties).reduce((C, B) => {
-        const h = d.properties[B];
-        return C[B] = i(h, y), C;
-      }, m), m;
-    };
-  }
-  function l(d, y, m) {
-    if (y.type === "object" && y.properties) {
-      const { rules: C, contents: B } = y.properties;
-      m.set(d, v(C)), B && Object.keys(B.properties).forEach(
-        (h) => l(h, B.properties[h], m)
-      );
-    }
-  }
-  function r() {
-    const { properties: d } = uo;
-    Object.keys(d).forEach((y) => {
-      l(y, d[y], re);
-    });
-  }
-  function w(d, y) {
-    const m = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return re.has(d) ? re.get(d)(y) : m;
-  }
-  return r(), { getRuleValue: w };
-}
-function fo(e, t) {
-  const n = po(), c = a(!1), o = a(!1);
-  let s = !0, u = !1, f, b = !1;
-  function i(h) {
-    return f && f.componentClassList && f.componentClassList.includes("f-form-layout") && f.componentClassList.includes("farris-form") ? h.sourceType === "control" && h.controlCategory === "input" || h.sourceType === "move" && h.controlType === "form-group" : !0;
-  }
-  function v(h) {
-    return !(!no().basalDragulaRuleForContainer(h) || !s || !i(h));
-  }
-  function l() {
-    c.value = !1, o.value = !1;
-    const h = e, T = h.appearance && h.appearance.class || "", O = T.split(" "), g = h.contents || [], x = g.length ? g[0] : null, P = x && x.appearance ? x.appearance.class : "", S = P ? P.split(" ") : [], V = g.length ? g.reduce((M, D) => {
-      const R = D && D.appearance ? D.appearance.class : "", q = R ? R.split(" ") : [];
-      return M.push(...q), M;
-    }, []) : [], I = t, E = I && I.appearance && I.appearance.class || "", z = E ? E.split(" ") : [];
-    f = {
-      componentClass: T,
-      componentClassList: O,
-      childContents: g,
-      firstChildContent: x,
-      firstChildClass: P,
-      firstChildClassList: S,
-      parent: I,
-      parentClass: E,
-      parentClassList: z,
-      children: g,
-      childrenClassList: V
-    };
-    const { canAccept: L, fixed: X, hidePadding: W } = n.getRuleValue(O[0], f);
-    return s = L, u = W, b = X, !0;
-  }
-  function r(h) {
-    J();
-  }
-  function w() {
-    return e.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  function d(h, T) {
-    const O = e;
-    if ((O.appearance && O.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: P } = h, S = Q("form-group");
-      return S.editor = T, S.label = P, S;
-    }
-    return T;
-  }
-  function y(h, T, O) {
-    const g = e;
-    if ((g.appearance && g.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const S = String(h.innerText), V = Q("form-group");
-      return V.editor = O, V.label = S, V;
-    }
-    return O;
-  }
-  function m() {
-    return !b;
-  }
-  function C() {
-    return !b;
-  }
-  function B() {
-    return u;
-  }
-  return {
-    canAccepts: v,
-    checkCanDeleteComponent: C,
-    checkCanMoveComponent: m,
-    getStyles: w,
-    hideNestedPaddingInDesginerView: B,
-    onAcceptNewChildElement: y,
-    onAcceptMovedChildElement: r,
-    resolveComponentContext: l,
-    onResolveNewComponentSchema: d,
-    triggerBelongedComponentToMoveWhenMoved: c,
-    triggerBelongedComponentToDeleteWhenDeleted: o
-  };
-}
-const vo = /* @__PURE__ */ U({
-  name: "FOrderDesign",
-  props: fe,
-  emits: ["change"],
-  setup(e, t) {
-    var T;
-    const n = a(e.items), c = a("排序列"), o = a("排序方式"), s = a("添加排序列"), u = [{
-      id: "asc",
-      name: "升序"
-    }, {
-      id: "desc",
-      name: "降序"
-    }], f = a(/* @__PURE__ */ new Map()), b = a(), i = De("design-item-context"), v = fo(i.schema, (T = i.parent) == null ? void 0 : T.schema), l = to(b, i, v);
-    de(() => {
-      b.value.componentInstance = l;
-    }), t.expose(l.value);
-    function r() {
-      const O = n.value.map((g) => [g.id, !0]);
-      f.value = new Map(O);
-    }
-    r();
-    const w = j(() => e.dataSource.map((O) => (O.disabled = f.value.has(O.id), O))), d = j(() => ({
-      "f-order": !0
-    }));
-    function y(O) {
-      n.value = n.value.filter((g) => g.id !== O.id), r(), t.emit("change", n.value);
-    }
-    function m() {
-      n.value = [...n.value, {
-        id: Date.now().toString(),
-        name: "",
-        order: "asc"
-      }], r(), t.emit("change", n.value);
-    }
-    function C(O) {
-      r(), t.emit("change", n.value);
-    }
-    function B(O) {
-      if (O && O.length) {
-        const g = /* @__PURE__ */ new Map();
-        O.reduce((x, P) => (x.set(P.id, P), x), g), n.value = O.map((x) => g.get(x.id)), t.emit("change", n.value);
-      }
-    }
-    function h() {
-      return p(me, {
-        style: "flex:1",
-        data: n.value,
-        draggable: !0,
-        view: "DraggableView",
-        "keep-order": !0,
-        itemClass: "f-order-item",
-        onRemoveItem: y,
-        onChange: B
-      }, {
-        header: () => p("div", {
-          class: "f-order-header"
-        }, [p("span", {
-          class: "f-order-header-order-field"
-        }, [c.value]), p("span", {
-          class: "f-order-header-order-type"
-        }, [o.value])]),
-        itemContent: (O) => p("div", {
-          class: "f-order-item-content"
-        }, [p(te, {
-          class: "f-order-item-content-order-field",
-          data: w.value,
-          valueField: "id",
-          textField: "name",
-          idField: "id",
-          modelValue: O.id,
-          "onUpdate:modelValue": (g) => O.id = g,
-          onChange: C,
-          onClear: C
-        }, null), p(te, {
-          class: "f-order-item-content-order-type",
-          data: u,
-          valueField: "id",
-          textField: "name",
-          idField: "id",
-          modelValue: O.order,
-          "onUpdate:modelValue": (g) => O.order = g,
-          onChange: C
-        }, null)]),
-        footer: () => p("div", {
-          class: "f-order-footer"
-        }, [p(Te, {
-          type: "link",
-          class: "f-order-add-button",
-          onClick: m
-        }, {
-          default: () => p(oe, null, [p("span", {
-            class: "f-order-add-icon"
-          }, [p("i", {
-            class: "f-icon f-icon-add"
-          }, null)]), s.value])
-        })])
-      });
-    }
-    return () => p("div", {
-      ref: b,
-      class: d.value
-    }, [h()]);
-  }
-}), bo = {
-  install(e) {
-    e.component(se.name, se);
-  },
-  register(e, t, n) {
-    e.order = se, t.order = ye;
-  },
-  registerDesigner(e, t, n) {
-    e.order = vo, t.order = ye;
-  }
-};
-export {
-  se as FOrder,
-  bo as default,
-  fe as orderProps,
-  ye as propsResolver
-};