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

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 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]
+]);
+function tt(e, t, r) {
+  return t;
+}
+const nt = "transfer", lt = "A Farris Component", at = "object", ot = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, 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 = {
+  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
+  }
+}, vt = [
+  "id",
+  "type"
+], mt = {
+  $schema: it,
+  $id: ct,
+  title: ut,
+  description: rt,
+  type: dt,
+  properties: ft,
+  required: vt
+}, Q = {
   dataSource: {
     type: Array,
     default: []
@@ -33,7 +141,7 @@ const Ne = {
     default: "draggable-item--text-truncate",
     validator: (e) => typeof e == "string" || typeof e == "function"
   }
-}, Ue = {
+}, ie = xe(Q, mt, et, tt, st), gt = {
   /** 列集合 */
   columns: {
     type: Array,
@@ -101,423 +209,423 @@ 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);
+function ht(e, t) {
+  function r(f) {
+    const d = [];
+    let a = f.nextNode();
+    for (; a; )
+      d.push(a), a = f.nextNode();
+    return d;
+  }
+  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)
           break;
-        c.push(I), R = I + u.length;
+        y.push(I), C = I + d.length;
       }
-      return c.map((I) => {
-        const S = new Range();
-        return S.setStart(C, I), S.setEnd(C, I + u.length), S;
+      return y.map((I) => {
+        const F = new Range();
+        return F.setStart(m, I), F.setEnd(m, I + d.length), F;
       });
     }).flat();
   }
-  function k(i) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !i || !l))
+  function O(f) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !f || !t))
       return;
-    const u = b(l.value, i.toLocaleLowerCase()), s = new Highlight(...u);
-    CSS.highlights.set("search-result", s);
+    const d = V(t.value, f.toLocaleLowerCase()), a = new Highlight(...d);
+    CSS.highlights.set("search-result", a);
   }
-  return { search: k };
+  return { search: O };
 }
-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 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);
   }), {
     onMouseenterItem: I,
-    onMouseoverItem: S,
-    onMouseoutItem: V
-  } = i, {
-    getKey: D,
-    listViewItemClass: O,
+    onMouseoverItem: F,
+    onMouseoutItem: D
+  } = f, {
+    getKey: T,
+    listViewItemClass: j,
     listViewItemStyle: A,
     onCheckItem: P,
-    onClickItem: m
-  } = u, w = H(() => {
-    const t = {
+    onClickItem: g
+  } = d, 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: k.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 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", {
       class: "f-list-select",
-      onClick: (L) => L.stopPropagation()
-    }, [a(X, {
-      id: "list-" + D(t, F),
+      onClick: (R) => R.stopPropagation()
+    }, [l(J, {
+      id: "list-" + T(n, v),
       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[y.value],
+      checked: n.checked,
+      "onUpdate:checked": (R) => n.checked = R,
+      onChange: (R) => {
+        P(n, v, !R.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[S.value] || n.raw[m.value]
+    }, [n.raw[m.value]])])]);
   }
   return {
-    renderItem: v
+    renderItem: h
   };
 }
-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,
+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
-  } = i, {
-    getKey: S,
-    listViewItemClass: V,
-    listViewItemStyle: D,
-    onCheckItem: O,
+  } = f, {
+    getKey: F,
+    listViewItemClass: D,
+    listViewItemStyle: T,
+    onCheckItem: j,
     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", {
+  } = d;
+  function g(h, n, v) {
+    return e.contentTemplate ? l(N, null, [e.contentTemplate({
+      item: h.raw,
+      index: n,
+      selectedItem: v
+    })]) : t.slots.content ? l(N, null, [t.slots.content && t.slots.content({
+      item: h.raw,
+      index: n,
+      selectedItem: v
+    })]) : 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", {
+    }, [h.raw[S.value || "name"]]);
+  }
+  function w(h, n, v) {
+    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: "f-list-select",
-      onClick: (B) => B.stopPropagation()
-    }, [a(X, {
-      id: "list-" + S(v, t),
+      onClick: (b) => b.stopPropagation()
+    }, [l(J, {
+      id: "list-" + F(h, 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: h[m.value],
+      checked: h.checked,
+      "onUpdate:checked": (b) => h.checked = b,
+      onChange: (b) => {
+        j(h, n, !b.checked), P();
       }
-    }, null)]), a("div", {
+    }, null)]), l("div", {
       class: "f-list-content"
-    }, [m(v, t, F)])]);
+    }, [g(h, n, v)])]);
   }
   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,
