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

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

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

package/components/tree-grid/index.umd.cjs

@@ -1 +1 @@
-(function(r,G){typeof exports=="object"&&typeof module<"u"?G(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","lodash-es","../data-view/index.umd.js"],G):(r=typeof globalThis<"u"?globalThis:r||self,G(r["tree-grid"]={},r.common,r.Vue,r.VueUseCore,r.LodashES,r.dataView))})(this,function(r,G,l,Oe,S,o){"use strict";const Be={enable:{type:Boolean,default:!1},index:{type:Number,default:1},mode:{type:String,default:"server"},showGoto:{type:Boolean,default:!1},showIndex:{type:Boolean,default:!0},showLimits:{type:Boolean,default:!1},showPageInfo:{type:Boolean,default:!0},size:{type:Number,default:20},sizeLimits:{type:Array,default:[10,20,30,50,100]},total:{type:Number,default:0}},De={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Fe={customGroupRow:{type:Function,default:()=>{}},customGroupRowStyle:{type:Function,default:()=>{}},customSummaryStyle:{type:Function,default:()=>{}},enable:{type:Boolean,default:!1},groupColSpan:{type:Number,default:1},groupFields:{type:Array,default:[]},showGroupedColumn:{type:Boolean,default:!0},showGroupPanel:{type:Boolean,default:!1},showSummary:{type:Boolean,default:!1},summaryPosition:{type:String,default:"separate"}},Re={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ne={wrapHeadings:{type:Boolean,default:!1}},je={customRowStyle:{type:Function,default:()=>{}},customCellStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},Ge={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},xe={fitColumns:{type:Boolean,default:!1},fitMode:{type:String,default:"average"},groups:{type:Array,defaut:[]},reorderColumn:{type:Boolean,default:!1},resizeColumn:{type:Boolean,default:!0},resizeColumnOnDoubleClick:{type:Boolean,default:!0}},He={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Pe={show:{type:Boolean,default:!1},message:{type:String,default:"加载中"}},fe={customClass:{type:String,default:""},sort:{type:Object},filter:{type:Object},autoCheckChildren:{type:Boolean,default:!1},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[]}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},displayField:{type:String,default:"name"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},fit:{type:Boolean,default:!1},header:{type:Object},height:{type:Number,default:-1},hierarchy:{type:Object,default:{cascadeOption:{autoCancelParent:!0,autoCheckChildren:!1,autoCheckParent:!1,selectionRange:"All"},parentIdField:"parent"}},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},loadData:{type:Function},loading:{type:Boolean,default:!1},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},newDataItem:{type:Function,default:()=>{}},pagination:{type:Object,default:{enable:!1,size:-1}},rowNumber:{type:Object,default:{enable:!0,width:36,heading:"序号"}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1}},selectionValues:{type:Array,default:[]},showBorder:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},showOptions:{type:Boolean,default:!1},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!1},showVerticallLines:{type:Boolean,default:!1},treeNodeIconsData:{type:[Object,String],default:{}},width:{type:Number,default:-1},virtualized:{type:Boolean,default:!1},emptyTemplate:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}},autoHeight:{type:Boolean,default:!1}};function Te(n,y,ye,M,I,p,h,O,A,i,B,L,T,u,D,X,U){const{calculateCellPositionInRow:W}=p,{columnContext:C,hasLeftFixedColumn:q,hasRightFixedColumn:Z}=h,{gridDataStyle:$,leftFixedGridDataStyle:a,rightFixedGridDataStyle:V}=u,{renderDataRow:s}=o.getHierarchyRow(n,y,C,U,O,A,i,B,L,T,u,D,X),x=[s];function _(m,te){const ne=W(m);return U.value.filter(F=>F.visible!==!1).map((F,Y)=>x[F.type](F,ne,te,Y))}function b(){return l.createVNode("div",{ref:M,class:"fv-grid-content-left-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:a.value},[_(C.value.leftColumns.filter(m=>m.visible),"left")])])}function ee(){return l.createVNode("div",{ref:ye,class:"fv-grid-content-primary"},[l.createVNode("div",{class:"fv-grid-data",style:$.value},[_(C.value.primaryColumns.filter(m=>m.visible),"primary")])])}function w(){return l.createVNode("div",{ref:I,class:"fv-grid-content-right-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:V.value},[_(C.value.rightColumns.filter(m=>m.visible),"right")])])}function E(){const m=[];return q.value&&m.push(b()),m.push(ee()),Z.value&&m.push(w()),m}return{renderDataArea:E}}const me=l.defineComponent({name:"FTreeGrid",props:fe,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode","doubleClickRow","unSelectItem","selectItem","filterChanged","sortChanged","selectionUpdate"],setup(n,y){var be,we;const M=((be=n.rowOption)==null?void 0:be.height)||28,I=l.ref(20),p=l.ref(n.columns),h=o.useIdentify(n),{idField:O}=h,A=l.ref(),i=l.ref(),B=l.ref(),L=l.ref(),T=l.ref(),u=l.ref([]),D=l.ref(!1),X=l.ref(((we=n.rowOption)==null?void 0:we.wrapContent)||!1),U=o.useGroupData(n,h),W=o.useFilter(n,y),C=o.useHierarchy(n),{collapseField:q}=C,{showLoading:Z,renderLoading:$}=o.useLoading(n,A),a=o.useDataView(n,new Map,W,C,h),{dataView:V}=a,s=o.useSelection(n,a,h,u,y),{showSelection:x,selectedValues:_}=s,b=o.useSelectHierarchyItem(n,u,a,h,s,y),ee=l.computed(()=>n.disabled),w=l.computed(()=>n.virtualized?Math.min(a.dataView.value.length,I.value):a.dataView.value.length),E=o.usePagination(n,a),{shouldRenderPagination:m}=E,{containerStyleObject:te}=o.useDataViewContainerStyle(n),ne=o.useCommandColumn(n),{applyCommands:F}=ne;F(p);const{applyColumnSetting:Y,removeColumnSetting:ke}=o.useSettingColumn(n);n.showSetting&&Y(p);const k=o.useColumn(n,y),le=o.useSort(n),{applyColumnSorter:ve,columnContext:J,updateColumnRenderContext:ze}=k;ve(a,le);const oe=o.useGroupColumn(n,J),H=o.useRow(n,y,s,h),P=o.useEdit(n,y,h,H,u),ae=o.useVisualDataBound(n),Me=o.useVisualDataCell(n,P,ae),Ae=o.useVisualDataRow(n,a,P,C,h,ae,Me),ie=o.useVisualData(n,p,a,w,0,Ae),{getVisualData:K}=ie,Le=o.useCellPosition(n,J),ue=o.useSidebar(n,s),{sidebarWidth:Ue}=ue,v=o.useVirtualScroll(n,a,u,J,ie,w,0,Ue),{onWheel:We,dataGridWidth:ge,viewPortHeight:he,viewPortWidth:Q,resetScroll:re,updateVisibleRowsOnLatestVisibleScope:qe}=v,pe=o.useFitColumn(n,J,i,Q,oe),{calculateColumnsSize:z}=pe,Ce=o.useFilterHistory(),Ee=o.useColumnFilter(i,T,a,Ce,v),Ye=o.useDragColumn(n,y,k,a,oe,U,v),Je=l.computed(()=>{const e={"fv-grid":!0,"fv-grid-bordered":n.showBorder,"fv-grid-horizontal-bordered":n.showHorizontalLines,"fv-datagrid-strip":n.showStripe};return G.getCustomClass(e,n.customClass)}),Ke=l.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":D.value,"fv-grid-wrap-content":X.value})),{renderDataArea:Qe}=Te(n,y,B,L,T,Le,k,a,P,C,H,s,b,v,ie,ae,u),{renderGridHeader:Xe,renderGridColumnResizeOverlay:Ze,shouldShowHeader:$e}=o.getColumnHeader(n,y,i,L,T,k,a,Ye,Ee,W,Ce,pe,oe,s,ue,le,v,Q,u),{renderDataGridSidebar:Ve}=o.getSidebar(n,H,s,ue,v),{renderDisableMask:et}=o.getDisableMask(),{renderHorizontalScrollbar:tt}=o.getHorizontalScrollbar(n,i,v),{renderVerticalScrollbar:nt}=o.getVerticalScrollbar(n,i,v);function lt(){var e,t,d;if(i.value&&i.value.clientHeight>0&&((e=i.value)==null?void 0:e.clientWidth)>0){const f=Math.ceil(i.value.clientHeight/M);f>I.value&&(I.value=f,qe()),he.value=((t=B.value)==null?void 0:t.clientHeight)||0,ge.value=((d=i.value)==null?void 0:d.clientWidth)||0}i.value&&(i.value.clientHeight>0||i.value.clientWidth>0)&&z()}l.onMounted(()=>{i.value&&(I.value=Math.max(Math.ceil(i.value.clientHeight/M),I.value),u.value=K(0,w.value+0-1),Oe.useResizeObserver(i.value,lt),z(),l.nextTick(()=>{i.value&&(ge.value=i.value.clientWidth),B.value&&(Q.value=B.value.clientWidth,he.value=B.value.clientHeight)})),Z.value&&$()}),l.onUnmounted(()=>{}),l.watch(Q,()=>{i.value&&z()});function ot(e){a.collapseTo(e),a.reOrderVisibleIndex(),re()}function at(e){a.expandTo(e),a.reOrderVisibleIndex(),re()}function se(){const e=s.getSelectionRow();return e?e.dataIndex-1:-1}function it(){const e=se();a.insertNewDataItem(e),u.value=K(0,w.value+0-1)}function ut(){const e=se();a.insertNewChildDataItem(e),u.value=K(0,w.value+0-1)}function rt(e,t){const d=u.value.find(g=>g.raw[O.value]===t),f=d?d.dataIndex-1:-1;a.insertNewChildDataItems(e,f)}function st(){const e=se(),t=b.getNextSelectableHierarchyItemId(e);a.removeHierarchyDataItem(e),u.value=K(0,w.value+0-1),t&&b.selectItemById(t)}function dt(e){P.onEditingRow(e)}function ct(e){P.acceptEditingRow(e)}function ft(e){P.cancelEditingRow(e)}function de(e){e&&(p.value=e,F(p),ze(p.value),ve(a,le),z())}l.watch(()=>n.columns,e=>{de(e)});function mt(e,t){e&&(a.load(e),a.reOrderVisibleIndex(),t!=null&&t.keepScrollPosition?v.scrollTo(v.offsetY.value):re())}function ce(e){H.activeRowById(e)}function yt(e,t={isCurrent:!0}){t!=null&&t.isCurrent&&ce(e),b.selectItemById(e)}function vt(e){const t=u.value.find(d=>d.raw[h.idField.value]===e);t&&H.clickRowItem(t)}function gt(e){b.selectItemByIds(e)}function ht(){return s.getSelectedItems()}function Se(){s.clearSelection()}function pt(){s.emptyCurrentRowId()}const Ct=l.computed(()=>!u.value||!u.value.length),{renderEmpty:St}=o.getEmpty(n,y);function bt(){return s.getSelectionRow()}function wt(e,t={clearCurrent:!0}){t!=null&&t.clearCurrent&&ce(""),b.unSelectItemByIds(e)}function It(){return s.currentSelectedDataId.value}function Ot(e,t,d){const f=V.value.find(g=>g[O.value]===e);if(f){if(Object.keys(f).forEach(c=>{Object.prototype.hasOwnProperty.call(t,c)&&(f[c]=t[c])}),d){const{collapseField:c,disabledField:R,checkedField:N,visibleField:j}=d;c&&!S.isUndefined(t[c])&&(f.__fv_collapse__=t[c]),N&&!S.isUndefined(t[N])&&(f.__fv_checked__=t[N]),R&&!S.isUndefined(t[R])&&(f.__fv_disabled__=t[R]),j&&!S.isUndefined(t[j])&&(f.__fv_visible__=t[j])}const g=u.value.find(c=>c.raw[O.value]===e),Ie=u.value.findIndex(c=>c.raw[O.value]===e);if(g){if(g.raw=f,Object.keys(g.data).forEach(c=>{g.data[c].updateData(f)}),d){const{collapseField:c,disabledField:R,checkedField:N,visibleField:j}=d;c&&!S.isUndefined(t[c])&&(g.collapse=t[c]),N&&!S.isUndefined(t[N])&&(g.checked=t[N]),R&&!S.isUndefined(t[R])&&(g.disabled=t[R]),j&&!S.isUndefined(t[j])&&(g.visible=t[j])}u.value=[...u.value.slice(0,Ie),g,...u.value.slice(Ie+1)],a.updateSummary()}}}function Bt(e){return Object.prototype.hasOwnProperty.call(e,"raw")?a.hasRealChildren(e.raw):a.hasRealChildren(e)}function Dt(e){const t=a.dataView.value.find(d=>d[O.value]===e);return t?t[q.value]:""}function Ft(){return q.value}l.watch(()=>n.showSetting,(e,t)=>{e!==t&&(e?Y(p):ke(p),de(p.value))});function Rt(e){return u.value.filter(t=>e.includes(t.raw[n.idField]))}function Nt(e){const t=h.idField.value,d=u.value.find(f=>f.raw[t]===e);d&&H.changeRow(d)}function jt(){s.keepSelectingOnPaging.value||Se(),a.updateVisibleDataSummary(u.value)}y.expose({activeRowById:ce,addNewDataItem:it,addNewChildDataItem:ut,addChildrenToNode:rt,collapseTo:ot,expandTo:at,removeDataItem:st,editDataItem:dt,acceptDataItem:ct,cancelDataItem:ft,updateColumns:de,updateDataSource:mt,selectItemById:yt,selectItemByIds:gt,getSelectedItems:ht,clearSelection:Se,getSelectionRow:bt,clickRowItemById:vt,unSelectItemByIds:wt,getCurrentRowId:It,reassignRowData:Ot,hasChildren:Bt,getCollapseField:Ft,getCollapseStatusById:Dt,getVisibleDataByIds:Rt,selectRowById:Nt,updateDerivedData:jt,emptyCurrentRowId:pt,calculateColumnsSize:z});const Gt=l.computed(()=>{const e={};return v.shouldShowHorizontalScrollbar.value&&(e.paddingBottom="10px"),v.shouldShowVirticalScrollbar.value&&(e.paddingRight="10px"),e}),xt=l.computed(()=>({...te.value,borderRadius:"5px"})),{renderDataGridPagination:_t}=o.getPagination(n,y,a,v,E,s),Ht=l.computed(()=>({"d-flex":!0,"justify-content-between":m.value&&x.value,"justify-content-end":m.value&&!x.value,"position-relative":!0})),Pt=l.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:Tt}=o.getSummary(n,a,k);return()=>l.createVNode("div",{ref:A,class:Je.value,style:xt.value,onWheel:We},[i.value&&$e.value&&Xe(),l.createVNode("div",{ref:i,class:Ke.value,onMouseover:()=>D.value=!0,onMouseleave:()=>D.value=!1,onTouchstart:e=>{e.stopPropagation(),D.value=!0,v.onTouchstartScrollThumb(e,i)},onTouchend:e=>{D.value=!1},style:Gt.value},[i.value&&Ve(u),i.value&&Qe(),i.value&&Ct.value&&St(),i.value&&tt(),i.value&&nt()]),i.value&&Tt(),x.value&&l.createVNode("div",{class:Ht.value},[x.value&&l.createVNode("div",{class:Pt.value},[l.createVNode("div",null,["已选："+_.value.length,l.createTextVNode(" 条")])])]),Ze(),ee.value&&et()])}}),_e=G.withInstall(me);r.FTreeGrid=me,r.columnOptions=xe,r.default=_e,r.editOptions=He,r.filterOptions=Re,r.groupOptions=Fe,r.headerOptions=Ne,r.loadingOptions=Pe,r.paginationOptions=Be,r.rowOptions=je,r.sortOptions=De,r.summaryOptions=Ge,r.treeGridProps=fe,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(r,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../locale/index.umd.js"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","lodash-es","../locale/index.umd.js","../data-view/index.umd.js"],x):(r=typeof globalThis<"u"?globalThis:r||self,x(r["tree-grid"]={},r.common,r.Vue,r.VueUseCore,r.LodashES,r.locale,r.dataView))})(this,function(r,x,l,Oe,S,Be,o){"use strict";const De={enable:{type:Boolean,default:!1},index:{type:Number,default:1},mode:{type:String,default:"server"},showGoto:{type:Boolean,default:!1},showIndex:{type:Boolean,default:!0},showLimits:{type:Boolean,default:!1},showPageInfo:{type:Boolean,default:!0},size:{type:Number,default:20},sizeLimits:{type:Array,default:[10,20,30,50,100]},total:{type:Number,default:0}},Fe={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Re={customGroupRow:{type:Function,default:()=>{}},customGroupRowStyle:{type:Function,default:()=>{}},customSummaryStyle:{type:Function,default:()=>{}},enable:{type:Boolean,default:!1},groupColSpan:{type:Number,default:1},groupFields:{type:Array,default:[]},showGroupedColumn:{type:Boolean,default:!0},showGroupPanel:{type:Boolean,default:!1},showSummary:{type:Boolean,default:!1},summaryPosition:{type:String,default:"separate"}},je={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ne={wrapHeadings:{type:Boolean,default:!1}},xe={customRowStyle:{type:Function,default:()=>{}},customCellStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},Ge={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},He={fitColumns:{type:Boolean,default:!1},fitMode:{type:String,default:"average"},groups:{type:Array,defaut:[]},reorderColumn:{type:Boolean,default:!1},resizeColumn:{type:Boolean,default:!0},resizeColumnOnDoubleClick:{type:Boolean,default:!0}},Pe={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Te={show:{type:Boolean,default:!1},message:{type:String,default:`${Be.LocaleService.getLocaleValue("datagrid.loadingMessage")}...`}},fe={customClass:{type:String,default:""},sort:{type:Object},filter:{type:Object},autoCheckChildren:{type:Boolean,default:!1},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[]}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},displayField:{type:String,default:"name"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},fit:{type:Boolean,default:!1},header:{type:Object},height:{type:Number,default:-1},hierarchy:{type:Object,default:{cascadeOption:{autoCancelParent:!0,autoCheckChildren:!1,autoCheckParent:!1,selectionRange:"All"},parentIdField:"parent"}},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},loadData:{type:Function},loading:{type:Boolean,default:!1},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},newDataItem:{type:Function,default:()=>{}},pagination:{type:Object,default:{enable:!1,size:-1}},rowNumber:{type:Object,default:{enable:!0,width:36,heading:"序号"}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1}},selectionValues:{type:Array,default:[]},showBorder:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},showOptions:{type:Boolean,default:!1},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!1},showVerticallLines:{type:Boolean,default:!1},treeNodeIconsData:{type:[Object,String],default:{}},width:{type:Number,default:-1},virtualized:{type:Boolean,default:!1},emptyTemplate:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}},autoHeight:{type:Boolean,default:!1}};function _e(n,y,ye,z,I,p,h,O,A,i,B,L,T,u,D,Q,U){const{calculateCellPositionInRow:W}=p,{columnContext:C,hasLeftFixedColumn:q,hasRightFixedColumn:V}=h,{gridDataStyle:X,leftFixedGridDataStyle:a,rightFixedGridDataStyle:Z}=u,{renderDataRow:d}=o.getHierarchyRow(n,y,C,U,O,A,i,B,L,T,u,D,Q),G=[d];function _(m,te){const ne=W(m);return U.value.filter(F=>F.visible!==!1).map((F,Y)=>G[F.type](F,ne,te,Y))}function b(){return l.createVNode("div",{ref:z,class:"fv-grid-content-left-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:a.value},[_(C.value.leftColumns.filter(m=>m.visible),"left")])])}function ee(){return l.createVNode("div",{ref:ye,class:"fv-grid-content-primary"},[l.createVNode("div",{class:"fv-grid-data",style:X.value},[_(C.value.primaryColumns.filter(m=>m.visible),"primary")])])}function w(){return l.createVNode("div",{ref:I,class:"fv-grid-content-right-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:Z.value},[_(C.value.rightColumns.filter(m=>m.visible),"right")])])}function E(){const m=[];return q.value&&m.push(b()),m.push(ee()),V.value&&m.push(w()),m}return{renderDataArea:E}}const me=l.defineComponent({name:"FTreeGrid",props:fe,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode","doubleClickRow","unSelectItem","selectItem","filterChanged","sortChanged","selectionUpdate"],setup(n,y){var be,we;const z=((be=n.rowOption)==null?void 0:be.height)||28,I=l.ref(20),p=l.ref(n.columns),h=o.useIdentify(n),{idField:O}=h,A=l.ref(),i=l.ref(),B=l.ref(),L=l.ref(),T=l.ref(),u=l.ref([]),D=l.ref(!1),Q=l.ref(((we=n.rowOption)==null?void 0:we.wrapContent)||!1),U=o.useGroupData(n,h),W=o.useFilter(n,y),C=o.useHierarchy(n),{collapseField:q}=C,{showLoading:V,renderLoading:X}=o.useLoading(n,A),a=o.useDataView(n,new Map,W,C,h),{dataView:Z}=a,d=o.useSelection(n,a,h,u,y),{showSelection:G,selectedValues:_}=d,b=o.useSelectHierarchyItem(n,u,a,h,d,y),ee=l.computed(()=>n.disabled),w=l.computed(()=>n.virtualized?Math.min(a.dataView.value.length,I.value):a.dataView.value.length),E=o.usePagination(n,a),{shouldRenderPagination:m}=E,{containerStyleObject:te}=o.useDataViewContainerStyle(n),ne=o.useCommandColumn(n),{applyCommands:F}=ne;F(p);const{applyColumnSetting:Y,removeColumnSetting:Me}=o.useSettingColumn(n);n.showSetting&&Y(p);const k=o.useColumn(n,y),le=o.useSort(n),{applyColumnSorter:ge,columnContext:$,updateColumnRenderContext:ze}=k;ge(a,le);const oe=o.useGroupColumn(n,$),H=o.useRow(n,y,d,h),P=o.useEdit(n,y,h,H,u),ae=o.useVisualDataBound(n),Ae=o.useVisualDataCell(n,P,ae),Le=o.useVisualDataRow(n,a,P,C,h,ae,Ae),ie=o.useVisualData(n,p,a,w,0,Le),{getVisualData:J}=ie,Ue=o.useCellPosition(n,$),ue=o.useSidebar(n,d),{sidebarWidth:We}=ue,g=o.useVirtualScroll(n,a,u,$,ie,w,0,We),{onWheel:qe,dataGridWidth:ve,viewPortHeight:he,viewPortWidth:K,resetScroll:re,updateVisibleRowsOnLatestVisibleScope:Ee}=g,pe=o.useFitColumn(n,$,i,K,oe),{calculateColumnsSize:M}=pe,Ce=o.useFilterHistory(),Ye=o.useColumnFilter(i,T,a,Ce,g),$e=o.useDragColumn(n,y,k,a,oe,U,g),Je=l.computed(()=>{const e={"fv-grid":!0,"fv-grid-bordered":n.showBorder,"fv-grid-horizontal-bordered":n.showHorizontalLines,"fv-datagrid-strip":n.showStripe};return x.getCustomClass(e,n.customClass)}),Ke=l.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":D.value,"fv-grid-wrap-content":Q.value})),{renderDataArea:Qe}=_e(n,y,B,L,T,Ue,k,a,P,C,H,d,b,g,ie,ae,u),{renderGridHeader:Ve,renderGridColumnResizeOverlay:Xe,shouldShowHeader:Ze}=o.getColumnHeader(n,y,i,L,T,k,a,$e,Ye,W,Ce,pe,oe,d,ue,le,g,K,u),{renderDataGridSidebar:et}=o.getSidebar(n,H,d,ue,g),{renderDisableMask:tt}=o.getDisableMask(),{renderHorizontalScrollbar:nt}=o.getHorizontalScrollbar(n,i,g),{renderVerticalScrollbar:lt}=o.getVerticalScrollbar(n,i,g);function ot(){var e,t,s;if(i.value&&i.value.clientHeight>0&&((e=i.value)==null?void 0:e.clientWidth)>0){const f=Math.ceil(i.value.clientHeight/z);f>I.value&&(I.value=f,Ee()),he.value=((t=B.value)==null?void 0:t.clientHeight)||0,ve.value=((s=i.value)==null?void 0:s.clientWidth)||0}i.value&&(i.value.clientHeight>0||i.value.clientWidth>0)&&M()}l.onMounted(()=>{i.value&&(I.value=Math.max(Math.ceil(i.value.clientHeight/z),I.value),u.value=J(0,w.value+0-1),Oe.useResizeObserver(i.value,ot),M(),l.nextTick(()=>{i.value&&(ve.value=i.value.clientWidth),B.value&&(K.value=B.value.clientWidth,he.value=B.value.clientHeight)})),V.value&&X()}),l.onUnmounted(()=>{}),l.watch(K,()=>{i.value&&M()});function at(e){a.collapseTo(e),a.reOrderVisibleIndex(),re()}function it(e){a.expandTo(e),a.reOrderVisibleIndex(),re()}function se(){const e=d.getSelectionRow();return e?e.dataIndex-1:-1}function ut(e){const t=e!==void 0?e:se(),s=a.insertNewDataItem(t===-1?0:t);return u.value=J(0,w.value+0-1),s}function rt(){const e=se();a.insertNewChildDataItem(e),u.value=J(0,w.value+0-1)}function st(e,t){const s=u.value.find(v=>v.raw[O.value]===t),f=s?s.dataIndex-1:-1;a.insertNewChildDataItems(e,f)}function dt(){const e=se(),t=b.getNextSelectableHierarchyItemId(e);a.removeHierarchyDataItem(e),u.value=J(0,w.value+0-1),t&&b.selectItemById(t)}function ct(e){P.onEditingRow(e)}function ft(e){P.acceptEditingRow(e)}function mt(e){P.cancelEditingRow(e)}function de(e){e&&(p.value=e,F(p),ze(p.value),ge(a,le),M())}l.watch(()=>n.columns,e=>{de(e)});function yt(e,t){e&&(a.load(e),a.reOrderVisibleIndex(),t!=null&&t.keepScrollPosition?g.scrollTo(g.offsetY.value):re())}function ce(e){H.activeRowById(e)}function gt(e,t={isCurrent:!0}){t!=null&&t.isCurrent&&ce(e),b.selectItemById(e)}function vt(e){const t=u.value.find(s=>s.raw[h.idField.value]===e);t&&H.clickRowItem(t)}function ht(e){b.selectItemByIds(e)}function pt(){return d.getSelectedItems()}function Se(){d.clearSelection()}function Ct(){d.emptyCurrentRowId()}const St=l.computed(()=>!u.value||!u.value.length),{renderEmpty:bt}=o.getEmpty(n,y);function wt(){return d.getSelectionRow()}function It(e,t={clearCurrent:!0}){t!=null&&t.clearCurrent&&ce(""),b.unSelectItemByIds(e)}function Ot(){return d.currentSelectedDataId.value}function Bt(e,t,s){const f=Z.value.find(v=>v[O.value]===e);if(f){if(Object.keys(f).forEach(c=>{Object.prototype.hasOwnProperty.call(t,c)&&(f[c]=t[c])}),s){const{collapseField:c,disabledField:R,checkedField:j,visibleField:N}=s;c&&!S.isUndefined(t[c])&&(f.__fv_collapse__=t[c]),j&&!S.isUndefined(t[j])&&(f.__fv_checked__=t[j]),R&&!S.isUndefined(t[R])&&(f.__fv_disabled__=t[R]),N&&!S.isUndefined(t[N])&&(f.__fv_visible__=t[N])}const v=u.value.find(c=>c.raw[O.value]===e),Ie=u.value.findIndex(c=>c.raw[O.value]===e);if(v){if(v.raw=f,Object.keys(v.data).forEach(c=>{v.data[c].updateData(f)}),s){const{collapseField:c,disabledField:R,checkedField:j,visibleField:N}=s;c&&!S.isUndefined(t[c])&&(v.collapse=t[c]),j&&!S.isUndefined(t[j])&&(v.checked=t[j]),R&&!S.isUndefined(t[R])&&(v.disabled=t[R]),N&&!S.isUndefined(t[N])&&(v.visible=t[N])}u.value=[...u.value.slice(0,Ie),v,...u.value.slice(Ie+1)],a.updateSummary()}}}function Dt(e){return Object.prototype.hasOwnProperty.call(e,"raw")?a.hasRealChildren(e.raw):a.hasRealChildren(e)}function Ft(e){const t=a.dataView.value.find(s=>s[O.value]===e);return t?t[q.value]:""}function Rt(){return q.value}l.watch(()=>n.showSetting,(e,t)=>{e!==t&&(e?Y(p):Me(p),de(p.value))});function jt(e){return u.value.filter(t=>e.includes(t.raw[n.idField]))}function Nt(e){const t=h.idField.value,s=u.value.find(f=>f.raw[t]===e);s&&H.changeRow(s)}function xt(){d.keepSelectingOnPaging.value||Se(),a.updateVisibleDataSummary(u.value)}y.expose({activeRowById:ce,addNewDataItem:ut,addNewChildDataItem:rt,addChildrenToNode:st,collapseTo:at,expandTo:it,removeDataItem:dt,editDataItem:ct,acceptDataItem:ft,cancelDataItem:mt,updateColumns:de,updateDataSource:yt,selectItemById:gt,selectItemByIds:ht,getSelectedItems:pt,clearSelection:Se,getSelectionRow:wt,clickRowItemById:vt,unSelectItemByIds:It,getCurrentRowId:Ot,reassignRowData:Bt,hasChildren:Dt,getCollapseField:Rt,getCollapseStatusById:Ft,getVisibleDataByIds:jt,selectRowById:Nt,updateDerivedData:xt,emptyCurrentRowId:Ct,calculateColumnsSize:M});const Gt=l.computed(()=>{const e={};return g.shouldShowHorizontalScrollbar.value&&(e.paddingBottom="10px"),g.shouldShowVirticalScrollbar.value&&(e.paddingRight="10px"),e}),Ht=l.computed(()=>({...te.value,borderRadius:"5px"})),{renderDataGridPagination:kt}=o.getPagination(n,y,a,g,E,d),Pt=l.computed(()=>({"d-flex":!0,"justify-content-between":m.value&&G.value,"justify-content-end":m.value&&!G.value,"position-relative":!0})),Tt=l.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:_t}=o.getSummary(n,a,k);return()=>l.createVNode("div",{ref:A,class:Je.value,style:Ht.value,onWheel:qe},[i.value&&Ze.value&&Ve(),l.createVNode("div",{ref:i,class:Ke.value,onMouseover:()=>D.value=!0,onMouseleave:()=>D.value=!1,onTouchstart:e=>{e.stopPropagation(),D.value=!0,g.onTouchstartScrollThumb(e,i)},onTouchend:e=>{D.value=!1},style:Gt.value},[i.value&&et(u),i.value&&Qe(),i.value&&St.value&&bt(),i.value&&nt(),i.value&&lt()]),i.value&&_t(),G.value&&l.createVNode("div",{class:Pt.value},[G.value&&l.createVNode("div",{class:Tt.value},[l.createVNode("div",null,["已选："+_.value.length,l.createTextVNode(" 条")])])]),Xe(),ee.value&&tt()])}}),ke=x.withInstall(me);r.FTreeGrid=me,r.columnOptions=He,r.default=ke,r.editOptions=Pe,r.filterOptions=je,r.groupOptions=Re,r.headerOptions=Ne,r.loadingOptions=Te,r.paginationOptions=De,r.rowOptions=xe,r.sortOptions=Fe,r.summaryOptions=Ge,r.treeGridProps=fe,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});