@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/transfer/index.esm.js

@@ -1,119 +1,11 @@
-import { ref as r, computed as L, createVNode as n, Fragment as E, watch as N, withModifiers as be, withDirectives as ke, vModelText as Ve, defineComponent as X, onMounted as ae, inject as Fe, createTextVNode as Z } from "vue";
-import Te from "../tree-view/index.esm.js";
-import { LocaleService as q } from "../locale/index.esm.js";
-import { resolveAppearance as Re, createPropsResolver as De } from "../dynamic-resolver/index.esm.js";
-import { getCustomStyle as ee, getCustomClass as K, withInstall as Me } from "../common/index.esm.js";
-import { useFilter as Oe, useIdentify as xe, useHierarchy as je, useGroupData as Be, useDataView as Le, useSelection as Ae, usePagination as Pe, useRow as He, useEdit as _e, useVisualDataBound as Ge, useVisualDataCell as ze, useVisualDataRow as Ee, useVisualGroupRow as Ne, useVisualSummaryRow as Ue, useVisualData as $e, useSidebar as We, useColumn as qe, useVirtualScroll as Ke, getPagination as Xe } from "../data-view/index.esm.js";
-import { FCheckbox as Y } from "../checkbox/index.esm.js";
-import { cloneDeep as te } from "lodash-es";
-import { useDesignerComponent as Ye } from "../designer-canvas/index.esm.js";
-const Je = /* @__PURE__ */ new Map([
-  ["appearance", Re]
-]);
-function Qe(e, t, v) {
-  return t;
-}
-const Ze = "transfer", 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: []
-        }
-      }
-    }
-  }
-}, lt = {
-  title: Ze,
-  description: et,
-  type: tt,
-  categories: nt
-}, at = "https://json-schema.org/draft/2020-12/schema", ot = "https://farris-design.gitee.io/transfer.schema.json", st = "transfer", it = "A Farris Component", ct = "object", ut = {
-  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
-  }
-}, rt = [
-  "id",
-  "type"
-], dt = {
-  $schema: at,
-  $id: ot,
-  title: st,
-  description: it,
-  type: ct,
-  properties: ut,
-  required: rt
-}, J = {
+import { ref as d, computed as H, createVNode as a, Fragment as U, watch as E, withModifiers as Ce, withDirectives as ye, vModelText as Se, defineComponent as ee, onMounted as we } from "vue";
+import Ie from "../tree-view/index.esm.js";
+import { LocaleService as W } from "../locale/index.esm.js";
+import { getCustomStyle as $, getCustomClass as K, withInstall as be } from "../common/index.esm.js";
+import { useFilter as ke, useIdentify as Ve, useHierarchy as Fe, useGroupData as Re, useDataView as De, useSelection as Te, usePagination as Me, useRow as Oe, useEdit as xe, useVisualDataBound as Be, useVisualDataCell as Le, useVisualDataRow as je, useVisualGroupRow as He, useVisualSummaryRow as Ae, useVisualData as Pe, useSidebar as _e, useColumn as Ge, useVirtualScroll as ze, getPagination as Ee } from "../data-view/index.esm.js";
+import { FCheckbox as X } from "../checkbox/index.esm.js";
+import { cloneDeep as q } from "lodash-es";
+const Ne = {
   dataSource: {
     type: Array,
     default: []
@@ -141,7 +33,7 @@ const Ze = "transfer", et = "A Farris Component", tt = "object", nt = {
     default: "draggable-item--text-truncate",
     validator: (e) => typeof e == "string" || typeof e == "function"
   }
-}, oe = De(J, dt, Je, Qe, lt), ft = {
+}, Ue = {
   /** 列集合 */
   columns: {
     type: Array,
@@ -209,688 +101,685 @@ const Ze = "transfer", et = "A Farris Component", tt = "object", nt = {
   /** 分页 */
   pagination: { type: Object, default: { enable: !1, size: 20 } }
 };
-function vt(e, t) {
-  function v(i) {
-    const m = [];
+function We(e, l) {
+  function g(i) {
+    const u = [];
     let s = i.nextNode();
     for (; s; )
-      m.push(s), s = i.nextNode();
-    return m;
+      u.push(s), s = i.nextNode();
+    return u;
   }
-  function F(i, m) {
+  function b(i, u) {
     const s = document.createTreeWalker(i, NodeFilter.SHOW_TEXT);
-    return v(s).map((I) => ({ textNode: I, text: (I.textContent || "").toLocaleLowerCase() })).map(({ textNode: I, text: p }) => {
-      const g = [];
-      let D = 0;
-      for (; D < p.length; ) {
-        const k = p.indexOf(m, D);
-        if (k === -1)
+    return g(s).map((C) => ({ textNode: C, text: (C.textContent || "").toLocaleLowerCase() })).map(({ textNode: C, text: f }) => {
+      const c = [];
+      let R = 0;
+      for (; R < f.length; ) {
+        const I = f.indexOf(u, R);
+        if (I === -1)
           break;
-        g.push(k), D = k + m.length;
+        c.push(I), R = I + u.length;
       }
-      return g.map((k) => {
-        const b = new Range();
-        return b.setStart(I, k), b.setEnd(I, k + m.length), b;
+      return c.map((I) => {
+        const S = new Range();
+        return S.setStart(C, I), S.setEnd(C, I + u.length), S;
       });
     }).flat();
   }
-  function T(i) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !i || !t))
+  function k(i) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !i || !l))
       return;
-    const m = F(t.value, i.toLocaleLowerCase()), s = new Highlight(...m);
+    const u = b(l.value, i.toLocaleLowerCase()), s = new Highlight(...u);
     CSS.highlights.set("search-result", s);
   }
-  return { search: T };
+  return { search: k };
 }
-function ne(e, t, v, F, T, i, m, s, S, y) {
-  const w = r(e.size), I = r(e.textField), p = r(e.titleField), g = r(e.disableField), D = L(() => {
-    var l, f;
-    return ((l = e.selection) == null ? void 0 : l.multiSelect) && ((f = e.selection) == null ? void 0 : f.showCheckbox);
+function J(e, l, g, b, k, i, u, s, x, h) {
+  const y = d(e.size), C = d(e.textField), f = d(e.titleField), c = d(e.disableField), R = H(() => {
+    var t, F;
+    return ((t = e.selection) == null ? void 0 : t.multiSelect) && ((F = e.selection) == null ? void 0 : F.showCheckbox);
   }), {
-    onMouseenterItem: k,
-    onMouseoverItem: b,
-    onMouseoutItem: R
+    onMouseenterItem: I,
+    onMouseoverItem: S,
+    onMouseoutItem: V
   } = i, {
-    getKey: M,
-    listViewItemClass: j,
+    getKey: D,
+    listViewItemClass: O,
     listViewItemStyle: A,
-    onCheckItem: H,
-    onClickItem: h
-  } = m, d = L(() => {
-    const l = {
+    onCheckItem: P,
+    onClickItem: m
+  } = u, w = H(() => {
+    const t = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap"
     };
-    return e.itemClass ? l : {
-      margin: w.value === "small" ? "0.25rem 0" : "8px 0",
-      ...l
+    return e.itemClass ? t : {
+      margin: y.value === "small" ? "0.25rem 0" : "8px 0",
+      ...t
     };
   });
-  function C(l, f, P) {
-    return l.checked = s.findIndexInSelectedItems(l) > -1, n("li", {
-      class: j(l, f),
-      id: M(l, f),
-      key: M(l, f),
-      style: A(l, f),
-      onClick: (V) => h(l, f, V),
-      onMouseenter: (V) => k(V, l, f),
-      onMouseover: (V) => b(V, l, f),
-      onMouseout: (V) => R(V, l, f)
-    }, [D.value && n("div", {
+  function v(t, F, B) {
+    return t.checked = s.findIndexInSelectedItems(t) > -1, a("li", {
+      class: O(t, F),
+      id: D(t, F),
+      key: D(t, F),
+      style: A(t, F),
+      onClick: (L) => m(t, F, L),
+      onMouseenter: (L) => I(L, t, F),
+      onMouseover: (L) => S(L, t, F),
+      onMouseout: (L) => V(L, t, F)
+    }, [R.value && a("div", {
       class: "f-list-select",
-      onClick: (V) => V.stopPropagation()
-    }, [n(Y, {
-      id: "list-" + M(l, f),
+      onClick: (L) => L.stopPropagation()
+    }, [a(X, {
+      id: "list-" + D(t, F),
       customClass: "listview-checkbox float-left",
-      disabled: l[g.value],
-      checked: l.checked,
-      "onUpdate:checked": (V) => l.checked = V,
-      onChange: (V) => {
-        H(l, f, !V.checked);
+      disabled: t[c.value],
+      checked: t.checked,
+      "onUpdate:checked": (L) => t.checked = L,
+      onChange: (L) => {
+        P(t, F, !L.checked);
       }
-    }, null)]), n("div", {
+    }, null)]), a("div", {
       class: "f-list-content"
-    }, [n("div", {
+    }, [a("div", {
       class: e.itemContentClass,
-      style: d.value,
-      title: l.raw[p.value] || l.raw[I.value]
-    }, [l.raw[I.value]])])]);
+      style: w.value,
+      title: t.raw[f.value] || t.raw[C.value]
+    }, [t.raw[C.value]])])]);
   }
   return {
-    renderItem: C
+    renderItem: v
   };
 }
-function mt(e, t, v, F, T, i, m, s, S, y) {
-  const w = r(e.multiSelect), I = r(e.disableField), p = r(e.textField), {
-    onMouseenterItem: g,
-    onMouseoverItem: D,
-    onMouseoutItem: k
+function Ke(e, l, g, b, k, i, u, s, x, h) {
+  const y = d(e.multiSelect), C = d(e.disableField), f = d(e.textField), {
+    onMouseenterItem: c,
+    onMouseoverItem: R,
+    onMouseoutItem: I
   } = i, {
-    getKey: b,
-    listViewItemClass: R,
-    listViewItemStyle: M,
-    onCheckItem: j,
-    onClickItem: A
-  } = m;
-  function H(d, C, l) {
-    return e.contentTemplate ? n(E, null, [e.contentTemplate({
-      item: d.raw,
-      index: C,
-      selectedItem: l
-    })]) : t.slots.content ? n(E, null, [t.slots.content && t.slots.content({
-      item: d.raw,
-      index: C,
-      selectedItem: l
-    })]) : n("div", {
+    getKey: S,
+    listViewItemClass: V,
+    listViewItemStyle: D,
+    onCheckItem: O,
+    onClickItem: A,
+    updateSelectedItems: P
+  } = u;
+  function m(v, t, F) {
+    return e.contentTemplate ? a(U, null, [e.contentTemplate({
+      item: v.raw,
+      index: t,
+      selectedItem: F
+    })]) : l.slots.content ? a(U, null, [l.slots.content && l.slots.content({
+      item: v.raw,
+      index: t,
+      selectedItem: F
+    })]) : a("div", {
       style: "margin: 10px 0;"
-    }, [d.raw[p.value || "name"]]);
-  }
-  function h(d, C, l) {
-    return n("li", {
-      class: R(d, C),
-      id: b(d, C),
-      key: b(d, C),
-      style: M(d, C),
-      onClick: (f) => A(d, C, f),
-      onMouseenter: (f) => g(f, d, C),
-      onMouseover: (f) => D(f, d, C),
-      onMouseout: (f) => k(f, d, C)
-    }, [w.value && n("div", {
+    }, [v.raw[f.value || "name"]]);
+  }
+  function w(v, t, F) {
+    return a("li", {
+      class: V(v, t),
+      id: S(v, t),
+      key: S(v, t),
+      style: D(v, t),
+      onClick: (B) => A(v, t, B),
+      onMouseenter: (B) => c(B, v, t),
+      onMouseover: (B) => R(B, v, t),
+      onMouseout: (B) => I(B, v, t)
+    }, [y.value && a("div", {
       class: "f-list-select",
-      onClick: (f) => f.stopPropagation()
-    }, [n(Y, {
-      id: "list-" + b(d, C),
+      onClick: (B) => B.stopPropagation()
+    }, [a(X, {
+      id: "list-" + S(v, t),
       customClass: "listview-checkbox",
-      disabled: d[I.value],
-      checked: d.checked,
-      "onUpdate:checked": (f) => d.checked = f,
-      onChange: (f) => j(d, C, !f.checked)
-    }, null)]), n("div", {
+      disabled: v[C.value],
+      checked: v.checked,
+      "onUpdate:checked": (B) => v.checked = B,
+      onChange: (B) => {
+        O(v, t, !B.checked), P();
+      }
+    }, null)]), a("div", {
       class: "f-list-content"
-    }, [H(d, C, l)])]);
+    }, [m(v, t, F)])]);
   }
   return {
-    renderItem: h
+    renderItem: w
   };
 }
-function gt(e, t, v, F, T, i, m, s, S, y) {
-  const w = r(e.multiSelect), I = r(e.disableField), p = r(e.textField), {
-    onMouseenterItem: g,
-    onMouseoverItem: D,
-    onMouseoutItem: k
+function Xe(e, l, g, b, k, i, u, s, x, h) {
+  const y = d(e.multiSelect), C = d(e.disableField), f = d(e.textField), {
+    onMouseenterItem: c,
+    onMouseoverItem: R,
+    onMouseoutItem: I
   } = i, {
-    getKey: b,
-    listViewItemClass: R,
-    onCheckItem: M,
-    onClickItem: j
-  } = m, {
+    getKey: S,
+    listViewItemClass: V,
+    onCheckItem: D,
+    onClickItem: O
+  } = u, {
     dragstart: A,
-    dragenter: H,
-    dragover: h,
-    dragend: d
-  } = F, {
-    removeItem: C
-  } = S, l = L(() => ({
-    margin: w.value ? "10px 0" : "10px 0px 10px 14px"
+    dragenter: P,
+    dragover: m,
+    dragend: w
+  } = b, {
+    removeItem: v
+  } = x, t = H(() => ({
+    margin: y.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function f(a, o = "") {
-    const B = a.target;
-    B.title = B.scrollWidth > B.clientWidth ? o : "";
-  }
-  function P(a) {
-    return n("div", {
-      style: l.value,
-      onMouseenter: (o) => f(o, a.raw[p.value || "name"])
-    }, [a.raw[p.value || "name"]]);
-  }
-  function V() {
-    return t.slots.itemContent ? t.slots.itemContent : P;
-  }
-  const c = V();
-  function u(a, o, B) {
-    return n("li", {
-      class: R(a, o),
-      id: b(a, o),
-      key: b(a, o),
-      onClick: (O) => j(a, o, O),
-      onMouseenter: (O) => g(O, a, o),
-      onMouseover: (O) => D(O, a, o),
-      onMouseout: (O) => k(O, a, o),
+  function F(o, n = "") {
+    const j = o.target;
+    j.title = j.scrollWidth > j.clientWidth ? n : "";
+  }
+  function B(o) {
+    return a("div", {
+      style: t.value,
+      onMouseenter: (n) => F(n, o.raw[f.value || "name"])
+    }, [o.raw[f.value || "name"]]);
+  }
+  function L() {
+    return l.slots.itemContent ? l.slots.itemContent : B;
+  }
+  const p = L();
+  function r(o, n, j) {
+    return a("li", {
+      class: V(o, n),
+      id: S(o, n),
+      key: S(o, n),
+      onClick: (T) => O(o, n, T),
+      onMouseenter: (T) => c(T, o, n),
+      onMouseover: (T) => R(T, o, n),
+      onMouseout: (T) => I(T, o, n),
       draggable: "true",
-      onDragstart: (O) => A(O, a, o),
-      onDragenter: (O) => H(O, o),
-      onDragend: (O) => d(O, a),
-      onDragover: (O) => h(O)
-    }, [w.value && n("div", {
+      onDragstart: (T) => A(T, o, n),
+      onDragenter: (T) => P(T, n),
+      onDragend: (T) => w(T, o),
+      onDragover: (T) => m(T)
+    }, [y.value && a("div", {
       class: "f-list-select",
-      onClick: (O) => O.stopPropagation()
-    }, [n(Y, {
-      id: "list-" + b(a, o),
+      onClick: (T) => T.stopPropagation()
+    }, [a(X, {
+      id: "list-" + S(o, n),
       customClass: "listview-checkbox",
-      disabled: a[I.value] || !a.checked,
-      checked: a.checked,
-      "onUpdate:checked": (O) => a.checked = O,
-      onChange: (O) => M(a, o, !O.checked)
-    }, null)]), n("div", {
+      disabled: o[C.value] || !o.checked,
+      checked: o.checked,
+      "onUpdate:checked": (T) => o.checked = T,
+      onChange: (T) => D(o, n, !T.checked)
+    }, null)]), a("div", {
       class: "f-list-content"
-    }, [c(a)]), n("div", {
+    }, [p(o)]), a("div", {
       class: "f-list-remove",
-      onClick: (O) => {
-        O.stopPropagation(), C(o);
+      onClick: (T) => {
+        T.stopPropagation(), v(n);
       }
-    }, [n("div", {
+    }, [a("div", {
       class: "f-list-remove-icon"
-    }, [n("i", {
+    }, [a("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), n("div", {
+    }, null)])]), a("div", {
       class: "f-list-handle"
-    }, [n("div", null, [n("i", {
+    }, [a("div", null, [a("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
   return {
-    renderItem: u
+    renderItem: r
   };
 }
-function pt(e, t, v, F, T, i, m, s, S, y) {
-  var b;
-  const w = r(((b = e.group) == null ? void 0 : b.groupFields) || []), {
-    collpaseGroupIconClass: I
-  } = T, {
-    toggleGroupRow: p
-  } = y;
-  function g(R, M) {
-    M.collapse = !M.collapse, v.value = p(M.collapse ? "collapse" : "expand", M, v.value);
-  }
-  function D(R, M, j) {
-    return t.slots.group ? n(E, null, [t.slots.content && t.slots.group({
-      item: R.raw,
-      index: M,
-      selectedItem: j
-    })]) : n("div", {
+function Ye(e, l, g, b, k, i, u, s, x, h) {
+  var S;
+  const y = d(((S = e.group) == null ? void 0 : S.groupFields) || []), {
+    collpaseGroupIconClass: C
+  } = k, {
+    toggleGroupRow: f
+  } = h;
+  function c(V, D) {
+    D.collapse = !D.collapse, g.value = f(D.collapse ? "collapse" : "expand", D, g.value);
+  }
+  function R(V, D, O) {
+    return l.slots.group ? a(U, null, [l.slots.content && l.slots.group({
+      item: V.raw,
+      index: D,
+      selectedItem: O
+    })]) : a("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (A) => g(A, R)
-    }, [n("div", {
+      onClick: (A) => c(A, V)
+    }, [a("div", {
       class: "fv-grid-group-row-icon"
-    }, [n("span", {
-      class: I(R)
-    }, null)]), n("div", {
+    }, [a("span", {
+      class: C(V)
+    }, null)]), a("div", {
       class: "f-navlookup-recommandLabel"
-    }, [R.raw[w.value[R.layer]]])]);
+    }, [V.raw[y.value[V.layer]]])]);
   }
-  function k(R, M, j) {
-    return R.layer > -1 && D(R, M, j);
+  function I(V, D, O) {
+    return V.layer > -1 && R(V, D, O);
   }
   return {
-    renderItem: k
+    renderItem: I
   };
 }
-function ht(e, t, v, F) {
-  const { dataView: T } = v, { updateSelectedItems: i } = F;
-  function m(s) {
-    if (s > -1 && s < T.value.length) {
-      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(T.value[s]))
+function $e(e, l, g, b) {
+  const { dataView: k } = g, { updateSelectedItems: i } = b;
+  function u(s) {
+    if (s > -1 && s < k.value.length) {
+      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(k.value[s]))
         return;
-      const S = T.value.splice(s, 1);
-      i(), t.emit("removeItem", S[0]);
+      const x = k.value.splice(s, 1);
+      i(), l.emit("removeItem", x[0]);
     }
   }
-  return { removeItem: m };
+  return { removeItem: u };
 }
-function yt(e, t, v, F, T, i, m, s, S, y) {
-  const w = r(e.view), I = r(e.view === "CardView"), p = r({}), g = ht(e, t, F, S), D = L(() => ({
+function qe(e, l, g, b, k, i, u, s, x, h) {
+  const y = d(e.view), C = d(e.view === "CardView"), f = d({}), c = $e(e, l, b, x), R = H(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
-    "d-flex": I.value,
-    "flex-wrap": I.value
-  })), k = L(() => !!v.value && v.value.length > 0), b = L(() => v.value.length === 0);
-  L(() => b.value && !t.slots.empty);
-  function R() {
-    return w.value === "SingleView" ? ne : w.value === "DraggableView" ? gt : (w.value === "ContentView" || w.value === "CardView") && (e.contentTemplate || t.slots.content) ? mt : ne;
+    "d-flex": C.value,
+    "flex-wrap": C.value
+  })), I = H(() => !!g.value && g.value.length > 0), S = H(() => g.value.length === 0);
+  H(() => S.value && !l.slots.empty);
+  function V() {
+    return y.value === "SingleView" ? J : y.value === "DraggableView" ? Xe : (y.value === "ContentView" || y.value === "CardView") && (e.contentTemplate || l.slots.content) ? Ke : J;
   }
-  const M = R(), {
-    renderItem: j
-  } = M(e, t, v, y, T, i, S, m, g, s), {
+  const D = V(), {
+    renderItem: O
+  } = D(e, l, g, h, k, i, x, u, c, s), {
     renderItem: A
-  } = pt(e, t, v, y, T, i, S, m, g, s), H = [j, A];
-  function h() {
-    return v.value.filter((l) => l.visible !== !1).map((l, f) => H[l.type](l, f, p));
+  } = Ye(e, l, g, h, k, i, x, u, c, s), P = [O, A];
+  function m() {
+    return g.value.filter((t) => t.visible !== !1).map((t, F) => P[t.type](t, F, f));
   }
-  function d() {
-    return n("div", {
+  function w() {
+    return a("div", {
       class: "f-list-view-emptydata",
       style: "margin: 0 auto;"
-    }, [n("p", {
+    }, [a("p", {
       class: "f-empty-title"
-    }, [e.emptyTemplate ? e.emptyTemplate() : t.slots.empty ? t.slots.empty() : q.getLocaleValue("listView.emptyMessage")])]);
+    }, [e.emptyTemplate ? e.emptyTemplate() : l.slots.empty ? l.slots.empty() : W.getLocaleValue("listView.emptyMessage")])]);
   }
-  function C() {
-    return n("ul", {
-      class: D.value,
+  function v() {
+    return a("ul", {
+      class: R.value,
       style: "list-style: none;"
-    }, [k.value && h(), b.value && d()]);
+    }, [I.value && m(), S.value && w()]);
   }
   return {
-    renderListArea: C
+    renderListArea: v
   };
 }
-function Ct(e, t, v) {
-  function F() {
-    return t.slots.header && n("div", {
+function Je(e, l, g) {
+  function b() {
+    return l.slots.header && a("div", {
       class: "f-list-view-header"
-    }, [t.slots.header()]);
+    }, [l.slots.header()]);
   }
   return {
-    renderHeader: F
+    renderHeader: b
   };
 }
-function le(e, t, v) {
-  const F = r(e.headerClass), T = r(e.placeholder), i = r(""), m = L(() => !i.value), s = L(() => !!i.value);
-  function S(p) {
+function Q(e, l, g) {
+  const b = d(e.headerClass), k = d(e.placeholder), i = d(""), u = H(() => !i.value), s = H(() => !!i.value);
+  function x(f) {
     i.value = "";
   }
-  N(i, (p) => {
-    e.enableHighlightSearch && v.search(p), t.emit("afterSearch", p);
+  E(i, (f) => {
+    e.enableHighlightSearch && g.search(f), l.emit("afterSearch", f);
   });
-  const y = L(() => {
-    const p = {
+  const h = H(() => {
+    const f = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return F.value && F.value.split(" ").reduce((D, k) => (D[k] = !0, D), p), p;
+    return b.value && b.value.split(" ").reduce((R, I) => (R[I] = !0, R), f), f;
   });
-  function w(p) {
+  function y(f) {
   }
-  function I() {
-    return n("div", {
+  function C() {
+    return a("div", {
       class: "f-list-view-header",
-      onClick: be(() => w, ["prevent", "stop"])
-    }, [n("div", {
-      class: y.value
-    }, [n("div", {
+      onClick: Ce(() => y, ["prevent", "stop"])
+    }, [a("div", {
+      class: h.value
+    }, [a("div", {
       class: "farris-input-wrap"
-    }, [n("div", {
+    }, [a("div", {
       class: "f-cmp-inputgroup"
-    }, [n("div", {
+    }, [a("div", {
       class: "input-group f-state-editable"
-    }, [ke(n("input", {
+    }, [ye(a("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (p) => i.value = p,
+      "onUpdate:modelValue": (f) => i.value = f,
       name: "input-group-value",
       type: "text",
-      placeholder: T.value,
+      placeholder: k.value,
       autocomplete: "off"
-    }, null), [[Ve, i.value]]), n("div", {
+    }, null), [[Se, i.value]]), a("div", {
       class: "input-group-append"
-    }, [s.value && n("span", {
+    }, [s.value && a("span", {
       class: "input-group-text input-group-clear",
-      onClick: (p) => S()
-    }, [n("i", {
+      onClick: (f) => x()
+    }, [a("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), m.value && n("span", {
+    }, null)]), u.value && a("span", {
       class: "input-group-text"
-    }, [n("span", {
+    }, [a("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: I
+    renderHeader: C
   };
 }
-function St() {
-  const e = r(""), t = r(-1), v = r(""), F = r(-1), T = r(!1);
-  function i(I, p, g) {
-    F.value = g;
+function Qe() {
+  const e = d(""), l = d(-1), g = d(""), b = d(-1), k = d(!1);
+  function i(C, f, c) {
+    b.value = c;
   }
-  function m(I, p, g) {
-    T.value || (F.value = g);
+  function u(C, f, c) {
+    k.value || (b.value = c);
   }
-  function s(I, p, g) {
-    F.value = -1;
+  function s(C, f, c) {
+    b.value = -1;
   }
-  function S() {
-    T.value = !0;
+  function x() {
+    k.value = !0;
   }
-  function y() {
-    T.value = !1;
+  function h() {
+    k.value = !1;
   }
-  function w() {
-    t.value = -1, e.value = "";
+  function y() {
+    l.value = -1, e.value = "";
   }
   return {
-    activeIndex: t,
-    focusedItemId: v,
-    hoverIndex: F,
-    clearActiveItem: w,
+    activeIndex: l,
+    focusedItemId: g,
+    hoverIndex: b,
+    clearActiveItem: y,
     onMouseenterItem: i,
-    onMouseoverItem: m,
+    onMouseoverItem: u,
     onMouseoutItem: s,
-    resumeHover: y,
-    suspendHover: S
+    resumeHover: h,
+    suspendHover: x
   };
 }
-function wt(e, t, v, F) {
-  const T = r(e.idField), { dataView: i } = v, m = r(-1), s = r(!1), { activeIndex: S, focusedItemId: y, hoverIndex: w, resumeHover: I, suspendHover: p } = F;
-  let g, D = 0, k = 0;
-  function b(h, d) {
-    const C = h - D, l = d - k;
-    g.style.left = parseInt(g.style.left) + C + "px", g.style.top = parseInt(g.style.top) + l + "px", D = h, k = d;
-  }
-  function R(h) {
-    const { left: d, top: C } = h.getBoundingClientRect(), l = h.cloneNode(!0);
-    return l.style.cssText = `
+function Ze(e, l, g, b) {
+  const k = d(e.idField), { dataView: i } = g, u = d(-1), s = d(!1), { activeIndex: x, focusedItemId: h, hoverIndex: y, resumeHover: C, suspendHover: f } = b;
+  let c, R = 0, I = 0;
+  function S(m, w) {
+    const v = m - R, t = w - I;
+    c.style.left = parseInt(c.style.left) + v + "px", c.style.top = parseInt(c.style.top) + t + "px", R = m, I = w;
+  }
+  function V(m) {
+    const { left: w, top: v } = m.getBoundingClientRect(), t = m.cloneNode(!0);
+    return t.className = t.className + " f-listview-drag-moving", t.style.cssText = `
         position:absolute;
-        left:${d}px;
-        top:${document.documentElement.scrollTop ? C + document.documentElement.scrollTop : C}px;
+        left:${w}px;
+        top:${document.documentElement.scrollTop ? v + document.documentElement.scrollTop : v}px;
         z-index: 999999;
-        border: 1px solid #e2e3e5;
         pointer-events: none;
-        background-color: #edf5ff;
         border-radius: 10px;
         margin: 4px 2px;    
         display: flex;
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(h).width};
-        height:${getComputedStyle(h).height};
-        `, l.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", l.children[0].children[0].style.cssText = `
+        width:${getComputedStyle(m).width};
+        height:${getComputedStyle(m).height};
+        `, t.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", t.children[0].children[0].style.cssText = `
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-        `, l.children[1].style.cssText = "width: 30px;color: #f4625f;padding: 0 14px 0 0", l.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(l), l;
+        `, t.children[1].style.cssText = "width: 30px;padding: 0 14px 0 0", t.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(t), t;
   }
-  function M(h, d, C) {
-    if (h.stopPropagation(), p(), d) {
-      if (g = R(h.target), h.dataTransfer) {
-        const l = new Image();
-        l.src = "", h.dataTransfer.setDragImage(l, 0, 0);
+  function D(m, w, v) {
+    if (m.stopPropagation(), f(), w) {
+      if (c = V(m.target), m.dataTransfer) {
+        const t = new Image();
+        t.src = "", m.dataTransfer.setDragImage(t, 0, 0);
       }
-      D = h.pageX, k = h.pageY, setTimeout(() => {
-        m.value = C, s.value = !0, d.moving = !0;
+      R = m.pageX, I = m.pageY, setTimeout(() => {
+        u.value = v, s.value = !0, w.moving = !0;
       });
     }
   }
-  function j(h, d) {
-    if (h.preventDefault(), m.value !== d) {
-      const C = i.value[m.value], l = i.value;
-      l.splice(m.value, 1), l.splice(d, 0, C), m.value = d, b(h.pageX, h.pageY);
+  function O(m, w) {
+    if (m.preventDefault(), u.value !== w) {
+      const v = i.value[u.value], t = i.value;
+      t.splice(u.value, 1), t.splice(w, 0, v), u.value = w, S(m.pageX, m.pageY);
     }
   }
-  function A(h) {
-    h.preventDefault(), h.dataTransfer && (h.dataTransfer.dropEffect = "move"), b(h.pageX, h.pageY);
+  function A(m) {
+    m.preventDefault(), m.dataTransfer && (m.dataTransfer.dropEffect = "move"), S(m.pageX, m.pageY);
   }
-  function H(h, d) {
-    d && (d.moving = !1, g && (document.body.removeChild(g), g = null)), i.value.forEach((C, l) => {
-      C.__fv_index__ = l;
-    }), s.value = !1, I(), w.value = d.raw.__fv_index__, S.value = d.raw.__fv_index__, y.value = d.raw[T.value], t.emit("change", i.value), t.emit("activeChange", [d.raw]);
+  function P(m, w) {
+    w && (w.moving = !1, c && (document.body.removeChild(c), c = null)), i.value.forEach((v, t) => {
+      v.__fv_index__ = t;
+    }), s.value = !1, C(), y.value = w.raw.__fv_index__, x.value = w.raw.__fv_index__, h.value = w.raw[k.value], l.emit("change", i.value), l.emit("activeChange", [w.raw]);
   }
   return {
-    dragstart: M,
-    dragenter: j,
+    dragstart: D,
+    dragenter: O,
     dragover: A,
-    dragend: H,
+    dragend: P,
     isDragging: s
   };
 }
-function It(e, t, v, F, T, i) {
-  const m = r(e.idField), s = r(e.disableField), S = r(e.draggable);
-  r(e.itemClass);
-  const y = r(e.selection.multiSelect ?? !1), w = r(e.selection.multiSelectMode), { isDragging: I } = F, { activeIndex: p, focusedItemId: g, hoverIndex: D } = T, { clearSelection: k, getSelectedItems: b, toggleSelectItem: R, currentSelectedDataId: M } = i, j = r(b()), A = (u) => j.value.length === 0 ? !1 : j.value.some((a) => {
-    let o = "";
-    return a.data ? o = a.data[m.value] : o = a[m.value], o === u;
+function et(e, l, g, b, k, i) {
+  const u = d(e.idField), s = d(e.disableField), x = d(e.draggable);
+  d(e.itemClass);
+  const h = d(e.selection.multiSelect ?? !1), y = d(e.selection.multiSelectMode), { isDragging: C } = b, { activeIndex: f, focusedItemId: c, hoverIndex: R } = k, { clearSelection: I, getSelectedItems: S, toggleSelectItem: V, currentSelectedDataId: D } = i, O = d(S()), A = (r) => O.value.length === 0 ? !1 : O.value.some((o) => {
+    let n = "";
+    return o.data ? n = o.data[u.value] : n = o[u.value], n === r;
   });
-  function H() {
-    j.value = b();
+  function P() {
+    O.value = S();
   }
-  function h(u, a) {
-    return u.raw[m.value] != null ? u.raw[m.value] : "";
+  function m(r, o) {
+    return r.raw[u.value] != null ? r.raw[u.value] : "";
   }
-  function d(u, a) {
-    const o = {
+  function w(r, o) {
+    const n = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": S.value,
-      "f-un-click": !u.checked,
-      "f-un-select": !!u.raw[s.value],
+      "f-list-view-draggable-item": x.value,
+      "f-un-click": !r.checked,
+      "f-un-select": !!r.raw[s.value],
       "f-listview-active": (
         // 多选
-        y.value && A(h(u)) || // 单选
-        !y.value && u.raw[m.value] === M.value
+        h.value && A(m(r)) || // 单选
+        !h.value && r.raw[u.value] === D.value
       ),
-      "f-listview-hover": !I.value && a === D.value,
-      moving: !!u.moving
+      "f-listview-hover": !C.value && o === R.value,
+      moving: !!r.moving
     };
     if (typeof e.itemClass == "string")
-      return K(o, e.itemClass);
+      return K(n, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const B = e.itemClass(u);
-      return K(o, B);
+      const j = e.itemClass(r);
+      return K(n, j);
     }
-    return o;
+    return n;
   }
-  function C(u, a) {
-    const o = (
-      // 多选
-      y.value && A(h(u)) || // 单选
-      !y.value && u.raw[m.value] === M.value
-    ), B = {};
-    if (o && (B.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
-      return ee(B, e.itemStyle);
+  function v(r, o) {
+    const n = {};
+    if (typeof e.itemStyle == "string")
+      return $(n, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const O = e.itemStyle(u);
-      return ee(B, O);
+      const j = e.itemStyle(r);
+      return $(n, j);
     }
-    return B;
+    return n;
   }
-  const l = L(() => !y.value);
-  function f(u, a, o) {
-    u.checked = o, !u.raw[s.value] && (l.value && (g.value = u.raw[m.value]), R(u));
+  const t = H(() => !h.value);
+  function F(r, o, n) {
+    r.checked = n, !r.raw[s.value] && (t.value && (c.value = r.raw[u.value]), V(r));
   }
-  const P = L(() => y.value && w.value === "OnCheckClearByClick"), V = L(() => !y.value || y.value && (w.value === "OnCheckAndClick" || w.value === "OnClick"));
-  function c(u, a, o) {
-    if (u.raw[s.value]) {
-      o == null || o.preventDefault(), o == null || o.stopPropagation();
+  const B = H(() => h.value && y.value === "OnCheckClearByClick"), L = H(() => !h.value || h.value && (y.value === "OnCheckAndClick" || y.value === "OnClick"));
+  function p(r, o, n) {
+    if (r.raw[s.value]) {
+      n == null || n.preventDefault(), n == null || n.stopPropagation();
       return;
     }
-    g.value = u.raw[m.value], p.value = a, P.value && k(), V.value && (R(u), H()), t.emit("clickItem", { data: j.value, index: a, dataItem: u.raw }), t.emit("activeChange", j.value);
+    D.value = r.raw[u.value], c.value = r.raw[u.value], f.value = o, B.value && I(), L.value && (V(r), P()), l.emit("clickItem", { data: O.value, index: o, dataItem: r.raw }), l.emit("activeChange", O.value);
   }
   return {
-    getKey: h,
-    selectedItems: j,
-    listViewItemClass: d,
-    listViewItemStyle: C,
-    updateSelectedItems: H,
-    onCheckItem: f,
-    onClickItem: c
+    getKey: m,
+    selectedItems: O,
+    listViewItemClass: w,
+    listViewItemStyle: v,
+    updateSelectedItems: P,
+    onCheckItem: F,
+    onClickItem: p
   };
 }
-const U = /* @__PURE__ */ X({
+const Z = /* @__PURE__ */ ee({
   name: "FListView",
-  props: ft,
+  props: Ue,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
-  setup(e, t) {
-    const v = r(), F = r(!0), T = r(!1), i = r([]), m = 0, s = r(e.columns), S = Oe(e, t), y = xe(e), w = je(e), I = Be(e, y), p = Le(e, /* @__PURE__ */ new Map(), S, w, y), g = Ae(e, p, y, i, t), D = vt(e, v), k = Pe(e, p), b = L(() => p.dataView.value.length), R = He(e, t, g, y), M = _e(e, t, y, R, i), j = Ge(e), A = ze(e, {}, j), H = Ee(e, p, M, w, y, j, A), h = Ne(e, y, A, H), d = Ue(e, y, A, H), C = $e(e, s, p, b, m, H, h, d), {
-      getVisualData: l
-    } = C;
-    i.value = l(0, b.value + m - 1);
-    const f = L(() => {
-      const x = {
+  setup(e, l) {
+    const g = d(), b = d(!0), k = d(!1), i = d([]), u = 0, s = d(e.columns), x = ke(e, l), h = Ve(e), y = Fe(e), C = Re(e, h), f = De(e, /* @__PURE__ */ new Map(), x, y, h), c = Te(e, f, h, i, l), R = We(e, g), I = Me(e, f), S = H(() => f.dataView.value.length), V = Oe(e, l, c, h), D = xe(e, l, h, V, i), O = Be(e), A = Le(e, {}, O), P = je(e, f, D, y, h, O, A), m = He(e, h, A, P), w = Ae(e, h, A, P), v = Pe(e, s, f, S, u, P, m, w), {
+      getVisualData: t
+    } = v;
+    i.value = t(0, S.value + u - 1);
+    const F = H(() => {
+      const M = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
-      return e.size !== "default" && (x[`${e.size}-item`] = !0), K(x, e.customClass);
-    }), P = L(() => !!t.slots.footer || F.value);
-    function V() {
-      return e.header === "SearchBar" ? le : e.header === "ContentHeader" ? Ct : le;
-    }
-    const c = V(), {
-      renderHeader: u
-    } = c(e, t, D), a = St(), o = wt(e, t, p, a), B = It(e, t, i, o, a, g), {
-      renderListArea: O
-    } = yt(e, t, i, p, I, a, g, C, B, o);
-    function se(x) {
-      D.search(x);
-    }
-    function ie(x) {
-      x && (p.load(x), i.value = l(0, b.value + m - 1));
-    }
-    function ce() {
-      g.clearSelection(), a.clearActiveItem();
-    }
-    function ue() {
-      return B.selectedItems.value;
-    }
-    function re() {
-      return B.selectedItems.value.map((x) => x[y.idField.value]);
-    }
-    function Q(x) {
-      g.selectedValues.value = x, B.updateSelectedItems();
-    }
-    function de() {
-      return g.currentSelectedDataId.value;
-    }
-    function fe(x) {
-      R.activeRowById(x);
-    }
-    function ve(x) {
-      const _ = y.idField.value, G = i.value.find((W) => W.raw[_] === x), z = i.value.findIndex((W) => W.raw[_] === x);
-      G && z > -1 && B.onClickItem(G, z);
-    }
-    function me(x) {
-      const _ = y.idField.value, G = i.value.find((z) => z.raw[_] === x);
-      G && R.changeRow(G);
-    }
-    function ge(x) {
-      k.updatePagination(x);
-    }
-    function pe(x) {
-      return i.value.filter((_) => x.includes(_.raw[e.idField]));
-    }
-    t.expose({
-      search: se,
-      updateDataSource: ie,
-      clearSelection: ce,
-      getSelections: ue,
-      updateSelectionByIds: Q,
-      getSelectionIds: re,
-      activeRowById: fe,
-      getCurrentRowId: de,
-      clickRowItemById: ve,
-      updatePagination: ge,
-      getVisibleDataByIds: pe,
-      selectRowById: me
+      return e.size !== "default" && (M[`${e.size}-item`] = !0), K(M, e.customClass);
+    }), B = H(() => !!l.slots.footer || b.value);
+    function L() {
+      return e.header === "SearchBar" ? Q : e.header === "ContentHeader" ? Je : Q;
+    }
+    const p = L(), {
+      renderHeader: r
+    } = p(e, l, R), o = Qe(), n = Ze(e, l, f, o), j = et(e, l, i, n, o, c), {
+      renderListArea: T
+    } = qe(e, l, i, f, C, o, c, v, j, n);
+    function te(M) {
+      R.search(M);
+    }
+    function le(M) {
+      M && (f.load(M), i.value = t(0, S.value + u - 1));
+    }
+    function ne() {
+      c.clearSelection(), o.clearActiveItem();
+    }
+    function ae() {
+      return j.selectedItems.value;
+    }
+    function oe() {
+      return j.selectedItems.value.map((M) => M[h.idField.value]);
+    }
+    function Y(M) {
+      c.selectedValues.value = M, j.updateSelectedItems();
+    }
+    function se() {
+      return c.currentSelectedDataId.value;
+    }
+    function ie(M) {
+      V.activeRowById(M);
+    }
+    function ue(M) {
+      const _ = h.idField.value, G = i.value.find((N) => N.raw[_] === M), z = i.value.findIndex((N) => N.raw[_] === M);
+      G && z > -1 && j.onClickItem(G, z);
+    }
+    function ce(M) {
+      const _ = h.idField.value, G = i.value.find((z) => z.raw[_] === M);
+      G && V.changeRow(G);
+    }
+    function re(M) {
+      I.updatePagination(M);
+    }
+    function de(M) {
+      return i.value.filter((_) => M.includes(_.raw[e.idField]));
+    }
+    l.expose({
+      search: te,
+      updateDataSource: le,
+      clearSelection: ne,
+      getSelections: ae,
+      updateSelectionByIds: Y,
+      getSelectionIds: oe,
+      activeRowById: ie,
+      getCurrentRowId: se,
+      clickRowItemById: ue,
+      updatePagination: re,
+      getVisibleDataByIds: de,
+      selectRowById: ce
     });
-    function he(x) {
-      e.multiSelect && (x.preventDefault(), x.stopPropagation());
+    function fe(M) {
+      e.multiSelect && (M.preventDefault(), M.stopPropagation());
     }
-    N(() => e.selectionValues, (x, _) => {
-      x !== _ && Q(x);
+    E(() => e.selectionValues, (M, _) => {
+      M !== _ && Y(M);
     });
-    const ye = We(e, g), {
-      sidebarWidth: Ce,
-      showSidebarCheckBox: kt
-    } = ye, Se = qe(e, t), {
-      applyColumnSorter: Vt,
-      columnContext: we,
-      updateColumnRenderContext: Ft
-    } = Se, Ie = Ke(e, p, i, we, C, b, m, Ce, M), {
-      shouldRenderPagination: Tt
-    } = k, {
-      renderDataGridPagination: Rt
-    } = Xe(e, t, p, Ie, k, g);
-    return () => n("div", {
-      class: f.value,
-      onClick: he
-    }, [u(), n("div", {
-      ref: v,
+    const ve = _e(e, c), {
+      sidebarWidth: me,
+      showSidebarCheckBox: lt
+    } = ve, ge = Ge(e, l), {
+      applyColumnSorter: nt,
+      columnContext: he,
+      updateColumnRenderContext: at
+    } = ge, pe = ze(e, f, i, he, v, S, u, me, D), {
+      shouldRenderPagination: ot
+    } = I, {
+      renderDataGridPagination: st
+    } = Ee(e, l, f, pe, I, c);
+    return () => a("div", {
+      class: F.value,
+      onClick: fe
+    }, [r(), a("div", {
+      ref: g,
       class: "f-list-view-content",
       onMouseover: () => {
-        T.value = !0;
+        k.value = !0;
       },
       onMouseleave: () => {
-        T.value = !1;
+        k.value = !1;
       }
-    }, [O()]), P.value && n("div", {
+    }, [T()]), B.value && a("div", {
       class: "f-list-view-footer"
-    }, [e.footerTemplate ? e.footerTemplate() : t.slots.footer && t.slots.footer()])]);
+    }, [e.footerTemplate ? e.footerTemplate() : l.slots.footer && l.slots.footer()])]);
   }
-}), $ = /* @__PURE__ */ X({
+}), tt = /* @__PURE__ */ ee({
   name: "FTransfer",
-  props: J,
+  props: Ne,
   emits: ["change", "activeChange", "selectItem", "unSelecteItem", "removeItem"],
-  setup(e, t) {
-    const v = r(e.identifyField), F = r(e.displayType), T = r(!1), i = r(e.dataSource), m = r(e.textField), s = r(e.selections || []), S = L(() => s.value.map((c) => c[v.value])), y = /* @__PURE__ */ new Map(), w = r(), I = r(), p = r();
-    let g;
-    function D() {
-      const c = /* @__PURE__ */ new Map(), u = e.selectionValues || [];
-      u.length && u.reduce((o, B) => (o.set(B, !0), o), c);
-      const a = e.selections || [];
-      a.length && (c.clear(), a.reduce((o, B) => (o.set(B[v.value], !0), o), c)), s.value.length || (s.value = i.value.filter((o) => c.has(o[v.value])).map((o) => Object.assign({}, o))), i.value.forEach((o) => {
-        const B = o[v.value], O = c.has(B);
-        o.checked = O, O && y.set(B, o);
+  setup(e, l) {
+    const g = d(e.identifyField), b = d(e.displayType), k = d(!1), i = d(e.dataSource), u = d(e.textField), s = d(e.selections || []), x = H(() => s.value.map((p) => p[g.value])), h = /* @__PURE__ */ new Map(), y = d(), C = d(), f = d();
+    let c;
+    function R() {
+      const p = /* @__PURE__ */ new Map(), r = e.selectionValues || [];
+      r.length && r.reduce((n, j) => (n.set(j, !0), n), p);
+      const o = e.selections || [];
+      o.length && (p.clear(), o.reduce((n, j) => (n.set(j[g.value], !0), n), p)), s.value.length || (s.value = i.value.filter((n) => p.has(n[g.value])).map((n) => Object.assign({}, n))), i.value.forEach((n) => {
+        const j = n[g.value], T = p.has(j);
+        n.checked = T, T && h.set(j, n);
       });
     }
-    D(), N(() => e.selections, (c) => {
-      s.value = c, D();
+    R(), E(() => e.selections, (p) => {
+      s.value = p, R();
     });
-    const k = L(() => F.value === "List"), b = L(() => F.value === "Tree");
-    function R(c) {
-      const u = te(s.value);
-      s.value = c.map((a) => Object.assign({}, a)), t.emit("change", s.value, u);
+    const I = H(() => b.value === "List"), S = H(() => b.value === "Tree");
+    function V(p) {
+      const r = q(s.value);
+      s.value = p.map((o) => Object.assign({}, o)), l.emit("change", s.value, r);
     }
-    function M(c) {
-      t.emit("selectItem", c);
+    function D(p) {
+      l.emit("selectItem", p);
     }
-    function j(c) {
-      t.emit("unSelectItem", c);
+    function O(p) {
+      l.emit("unSelectItem", p);
     }
     function A() {
-      return n(U, {
+      return a(Z, {
         class: "f-utils-fill",
         data: i.value,
         multiSelect: !0,
         itemClass: "f-transfer-list-item",
-        textField: m.value,
+        textField: u.value,
         selection: {
           enableSelectRow: !0,
           multiSelect: !0,
@@ -902,18 +791,18 @@ const U = /* @__PURE__ */ X({
         draggable: !1,
         header: "Search",
         headerClass: "transfer-search-box",
-        selectionValues: S.value,
-        onSelectionUpdate: R
+        selectionValues: x.value,
+        onSelectionUpdate: V
       }, null);
     }
-    function H() {
-      return n(Te, {
-        ref: p,
+    function P() {
+      return a(Ie, {
+        ref: f,
         data: i.value,
         columns: e.columns,
         virtualized: e.virtualized,
         rowOption: e.rowOption,
-        textField: m.value,
+        textField: u.value,
         selection: {
           enableSelectRow: !0,
           multiSelect: !0,
@@ -922,208 +811,99 @@ const U = /* @__PURE__ */ X({
           showSelectAll: !1,
           showSelection: !0
         },
-        selectionValues: S.value,
-        onSelectionUpdate: R,
-        onSelectItem: M,
-        onUnSelectItem: j
+        selectionValues: x.value,
+        onSelectionUpdate: V,
+        onSelectItem: D,
+        onUnSelectItem: O
       }, null);
     }
-    function h() {
-      return n("div", {
+    function m() {
+      return a("div", {
         class: "f-utils-fill option-pane d-flex flex-column"
-      }, [n("div", {
+      }, [a("div", {
         class: "f-utils-flex-column option-pane-content f-utils-fill"
-      }, [n("div", {
+      }, [a("div", {
         class: "container columns-box d-flex f-utils-fill"
-      }, [k.value && A(), b.value && H()])])]);
-    }
-    function d(c) {
-      const u = c[v.value];
-      if (u !== null || u !== void 0) {
-        s.value = s.value.filter((o) => o[v.value] !== u);
-        const a = y.get(u);
-        a && (a.checked = !1, y.delete(u)), t.emit("change", s.value), t.emit("removeItem", c);
+      }, [I.value && A(), S.value && P()])])]);
+    }
+    function w(p) {
+      const r = p[g.value];
+      if (r !== null || r !== void 0) {
+        s.value = s.value.filter((n) => n[g.value] !== r);
+        const o = h.get(r);
+        o && (o.checked = !1, h.delete(r)), l.emit("change", s.value), l.emit("removeItem", p);
       }
     }
-    N(s, (c) => {
-      w.value.updateDataSource(te(c));
-      const u = g == null ? void 0 : g[v.value], a = c.find((o) => u === o[v.value]);
-      a ? w.value.activeRowById(a[v.value]) : (g = null, w.value.activeRowById(""));
+    E(s, (p) => {
+      y.value.updateDataSource(q(p));
+      const r = c == null ? void 0 : c[g.value], o = p.find((n) => r === n[g.value]);
+      o ? y.value.activeRowById(o[g.value]) : (c = null, y.value.activeRowById(""));
     });
-    function C(c) {
-      const u = /* @__PURE__ */ new Map();
-      s.value.reduce((a, o) => (a.set(o[v.value], o), a), u), s.value = c.map((a) => u.get(a[v.value])), t.emit("change", s.value);
+    function v(p) {
+      const r = /* @__PURE__ */ new Map();
+      s.value.reduce((o, n) => (o.set(n[g.value], n), o), r), s.value = p.map((o) => r.get(o[g.value])), l.emit("change", s.value);
     }
-    function l(c) {
-      g = c[0], t.emit("activeChange", c);
+    function t(p) {
+      c = p[0], l.emit("activeChange", p);
     }
-    function f() {
-      var c;
-      return n(U, {
-        ref: w,
+    function F() {
+      var p;
+      return a(Z, {
+        ref: y,
         columns: e.columns,
         style: "flex:1",
         data: s.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
-        textField: m.value,
+        textField: u.value,
         itemClass: e.selectedItemClass,
-        onChange: C,
-        onRemoveItem: d,
-        onActiveChange: l,
+        onChange: v,
+        onRemoveItem: w,
+        onActiveChange: t,
         checkBeforeRemoveItem: e.checkBeforeRemoveItem
       }, {
-        itemContent: (c = t.slots) != null && c.text ? (u) => {
-          var a;
-          return ((a = t.slots) == null ? void 0 : a.text) && t.slots.text(u);
+        itemContent: (p = l.slots) != null && p.text ? (r) => {
+          var o;
+          return ((o = l.slots) == null ? void 0 : o.text) && l.slots.text(r);
         } : null
       });
     }
-    function P() {
-      return n("div", {
+    function B() {
+      return a("div", {
         class: "f-utils-fill selection-pane d-flex flex-column"
-      }, [n("div", {
+      }, [a("div", {
         class: "f-utils-flex-column selection-pane-content f-utils-fill"
-      }, [n("div", {
+      }, [a("div", {
         class: "selection-pane-title"
-      }, [n("span", {
+      }, [a("span", {
         class: "selection-title"
-      }, [q.getLocaleValue("transfer.selectedStart")]), n("span", {
+      }, [W.getLocaleValue("transfer.selectedStart")]), a("span", {
         class: "selection-count"
-      }, [s.value && s.value.length]), n("span", {
+      }, [s.value && s.value.length]), a("span", {
         class: "selection-item-title"
-      }, [q.getLocaleValue("transfer.selectedEnd")])]), n("div", {
+      }, [W.getLocaleValue("transfer.selectedEnd")])]), a("div", {
         class: "container columns-box f-utils-fill d-flex"
-      }, [f()])])]);
+      }, [F()])])]);
     }
-    const V = L(() => ({
+    const L = H(() => ({
       "f-transfer": !0,
       row: !0,
-      "f-utils-fill": T.value
+      "f-utils-fill": k.value
     }));
-    return ae(() => {
-      I.value && I.value.parentElement && getComputedStyle(I.value.parentElement).display === "flex" && (T.value = !0);
-    }), () => n("div", {
-      ref: I,
-      class: V.value,
+    return we(() => {
+      C.value && C.value.parentElement && getComputedStyle(C.value.parentElement).display === "flex" && (k.value = !0);
+    }), () => a("div", {
+      ref: C,
+      class: L.value,
       style: "height:480px"
-    }, [t.slots.children ? t.slots.children({
+    }, [l.slots.children ? l.slots.children({
       selections: s.value
-    }) : h(), P()]);
-  }
-}), bt = /* @__PURE__ */ X({
-  name: "FTransferDesign",
-  props: J,
-  emits: ["change"],
-  setup(e, t) {
-    const v = r(e.identifyField), F = r("已选："), T = r("项数据"), i = r(e.displayType), m = r(!1), s = r(e.dataSource), S = r(e.selections || []), y = L(() => S.value.map((f) => f[v.value])), w = /* @__PURE__ */ new Map();
-    function I() {
-      const f = /* @__PURE__ */ new Map(), P = e.selectionValues || [];
-      P.length && P.reduce((c, u) => (c.set(u, !0), c), f);
-      const V = e.selections || [];
-      V.length && (f.clear(), V.reduce((c, u) => (c.set(u[v.value], !0), c), f)), S.value.length || (S.value = s.value.filter((c) => f.has(c[v.value])).map((c) => Object.assign({}, c))), s.value.forEach((c) => {
-        const u = c[v.value], a = f.has(u);
-        c.checked = a, a && w.set(u, c);
-      });
-    }
-    I();
-    const p = L(() => i.value === "List"), g = L(() => i.value === "Tree");
-    function D(f) {
-      S.value = f.map((P) => Object.assign({}, P)), t.emit("change", S.value);
-    }
-    function k() {
-      return n(U, {
-        class: "f-utils-fill",
-        data: s.value,
-        "multi-select": !0,
-        draggable: !1,
-        header: "Search",
-        headerClass: "transfer-search-box",
-        "selection-values": y.value,
-        onSelectionChange: D
-      }, {
-        default: () => [Z(" ")]
-      });
-    }
-    function b() {
-      return n(E, null, null);
-    }
-    function R() {
-      return n("div", {
-        class: "f-utils-fill option-pane d-flex flex-column"
-      }, [n("div", {
-        class: "f-utils-flex-column option-pane-content f-utils-fill"
-      }, [n("div", {
-        class: "container columns-box d-flex f-utils-fill"
-      }, [p.value && k(), g.value && b()])])]);
-    }
-    function M(f) {
-      const P = f[v.value];
-      if (P !== null || P !== void 0) {
-        S.value = S.value.filter((c) => c[v.value] !== P);
-        const V = w.get(P);
-        V && (V.checked = !1, w.delete(P)), t.emit("change", S.value);
-      }
-    }
-    function j(f) {
-      const P = /* @__PURE__ */ new Map();
-      S.value.reduce((V, c) => (V.set(c[v.value], c), V), P), S.value = f.map((V) => P.get(V[v.value])), t.emit("change", S.value);
-    }
-    function A() {
-      return n(U, {
-        style: "flex:1",
-        data: S.value,
-        draggable: !0,
-        view: "DraggableView",
-        "keep-order": !0,
-        onChange: j,
-        onRemoveItem: M
-      }, {
-        default: () => [Z(" ")]
-      });
-    }
-    function H() {
-      return n("div", {
-        class: "f-utils-fill selection-pane d-flex flex-column"
-      }, [n("div", {
-        class: "f-utils-flex-column selection-pane-content f-utils-fill"
-      }, [n("div", {
-        class: "selection-pane-title"
-      }, [n("span", {
-        class: "selection-title"
-      }, [F.value]), n("span", {
-        class: "selection-count"
-      }, [S.value && S.value.length]), n("span", {
-        class: "selection-item-title"
-      }, [T.value])]), n("div", {
-        class: "container columns-box f-utils-fill d-flex"
-      }, [A()])])]);
-    }
-    const h = L(() => ({
-      transfer: !0,
-      row: !0,
-      "f-utils-fill": m.value
-    })), d = r(), C = Fe("design-item-context"), l = Ye(d, C);
-    return ae(() => {
-      d.value.componentInstance = l;
-    }), t.expose(l.value), () => n("div", {
-      ref: d,
-      class: h.value,
-      style: "height:480px"
-    }, [R(), H()]);
+    }) : m(), B()]);
   }
-});
-$.register = (e, t, v) => {
-  e.transfer = $, t.transfer = oe;
-};
-$.registerDesigner = (e, t, v) => {
-  e.transfer = bt, t.transfer = oe;
-};
-const Ht = Me($);
+}), mt = be(tt);
 export {
-  $ as FTransfer,
-  Ht as default,
-  oe as propsResolver,
-  J as transferProps
+  tt as FTransfer,
+  mt as default,
+  Ne as transferProps
 };