@farris/ui-vue 1.7.3 → 1.7.5

package/components/transfer/index.esm.js

@@ -1,11 +1,119 @@
-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 = {
+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 Qe(e, t, d) {
+  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", 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"
+  },
+  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: st,
+  title: ot,
+  description: it,
+  type: ct,
+  properties: ut,
+  required: rt
+}, J = {
   dataSource: {
     type: Array,
     default: []
@@ -33,7 +141,7 @@ const Ne = {
     default: "draggable-item--text-truncate",
     validator: (e) => typeof e == "string" || typeof e == "function"
   }
-}, Ue = {
+}, se = De(J, dt, Je, Qe, lt), ft = {
   /** 列集合 */
   columns: {
     type: Array,
@@ -101,226 +209,226 @@ const Ne = {
   /** 分页 */
   pagination: { type: Object, default: { enable: !1, size: 20 } }
 };
-function We(e, l) {
-  function g(i) {
-    const u = [];
-    let s = i.nextNode();
-    for (; s; )
-      u.push(s), s = i.nextNode();
-    return u;
-  }
-  function b(i, u) {
-    const s = document.createTreeWalker(i, NodeFilter.SHOW_TEXT);
-    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)
+function vt(e, t) {
+  function d(i) {
+    const f = [];
+    let o = i.nextNode();
+    for (; o; )
+      f.push(o), o = i.nextNode();
+    return f;
+  }
+  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;
-        c.push(I), R = I + u.length;
+        v.push(V), M = V + f.length;
       }
-      return c.map((I) => {
-        const S = new Range();
-        return S.setStart(C, I), S.setEnd(C, I + u.length), S;
+      return v.map((V) => {
+        const k = new Range();
+        return k.setStart(b, V), k.setEnd(b, V + f.length), k;
       });
     }).flat();
   }
-  function k(i) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !i || !l))
+  function R(i) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !i || !t))
       return;
-    const u = b(l.value, i.toLocaleLowerCase()), s = new Highlight(...u);
-    CSS.highlights.set("search-result", s);
+    const f = T(t.value, i.toLocaleLowerCase()), o = new Highlight(...f);
+    CSS.highlights.set("search-result", o);
   }
-  return { search: k };
+  return { search: R };
 }
-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);
+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: S,
-    onMouseoutItem: V
+    onMouseenterItem: V,
+    onMouseoverItem: k,
+    onMouseoutItem: D
   } = i, {
-    getKey: D,
-    listViewItemClass: O,
+    getKey: O,
+    listViewItemClass: B,
     listViewItemStyle: A,
-    onCheckItem: P,
-    onClickItem: m
-  } = u, w = H(() => {
-    const t = {
+    onCheckItem: H,
+    onClickItem: h
+  } = f, w = L(() => {
+    const n = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap"
     };
-    return e.itemClass ? t : {
-      margin: y.value === "small" ? "0.25rem 0" : "8px 0",
-      ...t
+    return e.itemClass ? n : {
+      margin: S.value === "small" ? "0.25rem 0" : "8px 0",
+      ...n
     };
   });
-  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", {
+  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: (L) => L.stopPropagation()
-    }, [a(X, {
-      id: "list-" + D(t, F),
+      onClick: (F) => F.stopPropagation()
+    }, [l(Y, {
+      id: "list-" + O(n, p),
       customClass: "listview-checkbox float-left",
-      disabled: t[c.value],
-      checked: t.checked,
-      "onUpdate:checked": (L) => t.checked = L,
-      onChange: (L) => {
-        P(t, F, !L.checked);
+      disabled: n[v.value],
+      checked: n.checked,
+      "onUpdate:checked": (F) => n.checked = F,
+      onChange: (F) => {
+        H(n, p, !F.checked);
       }
-    }, null)]), a("div", {
+    }, null)]), l("div", {
       class: "f-list-content"
-    }, [a("div", {
+    }, [l("div", {
       class: e.itemContentClass,
       style: w.value,
-      title: t.raw[f.value] || t.raw[C.value]
-    }, [t.raw[C.value]])])]);
+      title: n.raw[m.value] || n.raw[b.value]
+    }, [n.raw[b.value]])])]);
   }
   return {
-    renderItem: v
+    renderItem: g
   };
 }
