@farris/ui-vue 1.1.0 → 1.1.1

package/transfer/index.esm.js

@@ -1,1180 +0,0 @@
-import { ref as f, computed as $, watch as A, defineComponent as H, createVNode as i, withDirectives as Y, vModelCheckbox as ne, Fragment as z, withModifiers as le, vModelText as ae, createTextVNode as N, inject as oe, onMounted as se } from "vue";
-import { cloneDeep as ie } from "lodash-es";
-const Z = {}, x = {};
-function W(t) {
-  const { properties: e, title: n } = t, u = Object.keys(e).reduce((h, o) => (h[o] = e[o].type === "object" && e[o].properties ? W(e[o]) : ie(e[o].default), h), {});
-  return u.id = `${n}-${Date.now()}`, u;
-}
-function q(t, e = {}) {
-  const n = Z[t];
-  if (n) {
-    let u = W(n);
-    const h = x[t];
-    return u = h ? h({ getSchemaByType: q }, u, e) : u, u;
-  }
-  return null;
-}
-function ce(t, e) {
-  const n = W(e);
-  return Object.keys(t).reduce((u, h) => (u[h] = t[h], u), n), n;
-}
-function re(t, e) {
-  return Object.keys(t).filter((u) => t[u] != null).reduce((u, h) => {
-    if (e.has(h)) {
-      const o = e.get(h);
-      if (typeof o == "string")
-        u[o] = t[h];
-      else {
-        const p = o(h, t[h], t);
-        Object.assign(u, p);
-      }
-    } else
-      u[h] = t[h];
-    return u;
-  }, {});
-}
-function ue(t, e, n = /* @__PURE__ */ new Map()) {
-  const u = ce(t, e);
-  return re(u, n);
-}
-function fe(t = {}) {
-  function e(l, a, c, s) {
-    if (typeof c == "number")
-      return s[l].length === c;
-    if (typeof c == "object") {
-      const C = Object.keys(c)[0], g = c[C];
-      if (C === "not")
-        return Number(s[l].length) !== Number(g);
-      if (C === "moreThan")
-        return Number(s[l].length) >= Number(g);
-      if (C === "lessThan")
-        return Number(s[l].length) <= Number(g);
-    }
-    return !1;
-  }
-  function n(l, a, c, s) {
-    return s[a] && s[a].propertyValue && String(s[a].propertyValue.value) === String(c);
-  }
-  const u = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", n]
-  ]);
-  Object.keys(t).reduce((l, a) => (l.set(a, t[a]), l), u);
-  function h(l, a) {
-    const c = l;
-    return typeof a == "number" ? [{ target: c, operator: "length", param: null, value: Number(a) }] : typeof a == "boolean" ? [{ target: c, operator: "getProperty", param: l, value: !!a }] : typeof a == "object" ? Object.keys(a).map((s) => {
-      if (s === "length")
-        return { target: c, operator: "length", param: null, value: a[s] };
-      const C = s, g = a[s];
-      return { target: c, operator: l, param: C, value: g };
-    }) : [];
-  }
-  function o(l) {
-    return Object.keys(l).reduce((c, s) => {
-      const C = h(s, l[s]);
-      return c.push(...C), c;
-    }, []);
-  }
-  function p(l, a) {
-    if (u.has(l.operator)) {
-      const c = u.get(l.operator);
-      return c && c(l.target, l.param, l.value, a) || !1;
-    }
-    return !1;
-  }
-  function y(l, a) {
-    return o(l).reduce((C, g) => C && p(g, a), !0);
-  }
-  function v(l, a) {
-    const c = Object.keys(l), s = c.includes("allOf"), C = c.includes("anyOf"), g = s || C, D = (g ? l[g ? s ? "allOf" : "anyOf" : "allOf"] : [l]).map((w) => y(w, a));
-    return s ? !D.includes(!1) : D.includes(!0);
-  }
-  return { parseValueSchema: v };
-}
-const de = {}, pe = {};
-fe();
-function K(t, e, n = /* @__PURE__ */ new Map(), u = (p, y, v) => y, h = {}, o = (p) => p) {
-  return Z[e.title] = e, x[e.title] = u, de[e.title] = h, pe[e.title] = o, (p = {}) => {
-    const y = ue(p, e, n), v = Object.keys(t).reduce((l, a) => (l[a] = t[a].default, l), {});
-    return Object.assign(v, y);
-  };
-}
-function R(t, e) {
-  return { customClass: e.class };
-}
-const ve = /* @__PURE__ */ new Map([
-  ["appearance", R]
-]);
-function he(t, e, n) {
-  return e;
-}
-const me = "transfer", ge = "A Farris Component", ye = "object", Ce = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Se = {
-  title: me,
-  description: ge,
-  type: ye,
-  categories: Ce
-}, be = "https://json-schema.org/draft/2020-12/schema", we = "https://farris-design.gitee.io/transfer.schema.json", ke = "transfer", Ve = "A Farris Component", Me = "object", Te = {
-  id: {
-    description: "The unique identifier for transfer",
-    type: "string"
-  },
-  type: {
-    description: "The type string of transfer",
-    type: "string",
-    default: "transfer"
-  },
-  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
-  }
-}, Ie = [
-  "id",
-  "type"
-], Oe = {
-  $schema: be,
-  $id: we,
-  title: ke,
-  description: Ve,
-  type: Me,
-  properties: Te,
-  required: Ie
-}, U = {
-  dataSource: {
-    type: Array,
-    default: []
-  },
-  displayType: { type: String, default: "List" },
-  enableSearch: { type: Boolean, default: !0 },
-  identifyField: { type: String, default: "id" },
-  textField: { type: String, default: "name" },
-  placeholder: { type: String, default: "" },
-  selections: { type: Array, default: [] },
-  selectionValues: { type: Array, default: [] }
-}, J = K(U, Oe, ve, he, Se), De = /* @__PURE__ */ new Map([
-  ["appearance", R]
-]);
-function Fe(t, e, n) {
-  return e;
-}
-const je = "https://json-schema.org/draft/2020-12/schema", $e = "https://farris-design.gitee.io/list-view.schema.json", _e = "list-view", Pe = "A Farris Component", Ae = "object", Ee = {
-  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
-  }
-}, Ne = [
-  "id",
-  "type"
-], Be = {
-  $schema: je,
-  $id: $e,
-  title: _e,
-  description: Pe,
-  type: Ae,
-  properties: Ee,
-  required: Ne
-}, He = "list-view", Le = "A Farris Component", qe = "object", ze = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, We = {
-  title: He,
-  description: Le,
-  type: qe,
-  categories: ze
-}, ee = {
-  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" }
-};
-K(ee, Be, De, Fe, We);
-function Ue(t, e, n, u, h) {
-  const o = f(t.idField), p = f(t.disableField), y = f(t.draggable), v = f(t.itemClass), l = f(t.multiSelect), a = f(t.multiSelectMode);
-  f(!0);
-  const { isDragging: c } = n, { activeIndex: s, focusedItemId: C, hoverIndex: g } = u, { clearSelection: M, selectedItems: j, toggleSelectItem: D } = h;
-  function O(m, b) {
-    const r = {
-      "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": y.value,
-      "f-un-click": !!m.unClick,
-      "f-un-select": !!m[p.value],
-      "f-listview-active": m.__fv_index__ === s.value,
-      "f-listview-hover": !c.value && b === g.value,
-      moving: !!m.moving
-    };
-    return v.value.split(" ").reduce((F, I) => (F[I] = !0, F), r), r;
-  }
-  function w(m, b) {
-    return m[o.value] || "";
-  }
-  const T = $(() => !l.value);
-  function _(m, b) {
-    m.unClick || m[p.value] || (T.value && (C.value = m[o.value]), D(m, b));
-  }
-  const d = $(() => l.value && a.value === "OnCheckClearByClick"), k = $(() => !l.value || l.value && (a.value === "OnCheckAndClick" || a.value === "OnClick"));
-  function S(m, b, r) {
-    if (b.unClick || b[p.value]) {
-      m.preventDefault(), m.stopPropagation();
-      return;
-    }
-    C.value = b[o.value], s.value = r, d.value && M(), k.value && D(b, r), e.emit("clickItem", { data: j.value, index: r }), e.emit("activeChange", j.value);
-  }
-  return {
-    getKey: w,
-    listViewItemClass: O,
-    onCheckItem: _,
-    onClickItem: S
-  };
-}
-function Ge(t, e, n) {
-  const u = f(t.idField), h = f(t.multiSelect);
-  f(t.multiSelectMode);
-  const { getSelectionItems: o } = n, p = f(o(t.selectionValues));
-  A(() => t.selectionValues, (s) => {
-    p.value = f(o(s)).value;
-  });
-  const y = $(() => !h.value);
-  function v(s) {
-    return s[u.value] || "";
-  }
-  function l(s) {
-    return p.value.findIndex((g) => v(g) === v(s));
-  }
-  function a() {
-    p.value.forEach((s) => {
-      s.checked = !1;
-    }), p.value = [];
-  }
-  function c(s, C) {
-    y.value && a();
-    const g = l(s);
-    g > -1 ? (p.value.splice(g, 1), s.checked = !1) : (p.value.push(s), s.checked = !0), e.emit("selectionChange", p.value);
-  }
-  return { clearSelection: a, findIndexInSelectedItems: l, selectedItems: p, toggleSelectItem: c };
-}
-function Je(t, e) {
-  function n(o) {
-    const p = [];
-    let y = o.nextNode();
-    for (; y; )
-      p.push(y), y = o.nextNode();
-    return p;
-  }
-  function u(o, p) {
-    const y = document.createTreeWalker(o, NodeFilter.SHOW_TEXT);
-    return n(y).map((c) => ({ textNode: c, text: (c.textContent || "").toLocaleLowerCase() })).map(({ textNode: c, text: s }) => {
-      const C = [];
-      let g = 0;
-      for (; g < s.length; ) {
-        const M = s.indexOf(p, g);
-        if (M === -1)
-          break;
-        C.push(M), g = M + p.length;
-      }
-      return C.map((M) => {
-        const j = new Range();
-        return j.setStart(c, M), j.setEnd(c, M + p.length), j;
-      });
-    }).flat();
-  }
-  function h(o) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !o || !e))
-      return;
-    const p = u(e.value, o.toLocaleLowerCase()), y = new Highlight(...p);
-    CSS.highlights.set("search-result", y);
-  }
-  return { search: h };
-}
-const Xe = {
-  /** 组件唯一标识 */
-  id: { Type: String, default: "" },
-  /** 自定义样式 */
-  customClass: { Type: String, default: "" },
-  /** 禁用状态 */
-  disable: { Type: Boolean, default: !1 },
-  /** 中间状态 */
-  indeterminate: { Type: Boolean, default: !1 },
-  /** 选择状态 */
-  modelValue: { Type: Boolean, default: !1 }
-}, G = /* @__PURE__ */ H({
-  name: "FCheckBox",
-  props: Xe,
-  emits: ["change", "update:modelValue"],
-  setup(t, e) {
-    const n = f(t.id), u = f(t.customClass), h = f(t.disable), o = f(t.modelValue), p = f(t.indeterminate), y = $(() => {
-      const l = {
-        "custom-control": !0,
-        "custom-checkbox": !0
-      };
-      return u.value && u.value.split(" ").reduce((a, c) => (a[c] = !0, a), l), l;
-    });
-    function v(l) {
-      l.stopPropagation(), l.preventDefault(), h.value || (o.value = !o.value, e.emit("update:modelValue", o.value), e.emit("change", {
-        originalEvent: l,
-        checked: o.value
-      }));
-    }
-    return A(() => t.modelValue, (l) => {
-      o.value = l;
-    }), A(() => t.indeterminate, (l) => {
-      p.value = l;
-    }), () => i("div", {
-      class: y.value
-    }, [Y(i("input", {
-      id: n.value,
-      title: n.value,
-      type: "checkbox",
-      class: "custom-control-input",
-      "onUpdate:modelValue": (l) => o.value = l,
-      indeterminate: p.value
-    }, null), [[ne, o.value]]), i("label", {
-      for: n.value,
-      class: "custom-control-label",
-      onClick: v
-    }, null)]);
-  }
-});
-function X(t, e, n, u, h, o, p, y) {
-  const v = f(t.size), l = f(t.textField), a = f(t.titleField), c = f(t.multiSelect), s = f(t.disableField), {
-    onMouseenterItem: C,
-    onMouseoverItem: g,
-    onMouseoutItem: M
-  } = h, {
-    getKey: j,
-    listViewItemClass: D,
-    onCheckItem: O,
-    onClickItem: w
-  } = o, T = $(() => ({
-    margin: v.value === "small" ? "0.25rem 0" : "10px 0"
-  }));
-  function _(d, k, S) {
-    return d.checked = p.findIndexInSelectedItems(d) > -1, i("li", {
-      class: D(d, k),
-      id: j(d, k),
-      key: j(d, k),
-      onClick: (m) => w(m, d, k),
-      onMouseenter: (m) => C(m, d, k),
-      onMouseover: (m) => g(m, d, k),
-      onMouseout: (m) => M(m, d, k)
-    }, [c.value && i("div", {
-      class: "f-list-select",
-      onClick: (m) => m.stopPropagation()
-    }, [i(G, {
-      id: "list-" + j(d, k),
-      customClass: "listview-checkbox",
-      disable: d[s.value] || d.unClick,
-      modelValue: d.checked,
-      "onUpdate:modelValue": (m) => d.checked = m,
-      onChange: (m) => O(d, k)
-    }, null)]), i("div", {
-      class: "f-list-content"
-    }, [i("div", {
-      style: T.value,
-      title: d[a.value] || d[l.value]
-    }, [d[l.value]])])]);
-  }
-  return {
-    renderItem: _
-  };
-}
-function Qe(t, e, n, u, h, o, p, y) {
-  const v = f(t.multiSelect), l = f(t.disableField), {
-    onMouseenterItem: a,
-    onMouseoverItem: c,
-    onMouseoutItem: s
-  } = h, {
-    getKey: C,
-    listViewItemClass: g,
-    onCheckItem: M,
-    onClickItem: j
-  } = o;
-  function D(w, T, _) {
-    return e.slots.content ? i(z, null, [e.slots.content && e.slots.content({
-      item: w,
-      index: T,
-      selectedItem: _
-    })]) : i("div", {
-      style: "margin: 10px 0;"
-    }, [w.name]);
-  }
-  function O(w, T, _) {
-    return i("li", {
-      class: g(w, T),
-      id: C(w, T),
-      key: C(w, T),
-      onClick: (d) => j(d, w, T),
-      onMouseenter: (d) => a(d, w, T),
-      onMouseover: (d) => c(d, w, T),
-      onMouseout: (d) => s(d, w, T)
-    }, [v.value && i("div", {
-      class: "f-list-select",
-      onClick: (d) => d.stopPropagation()
-    }, [i(G, {
-      id: "list-" + C(w, T),
-      customClass: "listview-checkbox",
-      disable: w[l.value] || w.unClick,
-      modelValue: w.checked,
-      "onUpdate:modelValue": (d) => w.checked = d,
-      onChange: (d) => M(w, T)
-    }, null)]), i("div", {
-      class: "f-list-content"
-    }, [D(w, T, _)])]);
-  }
-  return {
-    renderItem: O
-  };
-}
-function Ye(t, e, n, u, h, o, p, y) {
-  const v = f(t.multiSelect), l = f(t.disableField), {
-    onMouseenterItem: a,
-    onMouseoverItem: c,
-    onMouseoutItem: s
-  } = h, {
-    getKey: C,
-    listViewItemClass: g,
-    onCheckItem: M,
-    onClickItem: j
-  } = o, {
-    dragstart: D,
-    dragenter: O,
-    dragover: w,
-    dragend: T
-  } = u, {
-    removeItem: _
-  } = y, d = $(() => ({
-    margin: v.value ? "10px 0" : "10px 0px 10px 14px"
-  }));
-  function k(r) {
-    return i("div", {
-      style: d.value
-    }, [r.name]);
-  }
-  function S() {
-    return e.slots.itemContent ? e.slots.itemContent : k;
-  }
-  const m = S();
-  function b(r, V, F) {
-    return i("li", {
-      class: g(r, V),
-      id: C(r, V),
-      key: C(r, V),
-      onClick: (I) => j(I, r, V),
-      onMouseenter: (I) => a(I, r, V),
-      onMouseover: (I) => c(I, r, V),
-      onMouseout: (I) => s(I, r, V),
-      draggable: "true",
-      onDragstart: (I) => D(I, r, V),
-      onDragenter: (I) => O(I, V),
-      onDragend: (I) => T(I, r),
-      onDragover: (I) => w(I, V)
-    }, [v.value && i("div", {
-      class: "f-list-select",
-      onClick: (I) => I.stopPropagation()
-    }, [i(G, {
-      id: "list-" + C(r, V),
-      customClass: "listview-checkbox",
-      disable: r[l.value] || r.unClick,
-      modelValue: r.checked,
-      "onUpdate:modelValue": (I) => r.checked = I,
-      onChange: (I) => M(r, V)
-    }, null)]), i("div", {
-      class: "f-list-content"
-    }, [m(r)]), i("div", {
-      class: "f-list-remove",
-      onClick: (I) => _(V)
-    }, [i("div", {
-      class: "f-list-remove-icon"
-    }, [i("i", {
-      class: "f-icon f-icon-remove_face"
-    }, null)])]), i("div", {
-      class: "f-list-handle"
-    }, [i("div", null, [i("i", {
-      class: "f-icon f-icon-drag-vertical"
-    }, null)])])]);
-  }
-  return {
-    renderItem: b
-  };
-}
-function Ze(t, e, n) {
-  function u() {
-    return e.slots.header && i("div", {
-      class: "f-list-view-header"
-    }, [e.slots.header()]);
-  }
-  return {
-    renderHeader: u
-  };
-}
-function Q(t, e, n) {
-  const u = f(t.headerClass), h = f(t.placeholder), o = f(""), p = $(() => !o.value), y = $(() => !!o.value);
-  function v(s) {
-    o.value = "";
-  }
-  A(o, (s) => {
-    n.search(s);
-  });
-  const l = $(() => {
-    const s = {
-      "form-group": !0,
-      "farris-form-group": !0
-    };
-    return u.value && u.value.split(" ").reduce((g, M) => (g[M] = !0, g), s), s;
-  });
-  function a(s) {
-  }
-  function c() {
-    return i("div", {
-      class: "f-list-view-header",
-      onClick: le(a, ["prevent", "stop"])
-    }, [i("div", {
-      class: l.value
-    }, [i("div", {
-      class: "farris-input-wrap"
-    }, [i("div", {
-      class: "f-cmp-inputgroup"
-    }, [i("div", {
-      class: "input-group f-state-editable"
-    }, [Y(i("input", {
-      class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (s) => o.value = s,
-      name: "input-group-value",
-      type: "text",
-      placeholder: h.value,
-      autocomplete: "off"
-    }, null), [[ae, o.value]]), i("div", {
-      class: "input-group-append"
-    }, [y.value && i("span", {
-      class: "input-group-text input-group-clear",
-      onClick: (s) => v()
-    }, [i("i", {
-      class: "f-icon f-icon-close-circle"
-    }, null)]), p.value && i("span", {
-      class: "input-group-text"
-    }, [i("span", {
-      class: "f-icon f-icon-search"
-    }, null)])])])])])])]);
-  }
-  return {
-    renderHeader: c
-  };
-}
-function xe(t, e) {
-  const n = f(t.idField), u = f(t.data), h = f(t.data), o = f(t.keepOrder);
-  function p() {
-    const l = u.value.map((a, c) => typeof a != "object" ? { __fv_index__: c, name: a } : (a.__fv_index__ = c, a));
-    return h.value = l, l;
-  }
-  const y = f(p());
-  A(
-    () => t.data,
-    (l) => {
-      if (o.value) {
-        const a = l.reduce((g, M) => (g.set(M.id, !0), g), /* @__PURE__ */ new Map()), c = u.value.reduce((g, M) => (g.set(M.id, !0), g), /* @__PURE__ */ new Map()), s = y.value.filter((g) => a.has(g.id)), C = l.filter((g) => !c.has(g.id));
-        u.value = [...s, ...C];
-      } else
-        u.value = l;
-      y.value = p();
-    }
-  );
-  function v(l) {
-    return l.map((c) => {
-      const s = h.value.findIndex((C) => C[n.value] === c);
-      return s > -1 ? h.value[s] : null;
-    }).filter((c) => c != null);
-  }
-  return {
-    dataView: y,
-    getSelectionItems: v
-  };
-}
-function Ke(t, e, n, u) {
-  const h = f(t.idField), { dataView: o } = n, p = f(-1), y = f(!1), { activeIndex: v, focusedItemId: l, hoverIndex: a, resumeHover: c, suspendHover: s } = u;
-  function C(D, O, w) {
-    D.stopPropagation(), s(), O && setTimeout(() => {
-      p.value = w, y.value = !0, O.moving = !0;
-    });
-  }
-  function g(D, O) {
-    if (D.preventDefault(), p.value !== O) {
-      const w = o.value[p.value], T = o.value;
-      T.splice(p.value, 1), T.splice(O, 0, w), p.value = O;
-    }
-  }
-  function M(D, O) {
-    D.preventDefault(), D.dataTransfer && (D.dataTransfer.dropEffect = "move");
-  }
-  function j(D, O) {
-    O && (O.moving = !1), o.value.forEach((w, T) => {
-      w.__fv_index__ = T;
-    }), y.value = !1, c(), a.value = O.__fv_index__, v.value = O.__fv_index__, l.value = O[h.value], e.emit("change", o.value), e.emit("activeChange", O);
-  }
-  return {
-    dragstart: C,
-    dragenter: g,
-    dragover: M,
-    dragend: j,
-    isDragging: y
-  };
-}
-function Re(t, e, n) {
-  const { dataView: u } = n;
-  function h(o) {
-    if (o > -1 && o < u.value.length) {
-      const p = u.value.splice(o, 1);
-      e.emit("removeItem", p[0]);
-    }
-  }
-  return { removeItem: h };
-}
-function et() {
-  const t = f(-1), e = f(""), n = f(-1), u = f(!1);
-  function h(l, a, c) {
-    n.value = c;
-  }
-  function o(l, a, c) {
-    u.value || (n.value = c);
-  }
-  function p(l, a, c) {
-    n.value = -1;
-  }
-  function y() {
-    u.value = !0;
-  }
-  function v() {
-    u.value = !1;
-  }
-  return {
-    activeIndex: t,
-    focusedItemId: e,
-    hoverIndex: n,
-    onMouseenterItem: h,
-    onMouseoverItem: o,
-    onMouseoutItem: p,
-    resumeHover: v,
-    suspendHover: y
-  };
-}
-const B = /* @__PURE__ */ H({
-  name: "FListView",
-  props: ee,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
-  setup(t, e) {
-    const n = f(), u = f(t.view), h = f(t.header), o = f(t.multiSelect), p = f(t.view === "CardView"), y = f(!0), v = f({}), l = f("暂无数据"), a = xe(t), {
-      dataView: c
-    } = a, s = $(() => {
-      const P = {
-        "f-list-view": !0,
-        "f-list-view-multiple": o.value
-      };
-      return t.size !== "default" && (P[`${t.size}-item`] = !0), P;
-    }), C = $(() => ({
-      "f-list-view-group": !0,
-      "d-flex": p.value,
-      "flex-wrap": p.value
-    })), g = $(() => !!c.value && c.value.length > 0), M = et(), j = Ge(t, e, a), D = Ke(t, e, a, M), O = Re(t, e, a), w = Ue(t, e, D, M, j), T = Je(t, n), _ = $(() => c.value.length === 0), d = $(() => _.value && !e.slots.empty), k = $(() => !!e.slots.footer || y.value);
-    function S() {
-      return u.value === "SingleView" ? X : u.value === "DraggableView" ? Ye : u.value === "ContentView" && e.slots.content ? Qe : X;
-    }
-    const m = S(), {
-      renderItem: b
-    } = m(t, e, a, D, M, w, j, O);
-    function r() {
-      return h.value === "SearchBar" ? Q : h.value === "ContentHeader" ? Ze : Q;
-    }
-    const V = r(), {
-      renderHeader: F
-    } = V(t, e, T);
-    function I(P) {
-      T.search(P);
-    }
-    e.expose({
-      search: I
-    });
-    function E(P) {
-      o.value && (P.preventDefault(), P.stopPropagation());
-    }
-    return () => i("div", {
-      class: s.value,
-      onClick: E
-    }, [F(), i("div", {
-      ref: n,
-      class: "f-list-view-content"
-    }, [i("ul", {
-      class: C.value,
-      style: "list-style: none;"
-    }, [g.value && c.value.map((P, te) => b(P, te, v)), d.value && i("div", {
-      class: "f-list-view-emptydata"
-    }, [i("p", {
-      class: "f-empty-title"
-    }, [l.value])]), e.slots.empty && e.slots.empty()])]), k.value && i("div", {
-      class: "f-list-view-footer"
-    }, [e.slots.footer && e.slots.footer()])]);
-  }
-}), L = /* @__PURE__ */ H({
-  name: "FTransfer",
-  props: U,
-  emits: ["change", "activeChange"],
-  setup(t, e) {
-    const n = f(t.identifyField), u = f("已选："), h = f("项数据"), o = f(t.displayType), p = f(!1), y = f(t.dataSource), v = f(t.selections || []), l = $(() => v.value.map((S) => S[n.value])), a = /* @__PURE__ */ new Map();
-    function c() {
-      const S = /* @__PURE__ */ new Map(), m = t.selectionValues || [];
-      m.length && m.reduce((r, V) => (r.set(V, !0), r), S);
-      const b = t.selections || [];
-      b.length && (S.clear(), b.reduce((r, V) => (r.set(V[n.value], !0), r), S)), v.value.length || (v.value = y.value.filter((r) => S.has(r[n.value])).map((r) => Object.assign({}, r))), y.value.forEach((r) => {
-        const V = r[n.value], F = S.has(V);
-        r.checked = F, F && a.set(V, r);
-      });
-    }
-    c();
-    const s = $(() => o.value === "List"), C = $(() => o.value === "Tree");
-    function g(S) {
-      v.value = S.map((m) => Object.assign({}, m)), e.emit("change", v.value);
-    }
-    function M() {
-      return i(B, {
-        class: "f-utils-fill",
-        data: y.value,
-        "multi-select": !0,
-        draggable: !1,
-        header: "Search",
-        headerClass: "transfer-search-box",
-        "selection-values": l.value,
-        onSelectionChange: g
-      }, {
-        default: () => [N(" ")]
-      });
-    }
-    function j() {
-      return i(z, null, null);
-    }
-    function D() {
-      return i("div", {
-        class: "f-utils-fill option-pane d-flex flex-column"
-      }, [i("div", {
-        class: "f-utils-flex-column option-pane-content f-utils-fill"
-      }, [i("div", {
-        class: "container columns-box d-flex f-utils-fill"
-      }, [s.value && M(), C.value && j()])])]);
-    }
-    function O(S) {
-      const m = S[n.value];
-      if (m !== null || m !== void 0) {
-        v.value = v.value.filter((r) => r[n.value] !== m);
-        const b = a.get(m);
-        b && (b.checked = !1, a.delete(m)), e.emit("change", v.value);
-      }
-    }
-    function w(S) {
-      const m = /* @__PURE__ */ new Map();
-      v.value.reduce((b, r) => (b.set(r[n.value], r), b), m), v.value = S.map((b) => m.get(b[n.value])), e.emit("change", v.value);
-    }
-    function T(S) {
-      e.emit("activeChange", S);
-    }
-    function _() {
-      return i(B, {
-        style: "flex:1",
-        data: v.value,
-        draggable: !0,
-        view: "DraggableView",
-        "keep-order": !0,
-        onChange: w,
-        onRemoveItem: O,
-        onActiveChange: T
-      }, {
-        default: () => [N(" ")]
-      });
-    }
-    function d() {
-      return i("div", {
-        class: "f-utils-fill selection-pane d-flex flex-column"
-      }, [i("div", {
-        class: "f-utils-flex-column selection-pane-content f-utils-fill"
-      }, [i("div", {
-        class: "selection-pane-title"
-      }, [i("span", {
-        class: "selection-title"
-      }, [u.value]), i("span", {
-        class: "selection-count"
-      }, [v.value && v.value.length]), i("span", {
-        class: "selection-item-title"
-      }, [h.value])]), i("div", {
-        class: "container columns-box f-utils-fill d-flex"
-      }, [_()])])]);
-    }
-    const k = $(() => ({
-      transfer: !0,
-      row: !0,
-      "f-utils-fill": p.value
-    }));
-    return () => i("div", {
-      class: k.value,
-      style: "height:480px"
-    }, [D(), d()]);
-  }
-});
-function tt(t, e, n) {
-  var _;
-  function u() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  u();
-  const h = n && n.getStyles && n.getStyles() || "", o = n && n.getDesignerClass && n.getDesignerClass() || "", p = f();
-  function y() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function v() {
-    return !1;
-  }
-  function l() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function a() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function c(d) {
-    if (!d || !d.value)
-      return null;
-    if (d.value.schema && d.value.schema.type === "component")
-      return d.value;
-    const k = f(d == null ? void 0 : d.value.parent), S = c(k);
-    return S || null;
-  }
-  function s(d = e) {
-    const { componentInstance: k, designerItemElementRef: S } = d;
-    return !k || !k.value ? null : k.value.canMove ? S : s(d.parent);
-  }
-  function C(d) {
-    return !!n && n.canAccepts(d);
-  }
-  function g() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
-  }
-  function M() {
-  }
-  function j(d, k) {
-    k && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(k);
-  }
-  function D(d) {
-    const { componentType: k } = d;
-    let S = q(k, d);
-    n && n.onResolveNewComponentSchema && (S = n.onResolveNewComponentSchema(d, S));
-    const m = k.toLowerCase().replace("-", "_");
-    return S && !S.id && S.type === k && (S.id = `${m}_${Math.random().toString().slice(2, 6)}`), S;
-  }
-  function O(d, k) {
-    const S = String(d.getAttribute("data-controltype")), m = d.getAttribute("data-feature"), b = m ? JSON.parse(m) : {};
-    b.parentComponentInstance = p.value;
-    let r = q(S, b);
-    n && n.onAcceptNewChildElement && (r = n.onAcceptNewChildElement(d, k, r));
-    const V = S.toLowerCase().replace("-", "_");
-    return r && !r.id && r.type === S && (r.id = `${V}_${Math.random().toString().slice(2, 6)}`), r;
-  }
-  function w(d) {
-  }
-  function T() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return p.value = {
-    canMove: y(),
-    canSelectParent: v(),
-    canDelete: l(),
-    canNested: !a(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: t,
-    parent: (_ = e == null ? void 0 : e.parent) == null ? void 0 : _.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: h,
-    designerClass: o,
-    canAccepts: C,
-    getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: s,
-    getDraggingDisplayText: g,
-    getPropConfig: T,
-    getDragScopeElement: M,
-    onAcceptMovedChildElement: j,
-    onAcceptNewChildElement: O,
-    onChildElementMovedOut: w,
-    addNewChildComponentSchema: D,
-    updateDragAndDropRules: u,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || f(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || f(!1)
-  }, p;
-}
-const nt = /* @__PURE__ */ H({
-  name: "FTransferDesign",
-  props: U,
-  emits: ["change"],
-  setup(t, e) {
-    const n = f(t.identifyField), u = f("已选："), h = f("项数据"), o = f(t.displayType), p = f(!1), y = f(t.dataSource), v = f(t.selections || []), l = $(() => v.value.map((b) => b[n.value])), a = /* @__PURE__ */ new Map();
-    function c() {
-      const b = /* @__PURE__ */ new Map(), r = t.selectionValues || [];
-      r.length && r.reduce((F, I) => (F.set(I, !0), F), b);
-      const V = t.selections || [];
-      V.length && (b.clear(), V.reduce((F, I) => (F.set(I[n.value], !0), F), b)), v.value.length || (v.value = y.value.filter((F) => b.has(F[n.value])).map((F) => Object.assign({}, F))), y.value.forEach((F) => {
-        const I = F[n.value], E = b.has(I);
-        F.checked = E, E && a.set(I, F);
-      });
-    }
-    c();
-    const s = $(() => o.value === "List"), C = $(() => o.value === "Tree");
-    function g(b) {
-      v.value = b.map((r) => Object.assign({}, r)), e.emit("change", v.value);
-    }
-    function M() {
-      return i(B, {
-        class: "f-utils-fill",
-        data: y.value,
-        "multi-select": !0,
-        draggable: !1,
-        header: "Search",
-        headerClass: "transfer-search-box",
-        "selection-values": l.value,
-        onSelectionChange: g
-      }, {
-        default: () => [N(" ")]
-      });
-    }
-    function j() {
-      return i(z, null, null);
-    }
-    function D() {
-      return i("div", {
-        class: "f-utils-fill option-pane d-flex flex-column"
-      }, [i("div", {
-        class: "f-utils-flex-column option-pane-content f-utils-fill"
-      }, [i("div", {
-        class: "container columns-box d-flex f-utils-fill"
-      }, [s.value && M(), C.value && j()])])]);
-    }
-    function O(b) {
-      const r = b[n.value];
-      if (r !== null || r !== void 0) {
-        v.value = v.value.filter((F) => F[n.value] !== r);
-        const V = a.get(r);
-        V && (V.checked = !1, a.delete(r)), e.emit("change", v.value);
-      }
-    }
-    function w(b) {
-      const r = /* @__PURE__ */ new Map();
-      v.value.reduce((V, F) => (V.set(F[n.value], F), V), r), v.value = b.map((V) => r.get(V[n.value])), e.emit("change", v.value);
-    }
-    function T() {
-      return i(B, {
-        style: "flex:1",
-        data: v.value,
-        draggable: !0,
-        view: "DraggableView",
-        "keep-order": !0,
-        onChange: w,
-        onRemoveItem: O
-      }, {
-        default: () => [N(" ")]
-      });
-    }
-    function _() {
-      return i("div", {
-        class: "f-utils-fill selection-pane d-flex flex-column"
-      }, [i("div", {
-        class: "f-utils-flex-column selection-pane-content f-utils-fill"
-      }, [i("div", {
-        class: "selection-pane-title"
-      }, [i("span", {
-        class: "selection-title"
-      }, [u.value]), i("span", {
-        class: "selection-count"
-      }, [v.value && v.value.length]), i("span", {
-        class: "selection-item-title"
-      }, [h.value])]), i("div", {
-        class: "container columns-box f-utils-fill d-flex"
-      }, [T()])])]);
-    }
-    const d = $(() => ({
-      transfer: !0,
-      row: !0,
-      "f-utils-fill": p.value
-    })), k = f(), S = oe("design-item-context"), m = tt(k, S);
-    return se(() => {
-      k.value.componentInstance = m;
-    }), e.expose(m.value), () => i("div", {
-      ref: k,
-      class: d.value,
-      style: "height:480px"
-    }, [D(), _()]);
-  }
-}), ot = {
-  install(t) {
-    t.component(L.name, L);
-  },
-  register(t, e, n) {
-    t.transfer = L, e.transfer = J;
-  },
-  registerDesigner(t, e, n) {
-    t.transfer = nt, e.transfer = J;
-  }
-};
-export {
-  L as FTransfer,
-  ot as default,
-  J as propsResolver,
-  U as transferProps
-};