@farris/ui-vue 1.2.8 → 1.2.9

package/components/transfer/index.esm.js

@@ -1,104 +1,104 @@
-import { ref as p, computed as $, createVNode as l, Fragment as B, watch as X, withModifiers as te, withDirectives as ne, vModelText as le, defineComponent as G, createTextVNode as H, inject as se, onMounted as ae } from "vue";
+import { ref as g, computed as $, createVNode as l, Fragment as B, watch as X, withModifiers as te, withDirectives as ne, vModelText as le, defineComponent as G, createTextVNode as _, inject as se, onMounted as ae } from "vue";
 import { cloneDeep as oe } from "lodash-es";
-import { useIdentify as re, useHierarchy as ie, useGroupData as ce, usePagination as ue, useDataView as fe, useSelection as de, useEdit as pe, useVisualDataBound as ve, useVisualDataCell as he, useVisualDataRow as ge, useVisualGroupRow as me, useVisualSummaryRow as ye, useVisualData as Ce } from "../data-view/index.esm.js";
+import { useIdentify as ie, useHierarchy as re, useGroupData as ce, usePagination as ue, useDataView as fe, useSelection as de, useEdit as pe, useVisualDataBound as ve, useVisualDataCell as he, useVisualDataRow as ge, useVisualGroupRow as me, useVisualSummaryRow as ye, useVisualData as we } from "../data-view/index.esm.js";
 import { FCheckBox as q } from "../checkbox/index.esm.js";
 const Q = {}, Y = {};
 function z(t) {
-  const { properties: e, title: n } = t, i = Object.keys(e).reduce((g, a) => (g[a] = e[a].type === "object" && e[a].properties ? z(e[a]) : oe(e[a].default), g), {});
-  return i.id = `${n}-${Date.now()}`, i;
+  const { properties: e, title: n, ignore: u } = t, v = u && Array.isArray(u), a = Object.keys(e).reduce((i, m) => ((!v || !u.find((r) => r == m)) && (i[m] = e[m].type === "object" && e[m].properties ? z(e[m]) : oe(e[m].default)), i), {});
+  return (!v || !u.find((i) => i == "id")) && (a.id = `${n}-${Date.now()}`), a;
 }