-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
+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: S,
-    listViewItemClass: V,
-    listViewItemStyle: D,
-    onCheckItem: O,
+    getKey: k,
+    listViewItemClass: D,
+    listViewItemStyle: O,
+    onCheckItem: B,
     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", {
+    updateSelectedItems: H
+  } = f;
+  function h(g, n, p) {
+    return e.contentTemplate ? l(E, null, [e.contentTemplate({
+      item: g.raw,
+      index: n,
+      selectedItem: p
+    })]) : t.slots.content ? l(E, null, [t.slots.content && t.slots.content({
+      item: g.raw,
+      index: n,
+      selectedItem: p
+    })]) : l("div", {
       style: "margin: 10px 0;"
-    }, [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", {
+    }, [g.raw[m.value || "name"]]);
+  }
+  function w(g, n, p) {
+    return l("li", {
+      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()
-    }, [a(X, {
-      id: "list-" + S(v, t),
+      onClick: (I) => I.stopPropagation()
+    }, [l(Y, {
+      id: "list-" + k(g, n),
       customClass: "listview-checkbox",
-      disabled: v[C.value],
-      checked: v.checked,
-      "onUpdate:checked": (B) => v.checked = B,
-      onChange: (B) => {
-        O(v, t, !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)]), a("div", {
+    }, null)]), l("div", {
       class: "f-list-content"
-    }, [m(v, t, F)])]);
+    }, [h(g, n, p)])]);
   }
   return {
     renderItem: w
   };
 }