+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
-  } = i, {
-    getKey: S,
-    listViewItemClass: V,
-    onCheckItem: D,
-    onClickItem: O
-  } = u, {
+  } = f, {
+    getKey: F,
+    listViewItemClass: D,
+    onCheckItem: T,
+    onClickItem: j
+  } = d, {
     dragstart: A,
     dragenter: P,
-    dragover: m,
+    dragover: g,
     dragend: w
-  } = b, {
-    removeItem: v
-  } = x, t = H(() => ({
-    margin: y.value ? "10px 0" : "10px 0px 10px 14px"
+  } = V, {
+    removeItem: h
+  } = p, n = L(() => ({
+    margin: k.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 v(s, o = "") {
+    const H = s.target;
+    H.title = H.scrollWidth > H.clientWidth ? o : "";
+  }
+  function b(s) {
+    return l("div", {
+      style: n.value,
+      onMouseenter: (o) => v(o, s.raw[S.value || "name"])
+    }, [s.raw[S.value || "name"]]);
+  }
+  function R() {
+    return t.slots.itemContent ? t.slots.itemContent : b;
+  }
+  const c = R();
+  function u(s, o, H) {
+    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),
       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, s, o),
+      onDragenter: (x) => P(x, o),
+      onDragend: (x) => w(x, s),
+      onDragover: (x) => g(x)
+    }, [k.value && l("div", {
       class: "f-list-select",
-      onClick: (T) => T.stopPropagation()
-    }, [a(X, {
-      id: "list-" + S(o, n),
+      onClick: (x) => x.stopPropagation()
+    }, [l(J, {
+      id: "list-" + F(s, o),
       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: s[m.value] || !s.checked,
+      checked: s.checked,
+      "onUpdate:checked": (x) => s.checked = x,
+      onChange: (x) => T(s, o, !x.checked)
+    }, null)]), l("div", {
       class: "f-list-content"
-    }, [p(o)]), a("div", {
+    }, [c(s)]), l("div", {
       class: "f-list-remove",
-      onClick: (T) => {
-        T.stopPropagation(), v(n);
+      onClick: (x) => {
+        x.stopPropagation(), h(o);
       }
-    }, [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)])])]);
   }
   return {
-    renderItem: r
+    renderItem: u
   };
 }
-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 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 C(D, T, j) {
+    return t.slots.group ? l(N, null, [t.slots.content && t.slots.group({
+      item: D.raw,
+      index: T,
+      selectedItem: j
+    })]) : l("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (A) => c(A, V)
-    }, [a("div", {
+      onClick: (A) => y(A, D)
+    }, [l("div", {
       class: "fv-grid-group-row-icon"
-    }, [a("span", {
-      class: C(V)
-    }, null)]), a("div", {
+    }, [l("span", {
+      class: m(D)
+    }, null)]), l("div", {
       class: "f-navlookup-recommandLabel"
-    }, [V.raw[y.value[V.layer]]])]);
+    }, [D.raw[k.value[D.layer]]])]);
   }
-  function I(V, D, O) {
-    return V.layer > -1 && R(V, D, O);
+  function I(D, T, j) {
+    return D.layer > -1 && C(D, T, j);
   }
   return {
     renderItem: I
   };
 }
-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 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]))
         return;
-      const x = k.value.splice(s, 1);
-      i(), l.emit("removeItem", x[0]);
+      const p = O.value.splice(a, 1);
+      f(), t.emit("removeItem", p[0]);
     }
   }
