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

package/components/tree-grid/index.esm.js

@@ -1,10 +1,9 @@
-import { getCustomClass as wt, withInstall as St } from "../common/index.esm.js";
-import { createVNode as g, defineComponent as bt, ref as p, computed as C, onMounted as It, nextTick as Bt, onUnmounted as Dt, watch as de, createTextVNode as Ot } from "vue";
+import { getCustomClass as St, withInstall as bt } from "../common/index.esm.js";
+import { createVNode as g, defineComponent as It, ref as h, computed as C, onMounted as Bt, nextTick as Dt, onUnmounted as Ot, watch as ce, createTextVNode as Rt } from "vue";
 import { useResizeObserver as Ft } from "@vueuse/core";
 import { isUndefined as b } from "lodash-es";
-import { LocaleService as Rt } from "../locale/index.esm.js";
-import { getHierarchyRow as xt, useIdentify as Gt, useGroupData as Ht, useFilter as jt, useHierarchy as Vt, useLoading as Nt, useDataView as Pt, useSelection as kt, useSelectHierarchyItem as _t, usePagination as zt, useDataViewContainerStyle as Mt, useCommandColumn as At, useSettingColumn as Tt, useColumn as Lt, useSort as Et, useGroupColumn as Wt, useRow as Ut, useEdit as qt, useVisualDataBound as Yt, useVisualDataCell as $t, useVisualDataRow as Jt, useVisualData as Kt, useCellPosition as Qt, useSidebar as Xt, useVirtualScroll as Zt, useFitColumn as ea, useFilterHistory as ta, useColumnFilter as aa, useDragColumn as la, getColumnHeader as na, getSidebar as oa, getDisableMask as ia, getHorizontalScrollbar as ua, getVerticalScrollbar as sa, getEmpty as ra, getPagination as da, getSummary as ca } from "../data-view/index.esm.js";
-const ba = {
+import { getHierarchyRow as xt, useIdentify as Ht, useGroupData as Gt, useFilter as jt, useHierarchy as Pt, useLoading as Nt, useDataView as Vt, useSelection as kt, useSelectHierarchyItem as _t, usePagination as Tt, useDataViewContainerStyle as zt, useCommandColumn as At, useSettingColumn as Mt, useColumn as Et, useSort as Lt, useGroupColumn as Wt, useRow as Ut, useEdit as qt, useVisualDataBound as Yt, useVisualDataCell as Jt, useVisualDataRow as Kt, useVisualData as Qt, useCellPosition as Xt, useSidebar as Zt, useVirtualScroll as $t, useFitColumn as ea, useFilterHistory as ta, useColumnFilter as aa, useDragColumn as la, getColumnHeader as na, getSidebar as oa, getDisableMask as ia, getHorizontalScrollbar as ua, getVerticalScrollbar as ra, getEmpty as sa, getPagination as da, getSummary as ca } from "../data-view/index.esm.js";
+const Sa = {
   /** 启用分页 */
   enable: { type: Boolean, default: !1 },
   /** 当前页码 */
@@ -25,7 +24,7 @@ const ba = {
   sizeLimits: { type: Array, default: [10, 20, 30, 50, 100] },
   /** 总记录数 */
   total: { type: Number, default: 0 }
-}, Ia = {
+}, ba = {
   /** 启用排序 */
   enable: { type: Boolean, default: !1 },
   /** 排序字段集合 */
@@ -34,7 +33,7 @@ const ba = {
   mode: { type: String, default: "client" },
   /** 多列排序 */
   multiSort: { type: Boolean, default: !1 }
-}, Ba = {
+}, Ia = {
   /** 自定义分组合计内容 */
   customGroupRow: { type: Function, default: () => {
   } },
@@ -58,7 +57,7 @@ const ba = {
   showSummary: { type: Boolean, default: !1 },
   /** 显示合计行位置； */
   summaryPosition: { type: String, default: "separate" }
-}, Da = {
+}, Ba = {
   /** 启用筛选 */
   enable: { type: Boolean, default: !1 },
   /** DataGrid筛选风格 */
@@ -67,10 +66,10 @@ const ba = {
   mode: { type: String, default: "server" },
   /** 显示过滤条件工具条 */
   showSummary: { type: Boolean, default: !0 }
-}, Oa = {
+}, Da = {
   /** 允许折行显示列标题 */
   wrapHeadings: { type: Boolean, default: !1 }
-}, Fa = {
+}, Oa = {
   /** 自定义行样式 */
   customRowStyle: { type: Function, default: () => {
   } },
@@ -97,7 +96,7 @@ const ba = {
   mode: { type: String, default: "client" },
   /** 合计行显示位置， top: 顶部 bottom: 底部， both: 顶部与底部同时显示 */
   position: { type: String, default: "bottom" }
-}, xa = {
+}, Fa = {
   /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
   fitColumns: { type: Boolean, default: !1 },
   /** 自动适配列宽度模式 */
@@ -109,7 +108,7 @@ const ba = {
   resizeColumn: { type: Boolean, default: !0 },
   /** 双击表头列自适应内容宽度 */
   resizeColumnOnDoubleClick: { type: Boolean, default: !0 }
-}, Ga = {
+}, xa = {
   /** 编辑时选中文本 */
   selectOnEditing: { type: Boolean, default: !1 },
   /** 编辑模式； row：整行编辑，cell: 单元格编辑 */
@@ -118,7 +117,7 @@ const ba = {
   /** show loading */
   show: { type: Boolean, default: !1 },
   /** message on display when loading */
-  message: { type: String, default: `${Rt.getLocaleValue("datagrid.loadingMessage")}...` }
+  message: { type: String, default: "加载中" }
 }, fa = {
   /** 自定义样式 */
   customClass: { type: String, default: "" },
@@ -270,41 +269,41 @@ const ba = {
   /** 自动高度 **/
   autoHeight: { type: Boolean, default: !1 }
 };
-function ma(t, c, ce, _, I, v, y, B, z, n, D, M, V, o, N, J, A) {
+function ma(a, c, fe, T, I, v, y, B, z, n, D, A, N, o, O, K, M) {
   const {
-    calculateCellPositionInRow: T
+    calculateCellPositionInRow: E
   } = v, {
-    columnContext: h,
+    columnContext: p,
     hasLeftFixedColumn: L,
-    hasRightFixedColumn: K
+    hasRightFixedColumn: Q
   } = y, {
-    gridDataStyle: Q,
+    gridDataStyle: X,
     leftFixedGridDataStyle: l,
-    rightFixedGridDataStyle: X
+    rightFixedGridDataStyle: Z
   } = o, {
-    renderDataRow: s
-  } = xt(t, c, h, A, B, z, n, D, M, V, o, N, J), G = [s];
-  function P(d, ee) {
-    const te = T(d);
-    return A.value.filter((O) => O.visible !== !1).map((O, W) => G[O.type](O, te, ee, W));
+    renderDataRow: i
+  } = xt(a, c, p, M, B, z, n, D, A, N, o, O, K), G = [i];
+  function V(d, ee) {
+    const te = E(d);
+    return M.value.filter((R) => R.visible !== !1).map((R, U) => G[R.type](R, te, ee, U));
   }
   function w() {
     return g("div", {
-      ref: _,
+      ref: T,
       class: "fv-grid-content-left-fixed"
     }, [g("div", {
       class: "fv-grid-data",
       style: l.value
-    }, [P(h.value.leftColumns.filter((d) => d.visible), "left")])]);
+    }, [V(p.value.leftColumns.filter((d) => d.visible), "left")])]);
   }
-  function Z() {
+  function $() {
     return g("div", {
-      ref: ce,
+      ref: fe,
       class: "fv-grid-content-primary"
     }, [g("div", {
       class: "fv-grid-data",
-      style: Q.value
-    }, [P(h.value.primaryColumns.filter((d) => d.visible), "primary")])]);
+      style: X.value
+    }, [V(p.value.primaryColumns.filter((d) => d.visible), "primary")])]);
   }
   function S() {
     return g("div", {
@@ -312,316 +311,332 @@ function ma(t, c, ce, _, I, v, y, B, z, n, D, M, V, o, N, J, A) {
       class: "fv-grid-content-right-fixed"
     }, [g("div", {
       class: "fv-grid-data",
-      style: X.value
-    }, [P(h.value.rightColumns.filter((d) => d.visible), "right")])]);
+      style: Z.value
+    }, [V(p.value.rightColumns.filter((d) => d.visible), "right")])]);
   }
-  function E() {
+  function W() {
     const d = [];
-    return L.value && d.push(w()), d.push(Z()), K.value && d.push(S()), d;
+    return L.value && d.push(w()), d.push($()), Q.value && d.push(S()), d;
   }
   return {
-    renderDataArea: E
+    renderDataArea: W
   };
 }
-const ya = /* @__PURE__ */ bt({
+const ya = /* @__PURE__ */ It({
   name: "FTreeGrid",
   props: fa,
   emits: ["selectionChange", "clickRow", "expandNode", "unSelectItem", "dblclickNode", "doubleClickRow", "unSelectItem", "selectItem", "filterChanged", "sortChanged", "selectionUpdate"],
-  setup(t, c) {
-    var he, Ce;
-    const _ = ((he = t.rowOption) == null ? void 0 : he.height) || 28, I = p(20), v = p(t.columns), y = Gt(t), {
+  setup(a, c) {
+    var Ce, we;
+    const T = ((Ce = a.rowOption) == null ? void 0 : Ce.height) || 28, I = h(20), v = h(a.columns), y = Ht(a), {
       idField: B
-    } = y, z = p(), n = p(), D = p(), M = p(), V = p(), o = p([]), N = p(!1), J = p(((Ce = t.rowOption) == null ? void 0 : Ce.wrapContent) || !1), A = Ht(t, y), T = jt(t, c), h = Vt(t), {
+    } = y, z = h(), n = h(), D = h(), A = h(), N = h(), o = h([]), O = h(!1), K = h(((we = a.rowOption) == null ? void 0 : we.wrapContent) || !1), M = Gt(a, y), E = jt(a, c), p = Pt(a), {
       collapseField: L
-    } = h, {
-      showLoading: K,
-      renderLoading: Q
-    } = Nt(t, z), l = Pt(t, /* @__PURE__ */ new Map(), T, h, y), {
-      dataView: X
-    } = l, s = kt(t, l, y, o, c), {
+    } = p, {
+      showLoading: Q,
+      renderLoading: X
+    } = Nt(a, z), l = Vt(a, /* @__PURE__ */ new Map(), E, p, y), {
+      dataView: Z
+    } = l, i = kt(a, l, y, o, c), {
       showSelection: G,
-      selectedValues: P
-    } = s, w = _t(t, o, l, y, s, c), Z = C(() => t.disabled), S = C(() => t.virtualized ? Math.min(l.dataView.value.length, I.value) : l.dataView.value.length), E = zt(t, l), {
+      selectedValues: V
+    } = i, w = _t(a, o, l, y, i, c), $ = C(() => a.disabled), S = C(() => a.virtualized ? Math.min(l.dataView.value.length, I.value) : l.dataView.value.length), W = Tt(a, l), {
       shouldRenderPagination: d
-    } = E, {
+    } = W, {
       containerStyleObject: ee
-    } = Mt(t), te = At(t), {
-      applyCommands: O
+    } = zt(a), te = At(a), {
+      applyCommands: R
     } = te;
-    O(v);
+    R(v);
     const {
-      applyColumnSetting: W,
-      removeColumnSetting: Se
-    } = Tt(t);
-    t.showSetting && W(v);
-    const k = Lt(t, c), ae = Et(t), {
-      applyColumnSorter: fe,
-      columnContext: U,
-      updateColumnRenderContext: be
+      applyColumnSetting: U,
+      removeColumnSetting: be
+    } = Mt(a);
+    a.showSetting && U(v);
+    const k = Et(a, c), ae = Lt(a), {
+      applyColumnSorter: me,
+      columnContext: q,
+      updateColumnRenderContext: Ie
     } = k;
-    fe(l, ae);
-    const le = Wt(t, U), H = Ut(t, c, s, y), j = qt(t, c, y, H, o), ne = Yt(t), Ie = $t(t, j, ne), Be = Jt(t, l, j, h, y, ne, Ie), oe = Kt(t, v, l, S, 0, Be), {
-      getVisualData: q
-    } = oe, De = Qt(t, U), ie = Xt(t, s), {
-      sidebarWidth: Oe
-    } = ie, f = Zt(t, l, o, U, oe, S, 0, Oe), {
+    me(l, ae);
+    const le = Wt(a, q), j = Ut(a, c, i, y), P = qt(a, c, y, j, o), ne = Yt(a), Be = Jt(a, P, ne), De = Kt(a, l, P, p, y, ne, Be), oe = Qt(a, v, l, S, 0, De), {
+      getVisualData: Y
+    } = oe, Oe = Xt(a, q), ie = Zt(a, i), {
+      sidebarWidth: Re
+    } = ie, f = $t(a, l, o, q, oe, S, 0, Re), {
       onWheel: Fe,
-      dataGridWidth: me,
-      viewPortHeight: ye,
-      viewPortWidth: Y,
+      dataGridWidth: ye,
+      viewPortHeight: ve,
+      viewPortWidth: J,
       resetScroll: ue,
-      updateVisibleRowsOnLatestVisibleScope: Re
-    } = f, ve = ea(t, U, n, Y, le), {
-      calculateColumnsSize: $
-    } = ve, ge = ta(), xe = aa(n, V, l, ge, f), Ge = la(t, c, k, l, le, A, f), He = C(() => {
+      updateVisibleRowsOnLatestVisibleScope: xe
+    } = f, ge = ea(a, q, n, J, le), {
+      calculateColumnsSize: _
+    } = ge, he = ta(), He = aa(n, N, l, he, f), Ge = la(a, c, k, l, le, M, f), je = C(() => {
       const e = {
         "fv-grid": !0,
-        "fv-grid-bordered": t.showBorder,
-        "fv-grid-horizontal-bordered": t.showHorizontalLines,
-        "fv-datagrid-strip": t.showStripe
+        "fv-grid-bordered": a.showBorder,
+        "fv-grid-horizontal-bordered": a.showHorizontalLines,
+        "fv-datagrid-strip": a.showStripe
       };
-      return wt(e, t.customClass);
-    }), je = C(() => ({
+      return St(e, a.customClass);
+    }), Pe = C(() => ({
       "fv-grid-content": !0,
-      "fv-grid-content-hover": N.value,
-      "fv-grid-wrap-content": J.value
+      "fv-grid-content-hover": O.value,
+      "fv-grid-wrap-content": K.value
     })), {
-      renderDataArea: Ve
-    } = ma(t, c, D, M, V, De, k, l, j, h, H, s, w, f, oe, ne, o), {
-      renderGridHeader: Ne,
-      renderGridColumnResizeOverlay: Pe,
-      shouldShowHeader: ke
-    } = na(t, c, n, M, V, k, l, Ge, xe, T, ge, ve, le, s, ie, ae, f, Y, o), {
-      renderDataGridSidebar: _e
-    } = oa(t, H, s, ie, f), {
+      renderDataArea: Ne
+    } = ma(a, c, D, A, N, Oe, k, l, P, p, j, i, w, f, oe, ne, o), {
+      renderGridHeader: Ve,
+      renderGridColumnResizeOverlay: ke,
+      shouldShowHeader: _e
+    } = na(a, c, n, A, N, k, l, Ge, He, E, he, ge, le, i, ie, ae, f, J, o), {
+      renderDataGridSidebar: Te
+    } = oa(a, j, i, ie, f), {
       renderDisableMask: ze
     } = ia(), {
-      renderHorizontalScrollbar: Me
-    } = ua(t, n, f), {
-      renderVerticalScrollbar: Ae
-    } = sa(t, n, f);
-    function Te() {
-      var e, a, i;
+      renderHorizontalScrollbar: Ae
+    } = ua(a, n, f), {
+      renderVerticalScrollbar: Me
+    } = ra(a, n, f);
+    function Ee() {
+      var e, t, u;
       if (n.value && n.value.clientHeight > 0 && ((e = n.value) == null ? void 0 : e.clientWidth) > 0) {
-        const r = Math.ceil(n.value.clientHeight / _);
-        r > I.value && (I.value = r, Re()), ye.value = ((a = D.value) == null ? void 0 : a.clientHeight) || 0, me.value = ((i = n.value) == null ? void 0 : i.clientWidth) || 0, $();
+        const s = Math.ceil(n.value.clientHeight / T);
+        s > I.value && (I.value = s, xe()), ve.value = ((t = D.value) == null ? void 0 : t.clientHeight) || 0, ye.value = ((u = n.value) == null ? void 0 : u.clientWidth) || 0;
       }
-    }
-    It(() => {
-      n.value && (I.value = Math.max(Math.ceil(n.value.clientHeight / _), I.value), o.value = q(0, S.value + 0 - 1), Ft(n.value, Te), $(), Bt(() => {
-        n.value && (me.value = n.value.clientWidth), D.value && (Y.value = D.value.clientWidth, ye.value = D.value.clientHeight);
-      })), K.value && Q();
-    }), Dt(() => {
-    }), de(Y, () => {
-      n.value && $();
+      n.value && (n.value.clientHeight > 0 || n.value.clientWidth > 0) && _();
+    }
+    Bt(() => {
+      n.value && (I.value = Math.max(Math.ceil(n.value.clientHeight / T), I.value), o.value = Y(0, S.value + 0 - 1), Ft(n.value, Ee), _(), Dt(() => {
+        n.value && (ye.value = n.value.clientWidth), D.value && (J.value = D.value.clientWidth, ve.value = D.value.clientHeight);
+      })), Q.value && X();
+    }), Ot(() => {
+    }), ce(J, () => {
+      n.value && _();
     });
     function Le(e) {
       l.collapseTo(e), l.reOrderVisibleIndex(), ue();
     }
-    function Ee(e) {
+    function We(e) {
       l.expandTo(e), l.reOrderVisibleIndex(), ue();
     }
-    function se() {
-      const e = s.getSelectionRow();
+    function re() {
+      const e = i.getSelectionRow();
       return e ? e.dataIndex - 1 : -1;
     }
-    function We() {
-      const e = se();
-      l.insertNewDataItem(e), o.value = q(0, S.value + 0 - 1);
-    }
     function Ue() {
-      const e = se();
-      l.insertNewChildDataItem(e), o.value = q(0, S.value + 0 - 1);
-    }
-    function qe(e, a) {
-      const i = o.value.find((m) => m.raw[B.value] === a), r = i ? i.dataIndex - 1 : -1;
-      l.insertNewChildDataItems(e, r);
+      const e = re();
+      l.insertNewDataItem(e), o.value = Y(0, S.value + 0 - 1);
     }
-    function Ye() {
-      const e = se(), a = w.getNextSelectableHierarchyItemId(e);
-      l.removeHierarchyDataItem(e), o.value = q(0, S.value + 0 - 1), a && w.selectItemById(a);
+    function qe() {
+      const e = re();
+      l.insertNewChildDataItem(e), o.value = Y(0, S.value + 0 - 1);
     }
-    function $e(e) {
-      j.onEditingRow(e);
+    function Ye(e, t) {
+      const u = o.value.find((m) => m.raw[B.value] === t), s = u ? u.dataIndex - 1 : -1;
+      l.insertNewChildDataItems(e, s);
     }
-    function Je(e) {
-      j.acceptEditingRow(e);
+    function Je() {
+      const e = re(), t = w.getNextSelectableHierarchyItemId(e);
+      l.removeHierarchyDataItem(e), o.value = Y(0, S.value + 0 - 1), t && w.selectItemById(t);
     }
     function Ke(e) {
-      j.cancelEditingRow(e);
+      P.onEditingRow(e);
     }
-    function re(e) {
-      e && (v.value = e, O(v), be(v.value), fe(l, ae), $());
+    function Qe(e) {
+      P.acceptEditingRow(e);
+    }
+    function Xe(e) {
+      P.cancelEditingRow(e);
     }
-    de(() => t.columns, (e) => {
-      re(e);
+    function se(e) {
+      e && (v.value = e, R(v), Ie(v.value), me(l, ae), _());
+    }
+    ce(() => a.columns, (e) => {
+      se(e);
     });
-    function Qe(e, a) {
-      e && (l.load(e), l.reOrderVisibleIndex(), a != null && a.keepScrollPosition ? f.scrollTo(f.offsetY.value) : ue());
+    function Ze(e, t) {
+      e && (l.load(e), l.reOrderVisibleIndex(), t != null && t.keepScrollPosition ? f.scrollTo(f.offsetY.value) : ue());
     }
-    function Xe(e) {
-      w.selectItemById(e);
+    function de(e) {
+      j.activeRowById(e);
     }
-    function Ze(e) {
-      const a = o.value.find((i) => i.raw[y.idField.value] === e);
-      a && H.clickRowItem(a);
+    function $e(e, t = {
+      isCurrent: !0
+    }) {
+      t != null && t.isCurrent && de(e), w.selectItemById(e);
     }
     function et(e) {
-      H.activeRowById(e);
+      const t = o.value.find((u) => u.raw[y.idField.value] === e);
+      t && j.clickRowItem(t);
     }
     function tt(e) {
       w.selectItemByIds(e);
     }
     function at() {
-      return s.getSelectedItems();
+      return i.getSelectedItems();
     }
     function pe() {
-      s.clearSelection();
-    }
-    const lt = C(() => !o.value || !o.value.length), {
-      renderEmpty: nt
-    } = ra(t, c);
-    function ot() {
-      return s.getSelectionRow();
-    }
-    function it(e) {
-      w.unSelectItemByIds(e);
-    }
-    function ut() {
-      return s.currentSelectedDataId.value;
-    }
-    function st(e, a, i) {
-      const r = X.value.find((m) => m[B.value] === e);
-      if (r) {
-        if (Object.keys(r).forEach((u) => {
-          Object.prototype.hasOwnProperty.call(a, u) && (r[u] = a[u]);
-        }), i) {
+      i.clearSelection();
+    }
+    function lt() {
+      i.emptyCurrentRowId();
+    }
+    const nt = C(() => !o.value || !o.value.length), {
+      renderEmpty: ot
+    } = sa(a, c);
+    function it() {
+      return i.getSelectionRow();
+    }
+    function ut(e, t = {
+      clearCurrent: !0
+    }) {
+      t != null && t.clearCurrent && de(""), w.unSelectItemByIds(e);
+    }
+    function rt() {
+      return i.currentSelectedDataId.value;
+    }
+    function st(e, t, u) {
+      const s = Z.value.find((m) => m[B.value] === e);
+      if (s) {
+        if (Object.keys(s).forEach((r) => {
+          Object.prototype.hasOwnProperty.call(t, r) && (s[r] = t[r]);
+        }), u) {
           const {
-            collapseField: u,
+            collapseField: r,
             disabledField: F,
-            checkedField: R,
-            visibleField: x
-          } = i;
-          u && !b(a[u]) && (r.__fv_collapse__ = a[u]), R && !b(a[R]) && (r.__fv_checked__ = a[R]), F && !b(a[F]) && (r.__fv_disabled__ = a[F]), x && !b(a[x]) && (r.__fv_visible__ = a[x]);
+            checkedField: x,
+            visibleField: H
+          } = u;
+          r && !b(t[r]) && (s.__fv_collapse__ = t[r]), x && !b(t[x]) && (s.__fv_checked__ = t[x]), F && !b(t[F]) && (s.__fv_disabled__ = t[F]), H && !b(t[H]) && (s.__fv_visible__ = t[H]);
         }
-        const m = o.value.find((u) => u.raw[B.value] === e), we = o.value.findIndex((u) => u.raw[B.value] === e);
+        const m = o.value.find((r) => r.raw[B.value] === e), Se = o.value.findIndex((r) => r.raw[B.value] === e);
         if (m) {
-          if (m.raw = r, Object.keys(m.data).forEach((u) => {
-            m.data[u].updateData(r);
-          }), i) {
+          if (m.raw = s, Object.keys(m.data).forEach((r) => {
+            m.data[r].updateData(s);
+          }), u) {
             const {
-              collapseField: u,
+              collapseField: r,
               disabledField: F,
-              checkedField: R,
-              visibleField: x
-            } = i;
-            u && !b(a[u]) && (m.collapse = a[u]), R && !b(a[R]) && (m.checked = a[R]), F && !b(a[F]) && (m.disabled = a[F]), x && !b(a[x]) && (m.visible = a[x]);
+              checkedField: x,
+              visibleField: H
+            } = u;
+            r && !b(t[r]) && (m.collapse = t[r]), x && !b(t[x]) && (m.checked = t[x]), F && !b(t[F]) && (m.disabled = t[F]), H && !b(t[H]) && (m.visible = t[H]);
           }
-          o.value = [...o.value.slice(0, we), m, ...o.value.slice(we + 1)], l.updateSummary();
+          o.value = [...o.value.slice(0, Se), m, ...o.value.slice(Se + 1)], l.updateSummary();
         }
       }
     }
-    function rt(e) {
+    function dt(e) {
       return Object.prototype.hasOwnProperty.call(e, "raw") ? l.hasRealChildren(e.raw) : l.hasRealChildren(e);
     }
-    function dt(e) {
-      const a = l.dataView.value.find((i) => i[B.value] === e);
-      return a ? a[L.value] : "";
+    function ct(e) {
+      const t = l.dataView.value.find((u) => u[B.value] === e);
+      return t ? t[L.value] : "";
     }
-    function ct() {
+    function ft() {
       return L.value;
     }
-    de(() => t.showSetting, (e, a) => {
-      e !== a && (e ? W(v) : Se(v), re(v.value));
+    ce(() => a.showSetting, (e, t) => {
+      e !== t && (e ? U(v) : be(v), se(v.value));
     });
-    function ft(e) {
-      return o.value.filter((a) => e.includes(a.raw[t.idField]));
-    }
     function mt(e) {
-      const a = y.idField.value, i = o.value.find((r) => r.raw[a] === e);
-      i && H.changeRow(i);
+      return o.value.filter((t) => e.includes(t.raw[a.idField]));
     }
-    function yt() {
-      s.keepSelectingOnPaging.value || pe(), l.updateVisibleDataSummary(o.value);
+    function yt(e) {
+      const t = y.idField.value, u = o.value.find((s) => s.raw[t] === e);
+      u && j.changeRow(u);
+    }
+    function vt() {
+      i.keepSelectingOnPaging.value || pe(), l.updateVisibleDataSummary(o.value);
     }
     c.expose({
-      activeRowById: et,
-      addNewDataItem: We,
-      addNewChildDataItem: Ue,
-      addChildrenToNode: qe,
+      activeRowById: de,
+      addNewDataItem: Ue,
+      addNewChildDataItem: qe,
+      addChildrenToNode: Ye,
       collapseTo: Le,
-      expandTo: Ee,
-      removeDataItem: Ye,
-      editDataItem: $e,
-      acceptDataItem: Je,
-      cancelDataItem: Ke,
-      updateColumns: re,
-      updateDataSource: Qe,
-      selectItemById: Xe,
+      expandTo: We,
+      removeDataItem: Je,
+      editDataItem: Ke,
+      acceptDataItem: Qe,
+      cancelDataItem: Xe,
+      updateColumns: se,
+      updateDataSource: Ze,
+      selectItemById: $e,
       selectItemByIds: tt,
       getSelectedItems: at,
       clearSelection: pe,
-      getSelectionRow: ot,
-      clickRowItemById: Ze,
-      unSelectItemByIds: it,
-      getCurrentRowId: ut,
+      getSelectionRow: it,
+      clickRowItemById: et,
+      unSelectItemByIds: ut,
+      getCurrentRowId: rt,
       reassignRowData: st,
-      hasChildren: rt,
-      getCollapseField: ct,
-      getCollapseStatusById: dt,
-      getVisibleDataByIds: ft,
-      selectRowById: mt,
-      updateDerivedData: yt
+      hasChildren: dt,
+      getCollapseField: ft,
+      getCollapseStatusById: ct,
+      getVisibleDataByIds: mt,
+      selectRowById: yt,
+      updateDerivedData: vt,
+      emptyCurrentRowId: lt,
+      calculateColumnsSize: _
     });
-    const vt = C(() => {
+    const gt = C(() => {
       const e = {};
       return f.shouldShowHorizontalScrollbar.value && (e.paddingBottom = "10px"), f.shouldShowVirticalScrollbar.value && (e.paddingRight = "10px"), e;
-    }), gt = C(() => ({
+    }), ht = C(() => ({
       ...ee.value,
       borderRadius: "5px"
     })), {
       renderDataGridPagination: va
-    } = da(t, c, l, f, E, s), pt = C(() => ({
+    } = da(a, c, l, f, W, i), pt = C(() => ({
       "d-flex": !0,
       "justify-content-between": d.value && G.value,
       "justify-content-end": d.value && !G.value,
       "position-relative": !0
-    })), ht = C(() => ({
+    })), Ct = C(() => ({
       "d-flex": !0,
       "align-items-center": !0
     })), {
-      renderDataGridSummary: Ct
-    } = ca(t, l, k);
+      renderDataGridSummary: wt
+    } = ca(a, l, k);
     return () => g("div", {
       ref: z,
-      class: He.value,
-      style: gt.value,
+      class: je.value,
+      style: ht.value,
       onWheel: Fe
-    }, [n.value && ke.value && Ne(), g("div", {
+    }, [n.value && _e.value && Ve(), g("div", {
       ref: n,
-      class: je.value,
-      onMouseover: () => N.value = !0,
-      onMouseleave: () => N.value = !1,
-      style: vt.value
-    }, [n.value && _e(o), n.value && Ve(), n.value && lt.value && nt(), n.value && Me(), n.value && Ae()]), n.value && Ct(), G.value && g("div", {
+      class: Pe.value,
+      onMouseover: () => O.value = !0,
+      onMouseleave: () => O.value = !1,
+      onTouchstart: (e) => {
+        e.stopPropagation(), O.value = !0, f.onTouchstartScrollThumb(e, n);
+      },
+      onTouchend: (e) => {
+        O.value = !1;
+      },
+      style: gt.value
+    }, [n.value && Te(o), n.value && Ne(), n.value && nt.value && ot(), n.value && Ae(), n.value && Me()]), n.value && wt(), G.value && g("div", {
       class: pt.value
     }, [G.value && g("div", {
-      class: ht.value
-    }, [g("div", null, ["已选：" + P.value.length, Ot(" 条")])])]), Pe(), Z.value && ze()]);
+      class: Ct.value
+    }, [g("div", null, ["已选：" + V.value.length, Rt(" 条")])])]), ke(), $.value && ze()]);
   }
-}), ja = St(ya);
+}), Ga = bt(ya);
 export {
   ya as FTreeGrid,
-  xa as columnOptions,
-  ja as default,
-  Ga as editOptions,
-  Da as filterOptions,
-  Ba as groupOptions,
-  Oa as headerOptions,
+  Fa as columnOptions,
+  Ga as default,
+  xa as editOptions,
+  Ba as filterOptions,
+  Ia as groupOptions,
+  Da as headerOptions,
   Ha as loadingOptions,
-  ba as paginationOptions,
-  Fa as rowOptions,
-  Ia as sortOptions,
+  Sa as paginationOptions,
+  Oa as rowOptions,
+  ba as sortOptions,
   Ra as summaryOptions,
   fa as treeGridProps
 };