-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
+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: S,
-    listViewItemClass: V,
-    onCheckItem: D,
-    onClickItem: O
-  } = u, {
+    getKey: k,
+    listViewItemClass: D,
+    onCheckItem: O,
+    onClickItem: B
+  } = f, {
     dragstart: A,
-    dragenter: P,
-    dragover: m,
+    dragenter: H,
+    dragover: h,
     dragend: w
-  } = b, {
-    removeItem: v
-  } = x, t = H(() => ({
-    margin: y.value ? "10px 0" : "10px 0px 10px 14px"
+  } = T, {
+    removeItem: g
+  } = y, n = L(() => ({
+    margin: S.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  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),
+  function p(a, s = "") {
+    const P = a.target;
+    P.title = P.scrollWidth > P.clientWidth ? s : "";
+  }
+  function I(a) {
+    return l("div", {
+      style: n.value,
+      onMouseenter: (s) => p(s, a.raw[m.value || "name"])
+    }, [a.raw[m.value || "name"]]);
+  }
+  function F() {
+    return t.slots.itemContent ? t.slots.itemContent : I;
+  }
+  const c = F();
+  function r(a, s, P) {
+    return l("li", {
+      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: (T) => A(T, o, n),
-      onDragenter: (T) => P(T, n),
-      onDragend: (T) => w(T, o),
-      onDragover: (T) => m(T)
-    }, [y.value && a("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: (T) => T.stopPropagation()
-    }, [a(X, {
-      id: "list-" + S(o, n),
+      onClick: (x) => x.stopPropagation()
+    }, [l(Y, {
+      id: "list-" + k(a, s),
       customClass: "listview-checkbox",
-      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", {
+      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"
-    }, [p(o)]), a("div", {
+    }, [c(a)]), l("div", {
       class: "f-list-remove",
-      onClick: (T) => {
-        T.stopPropagation(), v(n);
+      onClick: (x) => {
+        x.stopPropagation(), g(s);
       }
-    }, [a("div", {
+    }, [l("div", {
       class: "f-list-remove-icon"
-    }, [a("i", {
+    }, [l("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), a("div", {
+    }, null)])]), l("div", {
       class: "f-list-handle"
-    }, [a("div", null, [a("i", {
+    }, [l("div", null, [l("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
@@ -328,196 +436,196 @@ function Xe(e, l, g, b, k, i, u, s, x, h) {
     renderItem: r
   };
 }
-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", {
+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 M(D, O, B) {
+    return t.slots.group ? l(E, null, [t.slots.content && t.slots.group({
+      item: D.raw,
+      index: O,
+      selectedItem: B
+    })]) : l("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (A) => c(A, V)
-    }, [a("div", {
+      onClick: (A) => v(A, D)
+    }, [l("div", {
       class: "fv-grid-group-row-icon"
-    }, [a("span", {
-      class: C(V)
-    }, null)]), a("div", {
+    }, [l("span", {
+      class: b(D)
+    }, null)]), l("div", {
       class: "f-navlookup-recommandLabel"
-    }, [V.raw[y.value[V.layer]]])]);
+    }, [D.raw[S.value[D.layer]]])]);
   }
-  function I(V, D, O) {
-    return V.layer > -1 && R(V, D, O);
+  function V(D, O, B) {
+    return D.layer > -1 && M(D, O, B);
   }
   return {
-    renderItem: I
+    renderItem: V
   };
 }
-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]))
+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 x = k.value.splice(s, 1);
-      i(), l.emit("removeItem", x[0]);
+      const y = R.value.splice(o, 1);
+      i(), t.emit("removeItem", y[0]);
     }
   }
-  return { removeItem: u };
+  return { removeItem: f };
 }
-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(() => ({
+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": 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 D = V(), {
-    renderItem: O
-  } = D(e, l, g, h, k, i, x, u, c, s), {
+    "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 S.value === "SingleView" ? ne : S.value === "DraggableView" ? gt : (S.value === "ContentView" || S.value === "CardView") && (e.contentTemplate || t.slots.content) ? mt : ne;
+  }
+  const O = D(), {
+    renderItem: B
+  } = O(e, t, d, C, R, i, y, f, v, o), {
     renderItem: A
-  } = 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));
+  } = 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 a("div", {
+    return l("div", {
       class: "f-list-view-emptydata",
       style: "margin: 0 auto;"
-    }, [a("p", {
+    }, [l("p", {
       class: "f-empty-title"
-    }, [e.emptyTemplate ? e.emptyTemplate() : l.slots.empty ? l.slots.empty() : W.getLocaleValue("listView.emptyMessage")])]);
+    }, [e.emptyTemplate ? e.emptyTemplate() : t.slots.empty ? t.slots.empty() : q.getLocaleValue("listView.emptyMessage")])]);
   }
-  function v() {
-    return a("ul", {
-      class: R.value,
+  function g() {
+    return l("ul", {
+      class: M.value,
       style: "list-style: none;"
-    }, [I.value && m(), S.value && w()]);
+    }, [V.value && h(), k.value && w()]);
   }
   return {
-    renderListArea: v
+    renderListArea: g
   };
 }
-function Je(e, l, g) {
-  function b() {
-    return l.slots.header && a("div", {
+function Ct(e, t, d) {
+  function T() {
+    return t.slots.header && l("div", {
       class: "f-list-view-header"
-    }, [l.slots.header()]);
+    }, [t.slots.header()]);
   }
   return {
-    renderHeader: b
+    renderHeader: T
   };
 }
-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) {
+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 = "";
   }
-  E(i, (f) => {
-    e.enableHighlightSearch && g.search(f), l.emit("afterSearch", f);
+  N(i, (m) => {
+    e.enableHighlightSearch && d.search(m), t.emit("afterSearch", m);
   });
-  const h = H(() => {
-    const f = {
+  const C = L(() => {
+    const m = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return b.value && b.value.split(" ").reduce((R, I) => (R[I] = !0, R), f), f;
+    return T.value && T.value.split(" ").reduce((M, V) => (M[V] = !0, M), m), m;
   });
-  function y(f) {
+  function S(m) {
   }
-  function C() {
-    return a("div", {
+  function b() {
+    return l("div", {
       class: "f-list-view-header",
-      onClick: Ce(() => y, ["prevent", "stop"])
-    }, [a("div", {
-      class: h.value
-    }, [a("div", {
+      onClick: be(() => S, ["prevent", "stop"])
+    }, [l("div", {
+      class: C.value
+    }, [l("div", {
       class: "farris-input-wrap"
-    }, [a("div", {
+    }, [l("div", {
       class: "f-cmp-inputgroup"
-    }, [a("div", {
+    }, [l("div", {
       class: "input-group f-state-editable"
-    }, [ye(a("input", {
+    }, [ke(l("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (f) => i.value = f,
+      "onUpdate:modelValue": (m) => i.value = m,
       name: "input-group-value",
       type: "text",
-      placeholder: k.value,
+      placeholder: R.value,
       autocomplete: "off"
-    }, null), [[Se, i.value]]), a("div", {
+    }, null), [[Ve, i.value]]), l("div", {
       class: "input-group-append"
-    }, [s.value && a("span", {
+    }, [o.value && l("span", {
       class: "input-group-text input-group-clear",
-      onClick: (f) => x()
-    }, [a("i", {
+      onClick: (m) => y()
+    }, [l("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), u.value && a("span", {
+    }, null)]), f.value && l("span", {
       class: "input-group-text"
-    }, [a("span", {
+    }, [l("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: C
+    renderHeader: b
   };
 }
-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 St() {
+  const e = u(""), t = u(-1), d = u(""), T = u(-1), R = u(!1);
+  function i(b, m, v) {
+    T.value = v;
   }
-  function u(C, f, c) {
-    k.value || (b.value = c);
+  function f(b, m, v) {
+    R.value || (T.value = v);
   }
-  function s(C, f, c) {
-    b.value = -1;
+  function o(b, m, v) {
+    T.value = -1;
   }
-  function x() {
-    k.value = !0;
+  function y() {
+    R.value = !0;
   }
-  function h() {
-    k.value = !1;
+  function C() {
+    R.value = !1;
   }
-  function y() {
-    l.value = -1, e.value = "";
+  function S() {
+    t.value = -1, e.value = "";
   }
   return {
-    activeIndex: l,
-    focusedItemId: g,
-    hoverIndex: b,
-    clearActiveItem: y,
+    activeIndex: t,
+    focusedItemId: d,
+    hoverIndex: T,
+    clearActiveItem: S,
     onMouseenterItem: i,
-    onMouseoverItem: u,
-    onMouseoutItem: s,
-    resumeHover: h,
-    suspendHover: x
+    onMouseoverItem: f,
+    onMouseoutItem: o,
+    resumeHover: C,
+    suspendHover: y
   };
 }
-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 = `
+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(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 ? v + document.documentElement.scrollTop : v}px;
+        top:${document.documentElement.scrollTop ? g + document.documentElement.scrollTop : g}px;
         z-index: 999999;
         pointer-events: none;
         border-radius: 10px;
@@ -526,260 +634,260 @@ function Ze(e, l, g, b) {
         align-items: center;
         float: none;
         text-align: initial;
-        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 = `
+        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;
-        `, 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;
+        `, 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 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);
+  function O(h, w, g) {
+    if (h.stopPropagation(), m(), w) {
+      if (v = D(h.target), h.dataTransfer) {
+        const n = new Image();
+        n.src = "", h.dataTransfer.setDragImage(n, 0, 0);
       }
-      R = m.pageX, I = m.pageY, setTimeout(() => {
-        u.value = v, s.value = !0, w.moving = !0;
+      M = h.pageX, V = h.pageY, setTimeout(() => {
+        f.value = g, o.value = !0, w.moving = !0;
       });
     }
   }
-  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 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(m) {
-    m.preventDefault(), m.dataTransfer && (m.dataTransfer.dropEffect = "move"), S(m.pageX, m.pageY);
+  function A(h) {
+    h.preventDefault(), h.dataTransfer && (h.dataTransfer.dropEffect = "move"), k(h.pageX, h.pageY);
   }
-  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]);
+  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: D,
-    dragenter: O,
+    dragstart: O,
+    dragenter: B,
     dragover: A,
-    dragend: P,
-    isDragging: s
+    dragend: H,
+    isDragging: o
   };
 }
-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 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() {
-    O.value = S();
+  function H() {
+    B.value = k();
   }
-  function m(r, o) {
-    return r.raw[u.value] != null ? r.raw[u.value] : "";
+  function h(r, a) {
+    return r.raw[f.value] != null ? r.raw[f.value] : "";
   }
-  function w(r, o) {
-    const n = {
+  function w(r, a) {
+    const s = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": x.value,
+      "f-list-view-draggable-item": y.value,
       "f-un-click": !r.checked,
-      "f-un-select": !!r.raw[s.value],
+      "f-un-select": !!r.raw[o.value],
       "f-listview-active": (
         // 多选
-        h.value && A(m(r)) || // 单选
-        !h.value && r.raw[u.value] === D.value
+        C.value && A(h(r)) || // 单选
+        !C.value && r.raw[f.value] === O.value
       ),
-      "f-listview-hover": !C.value && o === R.value,
+      "f-listview-hover": !b.value && a === M.value,
       moving: !!r.moving
     };
     if (typeof e.itemClass == "string")
-      return K(n, e.itemClass);
+      return K(s, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const j = e.itemClass(r);
-      return K(n, j);
+      const P = e.itemClass(r);
+      return K(s, P);
     }
-    return n;
+    return s;
   }
-  function v(r, o) {
-    const n = {};
+  function g(r, a) {
+    const s = {};
     if (typeof e.itemStyle == "string")
-      return $(n, e.itemStyle);
+      return ee(s, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const j = e.itemStyle(r);
-      return $(n, j);
+      const P = e.itemStyle(r);
+      return ee(s, P);
     }
-    return n;
+    return s;
   }
-  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 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 = 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();
+  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;
     }
-    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);
+    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: m,
-    selectedItems: O,
+    getKey: h,
+    selectedItems: B,
     listViewItemClass: w,
-    listViewItemStyle: v,
-    updateSelectedItems: P,
-    onCheckItem: F,
-    onClickItem: p
+    listViewItemStyle: g,
+    updateSelectedItems: H,
+    onCheckItem: p,
+    onClickItem: c
   };
 }
-const Z = /* @__PURE__ */ ee({
+const U = /* @__PURE__ */ X({
   name: "FListView",
-  props: Ue,
+  props: ft,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
-  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 = {
+  setup(e, t) {
+    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" && (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;
+      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 p = L(), {
+    const c = F(), {
       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
+    } = 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 ie(j) {
+      j && (m.load(j), i.value = n(0, k.value + f - 1));
+    }
+    function ce() {
+      v.clearSelection(), a.clearActiveItem();
+    }
+    function ue() {
+      return P.selectedItems.value;
+    }
+    function re() {
+      return P.selectedItems.value.map((j) => j[C.idField.value]);
+    }
+    function Q(j) {
+      v.selectedValues.value = j, P.updateSelectedItems();
+    }
+    function de() {
+      return v.currentSelectedDataId.value;
+    }
+    function fe(j) {
+      D.activeRowById(j);
+    }
+    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 me(j) {
+      const _ = C.idField.value, G = i.value.find((z) => z.raw[_] === j);
+      G && D.changeRow(G);
+    }
+    function ge(j) {
+      V.updatePagination(j);
+    }
+    function pe(j) {
+      return i.value.filter((_) => j.includes(_.raw[e.idField]));
+    }
+    t.expose({
+      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 fe(M) {
-      e.multiSelect && (M.preventDefault(), M.stopPropagation());
+    function he(j) {
+      e.multiSelect && (j.preventDefault(), j.stopPropagation());
     }
-    E(() => e.selectionValues, (M, _) => {
-      M !== _ && Y(M);
+    N(() => e.selectionValues, (j, _) => {
+      j !== _ && Q(j);
     });
-    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,
+    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: p.value,
+      onClick: he
+    }, [r(), l("div", {
+      ref: d,
       class: "f-list-view-content",
       onMouseover: () => {
-        k.value = !0;
+        R.value = !0;
       },
       onMouseleave: () => {
-        k.value = !1;
+        R.value = !1;
       }
-    }, [T()]), B.value && a("div", {
+    }, [x()]), I.value && l("div", {
       class: "f-list-view-footer"
-    }, [e.footerTemplate ? e.footerTemplate() : l.slots.footer && l.slots.footer()])]);
+    }, [e.footerTemplate ? e.footerTemplate() : t.slots.footer && t.slots.footer()])]);
   }
-}), tt = /* @__PURE__ */ ee({
+}), $ = /* @__PURE__ */ X({
   name: "FTransfer",
-  props: Ne,
+  props: J,
   emits: ["change", "activeChange", "selectItem", "unSelecteItem", "removeItem"],
-  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);
+  setup(e, t) {
+    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);
       });
     }
-    R(), E(() => e.selections, (p) => {
-      s.value = p, R();
+    M(), N(() => e.selections, (c) => {
+      o.value = c, M();
     });
-    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);
+    const V = L(() => T.value === "List"), k = L(() => T.value === "Tree");
+    function D(c) {
+      const r = te(o.value);
+      o.value = c.map((a) => Object.assign({}, a)), t.emit("change", o.value, r);
     }
-    function D(p) {
-      l.emit("selectItem", p);
+    function O(c) {
+      t.emit("selectItem", c);
     }
-    function O(p) {
-      l.emit("unSelectItem", p);
+    function B(c) {
+      t.emit("unSelectItem", c);
     }
     function A() {
-      return a(Z, {
+      return l(U, {
         class: "f-utils-fill",
         data: i.value,
         multiSelect: !0,
         itemClass: "f-transfer-list-item",
-        textField: u.value,
+        textField: f.value,
         selection: {
           enableSelectRow: !0,
           multiSelect: !0,
@@ -791,18 +899,18 @@ const Z = /* @__PURE__ */ ee({
         draggable: !1,
         header: "Search",
         headerClass: "transfer-search-box",
-        selectionValues: x.value,
-        onSelectionUpdate: V
+        selectionValues: y.value,
+        onSelectionUpdate: D
       }, null);
     }
-    function P() {
-      return a(Ie, {
-        ref: f,
+    function H() {
+      return l(Te, {
+        ref: m,
         data: i.value,
         columns: e.columns,
         virtualized: e.virtualized,
         rowOption: e.rowOption,
-        textField: u.value,
+        textField: f.value,
         selection: {
           enableSelectRow: !0,
           multiSelect: !0,
@@ -811,99 +919,208 @@ const Z = /* @__PURE__ */ ee({
           showSelectAll: !1,
           showSelection: !0
         },
-        selectionValues: x.value,
-        onSelectionUpdate: V,
-        onSelectItem: D,
-        onUnSelectItem: O
+        selectionValues: y.value,
+        onSelectionUpdate: D,
+        onSelectItem: O,
+        onUnSelectItem: B
       }, null);
     }
-    function m() {
-      return a("div", {
+    function h() {
+      return l("div", {
         class: "f-utils-fill option-pane d-flex flex-column"
-      }, [a("div", {
+      }, [l("div", {
         class: "f-utils-flex-column option-pane-content f-utils-fill"
-      }, [a("div", {
+      }, [l("div", {
         class: "container columns-box d-flex f-utils-fill"
-      }, [I.value && A(), S.value && P()])])]);
+      }, [V.value && A(), k.value && H()])])]);
     }
-    function w(p) {
-      const r = p[g.value];
+    function w(c) {
+      const r = c[d.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);
+        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);
       }
     }
-    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(""));
+    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 v(p) {
+    function g(c) {
       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);
+      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 t(p) {
-      c = p[0], l.emit("activeChange", p);
+    function n(c) {
+      v = c[0], t.emit("activeChange", c);
     }
-    function F() {
-      var p;
-      return a(Z, {
-        ref: y,
+    function p() {
+      var c;
+      return l(U, {
+        ref: S,
         columns: e.columns,
         style: "flex:1",
-        data: s.value,
+        data: o.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
-        textField: u.value,
+        textField: f.value,
         itemClass: e.selectedItemClass,
-        onChange: v,
+        onChange: g,
         onRemoveItem: w,
-        onActiveChange: t,
+        onActiveChange: n,
         checkBeforeRemoveItem: e.checkBeforeRemoveItem
       }, {
-        itemContent: (p = l.slots) != null && p.text ? (r) => {
-          var o;
-          return ((o = l.slots) == null ? void 0 : o.text) && l.slots.text(r);
+        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() {
-      return a("div", {
+    function I() {
+      return l("div", {
         class: "f-utils-fill selection-pane d-flex flex-column"
-      }, [a("div", {
+      }, [l("div", {
         class: "f-utils-flex-column selection-pane-content f-utils-fill"
-      }, [a("div", {
+      }, [l("div", {
         class: "selection-pane-title"
-      }, [a("span", {
+      }, [l("span", {
         class: "selection-title"
-      }, [W.getLocaleValue("transfer.selectedStart")]), a("span", {
+      }, [q.getLocaleValue("transfer.selectedStart")]), l("span", {
         class: "selection-count"
-      }, [s.value && s.value.length]), a("span", {
+      }, [o.value && o.value.length]), l("span", {
         class: "selection-item-title"
-      }, [W.getLocaleValue("transfer.selectedEnd")])]), a("div", {
+      }, [q.getLocaleValue("transfer.selectedEnd")])]), l("div", {
         class: "container columns-box f-utils-fill d-flex"
-      }, [F()])])]);
+      }, [p()])])]);
     }
-    const L = H(() => ({
+    const F = L(() => ({
       "f-transfer": !0,
       row: !0,
-      "f-utils-fill": k.value
+      "f-utils-fill": R.value
     }));
-    return we(() => {
-      C.value && C.value.parentElement && getComputedStyle(C.value.parentElement).display === "flex" && (k.value = !0);
-    }), () => a("div", {
-      ref: C,
-      class: L.value,
+    return ae(() => {
+      b.value && b.value.parentElement && getComputedStyle(b.value.parentElement).display === "flex" && (R.value = !0);
+    }), () => l("div", {
+      ref: b,
+      class: F.value,
+      style: "height:480px"
+    }, [t.slots.children ? t.slots.children({
+      selections: o.value
+    }) : h(), I()]);
+  }
+}), bt = /* @__PURE__ */ X({
+  name: "FTransferDesign",
+  props: J,
+  emits: ["change"],
+  setup(e, t) {
+    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);
+      });
+    }
+    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 V() {
+      return l(U, {
+        class: "f-utils-fill",
+        data: o.value,
+        "multi-select": !0,
+        draggable: !1,
+        header: "Search",
+        headerClass: "transfer-search-box",
+        "selection-values": C.value,
+        onSelectionChange: M
+      }, {
+        default: () => [Z(" ")]
+      });
+    }
+    function k() {
+      return l(E, null, null);
+    }
+    function D() {
+      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"
+      }, [m.value && V(), v.value && k()])])]);
+    }
+    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 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(U, {
+        style: "flex:1",
+        data: y.value,
+        draggable: !0,
+        view: "DraggableView",
+        "keep-order": !0,
+        onChange: B,
+        onRemoveItem: O
+      }, {
+        default: () => [Z(" ")]
+      });
+    }
+    function H() {
+      return l("div", {
+        class: "f-utils-fill selection-pane d-flex flex-column"
+      }, [l("div", {
+        class: "f-utils-flex-column selection-pane-content f-utils-fill"
+      }, [l("div", {
+        class: "selection-pane-title"
+      }, [l("span", {
+        class: "selection-title"
+      }, [T.value]), l("span", {
+        class: "selection-count"
+      }, [y.value && y.value.length]), l("span", {
+        class: "selection-item-title"
+      }, [R.value])]), l("div", {
+        class: "container columns-box f-utils-fill d-flex"
+      }, [A()])])]);
+    }
+    const h = L(() => ({
+      transfer: !0,
+      row: !0,
+      "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: h.value,
       style: "height:480px"
-    }, [l.slots.children ? l.slots.children({
-      selections: s.value
-    }) : m(), B()]);
+    }, [D(), H()]);
   }
-}), mt = be(tt);
+});
+$.register = (e, t, d) => {
+  e.transfer = $, t.transfer = se;
+};
+$.registerDesigner = (e, t, d) => {
+  e.transfer = bt, t.transfer = se;
+};
+const Ht = Me($);
 export {
-  tt as FTransfer,
-  mt as default,
-  Ne as transferProps
+  $ as FTransfer,
+  Ht as default,
+  se as propsResolver,
+  J as transferProps
 };