-  return { removeItem: u };
+  return { removeItem: d };
 }
-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 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(() => ({
     "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;
+    "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);
+  function D() {
+    return k.value === "SingleView" ? ae : k.value === "DraggableView" ? yt : (k.value === "ContentView" || k.value === "CardView") && (e.contentTemplate || t.slots.content) ? pt : ae;
   }
-  const D = V(), {
-    renderItem: O
-  } = D(e, l, g, h, k, i, x, u, c, s), {
+  const T = D(), {
+    renderItem: j
+  } = T(e, t, r, M, O, f, p, d, y, a), {
     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));
+  } = 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));
   }
   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() : K.getLocaleValue("listView.emptyMessage")])]);
   }
-  function v() {
-    return a("ul", {
-      class: R.value,
+  function h() {
+    return l("ul", {
+      class: C.value,
       style: "list-style: none;"
-    }, [I.value && m(), S.value && w()]);
+    }, [I.value && g(), F.value && w()]);
   }
   return {
-    renderListArea: v
+    renderListArea: h
   };
 }
-function Je(e, l, g) {
-  function b() {
-    return l.slots.header && a("div", {
+function It(e, t, r) {
+  function V() {
+    return t.slots.header && l("div", {
       class: "f-list-view-header"
-    }, [l.slots.header()]);
+    }, [t.slots.header()]);
   }
   return {
-    renderHeader: b
+    renderHeader: V
   };
 }
-function Q(e, l, g) {
-  const b = d(e.headerClass), k = d(e.placeholder), i = d(""), u = H(() => !i.value), s = H(() => !!i.value);
-  function x(f) {
-    i.value = "";
+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 = "";
   }
-  E(i, (f) => {
-    e.enableHighlightSearch && g.search(f), l.emit("afterSearch", f);
+  U(f, (S) => {
+    e.enableHighlightSearch && r.search(S), t.emit("afterSearch", S);
   });
-  const h = H(() => {
-    const f = {
+  const M = L(() => {
+    const S = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return b.value && b.value.split(" ").reduce((R, I) => (R[I] = !0, R), f), f;
+    return V.value && V.value.split(" ").reduce((C, I) => (C[I] = !0, C), S), S;
   });
-  function y(f) {
+  function k(S) {
   }
-  function C() {
-    return a("div", {
+  function m() {
+    return l("div", {
       class: "f-list-view-header",
-      onClick: Ce(() => y, ["prevent", "stop"])
-    }, [a("div", {
-      class: h.value
-    }, [a("div", {
+      onClick: Fe(() => k, ["prevent", "stop"])
+    }, [l("div", {
+      class: M.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", {
+    }, [Te(l("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (f) => i.value = f,
+      "onUpdate:modelValue": (S) => f.value = S,
       name: "input-group-value",
       type: "text",
-      placeholder: k.value,
+      placeholder: O.value,
       autocomplete: "off"
-    }, null), [[Se, i.value]]), a("div", {
+    }, null), [[Re, f.value]]), l("div", {
       class: "input-group-append"
-    }, [s.value && a("span", {
+    }, [a.value && l("span", {
       class: "input-group-text input-group-clear",
-      onClick: (f) => x()
-    }, [a("i", {
+      onClick: (S) => p()
+    }, [l("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), u.value && a("span", {
+    }, null)]), d.value && l("span", {
       class: "input-group-text"
-    }, [a("span", {
+    }, [l("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: C
+    renderHeader: m
   };
 }
-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 bt() {
+  const e = i(""), t = i(-1), r = i(""), V = i(-1), O = i(!1);
+  function f(m, S, y) {
+    V.value = y;
   }
-  function u(C, f, c) {
-    k.value || (b.value = c);
+  function d(m, S, y) {
+    O.value || (V.value = y);
   }
-  function s(C, f, c) {
-    b.value = -1;
+  function a(m, S, y) {
+    V.value = -1;
   }
-  function x() {
-    k.value = !0;
+  function p() {
+    O.value = !0;
   }
-  function h() {
-    k.value = !1;
+  function M() {
+    O.value = !1;
   }
-  function y() {
-    l.value = -1, e.value = "";
+  function k() {
+    t.value = -1, e.value = "";
   }
   return {
-    activeIndex: l,
-    focusedItemId: g,
-    hoverIndex: b,
-    clearActiveItem: y,
-    onMouseenterItem: i,
-    onMouseoverItem: u,
-    onMouseoutItem: s,
-    resumeHover: h,
-    suspendHover: x
+    activeIndex: t,
+    focusedItemId: r,
+    hoverIndex: V,
+    clearActiveItem: k,
+    onMouseenterItem: f,
+    onMouseoverItem: d,
+    onMouseoutItem: a,
+    resumeHover: M,
+    suspendHover: p
   };
 }
-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 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 D(g) {
+    const { left: w, top: h } = g.getBoundingClientRect(), n = g.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 ? h + document.documentElement.scrollTop : h}px;
         z-index: 999999;
         pointer-events: none;
         border-radius: 10px;
@@ -526,260 +634,261 @@ 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(g).width};
+        height:${getComputedStyle(g).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 T(g, w, h) {
+    if (g.stopPropagation(), S(), w) {
+      if (y = D(g.target), g.dataTransfer) {
+        const n = new Image();
+        n.src = "", g.dataTransfer.setDragImage(n, 0, 0);
       }
-      R = m.pageX, I = m.pageY, setTimeout(() => {
-        u.value = v, s.value = !0, w.moving = !0;
+      C = g.pageX, I = g.pageY, setTimeout(() => {
+        d.value = h, a.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 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 A(m) {
-    m.preventDefault(), m.dataTransfer && (m.dataTransfer.dropEffect = "move"), S(m.pageX, m.pageY);
+  function A(g) {
+    g.preventDefault(), g.dataTransfer && (g.dataTransfer.dropEffect = "move"), F(g.pageX, g.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 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]);
   }
   return {
-    dragstart: D,
-    dragenter: O,
+    dragstart: T,
+    dragenter: j,
     dragover: A,
     dragend: P,
-    isDragging: s
+    isDragging: a
   };
 }
-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 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 P() {
-    O.value = S();
+    j.value = F();
   }
-  function m(r, o) {
-    return r.raw[u.value] != null ? r.raw[u.value] : "";
+  function g(u, s) {
+    return u.raw[d.value] != null ? u.raw[d.value] : "";
   }
-  function w(r, o) {
-    const n = {
+  function w(u, s) {
+    const o = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": x.value,
-      "f-un-click": !r.checked,
-      "f-un-select": !!r.raw[s.value],
+      "f-list-view-draggable-item": p.value,
+      "f-un-click": !u.checked,
+      "f-un-select": !!u.raw[a.value],
       "f-listview-active": (
         // 多选
-        h.value && A(m(r)) || // 单选
-        !h.value && r.raw[u.value] === D.value
+        M.value && A(g(u)) || // 单选
+        !M.value && u.raw[d.value] === T.value
       ),
-      "f-listview-hover": !C.value && o === R.value,
-      moving: !!r.moving
+      "f-listview-hover": !m.value && s === C.value,
+      moving: !!u.moving
     };
     if (typeof e.itemClass == "string")
-      return K(n, e.itemClass);
+      return X(o, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const j = e.itemClass(r);
-      return K(n, j);
+      const H = e.itemClass(u);
+      return X(o, H);
     }
-    return n;
+    return o;
   }
-  function v(r, o) {
-    const n = {};
+  function h(u, s) {
+    const o = {};
     if (typeof e.itemStyle == "string")
-      return $(n, e.itemStyle);
+      return ne(o, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const j = e.itemStyle(r);
-      return $(n, j);
+      const H = e.itemStyle(u);
+      return ne(o, H);
     }
-    return n;
+    return o;
   }
-  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(() => !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 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 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();
       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);
+    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);
   }
   return {
-    getKey: m,
-    selectedItems: O,
+    getKey: g,
+    selectedItems: j,
     listViewItemClass: w,
-    listViewItemStyle: v,
+    listViewItemStyle: h,
     updateSelectedItems: P,
-    onCheckItem: F,
-    onClickItem: p
+    onCheckItem: v,
+    onClickItem: c
   };
 }
-const Z = /* @__PURE__ */ ee({
+const $ = /* @__PURE__ */ Y({
   name: "FListView",
-  props: Ue,
+  props: gt,
   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
+  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;
-    i.value = t(0, S.value + u - 1);
-    const F = H(() => {
-      const M = {
+    a.value = b(0, T.value + p - 1);
+    const R = L(() => {
+      const B = {
         "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;
-    }
-    const p = L(), {
-      renderHeader: r
-    } = p(e, l, R), o = Qe(), n = Ze(e, l, f, o), j = et(e, l, i, n, o, c), {
-      renderListArea: T
-    } = qe(e, l, i, f, C, o, c, v, j, n);
-    function te(M) {
-      R.search(M);
-    }
-    function le(M) {
-      M && (f.load(M), i.value = t(0, S.value + u - 1));
-    }
-    function ne() {
-      c.clearSelection(), o.clearActiveItem();
-    }
-    function ae() {
-      return j.selectedItems.value;
-    }
-    function oe() {
-      return j.selectedItems.value.map((M) => M[h.idField.value]);
-    }
-    function Y(M) {
-      c.selectedValues.value = M, j.updateSelectedItems();
-    }
-    function se() {
-      return c.currentSelectedDataId.value;
-    }
-    function ie(M) {
-      V.activeRowById(M);
-    }
-    function ue(M) {
-      const _ = h.idField.value, G = i.value.find((N) => N.raw[_] === M), z = i.value.findIndex((N) => N.raw[_] === M);
-      G && z > -1 && j.onClickItem(G, z);
-    }
-    function ce(M) {
-      const _ = h.idField.value, G = i.value.find((z) => z.raw[_] === M);
-      G && V.changeRow(G);
-    }
-    function re(M) {
-      I.updatePagination(M);
-    }
-    function de(M) {
-      return i.value.filter((_) => M.includes(_.raw[e.idField]));
-    }
-    l.expose({
-      search: te,
-      updateDataSource: le,
-      clearSelection: ne,
-      getSelections: ae,
-      updateSelectionByIds: Y,
-      getSelectionIds: oe,
-      activeRowById: ie,
-      getCurrentRowId: se,
-      clickRowItemById: ue,
-      updatePagination: re,
-      getVisibleDataByIds: de,
-      selectRowById: ce
+      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;
+    }
+    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);
+    }
+    function re(B) {
+      B && (C.load(B), a.value = b(0, T.value + p - 1));
+    }
+    function de() {
+      I.clearSelection(), H.clearActiveItem();
+    }
+    function fe() {
+      return G.selectedItems.value;
+    }
+    function ve() {
+      return G.selectedItems.value.map((B) => B[m.idField.value]);
+    }
+    function Z(B) {
+      I.selectedValues.value = B, G.updateSelectedItems();
+    }
+    function me() {
+      return I.currentSelectedDataId.value;
+    }
+    function ge(B) {
+      j.activeRowById(B);
+    }
+    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 pe(B) {
+      const _ = m.idField.value, z = a.value.find((E) => E.raw[_] === B);
+      z && j.changeRow(z);
+    }
+    function ye(B) {
+      D.updatePagination(B);
+    }
+    function Ce(B) {
+      return a.value.filter((_) => B.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
     });
-    function fe(M) {
-      e.multiSelect && (M.preventDefault(), M.stopPropagation());
+    function Se(B) {
+      e.multiSelect && (B.preventDefault(), B.stopPropagation());
     }
-    E(() => e.selectionValues, (M, _) => {
-      M !== _ && Y(M);
+    U(() => e.selectionValues, (B, _) => {
+      B !== _ && Z(B);
     });
-    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 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);
+    return () => l("div", {
+      class: R.value,
+      onClick: Se
+    }, [o(), l("div", {
+      ref: V,
       class: "f-list-view-content",
       onMouseover: () => {
-        k.value = !0;
+        d.value = !0;
       },
       onMouseleave: () => {
-        k.value = !1;
+        d.value = !1;
       }
-    }, [T()]), B.value && a("div", {
+    }, [ce()]), c.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({
+}), W = /* @__PURE__ */ Y({
   name: "FTransfer",
-  props: Ne,
+  props: Q,
   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 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);
       });
     }
-    R(), E(() => e.selections, (p) => {
-      s.value = p, R();
+    C(), U(() => e.selections, (c) => {
+      a.value = c, C();
     });
-    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 I = L(() => V.value === "List"), F = L(() => V.value === "Tree");
+    function D(c) {
+      const u = le(a.value);
+      a.value = c.map((s) => Object.assign({}, s)), t.emit("change", a.value, u);
     }
-    function D(p) {
-      l.emit("selectItem", p);
+    function T(c) {
+      t.emit("selectItem", c);
     }
-    function O(p) {
-      l.emit("unSelectItem", p);
+    function j(c) {
+      t.emit("unSelectItem", c);
     }
     function A() {
-      return a(Z, {
+      return l($, {
         class: "f-utils-fill",
-        data: i.value,
+        data: f.value,
         multiSelect: !0,
         itemClass: "f-transfer-list-item",
-        textField: u.value,
+        textField: d.value,
         selection: {
           enableSelectRow: !0,
           multiSelect: !0,
@@ -791,18 +900,18 @@ const Z = /* @__PURE__ */ ee({
         draggable: !1,
         header: "Search",
         headerClass: "transfer-search-box",
-        selectionValues: x.value,
-        onSelectionUpdate: V
+        selectionValues: p.value,
+        onSelectionUpdate: D
       }, null);
     }
     function P() {
-      return a(Ie, {
-        ref: f,
-        data: i.value,
+      return l(Oe, {
+        ref: S,
+        data: f.value,
         columns: e.columns,
         virtualized: e.virtualized,
         rowOption: e.rowOption,
-        textField: u.value,
+        textField: d.value,
         selection: {
           enableSelectRow: !0,
           multiSelect: !0,
@@ -811,99 +920,208 @@ const Z = /* @__PURE__ */ ee({
           showSelectAll: !1,
           showSelection: !0
         },
-        selectionValues: x.value,
-        onSelectionUpdate: V,
-        onSelectItem: D,
-        onUnSelectItem: O
+        selectionValues: p.value,
+        onSelectionUpdate: D,
+        onSelectItem: T,
+        onUnSelectItem: j
       }, null);
     }
-    function m() {
-      return a("div", {
+    function g() {
+      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()])])]);
-    }
-    function w(p) {
-      const r = p[g.value];
-      if (r !== null || r !== void 0) {
-        s.value = s.value.filter((n) => n[g.value] !== r);
-        const o = h.get(r);
-        o && (o.checked = !1, h.delete(r)), l.emit("change", s.value), l.emit("removeItem", p);
+      }, [I.value && A(), F.value && P()])])]);
+    }
+    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);
       }
     }
-    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(""));
+    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(""));
     });
-    function v(p) {
-      const r = /* @__PURE__ */ new Map();
-      s.value.reduce((o, n) => (o.set(n[g.value], n), o), r), s.value = p.map((o) => r.get(o[g.value])), l.emit("change", s.value);
+    function 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 t(p) {
-      c = p[0], l.emit("activeChange", p);
+    function n(c) {
+      y = c[0], t.emit("activeChange", c);
     }
-    function F() {
-      var p;
-      return a(Z, {
-        ref: y,
+    function v() {
+      var c;
+      return l($, {
+        ref: k,
         columns: e.columns,
         style: "flex:1",
-        data: s.value,
+        data: a.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
-        textField: u.value,
+        textField: d.value,
         itemClass: e.selectedItemClass,
-        onChange: v,
+        onChange: h,
         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 ? (u) => {
+          var s;
+          return ((s = t.slots) == null ? void 0 : s.text) && t.slots.text(u);
         } : null
       });
     }
-    function B() {
-      return a("div", {
+    function b() {
+      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", {
+      }, [K.getLocaleValue("transfer.selectedStart")]), l("span", {
         class: "selection-count"
-      }, [s.value && s.value.length]), a("span", {
+      }, [a.value && a.value.length]), l("span", {
         class: "selection-item-title"
-      }, [W.getLocaleValue("transfer.selectedEnd")])]), a("div", {
+      }, [K.getLocaleValue("transfer.selectedEnd")])]), l("div", {
         class: "container columns-box f-utils-fill d-flex"
-      }, [F()])])]);
+      }, [v()])])]);
     }
-    const L = H(() => ({
+    const R = L(() => ({
       "f-transfer": !0,
       row: !0,
-      "f-utils-fill": k.value
+      "f-utils-fill": O.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 se(() => {
+      m.value && m.value.parentElement && getComputedStyle(m.value.parentElement).display === "flex" && (O.value = !0);
+    }), () => l("div", {
+      ref: m,
+      class: R.value,
       style: "height:480px"
-    }, [l.slots.children ? l.slots.children({
-      selections: s.value
-    }) : m(), B()]);
+    }, [t.slots.children ? t.slots.children({
+      selections: a.value
+    }) : g(), b()]);
   }
-}), mt = be(tt);
+}), Ft = /* @__PURE__ */ Y({
+  name: "FTransferDesign",
+  props: Q,
+  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);
+      });
+    }
+    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);
+    }
+    function I() {
+      return l($, {
+        class: "f-utils-fill",
+        data: a.value,
+        "multi-select": !0,
+        draggable: !1,
+        header: "Search",
+        headerClass: "transfer-search-box",
+        "selection-values": M.value,
+        onSelectionChange: C
+      }, {
+        default: () => [te(" ")]
+      });
+    }
+    function F() {
+      return l(N, 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"
+      }, [S.value && I(), y.value && F()])])]);
+    }
+    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 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 A() {
+      return l($, {
+        style: "flex:1",
+        data: p.value,
+        draggable: !0,
+        view: "DraggableView",
+        "keep-order": !0,
+        onChange: j,
+        onRemoveItem: T
+      }, {
+        default: () => [te(" ")]
+      });
+    }
+    function P() {
+      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"
+      }, [V.value]), l("span", {
+        class: "selection-count"
+      }, [p.value && p.value.length]), l("span", {
+        class: "selection-item-title"
+      }, [O.value])]), l("div", {
+        class: "container columns-box f-utils-fill d-flex"
+      }, [A()])])]);
+    }
+    const g = L(() => ({
+      transfer: !0,
+      row: !0,
+      "f-utils-fill": d.value
+    })), w = i(), h = De("design-item-context"), n = Ze(w, h);
+    return se(() => {
+      w.value.componentInstance = n;
+    }), t.expose(n.value), () => l("div", {
+      ref: w,
+      class: g.value,
+      style: "height:480px"
+    }, [D(), P()]);
+  }
+});
+W.register = (e, t, r) => {
+  e.transfer = W, t.transfer = ie;
+};
+W.registerDesigner = (e, t, r) => {
+  e.transfer = Ft, t.transfer = ie;
+};
+const zt = je(W);
 export {
-  tt as FTransfer,
-  mt as default,
-  Ne as transferProps
+  W as FTransfer,
+  zt as default,
+  ie as propsResolver,
+  Q as transferProps
 };