-function N(t, e = {}) {
-  const n = Q[t];
-  if (n) {
-    let i = z(n);
-    const g = Y[t];
-    return i = g ? g({ getSchemaByType: N }, i, e) : i, i;
+function N(t, e = {}, n) {
+  const u = Q[t];
+  if (u) {
+    let v = z(u);
+    const a = Y[t];
+    return v = a ? a({ getSchemaByType: N }, v, e, n) : v, v;
   }
   return null;
 }
-function Se(t, e) {
+function Ce(t, e) {
   const n = z(e);
-  return Object.keys(t).reduce((i, g) => (i[g] && typeof i[g] == "object" ? Object.assign(i[g], t[g]) : i[g] = t[g], i), n), n;
+  return Object.keys(t).reduce((u, v) => (u[v] && typeof u[v] == "object" ? Object.assign(u[v], t[v]) : u[v] = t[v], u), n), n;
 }
-function we(t, e) {
-  return Object.keys(t).filter((i) => t[i] != null).reduce((i, g) => {
-    if (e.has(g)) {
-      const a = e.get(g);
+function Se(t, e) {
+  return Object.keys(t).filter((u) => t[u] != null).reduce((u, v) => {
+    if (e.has(v)) {
+      const a = e.get(v);
       if (typeof a == "string")
-        i[a] = t[g];
+        u[a] = t[v];
       else {
-        const v = a(g, t[g], t);
-        Object.assign(i, v);
+        const i = a(v, t[v], t);
+        Object.assign(u, i);
       }
     } else
-      i[g] = t[g];
-    return i;
+      u[v] = t[v];
+    return u;
   }, {});
 }
 function be(t, e, n = /* @__PURE__ */ new Map()) {
-  const i = Se(t, e);
-  return we(i, n);
+  const u = Ce(t, e);
+  return Se(u, n);
 }
 function ke(t = {}) {
-  function e(d, u, o, r) {
+  function e(p, d, o, c) {
     if (typeof o == "number")
-      return r[d].length === o;
+      return c[p].length === o;
     if (typeof o == "object") {
-      const b = Object.keys(o)[0], w = o[b];
-      if (b === "not")
-        return Number(r[d].length) !== Number(w);
-      if (b === "moreThan")
-        return Number(r[d].length) >= Number(w);
-      if (b === "lessThan")
-        return Number(r[d].length) <= Number(w);
+      const k = Object.keys(o)[0], S = o[k];
+      if (k === "not")
+        return Number(c[p].length) !== Number(S);
+      if (k === "moreThan")
+        return Number(c[p].length) >= Number(S);
+      if (k === "lessThan")
+        return Number(c[p].length) <= Number(S);
     }
     return !1;
   }
-  function n(d, u, o, r) {
-    return r[d] && r[d].propertyValue && String(r[d].propertyValue.value) === String(o);
+  function n(p, d, o, c) {
+    return c[p] && c[p].propertyValue && String(c[p].propertyValue.value) === String(o);
   }
-  const i = /* @__PURE__ */ new Map([
+  const u = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(t).reduce((d, u) => (d.set(u, t[u]), d), i);
-  function g(d, u) {
-    const o = d;
-    return typeof u == "number" ? [{ target: o, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: o, operator: "getProperty", param: d, value: !!u }] : typeof u == "object" ? Object.keys(u).map((r) => {
-      if (r === "length")
-        return { target: o, operator: "length", param: null, value: u[r] };
-      const b = r, w = u[r];
-      return { target: o, operator: "getProperty", param: b, value: w };
+  Object.keys(t).reduce((p, d) => (p.set(d, t[d]), p), u);
+  function v(p, d) {
+    const o = p;
+    return typeof d == "number" ? [{ target: o, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: o, operator: "getProperty", param: p, value: !!d }] : typeof d == "object" ? Object.keys(d).map((c) => {
+      if (c === "length")
+        return { target: o, operator: "length", param: null, value: d[c] };
+      const k = c, S = d[c];
+      return { target: o, operator: "getProperty", param: k, value: S };
     }) : [];
   }
-  function a(d) {
-    return Object.keys(d).reduce((o, r) => {
-      const b = g(r, d[r]);
-      return o.push(...b), o;
+  function a(p) {
+    return Object.keys(p).reduce((o, c) => {
+      const k = v(c, p[c]);
+      return o.push(...k), o;
     }, []);
   }
-  function v(d, u) {
-    if (i.has(d.operator)) {
-      const o = i.get(d.operator);
-      return o && o(d.target, d.param, d.value, u) || !1;
+  function i(p, d) {
+    if (u.has(p.operator)) {
+      const o = u.get(p.operator);
+      return o && o(p.target, p.param, p.value, d) || !1;
     }
     return !1;
   }
-  function y(d, u) {
-    return a(d).reduce((b, w) => b && v(w, u), !0);
+  function m(p, d) {
+    return a(p).reduce((k, S) => k && i(S, d), !0);
   }
-  function c(d, u) {
-    const o = Object.keys(d), r = o.includes("allOf"), b = o.includes("anyOf"), w = r || b, D = (w ? d[w ? r ? "allOf" : "anyOf" : "allOf"] : [d]).map((I) => y(I, u));
-    return r ? !D.includes(!1) : D.includes(!0);
+  function r(p, d) {
+    const o = Object.keys(p), c = o.includes("allOf"), k = o.includes("anyOf"), S = c || k, D = (S ? p[S ? c ? "allOf" : "anyOf" : "allOf"] : [p]).map((O) => m(O, d));
+    return c ? !D.includes(!1) : D.includes(!0);
   }
-  return { parseValueSchema: c };
+  return { parseValueSchema: r };
 }
 const Ve = {}, Me = {};
 ke();
-function Z(t, e, n = /* @__PURE__ */ new Map(), i = (v, y, c) => y, g = {}, a = (v) => v) {
-  return Q[e.title] = e, Y[e.title] = i, Ve[e.title] = g, Me[e.title] = a, (v = {}) => {
-    const y = be(v, e, n), c = Object.keys(t).reduce((d, u) => (d[u] = t[u].default, d), {});
-    return Object.assign(c, y);
+function Z(t, e, n = /* @__PURE__ */ new Map(), u = (i, m, r) => m, v = {}, a = (i) => i) {
+  return Q[e.title] = e, Y[e.title] = u, Ve[e.title] = v, Me[e.title] = a, (i = {}) => {
+    const m = be(i, e, n), r = Object.keys(t).reduce((p, d) => (p[d] = t[d].default, p), {});
+    return Object.assign(r, m);
   };
 }
 function K(t, e) {
@@ -110,7 +110,7 @@ const De = /* @__PURE__ */ new Map([
 function Te(t, e, n) {
   return e;
 }
-const Oe = "transfer", Fe = "A Farris Component", Ie = "object", je = {
+const Oe = "transfer", Ie = "A Farris Component", Fe = "object", je = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -134,10 +134,10 @@ const Oe = "transfer", Fe = "A Farris Component", Ie = "object", je = {
   }
 }, Re = {
   title: Oe,
-  description: Fe,
-  type: Ie,
+  description: Ie,
+  type: Fe,
   categories: je
-}, $e = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-design.gitee.io/transfer.schema.json", Ae = "transfer", Ee = "A Farris Component", Le = "object", _e = {
+}, $e = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-design.gitee.io/transfer.schema.json", Ae = "transfer", Le = "A Farris Component", Ee = "object", He = {
   id: {
     description: "The unique identifier for transfer",
     type: "string"
@@ -199,17 +199,17 @@ const Oe = "transfer", Fe = "A Farris Component", Ie = "object", je = {
     type: "boolean",
     default: !0
   }
-}, He = [
+}, _e = [
   "id",
   "type"
 ], Ne = {
   $schema: $e,
   $id: Pe,
   title: Ae,
-  description: Ee,
-  type: Le,
-  properties: _e,
-  required: He
+  description: Le,
+  type: Ee,
+  properties: He,
+  required: _e
 }, U = {
   dataSource: {
     type: Array,
@@ -373,173 +373,176 @@ const qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-
 Z(ee, Ye, Be, Ge, tt);
 function nt(t, e) {
   function n(a) {
-    const v = [];
-    let y = a.nextNode();
-    for (; y; )
-      v.push(y), y = a.nextNode();
-    return v;
+    const i = [];
+    let m = a.nextNode();
+    for (; m; )
+      i.push(m), m = a.nextNode();
+    return i;
   }
-  function i(a, v) {
-    const y = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
-    return n(y).map((o) => ({ textNode: o, text: (o.textContent || "").toLocaleLowerCase() })).map(({ textNode: o, text: r }) => {
-      const b = [];
-      let w = 0;
-      for (; w < r.length; ) {
-        const V = r.indexOf(v, w);
+  function u(a, i) {
+    const m = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
+    return n(m).map((o) => ({ textNode: o, text: (o.textContent || "").toLocaleLowerCase() })).map(({ textNode: o, text: c }) => {
+      const k = [];
+      let S = 0;
+      for (; S < c.length; ) {
+        const V = c.indexOf(i, S);
         if (V === -1)
           break;
-        b.push(V), w = V + v.length;
+        k.push(V), S = V + i.length;
       }
-      return b.map((V) => {
-        const F = new Range();
-        return F.setStart(o, V), F.setEnd(o, V + v.length), F;
+      return k.map((V) => {
+        const I = new Range();
+        return I.setStart(o, V), I.setEnd(o, V + i.length), I;
       });
     }).flat();
   }
-  function g(a) {
+  function v(a) {
     if (!CSS.highlights || (CSS.highlights.clear(), !a || !e))
       return;
-    const v = i(e.value, a.toLocaleLowerCase()), y = new Highlight(...v);
-    CSS.highlights.set("search-result", y);
+    const i = u(e.value, a.toLocaleLowerCase()), m = new Highlight(...i);
+    CSS.highlights.set("search-result", m);
   }
-  return { search: g };
+  return { search: v };
 }
-function W(t, e, n, i, g, a, v, y, c, d) {
-  const u = p(t.size), o = p(t.textField), r = p(t.titleField), b = p(t.multiSelect), w = p(t.disableField), {
+function W(t, e, n, u, v, a, i, m, r, p) {
+  const d = g(t.size), o = g(t.textField), c = g(t.titleField), k = g(t.disableField), S = $(() => {
+    var f, y;
+    return ((f = t.selection) == null ? void 0 : f.multiSelect) && ((y = t.selection) == null ? void 0 : y.showCheckbox);
+  }), {
     onMouseenterItem: V,
-    onMouseoverItem: F,
+    onMouseoverItem: I,
     onMouseoutItem: D
   } = a, {
     getKey: M,
-    listViewItemClass: I,
+    listViewItemClass: O,
     onCheckItem: P,
     onClickItem: T
-  } = v, m = $(() => ({
-    margin: u.value === "small" ? "0.25rem 0" : "10px 0"
+  } = i, w = $(() => ({
+    margin: d.value === "small" ? "0.25rem 0" : "10px 0"
   }));
-  function O(f, S, k) {
-    return f.checked = y.findIndexInSelectedItems(f) > -1, l("li", {
-      class: I(f, S),
-      id: M(f, S),
-      key: M(f, S),
-      onClick: (s) => T(s, f, S),
-      onMouseenter: (s) => V(s, f, S),
-      onMouseover: (s) => F(s, f, S),
-      onMouseout: (s) => D(s, f, S)
-    }, [b.value && l("div", {
+  function F(f, y, b) {
+    return f.checked = m.findIndexInSelectedItems(f) > -1, l("li", {
+      class: O(f, y),
+      id: M(f, y),
+      key: M(f, y),
+      onClick: (s) => T(s, f, y),
+      onMouseenter: (s) => V(s, f, y),
+      onMouseover: (s) => I(s, f, y),
+      onMouseout: (s) => D(s, f, y)
+    }, [S.value && l("div", {
       class: "f-list-select",
       onClick: (s) => s.stopPropagation()
     }, [l(q, {
-      id: "list-" + M(f, S),
+      id: "list-" + M(f, y),
       customClass: "listview-checkbox",
-      disabled: f[w.value],
+      disabled: f[k.value],
       checked: f.checked,
       "onUpdate:checked": (s) => f.checked = s,
       onChange: (s) => {
-        P(f, S, !s.checked);
+        P(f, y, !s.checked);
       }
     }, null)]), l("div", {
       class: "f-list-content"
     }, [l("div", {
-      style: m.value,
-      title: f.raw[r.value] || f.raw[o.value]
+      style: w.value,
+      title: f.raw[c.value] || f.raw[o.value]
     }, [f.raw[o.value]])])]);
   }
   return {
-    renderItem: O
+    renderItem: F
   };
 }
-function lt(t, e, n, i, g, a, v, y, c, d) {
-  const u = p(t.multiSelect), o = p(t.disableField), {
-    onMouseenterItem: r,
-    onMouseoverItem: b,
-    onMouseoutItem: w
+function lt(t, e, n, u, v, a, i, m, r, p) {
+  const d = g(t.multiSelect), o = g(t.disableField), {
+    onMouseenterItem: c,
+    onMouseoverItem: k,
+    onMouseoutItem: S
   } = a, {
     getKey: V,
-    listViewItemClass: F,
+    listViewItemClass: I,
     onCheckItem: D,
     onClickItem: M
-  } = v;
-  function I(T, m, O) {
+  } = i;
+  function O(T, w, F) {
     return e.slots.content ? l(B, null, [e.slots.content && e.slots.content({
       item: T.raw,
-      index: m,
-      selectedItem: O
+      index: w,
+      selectedItem: F
     })]) : l("div", {
       style: "margin: 10px 0;"
     }, [T.raw.name]);
   }
-  function P(T, m, O) {
+  function P(T, w, F) {
     return l("li", {
-      class: F(T, m),
-      id: V(T, m),
-      key: V(T, m),
-      onClick: (f) => M(f, T, m),
-      onMouseenter: (f) => r(f, T, m),
-      onMouseover: (f) => b(f, T, m),
-      onMouseout: (f) => w(f, T, m)
-    }, [u.value && l("div", {
+      class: I(T, w),
+      id: V(T, w),
+      key: V(T, w),
+      onClick: (f) => M(f, T, w),
+      onMouseenter: (f) => c(f, T, w),
+      onMouseover: (f) => k(f, T, w),
+      onMouseout: (f) => S(f, T, w)
+    }, [d.value && l("div", {
       class: "f-list-select",
       onClick: (f) => f.stopPropagation()
     }, [l(q, {
-      id: "list-" + V(T, m),
+      id: "list-" + V(T, w),
       customClass: "listview-checkbox",
       disabled: T[o.value] || !T.checked,
       checked: T.checked,
       "onUpdate:checked": (f) => T.checked = f,
-      onChange: (f) => D(T, m, !f.checked)
+      onChange: (f) => D(T, w, !f.checked)
     }, null)]), l("div", {
       class: "f-list-content"
-    }, [I(T, m, O)])]);
+    }, [O(T, w, F)])]);
   }
   return {
     renderItem: P
   };
 }
-function st(t, e, n, i, g, a, v, y, c, d) {
-  const u = p(t.multiSelect), o = p(t.disableField), {
-    onMouseenterItem: r,
-    onMouseoverItem: b,
-    onMouseoutItem: w
+function st(t, e, n, u, v, a, i, m, r, p) {
+  const d = g(t.multiSelect), o = g(t.disableField), {
+    onMouseenterItem: c,
+    onMouseoverItem: k,
+    onMouseoutItem: S
   } = a, {
     getKey: V,
-    listViewItemClass: F,
+    listViewItemClass: I,
     onCheckItem: D,
     onClickItem: M
-  } = v, {
-    dragstart: I,
+  } = i, {
+    dragstart: O,
     dragenter: P,
     dragover: T,
-    dragend: m
-  } = i, {
-    removeItem: O
-  } = c, f = $(() => ({
-    margin: u.value ? "10px 0" : "10px 0px 10px 14px"
+    dragend: w
+  } = u, {
+    removeItem: F
+  } = r, f = $(() => ({
+    margin: d.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function S(h) {
+  function y(h) {
     return l("div", {
       style: f.value
     }, [h.raw.name]);
   }
-  function k() {
-    return e.slots.itemContent ? e.slots.itemContent : S;
+  function b() {
+    return e.slots.itemContent ? e.slots.itemContent : y;
   }
-  const s = k();
-  function C(h, j, E) {
+  const s = b();
+  function C(h, j, A) {
     return l("li", {
-      class: F(h, j),
+      class: I(h, j),
       id: V(h, j),
       key: V(h, j),
       onClick: (R) => M(R, h, j),
-      onMouseenter: (R) => r(R, h, j),
-      onMouseover: (R) => b(R, h, j),
-      onMouseout: (R) => w(R, h, j),
+      onMouseenter: (R) => c(R, h, j),
+      onMouseover: (R) => k(R, h, j),
+      onMouseout: (R) => S(R, h, j),
       draggable: "true",
-      onDragstart: (R) => I(R, h, j),
+      onDragstart: (R) => O(R, h, j),
       onDragenter: (R) => P(R, j),
-      onDragend: (R) => m(R, h),
+      onDragend: (R) => w(R, h),
       onDragover: (R) => T(R, j)
-    }, [u.value && l("div", {
+    }, [d.value && l("div", {
       class: "f-list-select",
       onClick: (R) => R.stopPropagation()
     }, [l(q, {
@@ -553,7 +556,7 @@ function st(t, e, n, i, g, a, v, y, c, d) {
       class: "f-list-content"
     }, [s(h)]), l("div", {
       class: "f-list-remove",
-      onClick: (R) => O(j)
+      onClick: (R) => F(j)
     }, [l("div", {
       class: "f-list-remove-icon"
     }, [l("i", {
@@ -568,204 +571,210 @@ function st(t, e, n, i, g, a, v, y, c, d) {
     renderItem: C
   };
 }
-function at(t, e, n, i, g, a, v, y, c, d) {
+function at(t, e, n, u, v, a, i, m, r, p) {
   var V;
-  const u = p(((V = t.group) == null ? void 0 : V.groupFields) || []), {
+  const d = g(((V = t.group) == null ? void 0 : V.groupFields) || []), {
     collpaseGroupIconClass: o
-  } = g, {
-    toggleGroupRow: r
-  } = d;
-  function b(F, D) {
-    D.collapse = !D.collapse, n.value = r(D.collapse ? "collapse" : "expand", D, n.value);
+  } = v, {
+    toggleGroupRow: c
+  } = p;
+  function k(I, D) {
+    D.collapse = !D.collapse, n.value = c(D.collapse ? "collapse" : "expand", D, n.value);
   }
-  function w(F, D, M) {
-    return F.layer > -1 && l("div", {
+  function S(I, D, M) {
+    return I.layer > -1 && l("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (I) => b(I, F)
+      onClick: (O) => k(O, I)
     }, [l("div", {
       class: "fv-grid-group-row-icon"
     }, [l("span", {
-      class: o(F)
+      class: o(I)
     }, null)]), l("div", {
       class: "f-navlookup-recommandLabel"
-    }, [F.raw[u.value[F.layer]]])]);
+    }, [I.raw[d.value[I.layer]]])]);
   }
   return {
-    renderItem: w
+    renderItem: S
   };
 }
 function ot() {
-  const t = p(-1), e = p(""), n = p(-1), i = p(!1);
-  function g(d, u, o) {
+  const t = g(-1), e = g(""), n = g(-1), u = g(!1);
+  function v(p, d, o) {
     n.value = o;
   }
-  function a(d, u, o) {
-    i.value || (n.value = o);
+  function a(p, d, o) {
+    u.value || (n.value = o);
   }
-  function v(d, u, o) {
+  function i(p, d, o) {
     n.value = -1;
   }
-  function y() {
-    i.value = !0;
+  function m() {
+    u.value = !0;
   }
-  function c() {
-    i.value = !1;
+  function r() {
+    u.value = !1;
   }
   return {
     activeIndex: t,
     focusedItemId: e,
     hoverIndex: n,
-    onMouseenterItem: g,
+    onMouseenterItem: v,
     onMouseoverItem: a,
-    onMouseoutItem: v,
-    resumeHover: c,
-    suspendHover: y
+    onMouseoutItem: i,
+    resumeHover: r,
+    suspendHover: m
   };
 }
-function rt(t, e, n, i) {
-  const g = p(t.idField), { dataView: a } = n, v = p(-1), y = p(!1), { activeIndex: c, focusedItemId: d, hoverIndex: u, resumeHover: o, suspendHover: r } = i;
-  function b(D, M, I) {
-    D.stopPropagation(), r(), M && setTimeout(() => {
-      v.value = I, y.value = !0, M.moving = !0;
+function it(t, e, n, u) {
+  const v = g(t.idField), { dataView: a } = n, i = g(-1), m = g(!1), { activeIndex: r, focusedItemId: p, hoverIndex: d, resumeHover: o, suspendHover: c } = u;
+  function k(D, M, O) {
+    D.stopPropagation(), c(), M && setTimeout(() => {
+      i.value = O, m.value = !0, M.moving = !0;
     });
   }
-  function w(D, M) {
-    if (D.preventDefault(), v.value !== M) {
-      const I = a.value[v.value], P = a.value;
-      P.splice(v.value, 1), P.splice(M, 0, I), v.value = M;
+  function S(D, M) {
+    if (D.preventDefault(), i.value !== M) {
+      const O = a.value[i.value], P = a.value;
+      P.splice(i.value, 1), P.splice(M, 0, O), i.value = M;
     }
   }
   function V(D, M) {
     D.preventDefault(), D.dataTransfer && (D.dataTransfer.dropEffect = "move");
   }
-  function F(D, M) {
-    M && (M.moving = !1), a.value.forEach((I, P) => {
-      I.__fv_index__ = P;
-    }), y.value = !1, o(), u.value = M.raw.__fv_index__, c.value = M.raw.__fv_index__, d.value = M.raw[g.value], e.emit("change", a.value), e.emit("activeChange", M);
+  function I(D, M) {
+    M && (M.moving = !1), a.value.forEach((O, P) => {
+      O.__fv_index__ = P;
+    }), m.value = !1, o(), d.value = M.raw.__fv_index__, r.value = M.raw.__fv_index__, p.value = M.raw[v.value], e.emit("change", a.value), e.emit("activeChange", M);
   }
   return {
-    dragstart: b,
-    dragenter: w,
+    dragstart: k,
+    dragenter: S,
     dragover: V,
-    dragend: F,
-    isDragging: y
+    dragend: I,
+    isDragging: m
   };
 }
-function it(t, e, n) {
-  const { dataView: i } = n;
-  function g(a) {
-    if (a > -1 && a < i.value.length) {
-      const v = i.value.splice(a, 1);
-      e.emit("removeItem", v[0]);
+function rt(t, e, n) {
+  const { dataView: u } = n;
+  function v(a) {
+    if (a > -1 && a < u.value.length) {
+      const i = u.value.splice(a, 1);
+      e.emit("removeItem", i[0]);
     }
   }
-  return { removeItem: g };
+  return { removeItem: v };
 }
-function ct(t, e, n, i, g, a) {
-  const v = p(t.idField), y = p(t.disableField), c = p(t.draggable), d = p(t.itemClass), u = p(t.selection.multiSelect ?? !1), o = p(t.selection.multiSelectMode);
-  p(!0);
-  const { isDragging: r } = i, { activeIndex: b, focusedItemId: w, hoverIndex: V } = g, { clearSelection: F, getSelectedItems: D, toggleSelectItem: M } = a, I = p(D());
+function ct(t, e, n, u, v, a) {
+  const i = g(t.idField), m = g(t.disableField), r = g(t.draggable), p = g(t.itemClass), d = g(t.selection.multiSelect ?? !1), o = g(t.selection.multiSelectMode), { isDragging: c } = u, { activeIndex: k, focusedItemId: S, hoverIndex: V } = v, { clearSelection: I, getSelectedItems: D, toggleSelectItem: M } = a, O = g(D());
   function P(s, C) {
     const h = {
+      "f-listview-item": !0,
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": c.value,
+      "f-list-view-draggable-item": r.value,
       "f-un-click": !s.checked,
-      "f-un-select": !!s.raw[y.value],
-      "f-listview-active": s.raw.__fv_index__ === b.value,
-      "f-listview-hover": !r.value && C === V.value,
+      "f-un-select": !!s.raw[m.value],
+      // 'f-listview-active': item.raw.__fv_index__ === activeIndex.value,
+      // 多选
+      "f-listview-active": O.value.findIndex(
+        (A) => A[i.value] === s.raw[i.value]
+      ) > -1,
+      "f-listview-item-active": O.value.findIndex(
+        (A) => A[i.value] === s.raw[i.value]
+      ) > -1,
+      "f-listview-hover": !c.value && C === V.value,
       moving: !!s.moving
     };
-    return d.value.split(" ").reduce((E, R) => (E[R] = !0, E), h), h;
+    return p.value.split(" ").reduce((A, R) => (A[R] = !0, A), h), h;
   }
   function T(s, C) {
-    return s.raw[v.value] || "";
+    return s.raw[i.value] || "";
   }
-  const m = $(() => !u.value);
-  function O(s, C, h) {
-    s.checked = h, !s.raw[y.value] && (m.value && (w.value = s.raw[v.value]), M(s));
+  const w = $(() => !d.value);
+  function F(s, C, h) {
+    s.checked = h, !s.raw[m.value] && (w.value && (S.value = s.raw[i.value]), M(s));
   }
-  const f = $(() => u.value && o.value === "OnCheckClearByClick"), S = $(() => !u.value || u.value && (o.value === "OnCheckAndClick" || o.value === "OnClick"));
-  function k(s, C, h) {
-    if (C.raw[y.value]) {
+  const f = $(() => d.value && o.value === "OnCheckClearByClick"), y = $(() => !d.value || d.value && (o.value === "OnCheckAndClick" || o.value === "OnClick"));
+  function b(s, C, h) {
+    if (C.raw[m.value]) {
       s.preventDefault(), s.stopPropagation();
       return;
     }
-    w.value = C.raw[v.value], b.value = h, f.value && F(n.value), S.value && (M(C), I.value = D()), e.emit("clickItem", { data: I.value, index: h }), e.emit("activeChange", I.value);
+    S.value = C.raw[i.value], k.value = h, f.value && I(n.value), y.value && (M(C), O.value = D()), e.emit("clickItem", { data: O.value, index: h }), e.emit("activeChange", O.value);
   }
   return {
     getKey: T,
     listViewItemClass: P,
-    onCheckItem: O,
-    onClickItem: k
+    onCheckItem: F,
+    onClickItem: b
   };
 }
-function ut(t, e, n, i, g, a, v) {
-  const y = p(t.view), c = p(t.view === "CardView"), d = p({}), u = p("暂无数据"), o = ot(), r = rt(t, e, i, o), b = it(t, e, i), w = ct(t, e, n, r, o, a), V = $(() => ({
+function ut(t, e, n, u, v, a, i) {
+  const m = g(t.view), r = g(t.view === "CardView"), p = g({}), d = g("暂无数据"), o = ot(), c = it(t, e, u, o), k = rt(t, e, u), S = ct(t, e, n, c, o, a), V = $(() => ({
     "f-list-view-group": !0,
-    "d-flex": c.value,
-    "flex-wrap": c.value
-  })), F = $(() => !!n.value && n.value.length > 0), D = $(() => n.value.length === 0), M = $(() => D.value && !e.slots.empty);
-  function I() {
-    return y.value === "SingleView" ? W : y.value === "DraggableView" ? st : (y.value === "ContentView" || y.value === "CardView") && e.slots.content ? lt : W;
+    "d-flex": r.value,
+    "flex-wrap": r.value
+  })), I = $(() => !!n.value && n.value.length > 0), D = $(() => n.value.length === 0), M = $(() => D.value && !e.slots.empty);
+  function O() {
+    return m.value === "SingleView" ? W : m.value === "DraggableView" ? st : (m.value === "ContentView" || m.value === "CardView") && e.slots.content ? lt : W;
   }
-  const P = I(), {
+  const P = O(), {
     renderItem: T
-  } = P(t, e, n, r, g, o, w, a, b, v), {
-    renderItem: m
-  } = at(t, e, n, r, g, o, w, a, b, v), O = [T, m];
+  } = P(t, e, n, c, v, o, S, a, k, i), {
+    renderItem: w
+  } = at(t, e, n, c, v, o, S, a, k, i), F = [T, w];
   function f() {
-    return n.value.filter((s) => s.visible !== !1).map((s, C) => O[s.type](s, C, d));
+    return n.value.filter((s) => s.visible !== !1).map((s, C) => F[s.type](s, C, p));
   }
-  function S() {
+  function y() {
     return l("div", {
       class: "f-list-view-emptydata"
     }, [l("p", {
       class: "f-empty-title"
-    }, [u.value])]);
+    }, [d.value])]);
   }
-  function k() {
+  function b() {
     return l("ul", {
       class: V.value,
       style: "list-style: none;"
-    }, [F.value && f(), M.value && S(), e.slots.empty && e.slots.empty()]);
+    }, [I.value && f(), M.value && y(), e.slots.empty && e.slots.empty()]);
   }
   return {
-    renderListArea: k
+    renderListArea: b
   };
 }
 function ft(t, e, n) {
-  function i() {
+  function u() {
     return e.slots.header && l("div", {
       class: "f-list-view-header"
     }, [e.slots.header()]);
   }
   return {
-    renderHeader: i
+    renderHeader: u
   };
 }
 function J(t, e, n) {
-  const i = p(t.headerClass), g = p(t.placeholder), a = p(""), v = $(() => !a.value), y = $(() => !!a.value);
-  function c(r) {
+  const u = g(t.headerClass), v = g(t.placeholder), a = g(""), i = $(() => !a.value), m = $(() => !!a.value);
+  function r(c) {
     a.value = "";
   }
-  X(a, (r) => {
-    t.enableHighlightSearch && n.search(r), e.emit("afterSearch", r);
+  X(a, (c) => {
+    t.enableHighlightSearch && n.search(c), e.emit("afterSearch", c);
   });
-  const d = $(() => {
-    const r = {
+  const p = $(() => {
+    const c = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return i.value && i.value.split(" ").reduce((w, V) => (w[V] = !0, w), r), r;
+    return u.value && u.value.split(" ").reduce((S, V) => (S[V] = !0, S), c), c;
   });
-  function u(r) {
+  function d(c) {
   }
   function o() {
     return l("div", {
       class: "f-list-view-header",
-      onClick: te(() => u, ["prevent", "stop"])
+      onClick: te(() => d, ["prevent", "stop"])
     }, [l("div", {
-      class: d.value
+      class: p.value
     }, [l("div", {
       class: "farris-input-wrap"
     }, [l("div", {
@@ -774,19 +783,19 @@ function J(t, e, n) {
       class: "input-group f-state-editable"
     }, [ne(l("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (r) => a.value = r,
+      "onUpdate:modelValue": (c) => a.value = c,
       name: "input-group-value",
       type: "text",
-      placeholder: g.value,
+      placeholder: v.value,
       autocomplete: "off"
     }, null), [[le, a.value]]), l("div", {
       class: "input-group-append"
-    }, [y.value && l("span", {
+    }, [m.value && l("span", {
       class: "input-group-text input-group-clear",
-      onClick: (r) => c()
+      onClick: (c) => r()
     }, [l("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), v.value && l("span", {
+    }, null)]), i.value && l("span", {
       class: "input-group-text"
     }, [l("span", {
       class: "f-icon f-icon-search"
@@ -796,42 +805,42 @@ function J(t, e, n) {
     renderHeader: o
   };
 }
-const L = /* @__PURE__ */ G({
+const E = /* @__PURE__ */ G({
   name: "FListView",
   props: ee,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
   setup(t, e) {
-    const n = p(), i = p(!0), g = p(!1), a = p([]), v = 0, y = p(t.columns), c = re(t), d = ie(t), u = ce(t, c), o = ue(t), r = fe(t, /* @__PURE__ */ new Map(), d, c, o), b = de(t, r, c, a, e), w = nt(t, n), V = $(() => r.dataView.value.length), F = pe(t, c), D = ve(), M = he(t, {}, D), I = ge(t, F, d, c, D, M), P = me(t, c, M, I), T = ye(t, c, M, I), m = Ce(t, y, r, V, v, I, P, T), {
-      getVisualData: O
-    } = m;
-    a.value = O(0, V.value + v - 1);
+    const n = g(), u = g(!0), v = g(!1), a = g([]), i = 0, m = g(t.columns), r = ie(t), p = re(t), d = ce(t, r), o = ue(t), c = fe(t, /* @__PURE__ */ new Map(), p, r, o), k = de(t, c, r, a, e), S = nt(t, n), V = $(() => c.dataView.value.length), I = pe(t, e, r), D = ve(), M = he(t, {}, D), O = ge(t, I, p, r, D, M), P = me(t, r, M, O), T = ye(t, r, M, O), w = we(t, m, c, V, i, O, P, T), {
+      getVisualData: F
+    } = w;
+    a.value = F(0, V.value + i - 1);
     const f = $(() => {
-      const A = {
+      const L = {
         "f-list-view": !0,
         "f-list-view-multiple": t.multiSelect
       };
-      return t.size !== "default" && (A[`${t.size}-item`] = !0), A;
-    }), S = $(() => !!e.slots.footer || i.value);
-    function k() {
+      return t.size !== "default" && (L[`${t.size}-item`] = !0), L;
+    }), y = $(() => !!e.slots.footer || u.value);
+    function b() {
       return t.header === "SearchBar" ? J : t.header === "ContentHeader" ? ft : J;
     }
-    const s = k(), {
+    const s = b(), {
       renderHeader: C
-    } = s(t, e, w), {
+    } = s(t, e, S), {
       renderListArea: h
-    } = ut(t, e, a, r, u, b, m);
-    function j(A) {
-      w.search(A);
+    } = ut(t, e, a, c, d, k, w);
+    function j(L) {
+      S.search(L);
     }
-    function E(A) {
-      A && (r.load(A), a.value = O(0, V.value + v - 1));
+    function A(L) {
+      L && (c.load(L), a.value = F(0, V.value + i - 1));
     }
     e.expose({
       search: j,
-      updateDataSource: E
+      updateDataSource: A
     });
-    function R(A) {
-      t.multiSelect && (A.preventDefault(), A.stopPropagation());
+    function R(L) {
+      t.multiSelect && (L.preventDefault(), L.stopPropagation());
     }
     return () => l("div", {
       class: f.value,
@@ -840,39 +849,39 @@ const L = /* @__PURE__ */ G({
       ref: n,
       class: "f-list-view-content",
       onMouseover: () => {
-        g.value = !0;
+        v.value = !0;
       },
       onMouseleave: () => {
-        g.value = !1;
+        v.value = !1;
       }
-    }, [h()]), S.value && l("div", {
+    }, [h()]), y.value && l("div", {
       class: "f-list-view-footer"
     }, [e.slots.footer && e.slots.footer()])]);
   }
-}), _ = /* @__PURE__ */ G({
+}), H = /* @__PURE__ */ G({
   name: "FTransfer",
   props: U,
   emits: ["change", "activeChange"],
   setup(t, e) {
-    const n = p(t.identifyField), i = p("已选："), g = p("项数据"), a = p(t.displayType), v = p(!1), y = p(t.dataSource), c = p(t.selections || []), d = $(() => c.value.map((S) => S[n.value])), u = /* @__PURE__ */ new Map(), o = p();
-    function r() {
-      const S = /* @__PURE__ */ new Map(), k = t.selectionValues || [];
-      k.length && k.reduce((C, h) => (C.set(h, !0), C), S);
+    const n = g(t.identifyField), u = g("已选："), v = g("项数据"), a = g(t.displayType), i = g(!1), m = g(t.dataSource), r = g(t.selections || []), p = $(() => r.value.map((y) => y[n.value])), d = /* @__PURE__ */ new Map(), o = g();
+    function c() {
+      const y = /* @__PURE__ */ new Map(), b = t.selectionValues || [];
+      b.length && b.reduce((C, h) => (C.set(h, !0), C), y);
       const s = t.selections || [];
-      s.length && (S.clear(), s.reduce((C, h) => (C.set(h[n.value], !0), C), S)), c.value.length || (c.value = y.value.filter((C) => S.has(C[n.value])).map((C) => Object.assign({}, C))), y.value.forEach((C) => {
-        const h = C[n.value], j = S.has(h);
-        C.checked = j, j && u.set(h, C);
+      s.length && (y.clear(), s.reduce((C, h) => (C.set(h[n.value], !0), C), y)), r.value.length || (r.value = m.value.filter((C) => y.has(C[n.value])).map((C) => Object.assign({}, C))), m.value.forEach((C) => {
+        const h = C[n.value], j = y.has(h);
+        C.checked = j, j && d.set(h, C);
       });
     }
-    r();
-    const b = $(() => a.value === "List"), w = $(() => a.value === "Tree");
-    function V(S) {
-      c.value = S.map((k) => Object.assign({}, k)), e.emit("change", c.value);
+    c();
+    const k = $(() => a.value === "List"), S = $(() => a.value === "Tree");
+    function V(y) {
+      r.value = y.map((b) => Object.assign({}, b)), e.emit("change", r.value);
     }
-    function F() {
-      return l(L, {
+    function I() {
+      return l(E, {
         class: "f-utils-fill",
-        data: y.value,
+        data: m.value,
         multiSelect: !0,
         selection: {
           enableSelectRow: !0,
@@ -885,10 +894,10 @@ const L = /* @__PURE__ */ G({
         draggable: !1,
         header: "Search",
         headerClass: "transfer-search-box",
-        "selection-values": d.value,
+        "selection-values": p.value,
         onSelectionChange: V
       }, {
-        default: () => [H(" ")]
+        default: () => [_(" ")]
       });
     }
     function D() {
@@ -901,40 +910,40 @@ const L = /* @__PURE__ */ G({
         class: "f-utils-flex-column option-pane-content f-utils-fill"
       }, [l("div", {
         class: "container columns-box d-flex f-utils-fill"
-      }, [b.value && F(), w.value && D()])])]);
+      }, [k.value && I(), S.value && D()])])]);
     }
-    function I(S) {
-      const k = S[n.value];
-      if (k !== null || k !== void 0) {
-        c.value = c.value.filter((C) => C[n.value] !== k);
-        const s = u.get(k);
-        s && (s.checked = !1, u.delete(k)), e.emit("change", c.value);
+    function O(y) {
+      const b = y[n.value];
+      if (b !== null || b !== void 0) {
+        r.value = r.value.filter((C) => C[n.value] !== b);
+        const s = d.get(b);
+        s && (s.checked = !1, d.delete(b)), e.emit("change", r.value);
       }
     }
-    X(c, (S) => {
-      o.value.updateDataSource(S);
+    X(r, (y) => {
+      o.value.updateDataSource(y);
     });
-    function P(S) {
-      const k = /* @__PURE__ */ new Map();
-      c.value.reduce((s, C) => (s.set(C[n.value], C), s), k), c.value = S.map((s) => k.get(s[n.value])), e.emit("change", c.value);
+    function P(y) {
+      const b = /* @__PURE__ */ new Map();
+      r.value.reduce((s, C) => (s.set(C[n.value], C), s), b), r.value = y.map((s) => b.get(s[n.value])), e.emit("change", r.value);
     }
-    function T(S) {
-      e.emit("activeChange", S);
+    function T(y) {
+      e.emit("activeChange", y);
     }
-    function m() {
-      return l(L, {
+    function w() {
+      return l(E, {
         ref: o,
         style: "flex:1",
-        data: c.value,
+        data: r.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         onChange: P,
-        onRemoveItem: I,
+        onRemoveItem: O,
         onActiveChange: T
       }, null);
     }
-    function O() {
+    function F() {
       return l("div", {
         class: "f-utils-fill selection-pane d-flex flex-column"
       }, [l("div", {
@@ -943,142 +952,142 @@ const L = /* @__PURE__ */ G({
         class: "selection-pane-title"
       }, [l("span", {
         class: "selection-title"
-      }, [i.value]), l("span", {
+      }, [u.value]), l("span", {
         class: "selection-count"
-      }, [c.value && c.value.length]), l("span", {
+      }, [r.value && r.value.length]), l("span", {
         class: "selection-item-title"
-      }, [g.value])]), l("div", {
+      }, [v.value])]), l("div", {
         class: "container columns-box f-utils-fill d-flex"
-      }, [m()])])]);
+      }, [w()])])]);
     }
     const f = $(() => ({
       transfer: !0,
       row: !0,
-      "f-utils-fill": v.value
+      "f-utils-fill": i.value
     }));
     return () => l("div", {
       class: f.value,
       style: "height:480px"
-    }, [M(), O()]);
+    }, [M(), F()]);
   }
 });
 function dt(t, e, n) {
   var T;
-  function i() {
+  function u() {
   }
-  const g = "", a = "", v = p();
-  function y() {
+  const v = "", a = "", i = g();
+  function m() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function c() {
+  function r() {
     return !1;
   }
-  function d() {
+  function p() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function u() {
+  function d() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function o(m) {
-    if (!m || !m.value)
+  function o(w) {
+    if (!w || !w.value)
       return null;
-    if (m.value.schema && m.value.schema.type === "component")
-      return m.value;
-    const O = p(m == null ? void 0 : m.value.parent), f = o(O);
+    if (w.value.schema && w.value.schema.type === "component")
+      return w.value;
+    const F = g(w == null ? void 0 : w.value.parent), f = o(F);
     return f || null;
   }
-  function r(m = e) {
-    const { componentInstance: O, designerItemElementRef: f } = m;
-    return !O || !O.value ? null : O.value.canMove ? f : r(m.parent);
+  function c(w = e) {
+    const { componentInstance: F, designerItemElementRef: f } = w;
+    return !F || !F.value ? null : F.value.canMove ? f : c(w.parent);
   }
-  function b(m) {
+  function k(w) {
     return !!n;
   }
-  function w() {
+  function S() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
   function V() {
   }
-  function F(m, O) {
+  function I(w, F) {
   }
-  function D(m) {
-    const { componentType: O } = m;
-    let f = N(O, m);
-    const S = O.toLowerCase().replace("-", "_");
-    return f && !f.id && f.type === O && (f.id = `${S}_${Math.random().toString().slice(2, 6)}`), f;
+  function D(w, F) {
+    const { componentType: f } = w;
+    let y = N(f, w, F);
+    const b = f.toLowerCase().replace("-", "_");
+    return y && !y.id && y.type === f && (y.id = `${b}_${Math.random().toString().slice(2, 6)}`), y;
   }
-  function M(m, O) {
-    const f = String(m.getAttribute("data-controltype")), S = m.getAttribute("data-feature"), k = S ? JSON.parse(S) : {};
-    k.parentComponentInstance = v.value;
-    let s = N(f, k);
+  function M(w, F) {
+    const f = String(w.getAttribute("data-controltype")), y = w.getAttribute("data-feature"), b = y ? JSON.parse(y) : {};
+    b.parentComponentInstance = i.value;
+    let s = N(f, b);
     const C = f.toLowerCase().replace("-", "_");
     return s && !s.id && s.type === f && (s.id = `${C}_${Math.random().toString().slice(2, 6)}`), s;
   }
-  function I(m) {
+  function O(w) {
   }
-  function P(...m) {
+  function P(...w) {
   }
-  return v.value = {
-    canMove: y(),
-    canSelectParent: c(),
-    canDelete: d(),
-    canNested: !u(),
+  return i.value = {
+    canMove: m(),
+    canSelectParent: r(),
+    canDelete: p(),
+    canNested: !d(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
     parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: g,
+    styles: v,
     designerClass: a,
-    canAccepts: b,
+    canAccepts: k,
     getBelongedComponentInstance: o,
-    getDraggableDesignItemElement: r,
-    getDraggingDisplayText: w,
+    getDraggableDesignItemElement: c,
+    getDraggingDisplayText: S,
     getPropConfig: P,
     getDragScopeElement: V,
-    onAcceptMovedChildElement: F,
+    onAcceptMovedChildElement: I,
     onAcceptNewChildElement: M,
-    onChildElementMovedOut: I,
+    onChildElementMovedOut: O,
     addNewChildComponentSchema: D,
-    updateDragAndDropRules: i,
-    triggerBelongedComponentToMoveWhenMoved: p(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: p(!1)
-  }, v;
+    updateDragAndDropRules: u,
+    triggerBelongedComponentToMoveWhenMoved: g(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: g(!1)
+  }, i;
 }
 const pt = /* @__PURE__ */ G({
   name: "FTransferDesign",
   props: U,
   emits: ["change"],
   setup(t, e) {
-    const n = p(t.identifyField), i = p("已选："), g = p("项数据"), a = p(t.displayType), v = p(!1), y = p(t.dataSource), c = p(t.selections || []), d = $(() => c.value.map((k) => k[n.value])), u = /* @__PURE__ */ new Map();
+    const n = g(t.identifyField), u = g("已选："), v = g("项数据"), a = g(t.displayType), i = g(!1), m = g(t.dataSource), r = g(t.selections || []), p = $(() => r.value.map((b) => b[n.value])), d = /* @__PURE__ */ new Map();
     function o() {
-      const k = /* @__PURE__ */ new Map(), s = t.selectionValues || [];
-      s.length && s.reduce((h, j) => (h.set(j, !0), h), k);
+      const b = /* @__PURE__ */ new Map(), s = t.selectionValues || [];
+      s.length && s.reduce((h, j) => (h.set(j, !0), h), b);
       const C = t.selections || [];
-      C.length && (k.clear(), C.reduce((h, j) => (h.set(j[n.value], !0), h), k)), c.value.length || (c.value = y.value.filter((h) => k.has(h[n.value])).map((h) => Object.assign({}, h))), y.value.forEach((h) => {
-        const j = h[n.value], E = k.has(j);
-        h.checked = E, E && u.set(j, h);
+      C.length && (b.clear(), C.reduce((h, j) => (h.set(j[n.value], !0), h), b)), r.value.length || (r.value = m.value.filter((h) => b.has(h[n.value])).map((h) => Object.assign({}, h))), m.value.forEach((h) => {
+        const j = h[n.value], A = b.has(j);
+        h.checked = A, A && d.set(j, h);
       });
     }
     o();
-    const r = $(() => a.value === "List"), b = $(() => a.value === "Tree");
-    function w(k) {
-      c.value = k.map((s) => Object.assign({}, s)), e.emit("change", c.value);
+    const c = $(() => a.value === "List"), k = $(() => a.value === "Tree");
+    function S(b) {
+      r.value = b.map((s) => Object.assign({}, s)), e.emit("change", r.value);
     }
     function V() {
-      return l(L, {
+      return l(E, {
         class: "f-utils-fill",
-        data: y.value,
+        data: m.value,
         "multi-select": !0,
         draggable: !1,
         header: "Search",
         headerClass: "transfer-search-box",
-        "selection-values": d.value,
-        onSelectionChange: w
+        "selection-values": p.value,
+        onSelectionChange: S
       }, {
-        default: () => [H(" ")]
+        default: () => [_(" ")]
       });
     }
-    function F() {
+    function I() {
       return l(B, null, null);
     }
     function D() {
@@ -1088,31 +1097,31 @@ const pt = /* @__PURE__ */ G({
         class: "f-utils-flex-column option-pane-content f-utils-fill"
       }, [l("div", {
         class: "container columns-box d-flex f-utils-fill"
-      }, [r.value && V(), b.value && F()])])]);
+      }, [c.value && V(), k.value && I()])])]);
     }
-    function M(k) {
-      const s = k[n.value];
+    function M(b) {
+      const s = b[n.value];
       if (s !== null || s !== void 0) {
-        c.value = c.value.filter((h) => h[n.value] !== s);
-        const C = u.get(s);
-        C && (C.checked = !1, u.delete(s)), e.emit("change", c.value);
+        r.value = r.value.filter((h) => h[n.value] !== s);
+        const C = d.get(s);
+        C && (C.checked = !1, d.delete(s)), e.emit("change", r.value);
       }
     }
-    function I(k) {
+    function O(b) {
       const s = /* @__PURE__ */ new Map();
-      c.value.reduce((C, h) => (C.set(h[n.value], h), C), s), c.value = k.map((C) => s.get(C[n.value])), e.emit("change", c.value);
+      r.value.reduce((C, h) => (C.set(h[n.value], h), C), s), r.value = b.map((C) => s.get(C[n.value])), e.emit("change", r.value);
     }
     function P() {
-      return l(L, {
+      return l(E, {
         style: "flex:1",
-        data: c.value,
+        data: r.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
-        onChange: I,
+        onChange: O,
         onRemoveItem: M
       }, {
-        default: () => [H(" ")]
+        default: () => [_(" ")]
       });
     }
     function T() {
@@ -1124,24 +1133,24 @@ const pt = /* @__PURE__ */ G({
         class: "selection-pane-title"
       }, [l("span", {
         class: "selection-title"
-      }, [i.value]), l("span", {
+      }, [u.value]), l("span", {
         class: "selection-count"
-      }, [c.value && c.value.length]), l("span", {
+      }, [r.value && r.value.length]), l("span", {
         class: "selection-item-title"
-      }, [g.value])]), l("div", {
+      }, [v.value])]), l("div", {
         class: "container columns-box f-utils-fill d-flex"
       }, [P()])])]);
     }
-    const m = $(() => ({
+    const w = $(() => ({
       transfer: !0,
       row: !0,
-      "f-utils-fill": v.value
-    })), O = p(), f = se("design-item-context"), S = dt(O, f);
+      "f-utils-fill": i.value
+    })), F = g(), f = se("design-item-context"), y = dt(F, f);
     return ae(() => {
-      O.value.componentInstance = S;
-    }), e.expose(S.value), () => l("div", {
-      ref: O,
-      class: m.value,
+      F.value.componentInstance = y;
+    }), e.expose(y.value), () => l("div", {
+      ref: F,
+      class: w.value,
       style: "height:480px"
     }, [D(), T()]);
   }
@@ -1151,16 +1160,16 @@ const pt = /* @__PURE__ */ G({
     n.component(e.name, t);
   }, t;
 };
-_.register = (t, e, n) => {
-  t.transfer = _, e.transfer = x;
+H.register = (t, e, n) => {
+  t.transfer = H, e.transfer = x;
 };
-_.registerDesigner = (t, e, n) => {
+H.registerDesigner = (t, e, n) => {
   t.transfer = pt, e.transfer = x;
 };
-const Ct = vt(_);
+const wt = vt(H);
 export {
-  _ as FTransfer,
-  Ct as default,
+  H as FTransfer,
+  wt as default,
   x as propsResolver,
   U as transferProps
 };