@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

package/components/transfer/index.esm.js

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