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

package/components/transfer/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as d, computed as L, createVNode as n, Fragment as E, watch as N, withModifiers as be, withDirectives as ke, vModelText as Ve, defineComponent as X, onMounted as ae, inject as Fe, createTextVNode as Z } from "vue";
+import { ref as r, computed as L, createVNode as n, Fragment as E, watch as N, withModifiers as be, withDirectives as ke, vModelText as Ve, defineComponent as X, onMounted as ae, inject as Fe, createTextVNode as Z } from "vue";
 import Te from "../tree-view/index.esm.js";
 import { LocaleService as q } from "../locale/index.esm.js";
 import { resolveAppearance as Re, createPropsResolver as De } from "../dynamic-resolver/index.esm.js";
@@ -219,11 +219,11 @@ function vt(e, t) {
   }
   function F(i, m) {
     const s = document.createTreeWalker(i, NodeFilter.SHOW_TEXT);
-    return v(s).map((I) => ({ textNode: I, text: (I.textContent || "").toLocaleLowerCase() })).map(({ textNode: I, text: h }) => {
+    return v(s).map((I) => ({ textNode: I, text: (I.textContent || "").toLocaleLowerCase() })).map(({ textNode: I, text: p }) => {
       const g = [];
       let D = 0;
-      for (; D < h.length; ) {
-        const k = h.indexOf(m, D);
+      for (; D < p.length; ) {
+        const k = p.indexOf(m, D);
         if (k === -1)
           break;
         g.push(k), D = k + m.length;
@@ -243,7 +243,7 @@ function vt(e, t) {
   return { search: T };
 }
 function ne(e, t, v, F, T, i, m, s, S, y) {
-  const w = d(e.size), I = d(e.textField), h = d(e.titleField), g = d(e.disableField), D = L(() => {
+  const w = r(e.size), I = r(e.textField), p = r(e.titleField), g = r(e.disableField), D = L(() => {
     var l, f;
     return ((l = e.selection) == null ? void 0 : l.multiSelect) && ((f = e.selection) == null ? void 0 : f.showCheckbox);
   }), {
@@ -255,8 +255,8 @@ function ne(e, t, v, F, T, i, m, s, S, y) {
     listViewItemClass: j,
     listViewItemStyle: A,
     onCheckItem: H,
-    onClickItem: p
-  } = m, u = L(() => {
+    onClickItem: h
+  } = m, d = L(() => {
     const l = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
@@ -273,7 +273,7 @@ function ne(e, t, v, F, T, i, m, s, S, y) {
       id: M(l, f),
       key: M(l, f),
       style: A(l, f),
-      onClick: (V) => p(l, f, V),
+      onClick: (V) => h(l, f, V),
       onMouseenter: (V) => k(V, l, f),
       onMouseover: (V) => b(V, l, f),
       onMouseout: (V) => R(V, l, f)
@@ -293,8 +293,8 @@ function ne(e, t, v, F, T, i, m, s, S, y) {
       class: "f-list-content"
     }, [n("div", {
       class: e.itemContentClass,
-      style: u.value,
-      title: l.raw[h.value] || l.raw[I.value]
+      style: d.value,
+      title: l.raw[p.value] || l.raw[I.value]
     }, [l.raw[I.value]])])]);
   }
   return {
@@ -302,7 +302,7 @@ function ne(e, t, v, F, T, i, m, s, S, y) {
   };
 }
 function mt(e, t, v, F, T, i, m, s, S, y) {
-  const w = d(e.multiSelect), I = d(e.disableField), h = d(e.textField), {
+  const w = r(e.multiSelect), I = r(e.disableField), p = r(e.textField), {
     onMouseenterItem: g,
     onMouseoverItem: D,
     onMouseoutItem: k
@@ -313,49 +313,49 @@ function mt(e, t, v, F, T, i, m, s, S, y) {
     onCheckItem: j,
     onClickItem: A
   } = m;
-  function H(u, C, l) {
+  function H(d, C, l) {
     return e.contentTemplate ? n(E, null, [e.contentTemplate({
-      item: u.raw,
+      item: d.raw,
       index: C,
       selectedItem: l
     })]) : t.slots.content ? n(E, null, [t.slots.content && t.slots.content({
-      item: u.raw,
+      item: d.raw,
       index: C,
       selectedItem: l
     })]) : n("div", {
       style: "margin: 10px 0;"
-    }, [u.raw[h.value || "name"]]);
+    }, [d.raw[p.value || "name"]]);
   }
-  function p(u, C, l) {
+  function h(d, C, l) {
     return n("li", {
-      class: R(u, C),
-      id: b(u, C),
-      key: b(u, C),
-      style: M(u, C),
-      onClick: (f) => A(u, C, f),
-      onMouseenter: (f) => g(f, u, C),
-      onMouseover: (f) => D(f, u, C),
-      onMouseout: (f) => k(f, u, C)
+      class: R(d, C),
+      id: b(d, C),
+      key: b(d, C),
+      style: M(d, C),
+      onClick: (f) => A(d, C, f),
+      onMouseenter: (f) => g(f, d, C),
+      onMouseover: (f) => D(f, d, C),
+      onMouseout: (f) => k(f, d, C)
     }, [w.value && n("div", {
       class: "f-list-select",
       onClick: (f) => f.stopPropagation()
     }, [n(Y, {
-      id: "list-" + b(u, C),
+      id: "list-" + b(d, C),
       customClass: "listview-checkbox",
-      disabled: u[I.value] || !u.checked,
-      checked: u.checked,
-      "onUpdate:checked": (f) => u.checked = f,
-      onChange: (f) => j(u, C, !f.checked)
+      disabled: d[I.value],
+      checked: d.checked,
+      "onUpdate:checked": (f) => d.checked = f,
+      onChange: (f) => j(d, C, !f.checked)
     }, null)]), n("div", {
       class: "f-list-content"
-    }, [H(u, C, l)])]);
+    }, [H(d, C, l)])]);
   }
   return {
-    renderItem: p
+    renderItem: h
   };
 }
 function gt(e, t, v, F, T, i, m, s, S, y) {
-  const w = d(e.multiSelect), I = d(e.disableField), h = d(e.textField), {
+  const w = r(e.multiSelect), I = r(e.disableField), p = r(e.textField), {
     onMouseenterItem: g,
     onMouseoverItem: D,
     onMouseoutItem: k
@@ -367,8 +367,8 @@ function gt(e, t, v, F, T, i, m, s, S, y) {
   } = m, {
     dragstart: A,
     dragenter: H,
-    dragover: p,
-    dragend: u
+    dragover: h,
+    dragend: d
   } = F, {
     removeItem: C
   } = S, l = L(() => ({
@@ -381,14 +381,14 @@ function gt(e, t, v, F, T, i, m, s, S, y) {
   function P(a) {
     return n("div", {
       style: l.value,
-      onMouseenter: (o) => f(o, a.raw[h.value || "name"])
-    }, [a.raw[h.value || "name"]]);
+      onMouseenter: (o) => f(o, a.raw[p.value || "name"])
+    }, [a.raw[p.value || "name"]]);
   }
   function V() {
     return t.slots.itemContent ? t.slots.itemContent : P;
   }
   const c = V();
-  function r(a, o, B) {
+  function u(a, o, B) {
     return n("li", {
       class: R(a, o),
       id: b(a, o),
@@ -400,8 +400,8 @@ function gt(e, t, v, F, T, i, m, s, S, y) {
       draggable: "true",
       onDragstart: (O) => A(O, a, o),
       onDragenter: (O) => H(O, o),
-      onDragend: (O) => u(O, a),
-      onDragover: (O) => p(O)
+      onDragend: (O) => d(O, a),
+      onDragover: (O) => h(O)
     }, [w.value && n("div", {
       class: "f-list-select",
       onClick: (O) => O.stopPropagation()
@@ -430,18 +430,18 @@ function gt(e, t, v, F, T, i, m, s, S, y) {
     }, null)])])]);
   }
   return {
-    renderItem: r
+    renderItem: u
   };
 }
-function ht(e, t, v, F, T, i, m, s, S, y) {
+function pt(e, t, v, F, T, i, m, s, S, y) {
   var b;
-  const w = d(((b = e.group) == null ? void 0 : b.groupFields) || []), {
+  const w = r(((b = e.group) == null ? void 0 : b.groupFields) || []), {
     collpaseGroupIconClass: I
   } = T, {
-    toggleGroupRow: h
+    toggleGroupRow: p
   } = y;
   function g(R, M) {
-    M.collapse = !M.collapse, v.value = h(M.collapse ? "collapse" : "expand", M, v.value);
+    M.collapse = !M.collapse, v.value = p(M.collapse ? "collapse" : "expand", M, v.value);
   }
   function D(R, M, j) {
     return t.slots.group ? n(E, null, [t.slots.content && t.slots.group({
@@ -466,7 +466,7 @@ function ht(e, t, v, F, T, i, m, s, S, y) {
     renderItem: k
   };
 }
-function pt(e, t, v, F) {
+function ht(e, t, v, F) {
   const { dataView: T } = v, { updateSelectedItems: i } = F;
   function m(s) {
     if (s > -1 && s < T.value.length) {
@@ -479,7 +479,7 @@ function pt(e, t, v, F) {
   return { removeItem: m };
 }
 function yt(e, t, v, F, T, i, m, s, S, y) {
-  const w = d(e.view), I = d(e.view === "CardView"), h = d({}), g = pt(e, t, F, S), D = L(() => ({
+  const w = r(e.view), I = r(e.view === "CardView"), p = r({}), g = ht(e, t, F, S), D = L(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
     "d-flex": I.value,
@@ -493,11 +493,11 @@ function yt(e, t, v, F, T, i, m, s, S, y) {
     renderItem: j
   } = M(e, t, v, y, T, i, S, m, g, s), {
     renderItem: A
-  } = ht(e, t, v, y, T, i, S, m, g, s), H = [j, A];
-  function p() {
-    return v.value.filter((l) => l.visible !== !1).map((l, f) => H[l.type](l, f, h));
+  } = pt(e, t, v, y, T, i, S, m, g, s), H = [j, A];
+  function h() {
+    return v.value.filter((l) => l.visible !== !1).map((l, f) => H[l.type](l, f, p));
   }
-  function u() {
+  function d() {
     return n("div", {
       class: "f-list-view-emptydata",
       style: "margin: 0 auto;"
@@ -509,7 +509,7 @@ function yt(e, t, v, F, T, i, m, s, S, y) {
     return n("ul", {
       class: D.value,
       style: "list-style: none;"
-    }, [k.value && p(), b.value && u()]);
+    }, [k.value && h(), b.value && d()]);
   }
   return {
     renderListArea: C
@@ -526,21 +526,21 @@ function Ct(e, t, v) {
   };
 }
 function le(e, t, v) {
-  const F = d(e.headerClass), T = d(e.placeholder), i = d(""), m = L(() => !i.value), s = L(() => !!i.value);
-  function S(h) {
+  const F = r(e.headerClass), T = r(e.placeholder), i = r(""), m = L(() => !i.value), s = L(() => !!i.value);
+  function S(p) {
     i.value = "";
   }
-  N(i, (h) => {
-    e.enableHighlightSearch && v.search(h), t.emit("afterSearch", h);
+  N(i, (p) => {
+    e.enableHighlightSearch && v.search(p), t.emit("afterSearch", p);
   });
   const y = L(() => {
-    const h = {
+    const p = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return F.value && F.value.split(" ").reduce((D, k) => (D[k] = !0, D), h), h;
+    return F.value && F.value.split(" ").reduce((D, k) => (D[k] = !0, D), p), p;
   });
-  function w(h) {
+  function w(p) {
   }
   function I() {
     return n("div", {
@@ -556,7 +556,7 @@ function le(e, t, v) {
       class: "input-group f-state-editable"
     }, [ke(n("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (h) => i.value = h,
+      "onUpdate:modelValue": (p) => i.value = p,
       name: "input-group-value",
       type: "text",
       placeholder: T.value,
@@ -565,7 +565,7 @@ function le(e, t, v) {
       class: "input-group-append"
     }, [s.value && n("span", {
       class: "input-group-text input-group-clear",
-      onClick: (h) => S()
+      onClick: (p) => S()
     }, [n("i", {
       class: "f-icon f-icon-close-circle"
     }, null)]), m.value && n("span", {
@@ -579,14 +579,14 @@ function le(e, t, v) {
   };
 }
 function St() {
-  const e = d(""), t = d(-1), v = d(""), F = d(-1), T = d(!1);
-  function i(I, h, g) {
+  const e = r(""), t = r(-1), v = r(""), F = r(-1), T = r(!1);
+  function i(I, p, g) {
     F.value = g;
   }
-  function m(I, h, g) {
+  function m(I, p, g) {
     T.value || (F.value = g);
   }
-  function s(I, h, g) {
+  function s(I, p, g) {
     F.value = -1;
   }
   function S() {
@@ -611,17 +611,17 @@ function St() {
   };
 }
 function wt(e, t, v, F) {
-  const T = d(e.idField), { dataView: i } = v, m = d(-1), s = d(!1), { activeIndex: S, focusedItemId: y, hoverIndex: w, resumeHover: I, suspendHover: h } = F;
+  const T = r(e.idField), { dataView: i } = v, m = r(-1), s = r(!1), { activeIndex: S, focusedItemId: y, hoverIndex: w, resumeHover: I, suspendHover: p } = F;
   let g, D = 0, k = 0;
-  function b(p, u) {
-    const C = p - D, l = u - k;
-    g.style.left = parseInt(g.style.left) + C + "px", g.style.top = parseInt(g.style.top) + l + "px", D = p, k = u;
+  function b(h, d) {
+    const C = h - D, l = d - k;
+    g.style.left = parseInt(g.style.left) + C + "px", g.style.top = parseInt(g.style.top) + l + "px", D = h, k = d;
   }
-  function R(p) {
-    const { left: u, top: C } = p.getBoundingClientRect(), l = p.cloneNode(!0);
+  function R(h) {
+    const { left: d, top: C } = h.getBoundingClientRect(), l = h.cloneNode(!0);
     return l.style.cssText = `
         position:absolute;
-        left:${u}px;
+        left:${d}px;
         top:${document.documentElement.scrollTop ? C + document.documentElement.scrollTop : C}px;
         z-index: 999999;
         border: 1px solid #e2e3e5;
@@ -633,37 +633,37 @@ function wt(e, t, v, F) {
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(p).width};
-        height:${getComputedStyle(p).height};
+        width:${getComputedStyle(h).width};
+        height:${getComputedStyle(h).height};
         `, l.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", l.children[0].children[0].style.cssText = `
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
         `, l.children[1].style.cssText = "width: 30px;color: #f4625f;padding: 0 14px 0 0", l.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(l), l;
   }
-  function M(p, u, C) {
-    if (p.stopPropagation(), h(), u) {
-      if (g = R(p.target), p.dataTransfer) {
+  function M(h, d, C) {
+    if (h.stopPropagation(), p(), d) {
+      if (g = R(h.target), h.dataTransfer) {
         const l = new Image();
-        l.src = "", p.dataTransfer.setDragImage(l, 0, 0);
+        l.src = "", h.dataTransfer.setDragImage(l, 0, 0);
       }
-      D = p.pageX, k = p.pageY, setTimeout(() => {
-        m.value = C, s.value = !0, u.moving = !0;
+      D = h.pageX, k = h.pageY, setTimeout(() => {
+        m.value = C, s.value = !0, d.moving = !0;
       });
     }
   }
-  function j(p, u) {
-    if (p.preventDefault(), m.value !== u) {
+  function j(h, d) {
+    if (h.preventDefault(), m.value !== d) {
       const C = i.value[m.value], l = i.value;
-      l.splice(m.value, 1), l.splice(u, 0, C), m.value = u, b(p.pageX, p.pageY);
+      l.splice(m.value, 1), l.splice(d, 0, C), m.value = d, b(h.pageX, h.pageY);
     }
   }
-  function A(p) {
-    p.preventDefault(), p.dataTransfer && (p.dataTransfer.dropEffect = "move"), b(p.pageX, p.pageY);
+  function A(h) {
+    h.preventDefault(), h.dataTransfer && (h.dataTransfer.dropEffect = "move"), b(h.pageX, h.pageY);
   }
-  function H(p, u) {
-    u && (u.moving = !1, g && (document.body.removeChild(g), g = null)), i.value.forEach((C, l) => {
+  function H(h, d) {
+    d && (d.moving = !1, g && (document.body.removeChild(g), g = null)), i.value.forEach((C, l) => {
       C.__fv_index__ = l;
-    }), s.value = !1, I(), w.value = u.raw.__fv_index__, S.value = u.raw.__fv_index__, y.value = u.raw[T.value], t.emit("change", i.value), t.emit("activeChange", [u.raw]);
+    }), s.value = !1, I(), w.value = d.raw.__fv_index__, S.value = d.raw.__fv_index__, y.value = d.raw[T.value], t.emit("change", i.value), t.emit("activeChange", [d.raw]);
   }
   return {
     dragstart: M,
@@ -674,70 +674,70 @@ function wt(e, t, v, F) {
   };
 }
 function It(e, t, v, F, T, i) {
-  const m = d(e.idField), s = d(e.disableField), S = d(e.draggable);
-  d(e.itemClass);
-  const y = d(e.selection.multiSelect ?? !1), w = d(e.selection.multiSelectMode), { isDragging: I } = F, { activeIndex: h, focusedItemId: g, hoverIndex: D } = T, { clearSelection: k, getSelectedItems: b, toggleSelectItem: R, currentSelectedDataId: M } = i, j = d(b()), A = (r) => j.value.length === 0 ? !1 : j.value.some((a) => {
+  const m = r(e.idField), s = r(e.disableField), S = r(e.draggable);
+  r(e.itemClass);
+  const y = r(e.selection.multiSelect ?? !1), w = r(e.selection.multiSelectMode), { isDragging: I } = F, { activeIndex: p, focusedItemId: g, hoverIndex: D } = T, { clearSelection: k, getSelectedItems: b, toggleSelectItem: R, currentSelectedDataId: M } = i, j = r(b()), A = (u) => j.value.length === 0 ? !1 : j.value.some((a) => {
     let o = "";
-    return a.data ? o = a.data[m.value] : o = a[m.value], o === r;
+    return a.data ? o = a.data[m.value] : o = a[m.value], o === u;
   });
   function H() {
     j.value = b();
   }
-  function p(r, a) {
-    return r.raw[m.value] != null ? r.raw[m.value] : "";
+  function h(u, a) {
+    return u.raw[m.value] != null ? u.raw[m.value] : "";
   }
-  function u(r, a) {
+  function d(u, a) {
     const o = {
       "f-list-view-group-item": !0,
       "f-list-view-draggable-item": S.value,
-      "f-un-click": !r.checked,
-      "f-un-select": !!r.raw[s.value],
+      "f-un-click": !u.checked,
+      "f-un-select": !!u.raw[s.value],
       "f-listview-active": (
         // 多选
-        y.value && A(p(r)) || // 单选
-        !y.value && r.raw[m.value] === M.value
+        y.value && A(h(u)) || // 单选
+        !y.value && u.raw[m.value] === M.value
       ),
       "f-listview-hover": !I.value && a === D.value,
-      moving: !!r.moving
+      moving: !!u.moving
     };
     if (typeof e.itemClass == "string")
       return K(o, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const B = e.itemClass(r);
+      const B = e.itemClass(u);
       return K(o, B);
     }
     return o;
   }
-  function C(r, a) {
+  function C(u, a) {
     const o = (
       // 多选
-      y.value && A(p(r)) || // 单选
-      !y.value && r.raw[m.value] === M.value
+      y.value && A(h(u)) || // 单选
+      !y.value && u.raw[m.value] === M.value
     ), B = {};
     if (o && (B.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
       return ee(B, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const O = e.itemStyle(r);
+      const O = e.itemStyle(u);
       return ee(B, O);
     }
     return B;
   }
   const l = L(() => !y.value);
-  function f(r, a, o) {
-    r.checked = o, !r.raw[s.value] && (l.value && (g.value = r.raw[m.value]), R(r));
+  function f(u, a, o) {
+    u.checked = o, !u.raw[s.value] && (l.value && (g.value = u.raw[m.value]), R(u));
   }
   const P = L(() => y.value && w.value === "OnCheckClearByClick"), V = L(() => !y.value || y.value && (w.value === "OnCheckAndClick" || w.value === "OnClick"));
-  function c(r, a, o) {
-    if (r.raw[s.value]) {
+  function c(u, a, o) {
+    if (u.raw[s.value]) {
       o == null || o.preventDefault(), o == null || o.stopPropagation();
       return;
     }
-    g.value = r.raw[m.value], h.value = a, P.value && k(), V.value && (R(r), H()), t.emit("clickItem", { data: j.value, index: a, dataItem: r.raw }), t.emit("activeChange", j.value);
+    g.value = u.raw[m.value], p.value = a, P.value && k(), V.value && (R(u), H()), t.emit("clickItem", { data: j.value, index: a, dataItem: u.raw }), t.emit("activeChange", j.value);
   }
   return {
-    getKey: p,
+    getKey: h,
     selectedItems: j,
-    listViewItemClass: u,
+    listViewItemClass: d,
     listViewItemStyle: C,
     updateSelectedItems: H,
     onCheckItem: f,
@@ -749,7 +749,7 @@ const U = /* @__PURE__ */ X({
   props: ft,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, t) {
-    const v = d(), F = d(!0), T = d(!1), i = d([]), m = 0, s = d(e.columns), S = Oe(e, t), y = xe(e), w = je(e), I = Be(e, y), h = Le(e, /* @__PURE__ */ new Map(), S, w, y), g = Ae(e, h, y, i, t), D = vt(e, v), k = Pe(e, h), b = L(() => h.dataView.value.length), R = He(e, t, g, y), M = _e(e, t, y, R, i), j = Ge(e), A = ze(e, {}, j), H = Ee(e, h, M, w, y, j, A), p = Ne(e, y, A, H), u = Ue(e, y, A, H), C = $e(e, s, h, b, m, H, p, u), {
+    const v = r(), F = r(!0), T = r(!1), i = r([]), m = 0, s = r(e.columns), S = Oe(e, t), y = xe(e), w = je(e), I = Be(e, y), p = Le(e, /* @__PURE__ */ new Map(), S, w, y), g = Ae(e, p, y, i, t), D = vt(e, v), k = Pe(e, p), b = L(() => p.dataView.value.length), R = He(e, t, g, y), M = _e(e, t, y, R, i), j = Ge(e), A = ze(e, {}, j), H = Ee(e, p, M, w, y, j, A), h = Ne(e, y, A, H), d = Ue(e, y, A, H), C = $e(e, s, p, b, m, H, h, d), {
       getVisualData: l
     } = C;
     i.value = l(0, b.value + m - 1);
@@ -764,15 +764,15 @@ const U = /* @__PURE__ */ X({
       return e.header === "SearchBar" ? le : e.header === "ContentHeader" ? Ct : le;
     }
     const c = V(), {
-      renderHeader: r
-    } = c(e, t, D), a = St(), o = wt(e, t, h, a), B = It(e, t, i, o, a, g), {
+      renderHeader: u
+    } = c(e, t, D), a = St(), o = wt(e, t, p, a), B = It(e, t, i, o, a, g), {
       renderListArea: O
-    } = yt(e, t, i, h, I, a, g, C, B, o);
+    } = yt(e, t, i, p, I, a, g, C, B, o);
     function se(x) {
       D.search(x);
     }
     function ie(x) {
-      x && (h.load(x), i.value = l(0, b.value + m - 1));
+      x && (p.load(x), i.value = l(0, b.value + m - 1));
     }
     function ce() {
       g.clearSelection(), a.clearActiveItem();
@@ -803,7 +803,7 @@ const U = /* @__PURE__ */ X({
     function ge(x) {
       k.updatePagination(x);
     }
-    function he(x) {
+    function pe(x) {
       return i.value.filter((_) => x.includes(_.raw[e.idField]));
     }
     t.expose({
@@ -817,10 +817,10 @@ const U = /* @__PURE__ */ X({
       getCurrentRowId: de,
       clickRowItemById: ve,
       updatePagination: ge,
-      getVisibleDataByIds: he,
+      getVisibleDataByIds: pe,
       selectRowById: me
     });
-    function pe(x) {
+    function he(x) {
       e.multiSelect && (x.preventDefault(), x.stopPropagation());
     }
     N(() => e.selectionValues, (x, _) => {
@@ -833,15 +833,15 @@ const U = /* @__PURE__ */ X({
       applyColumnSorter: Vt,
       columnContext: we,
       updateColumnRenderContext: Ft
-    } = Se, Ie = Ke(e, h, i, we, C, b, m, Ce, M), {
+    } = Se, Ie = Ke(e, p, i, we, C, b, m, Ce, M), {
       shouldRenderPagination: Tt
     } = k, {
       renderDataGridPagination: Rt
-    } = Xe(e, t, h, Ie, k, g);
+    } = Xe(e, t, p, Ie, k, g);
     return () => n("div", {
       class: f.value,
-      onClick: pe
-    }, [r(), n("div", {
+      onClick: he
+    }, [u(), n("div", {
       ref: v,
       class: "f-list-view-content",
       onMouseover: () => {
@@ -859,11 +859,11 @@ const U = /* @__PURE__ */ X({
   props: J,
   emits: ["change", "activeChange", "selectItem", "unSelecteItem", "removeItem"],
   setup(e, t) {
-    const v = d(e.identifyField), F = d(e.displayType), T = d(!1), i = d(e.dataSource), m = d(e.textField), s = d(e.selections || []), S = L(() => s.value.map((c) => c[v.value])), y = /* @__PURE__ */ new Map(), w = d(), I = d(), h = d();
+    const v = r(e.identifyField), F = r(e.displayType), T = r(!1), i = r(e.dataSource), m = r(e.textField), s = r(e.selections || []), S = L(() => s.value.map((c) => c[v.value])), y = /* @__PURE__ */ new Map(), w = r(), I = r(), p = r();
     let g;
     function D() {
-      const c = /* @__PURE__ */ new Map(), r = e.selectionValues || [];
-      r.length && r.reduce((o, B) => (o.set(B, !0), o), c);
+      const c = /* @__PURE__ */ new Map(), u = e.selectionValues || [];
+      u.length && u.reduce((o, B) => (o.set(B, !0), o), c);
       const a = e.selections || [];
       a.length && (c.clear(), a.reduce((o, B) => (o.set(B[v.value], !0), o), c)), s.value.length || (s.value = i.value.filter((o) => c.has(o[v.value])).map((o) => Object.assign({}, o))), i.value.forEach((o) => {
         const B = o[v.value], O = c.has(B);
@@ -875,8 +875,8 @@ const U = /* @__PURE__ */ X({
     });
     const k = L(() => F.value === "List"), b = L(() => F.value === "Tree");
     function R(c) {
-      const r = te(s.value);
-      s.value = c.map((a) => Object.assign({}, a)), t.emit("change", s.value, r);
+      const u = te(s.value);
+      s.value = c.map((a) => Object.assign({}, a)), t.emit("change", s.value, u);
     }
     function M(c) {
       t.emit("selectItem", c);
@@ -908,7 +908,7 @@ const U = /* @__PURE__ */ X({
     }
     function H() {
       return n(Te, {
-        ref: h,
+        ref: p,
         data: i.value,
         columns: e.columns,
         virtualized: e.virtualized,
@@ -928,7 +928,7 @@ const U = /* @__PURE__ */ X({
         onUnSelectItem: j
       }, null);
     }
-    function p() {
+    function h() {
       return n("div", {
         class: "f-utils-fill option-pane d-flex flex-column"
       }, [n("div", {
@@ -937,22 +937,22 @@ const U = /* @__PURE__ */ X({
         class: "container columns-box d-flex f-utils-fill"
       }, [k.value && A(), b.value && H()])])]);
     }
-    function u(c) {
-      const r = c[v.value];
-      if (r !== null || r !== void 0) {
-        s.value = s.value.filter((o) => o[v.value] !== r);
-        const a = y.get(r);
-        a && (a.checked = !1, y.delete(r)), t.emit("change", s.value), t.emit("removeItem", c);
+    function d(c) {
+      const u = c[v.value];
+      if (u !== null || u !== void 0) {
+        s.value = s.value.filter((o) => o[v.value] !== u);
+        const a = y.get(u);
+        a && (a.checked = !1, y.delete(u)), t.emit("change", s.value), t.emit("removeItem", c);
       }
     }
     N(s, (c) => {
       w.value.updateDataSource(te(c));
-      const r = g == null ? void 0 : g[v.value], a = c.find((o) => r === o[v.value]);
+      const u = g == null ? void 0 : g[v.value], a = c.find((o) => u === o[v.value]);
       a ? w.value.activeRowById(a[v.value]) : (g = null, w.value.activeRowById(""));
     });
     function C(c) {
-      const r = /* @__PURE__ */ new Map();
-      s.value.reduce((a, o) => (a.set(o[v.value], o), a), r), s.value = c.map((a) => r.get(a[v.value])), t.emit("change", s.value);
+      const u = /* @__PURE__ */ new Map();
+      s.value.reduce((a, o) => (a.set(o[v.value], o), a), u), s.value = c.map((a) => u.get(a[v.value])), t.emit("change", s.value);
     }
     function l(c) {
       g = c[0], t.emit("activeChange", c);
@@ -970,13 +970,13 @@ const U = /* @__PURE__ */ X({
         textField: m.value,
         itemClass: e.selectedItemClass,
         onChange: C,
-        onRemoveItem: u,
+        onRemoveItem: d,
         onActiveChange: l,
         checkBeforeRemoveItem: e.checkBeforeRemoveItem
       }, {
-        itemContent: (c = t.slots) != null && c.text ? (r) => {
+        itemContent: (c = t.slots) != null && c.text ? (u) => {
           var a;
-          return ((a = t.slots) == null ? void 0 : a.text) && t.slots.text(r);
+          return ((a = t.slots) == null ? void 0 : a.text) && t.slots.text(u);
         } : null
       });
     }
@@ -1010,25 +1010,25 @@ const U = /* @__PURE__ */ X({
       style: "height:480px"
     }, [t.slots.children ? t.slots.children({
       selections: s.value
-    }) : p(), P()]);
+    }) : h(), P()]);
   }
 }), bt = /* @__PURE__ */ X({
   name: "FTransferDesign",
   props: J,
   emits: ["change"],
   setup(e, t) {
-    const v = d(e.identifyField), F = d("已选："), T = d("项数据"), i = d(e.displayType), m = d(!1), s = d(e.dataSource), S = d(e.selections || []), y = L(() => S.value.map((f) => f[v.value])), w = /* @__PURE__ */ new Map();
+    const v = r(e.identifyField), F = r("已选："), T = r("项数据"), i = r(e.displayType), m = r(!1), s = r(e.dataSource), S = r(e.selections || []), y = L(() => S.value.map((f) => f[v.value])), w = /* @__PURE__ */ new Map();
     function I() {
       const f = /* @__PURE__ */ new Map(), P = e.selectionValues || [];
-      P.length && P.reduce((c, r) => (c.set(r, !0), c), f);
+      P.length && P.reduce((c, u) => (c.set(u, !0), c), f);
       const V = e.selections || [];
-      V.length && (f.clear(), V.reduce((c, r) => (c.set(r[v.value], !0), c), f)), S.value.length || (S.value = s.value.filter((c) => f.has(c[v.value])).map((c) => Object.assign({}, c))), s.value.forEach((c) => {
-        const r = c[v.value], a = f.has(r);
-        c.checked = a, a && w.set(r, c);
+      V.length && (f.clear(), V.reduce((c, u) => (c.set(u[v.value], !0), c), f)), S.value.length || (S.value = s.value.filter((c) => f.has(c[v.value])).map((c) => Object.assign({}, c))), s.value.forEach((c) => {
+        const u = c[v.value], a = f.has(u);
+        c.checked = a, a && w.set(u, c);
       });
     }
     I();
-    const h = L(() => i.value === "List"), g = L(() => i.value === "Tree");
+    const p = L(() => i.value === "List"), g = L(() => i.value === "Tree");
     function D(f) {
       S.value = f.map((P) => Object.assign({}, P)), t.emit("change", S.value);
     }
@@ -1056,7 +1056,7 @@ const U = /* @__PURE__ */ X({
         class: "f-utils-flex-column option-pane-content f-utils-fill"
       }, [n("div", {
         class: "container columns-box d-flex f-utils-fill"
-      }, [h.value && k(), g.value && b()])])]);
+      }, [p.value && k(), g.value && b()])])]);
     }
     function M(f) {
       const P = f[v.value];
@@ -1100,16 +1100,16 @@ const U = /* @__PURE__ */ X({
         class: "container columns-box f-utils-fill d-flex"
       }, [A()])])]);
     }
-    const p = L(() => ({
+    const h = L(() => ({
       transfer: !0,
       row: !0,
       "f-utils-fill": m.value
-    })), u = d(), C = Fe("design-item-context"), l = Ye(u, C);
+    })), d = r(), C = Fe("design-item-context"), l = Ye(d, C);
     return ae(() => {
-      u.value.componentInstance = l;
+      d.value.componentInstance = l;
     }), t.expose(l.value), () => n("div", {
-      ref: u,
-      class: p.value,
+      ref: d,
+      class: h.value,
       style: "height:480px"
     }, [R(), H()]);
   }