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

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

@@ -1,16 +1,16 @@
-import { getCustomClass as Xt, excludeProperties as Zt, withInstall as eo } from "../../components/common/index.esm.js";
-import { createVNode as j, defineComponent as ke, ref as C, computed as M, onMounted as Me, nextTick as Ve, onUnmounted as to, watch as me, createTextVNode as oo, inject as Te } from "vue";
-import { useResizeObserver as He } from "@vueuse/core";
+import { getCustomClass as Qt, excludeProperties as Xt, withInstall as Zt } from "../../components/common/index.esm.js";
+import { createVNode as P, defineComponent as Te, ref as C, computed as T, onMounted as ke, nextTick as Me, onUnmounted as eo, watch as pe, createTextVNode as to, inject as je } from "vue";
+import { useResizeObserver as Ve } from "@vueuse/core";
 import { isUndefined as L } from "lodash-es";
-import { LocaleService as no } from "../../components/locale/index.esm.js";
-import { getHierarchyRow as io, useIdentify as xe, useGroupData as ao, useFilter as Ne, useHierarchy as Ae, useLoading as lo, useDataView as Ee, useSelection as ze, useSelectHierarchyItem as ro, usePagination as so, useDataViewContainerStyle as We, useCommandColumn as _e, useSettingColumn as co, useColumn as uo, useSort as $e, useGroupColumn as Le, useRow as Ue, useEdit as qe, useVisualDataBound as Ye, useVisualDataCell as Je, useVisualDataRow as Ke, useVisualData as po, useCellPosition as fo, useSidebar as Qe, useVirtualScroll as Xe, useFitColumn as mo, useFilterHistory as yo, useColumnFilter as go, useDragColumn as Co, getColumnHeader as vo, getSidebar as ho, getDisableMask as bo, getHorizontalScrollbar as Ze, getVerticalScrollbar as wo, getEmpty as So, getPagination as Io, getSummary as Ro } from "../../components/data-view/index.esm.js";
-import { resolveAppearance as Bo, createPropsResolver as et, createTreeGridSelectionItemResolver as Do, createTreeGridBindingResolver as Oo, createDataViewUpdateColumnsResolver as Fo } from "../../components/dynamic-resolver/index.esm.js";
-import { treeGridProps as tt } from "../../components/tree-grid/index.esm.js";
-import { getColumnHeader as Po } from "../data-grid/index.esm.js";
-import { DgControl as Be, useDesignerComponent as Go } from "../../components/designer-canvas/index.esm.js";
-import { BaseControlProperty as jo } from "../../components/property-panel/index.esm.js";
-import { useCommandOption as To, useColumnOption as ko, useRowOption as Mo, useSummary as Vo, useAppearance as Ho, useRowNumber as xo, usePagination as No, useDataGridEvent as Ao, useDesignerColumn as Eo, useDesignerVisualData as zo, useDesignerFitColumn as Wo } from "../data-view/index.esm.js";
-const Rn = {
+import { LocaleService as oo } from "../../components/locale/index.esm.js";
+import { getHierarchyRow as no, useIdentify as He, useGroupData as io, useFilter as xe, useHierarchy as Ne, useLoading as ao, useDataView as Ae, useSelection as Ee, useSelectHierarchyItem as lo, usePagination as ro, useDataViewContainerStyle as ze, useCommandColumn as We, useSettingColumn as so, useColumn as co, useSort as _e, useGroupColumn as $e, useRow as Le, useEdit as Ue, useVisualDataBound as qe, useVisualDataCell as Ye, useVisualDataRow as Je, useVisualData as uo, useCellPosition as po, useSidebar as Ke, useVirtualScroll as Qe, useFitColumn as fo, useFilterHistory as mo, useColumnFilter as yo, useDragColumn as go, getColumnHeader as Co, getSidebar as vo, getDisableMask as ho, getHorizontalScrollbar as Xe, getVerticalScrollbar as bo, getEmpty as wo, getPagination as So, getSummary as Io } from "../../components/data-view/index.esm.js";
+import { resolveAppearance as Ro, createPropsResolver as Ze, createTreeGridSelectionItemResolver as Bo, createTreeGridBindingResolver as Do, createDataViewUpdateColumnsResolver as Oo } from "../../components/dynamic-resolver/index.esm.js";
+import { treeGridProps as et } from "../../components/tree-grid/index.esm.js";
+import { getColumnHeader as Fo } from "../data-grid/index.esm.js";
+import { DgControl as Re, useDesignerComponent as Po } from "../../components/designer-canvas/index.esm.js";
+import { BaseControlProperty as Go } from "../../components/property-panel/index.esm.js";
+import { useCommandOption as jo, useColumnOption as To, useRowOption as ko, useSummary as Mo, useAppearance as Vo, useRowNumber as Ho, usePagination as xo, useDataGridEvent as No, useDesignerColumn as Ao, useDesignerVisualData as Eo, useDesignerFitColumn as zo } from "../data-view/index.esm.js";
+const In = {
   /** 启用分页 */
   enable: { type: Boolean, default: !1 },
   /** 当前页码 */
@@ -31,7 +31,7 @@ const Rn = {
   sizeLimits: { type: Array, default: [10, 20, 30, 50, 100] },
   /** 总记录数 */
   total: { type: Number, default: 0 }
-}, Bn = {
+}, Rn = {
   /** 启用排序 */
   enable: { type: Boolean, default: !1 },
   /** 排序字段集合 */
@@ -40,7 +40,7 @@ const Rn = {
   mode: { type: String, default: "client" },
   /** 多列排序 */
   multiSort: { type: Boolean, default: !1 }
-}, Dn = {
+}, Bn = {
   /** 自定义分组合计内容 */
   customGroupRow: { type: Function, default: () => {
   } },
@@ -64,7 +64,7 @@ const Rn = {
   showSummary: { type: Boolean, default: !1 },
   /** 显示合计行位置； */
   summaryPosition: { type: String, default: "separate" }
-}, On = {
+}, Dn = {
   /** 启用筛选 */
   enable: { type: Boolean, default: !1 },
   /** DataGrid筛选风格 */
@@ -73,10 +73,10 @@ const Rn = {
   mode: { type: String, default: "server" },
   /** 显示过滤条件工具条 */
   showSummary: { type: Boolean, default: !0 }
-}, Fn = {
+}, On = {
   /** 允许折行显示列标题 */
   wrapHeadings: { type: Boolean, default: !1 }
-}, Pn = {
+}, Fn = {
   /** 自定义行样式 */
   customRowStyle: { type: Function, default: () => {
   } },
@@ -91,7 +91,7 @@ const Rn = {
   showHovering: { type: Boolean, default: !0 },
   /** 禁止数据折行 */
   wrapContent: { type: Boolean, default: !1 }
-}, Gn = {
+}, Pn = {
   /** 显示合计信息 */
   enable: { type: Boolean, default: !1 },
   /** 合计行自定义样式，对启用合计行模板无效 */
@@ -103,7 +103,7 @@ const Rn = {
   mode: { type: String, default: "client" },
   /** 合计行显示位置， top: 顶部 bottom: 底部， both: 顶部与底部同时显示 */
   position: { type: String, default: "bottom" }
-}, jn = {
+}, Gn = {
   /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
   fitColumns: { type: Boolean, default: !1 },
   /** 自动适配列宽度模式 */
@@ -115,17 +115,17 @@ const Rn = {
   resizeColumn: { type: Boolean, default: !0 },
   /** 双击表头列自适应内容宽度 */
   resizeColumnOnDoubleClick: { type: Boolean, default: !0 }
-}, Tn = {
+}, jn = {
   /** 编辑时选中文本 */
   selectOnEditing: { type: Boolean, default: !1 },
   /** 编辑模式； row：整行编辑，cell: 单元格编辑 */
   editMode: { type: String, default: "cell" }
-}, kn = {
+}, Tn = {
   /** show loading */
   show: { type: Boolean, default: !1 },
   /** message on display when loading */
-  message: { type: String, default: `${no.getLocaleValue("datagrid.loadingMessage")}...` }
-}, _o = {
+  message: { type: String, default: `${oo.getLocaleValue("datagrid.loadingMessage")}...` }
+}, Wo = {
   /** 自定义样式 */
   customClass: { type: String, default: "" },
   /** 排序配置 */
@@ -274,367 +274,364 @@ const Rn = {
     }
   },
   /** 自动高度 **/
-  autoHeight: { type: Boolean, default: !1 },
-  /** 是否可见, 为了适配低代码表单，该属性不应该属于表格组件的行为 */
-  /** 复选框位置 */
-  checkboxPosition: { type: String, default: "after-expand" }
+  autoHeight: { type: Boolean, default: !1 }
 };
-function $o(e, t, d, a, r, y, c, s, u, f, i, m, D, P, p, B, O, V, H) {
+function _o(e, t, f, l, u, s, d, p, r, a, g, m, O, c, B, E, w) {
   const {
-    calculateCellPositionInRow: T
-  } = y, {
-    columnContext: b,
-    hasLeftFixedColumn: W,
-    hasRightFixedColumn: g
+    calculateCellPositionInRow: H
+  } = s, {
+    columnContext: S,
+    hasLeftFixedColumn: D,
+    hasRightFixedColumn: z
+  } = d, {
+    gridDataStyle: k,
+    leftFixedGridDataStyle: i,
+    rightFixedGridDataStyle: W
   } = c, {
-    gridDataStyle: l,
-    leftFixedGridDataStyle: U,
-    rightFixedGridDataStyle: v
-  } = P, {
-    renderDataRow: A
-  } = io(e, t, b, O, s, u, f, i, m, D, P, p, B, V, H), le = [A];
-  function F(w, Z) {
-    const ee = T(w);
-    return O.value.filter((E) => E.visible !== !1).map((E, te) => le[E.type](E, ee, Z, te));
+    renderDataRow: y
+  } = no(e, t, S, w, p, r, a, g, m, O, c, B, E), x = [y];
+  function U(h, X) {
+    const Z = H(h);
+    return w.value.filter((N) => N.visible !== !1).map((N, ee) => x[N.type](N, Z, X, ee));
   }
-  function re() {
-    return j("div", {
-      ref: a,
+  function G() {
+    return P("div", {
+      ref: l,
       class: "fv-grid-content-left-fixed"
-    }, [j("div", {
+    }, [P("div", {
       class: "fv-grid-data",
-      style: U.value
-    }, [F(b.value.leftColumns.filter((w) => w.visible), "left")])]);
+      style: i.value
+    }, [U(S.value.leftColumns.filter((h) => h.visible), "left")])]);
   }
-  function x() {
-    return j("div", {
-      ref: d,
+  function ae() {
+    return P("div", {
+      ref: f,
       class: "fv-grid-content-primary"
-    }, [j("div", {
+    }, [P("div", {
       class: "fv-grid-data",
-      style: l.value
-    }, [F(b.value.primaryColumns.filter((w) => w.visible), "primary")])]);
+      style: k.value
+    }, [U(S.value.primaryColumns.filter((h) => h.visible), "primary")])]);
   }
-  function Q() {
-    return j("div", {
-      ref: r,
+  function M() {
+    return P("div", {
+      ref: u,
       class: "fv-grid-content-right-fixed"
-    }, [j("div", {
+    }, [P("div", {
       class: "fv-grid-data",
-      style: v.value
-    }, [F(b.value.rightColumns.filter((w) => w.visible), "right")])]);
+      style: W.value
+    }, [U(S.value.rightColumns.filter((h) => h.visible), "right")])]);
   }
-  function X() {
-    const w = [];
-    return W.value && w.push(re()), w.push(x()), g.value && w.push(Q()), w;
+  function Q() {
+    const h = [];
+    return D.value && h.push(G()), h.push(ae()), z.value && h.push(M()), h;
   }
   return {
-    renderDataArea: X
+    renderDataArea: Q
   };
 }
-const Lo = /* @__PURE__ */ ke({
+const $o = /* @__PURE__ */ Te({
   name: "FTreeGrid",
-  props: _o,
+  props: Wo,
   emits: ["selectionChange", "clickRow", "expandNode", "unSelectItem", "dblclickNode", "doubleClickRow", "unSelectItem", "selectItem", "filterChanged", "sortChanged", "selectionUpdate"],
   setup(e, t) {
-    var Pe, Ge;
-    const d = C(!1), a = 0, r = C(((Pe = e.rowOption) == null ? void 0 : Pe.height) || 28), y = C(20), c = C(e.columns), s = xe(e), {
-      idField: u
-    } = s, f = C(), i = C(), m = C(), D = C(), P = C(), p = C([]), B = C(!1), O = C(((Ge = e.rowOption) == null ? void 0 : Ge.wrapContent) || !1), V = ao(e, s), H = Ne(e, t), T = Ae(e), {
-      collapseField: b
-    } = T, {
-      showLoading: W,
-      renderLoading: g
-    } = lo(e, f), l = Ee(e, /* @__PURE__ */ new Map(), H, T, s), {
-      dataView: U
-    } = l, v = ze(e, l, s, p, t), {
-      showSelection: A,
-      selectedValues: le
-    } = v, F = ro(e, p, l, s, v, t), re = M(() => e.disabled), x = M(() => e.virtualized ? Math.min(l.dataView.value.length, y.value) : l.dataView.value.length), Q = so(e, l), {
-      shouldRenderPagination: X
+    var Fe, Pe;
+    const l = ((Fe = e.rowOption) == null ? void 0 : Fe.height) || 28, u = C(20), s = C(e.columns), d = He(e), {
+      idField: p
+    } = d, r = C(), a = C(), g = C(), m = C(), O = C(), c = C([]), B = C(!1), E = C(((Pe = e.rowOption) == null ? void 0 : Pe.wrapContent) || !1), w = io(e, d), H = xe(e, t), S = Ne(e), {
+      collapseField: D
+    } = S, {
+      showLoading: z,
+      renderLoading: k
+    } = ao(e, r), i = Ae(e, /* @__PURE__ */ new Map(), H, S, d), {
+      dataView: W
+    } = i, y = Ee(e, i, d, c, t), {
+      showSelection: x,
+      selectedValues: U
+    } = y, G = lo(e, c, i, d, y, t), ae = T(() => e.disabled), M = T(() => e.virtualized ? Math.min(i.dataView.value.length, u.value) : i.dataView.value.length), Q = ro(e, i), {
+      shouldRenderPagination: h
     } = Q, {
-      containerStyleObject: w
-    } = We(e), Z = _e(e), {
-      applyCommands: ee
+      containerStyleObject: X
+    } = ze(e), Z = We(e), {
+      applyCommands: N
     } = Z;
-    ee(c);
+    N(s);
     const {
-      applyColumnSetting: E,
-      removeColumnSetting: te
-    } = co(e);
-    e.showSetting && E(c);
-    const _ = uo(e, t), se = $e(e), {
-      applyColumnSorter: ye,
+      applyColumnSetting: ee,
+      removeColumnSetting: fe
+    } = so(e);
+    e.showSetting && ee(s);
+    const _ = co(e, t), le = _e(e), {
+      applyColumnSorter: me,
       columnContext: $,
-      updateColumnRenderContext: ve
+      updateColumnRenderContext: Ce
     } = _;
-    ye(l, se);
-    const oe = Le(e, $), z = Ue(e, t, v, s), N = qe(e, t, s, z, p), de = Ye(e, l, r), he = Je(e, N, de), ne = Ke(e, l, N, T, s, de, he, r), ce = po(e, c, l, x, a, ne), {
-      getVisualData: ie
-    } = ce, be = fo(e, $, r, d), ue = Qe(e, v), {
-      sidebarWidth: we
-    } = ue, I = Xe(e, l, p, $, ce, x, a, we, r, d), {
-      onWheel: ge,
-      dataGridWidth: pe,
-      viewPortHeight: k,
+    me(i, le);
+    const te = $e(e, $), A = Le(e, t, y, d), V = Ue(e, t, d, A, c), re = qe(e), ve = Ye(e, V, re), oe = Je(e, i, V, S, d, re, ve), se = uo(e, s, i, M, 0, oe), {
+      getVisualData: ne
+    } = se, he = po(e, $), de = Ke(e, y), {
+      sidebarWidth: be
+    } = de, I = Qe(e, i, c, $, se, M, 0, be), {
+      onWheel: ye,
+      dataGridWidth: ce,
+      viewPortHeight: j,
       viewPortWidth: q,
-      resetScroll: ae,
-      updateVisibleRowsOnLatestVisibleScope: lt
-    } = I, De = mo(e, $, i, q, oe), {
-      calculateColumnsSize: fe
-    } = De, Oe = yo(), rt = go(i, P, l, Oe, I), st = Co(e, t, _, l, oe, V, I), dt = M(() => {
+      resetScroll: ie,
+      updateVisibleRowsOnLatestVisibleScope: at
+    } = I, Be = fo(e, $, a, q, te), {
+      calculateColumnsSize: ue
+    } = Be, De = mo(), lt = yo(a, O, i, De, I), rt = go(e, t, _, i, te, w, I), st = T(() => {
       const o = {
         "fv-grid": !0,
         "fv-grid-bordered": e.showBorder,
         "fv-grid-horizontal-bordered": e.showHorizontalLines,
         "fv-datagrid-strip": e.showStripe
       };
-      return Xt(o, e.customClass);
-    }), ct = M(() => ({
+      return Qt(o, e.customClass);
+    }), dt = T(() => ({
       "fv-grid-content": !0,
       "fv-grid-content-hover": B.value,
-      "fv-grid-wrap-content": O.value
+      "fv-grid-wrap-content": E.value
     })), {
-      renderDataArea: ut
-    } = $o(e, t, m, D, P, be, _, l, N, T, z, v, F, I, ce, de, p, r, d), {
-      renderGridHeader: pt,
-      renderGridColumnResizeOverlay: ft,
-      shouldShowHeader: mt
-    } = vo(e, t, i, D, P, _, l, st, rt, H, Oe, De, oe, v, ue, se, I, q, p), {
-      renderDataGridSidebar: yt
-    } = ho(e, z, v, ue, I), {
-      renderDisableMask: gt
-    } = bo(), {
-      renderHorizontalScrollbar: Ct
-    } = Ze(e, i, I), {
-      renderVerticalScrollbar: vt
-    } = wo(e, i, I);
-    function ht() {
-      var o, n, h;
-      if (i.value && i.value.clientHeight > 0 && ((o = i.value) == null ? void 0 : o.clientWidth) > 0) {
-        const R = Math.ceil(i.value.clientHeight / r.value);
-        R > y.value && (y.value = R, lt()), k.value = ((n = m.value) == null ? void 0 : n.clientHeight) || 0, pe.value = ((h = i.value) == null ? void 0 : h.clientWidth) || 0;
+      renderDataArea: ct
+    } = _o(e, t, g, m, O, he, _, i, V, S, A, y, G, I, se, re, c), {
+      renderGridHeader: ut,
+      renderGridColumnResizeOverlay: pt,
+      shouldShowHeader: ft
+    } = Co(e, t, a, m, O, _, i, rt, lt, H, De, Be, te, y, de, le, I, q, c), {
+      renderDataGridSidebar: mt
+    } = vo(e, A, y, de, I), {
+      renderDisableMask: yt
+    } = ho(), {
+      renderHorizontalScrollbar: gt
+    } = Xe(e, a, I), {
+      renderVerticalScrollbar: Ct
+    } = bo(e, a, I);
+    function vt() {
+      var o, n, v;
+      if (a.value && a.value.clientHeight > 0 && ((o = a.value) == null ? void 0 : o.clientWidth) > 0) {
+        const R = Math.ceil(a.value.clientHeight / l);
+        R > u.value && (u.value = R, at()), j.value = ((n = g.value) == null ? void 0 : n.clientHeight) || 0, ce.value = ((v = a.value) == null ? void 0 : v.clientWidth) || 0;
       }
-      i.value && (i.value.clientHeight > 0 || i.value.clientWidth > 0) && fe();
+      a.value && (a.value.clientHeight > 0 || a.value.clientWidth > 0) && ue();
     }
-    Me(() => {
-      i.value && (y.value = Math.max(Math.ceil(i.value.clientHeight / r.value), y.value), p.value = ie(0, x.value + a - 1), He(i.value, ht), fe(), Ve(() => {
-        i.value && (pe.value = i.value.clientWidth), m.value && (q.value = m.value.clientWidth, k.value = m.value.clientHeight);
-      })), W.value && g();
-    }), to(() => {
-    }), me(q, () => {
-      i.value && fe();
+    ke(() => {
+      a.value && (u.value = Math.max(Math.ceil(a.value.clientHeight / l), u.value), c.value = ne(0, M.value + 0 - 1), Ve(a.value, vt), ue(), Me(() => {
+        a.value && (ce.value = a.value.clientWidth), g.value && (q.value = g.value.clientWidth, j.value = g.value.clientHeight);
+      })), z.value && k();
+    }), eo(() => {
+    }), pe(q, () => {
+      a.value && ue();
     });
-    function bt(o) {
-      l.collapseTo(o), l.reOrderVisibleIndex(), ae();
+    function ht(o) {
+      i.collapseTo(o), i.reOrderVisibleIndex(), ie();
     }
-    function wt(o) {
-      l.expandTo(o), l.reOrderVisibleIndex(), ae();
+    function bt(o) {
+      i.expandTo(o), i.reOrderVisibleIndex(), ie();
     }
-    function Se() {
-      const o = v.getSelectionRow();
+    function we() {
+      const o = y.getSelectionRow();
       return o ? o.dataIndex - 1 : -1;
     }
-    function St(o) {
-      const n = o !== void 0 ? o : Se(), h = l.insertNewDataItem(n === -1 ? 0 : n);
-      return p.value = ie(0, x.value + a - 1), h;
+    function wt(o) {
+      const n = o !== void 0 ? o : we(), v = i.insertNewDataItem(n === -1 ? 0 : n);
+      return c.value = ne(0, M.value + 0 - 1), v;
+    }
+    function St() {
+      const o = we();
+      i.insertNewChildDataItem(o), c.value = ne(0, M.value + 0 - 1);
     }
-    function It() {
-      const o = Se();
-      l.insertNewChildDataItem(o), p.value = ie(0, x.value + a - 1);
+    function It(o, n) {
+      const v = c.value.find((F) => F.raw[p.value] === n), R = v ? v.dataIndex - 1 : -1;
+      i.insertNewChildDataItems(o, R);
     }
-    function Rt(o, n) {
-      const h = p.value.find((G) => G.raw[u.value] === n), R = h ? h.dataIndex - 1 : -1;
-      l.insertNewChildDataItems(o, R);
+    function Rt() {
+      const o = we(), n = G.getNextSelectableHierarchyItemId(o);
+      i.removeHierarchyDataItem(o), c.value = ne(0, M.value + 0 - 1), n && G.selectItemById(n);
     }
-    function Bt() {
-      const o = Se(), n = F.getNextSelectableHierarchyItemId(o);
-      l.removeHierarchyDataItem(o), p.value = ie(0, x.value + a - 1), n && F.selectItemById(n);
+    function Bt(o) {
+      V.onEditingRow(o);
     }
     function Dt(o) {
-      N.onEditingRow(o);
+      V.acceptEditingRow(o);
     }
     function Ot(o) {
-      N.acceptEditingRow(o);
-    }
-    function Ft(o) {
-      N.cancelEditingRow(o);
+      V.cancelEditingRow(o);
     }
-    function Ie(o) {
-      o && (c.value = o, ee(c), ve(c.value), ye(l, se), fe());
+    function Se(o) {
+      o && (s.value = o, N(s), Ce(s.value), me(i, le), ue());
     }
-    me(() => e.columns, (o) => {
-      Ie(o);
+    pe(() => e.columns, (o) => {
+      Se(o);
     });
-    function Pt(o, n) {
-      o && (l.load(o), l.reOrderVisibleIndex(), n != null && n.keepScrollPosition ? I.scrollTo(I.offsetY.value) : ae());
+    function Ft(o, n) {
+      o && (i.load(o), i.reOrderVisibleIndex(), n != null && n.keepScrollPosition ? I.scrollTo(I.offsetY.value) : ie());
     }
-    function Re(o) {
-      z.activeRowById(o);
+    function Ie(o) {
+      A.activeRowById(o);
     }
-    function Gt(o, n = {
+    function Pt(o, n = {
       isCurrent: !0
     }) {
-      n != null && n.isCurrent && Re(o), F.selectItemById(o);
+      n != null && n.isCurrent && Ie(o), G.selectItemById(o);
     }
-    function jt(o) {
-      const n = p.value.find((h) => h.raw[s.idField.value] === o);
-      n && z.clickRowItem(n);
+    function Gt(o) {
+      const n = c.value.find((v) => v.raw[d.idField.value] === o);
+      n && A.clickRowItem(n);
     }
-    function Tt(o) {
-      F.selectItemByIds(o);
+    function jt(o) {
+      G.selectItemByIds(o);
     }
-    function kt() {
-      return v.getSelectedItems();
+    function Tt() {
+      return y.getSelectedItems();
     }
-    function Fe() {
-      v.clearSelection();
+    function Oe() {
+      y.clearSelection();
     }
-    function Mt() {
-      v.emptyCurrentRowId();
+    function kt() {
+      y.emptyCurrentRowId();
     }
-    const Vt = M(() => !p.value || !p.value.length), {
-      renderEmpty: Ht
-    } = So(e, t);
-    function xt() {
-      return v.getSelectionRow();
+    const Mt = T(() => !c.value || !c.value.length), {
+      renderEmpty: Vt
+    } = wo(e, t);
+    function Ht() {
+      return y.getSelectionRow();
     }
-    function Nt(o, n = {
+    function xt(o, n = {
       clearCurrent: !0
     }) {
-      n != null && n.clearCurrent && Re(""), F.unSelectItemByIds(o);
+      n != null && n.clearCurrent && Ie(""), G.unSelectItemByIds(o);
     }
-    function At() {
-      return v.currentSelectedDataId.value;
+    function Nt() {
+      return y.currentSelectedDataId.value;
     }
-    function Et(o, n, h) {
-      const R = U.value.find((G) => G[u.value] === o);
+    function At(o, n, v) {
+      const R = W.value.find((F) => F[p.value] === o);
       if (R) {
-        if (Object.keys(R).forEach((S) => {
-          Object.prototype.hasOwnProperty.call(n, S) && (R[S] = n[S]);
-        }), h) {
+        if (Object.keys(R).forEach((b) => {
+          Object.prototype.hasOwnProperty.call(n, b) && (R[b] = n[b]);
+        }), v) {
           const {
-            collapseField: S,
+            collapseField: b,
             disabledField: Y,
             checkedField: J,
             visibleField: K
-          } = h;
-          S && !L(n[S]) && (R.__fv_collapse__ = n[S]), J && !L(n[J]) && (R.__fv_checked__ = n[J]), Y && !L(n[Y]) && (R.__fv_disabled__ = n[Y]), K && !L(n[K]) && (R.__fv_visible__ = n[K]);
+          } = v;
+          b && !L(n[b]) && (R.__fv_collapse__ = n[b]), J && !L(n[J]) && (R.__fv_checked__ = n[J]), Y && !L(n[Y]) && (R.__fv_disabled__ = n[Y]), K && !L(n[K]) && (R.__fv_visible__ = n[K]);
         }
-        const G = p.value.find((S) => S.raw[u.value] === o), je = p.value.findIndex((S) => S.raw[u.value] === o);
-        if (G) {
-          if (G.raw = R, Object.keys(G.data).forEach((S) => {
-            G.data[S].updateData(R);
-          }), h) {
+        const F = c.value.find((b) => b.raw[p.value] === o), Ge = c.value.findIndex((b) => b.raw[p.value] === o);
+        if (F) {
+          if (F.raw = R, Object.keys(F.data).forEach((b) => {
+            F.data[b].updateData(R);
+          }), v) {
             const {
-              collapseField: S,
+              collapseField: b,
               disabledField: Y,
               checkedField: J,
               visibleField: K
-            } = h;
-            S && !L(n[S]) && (G.collapse = n[S]), J && !L(n[J]) && (G.checked = n[J]), Y && !L(n[Y]) && (G.disabled = n[Y]), K && !L(n[K]) && (G.visible = n[K]);
+            } = v;
+            b && !L(n[b]) && (F.collapse = n[b]), J && !L(n[J]) && (F.checked = n[J]), Y && !L(n[Y]) && (F.disabled = n[Y]), K && !L(n[K]) && (F.visible = n[K]);
           }
-          p.value = [...p.value.slice(0, je), G, ...p.value.slice(je + 1)], l.updateSummary();
+          c.value = [...c.value.slice(0, Ge), F, ...c.value.slice(Ge + 1)], i.updateSummary();
         }
       }
     }
-    function zt(o) {
-      return Object.prototype.hasOwnProperty.call(o, "raw") ? l.hasRealChildren(o.raw) : l.hasRealChildren(o);
+    function Et(o) {
+      return Object.prototype.hasOwnProperty.call(o, "raw") ? i.hasRealChildren(o.raw) : i.hasRealChildren(o);
     }
-    function Wt(o) {
-      const n = l.dataView.value.find((h) => h[u.value] === o);
-      return n ? n[b.value] : "";
+    function zt(o) {
+      const n = i.dataView.value.find((v) => v[p.value] === o);
+      return n ? n[D.value] : "";
     }
-    function _t() {
-      return b.value;
+    function Wt() {
+      return D.value;
     }
-    me(() => e.showSetting, (o, n) => {
-      o !== n && (o ? E(c) : te(c), Ie(c.value));
+    pe(() => e.showSetting, (o, n) => {
+      o !== n && (o ? ee(s) : fe(s), Se(s.value));
     });
-    function $t(o) {
-      return p.value.filter((n) => o.includes(n.raw[e.idField]));
+    function _t(o) {
+      return c.value.filter((n) => o.includes(n.raw[e.idField]));
     }
-    function Lt(o) {
-      const n = s.idField.value, h = p.value.find((R) => R.raw[n] === o);
-      h && z.changeRow(h);
+    function $t(o) {
+      const n = d.idField.value, v = c.value.find((R) => R.raw[n] === o);
+      v && A.changeRow(v);
     }
-    function Ut() {
-      v.keepSelectingOnPaging.value || Fe(), l.updateVisibleDataSummary(p.value);
+    function Lt() {
+      y.keepSelectingOnPaging.value || Oe(), i.updateVisibleDataSummary(c.value);
     }
     t.expose({
-      activeRowById: Re,
-      addNewDataItem: St,
-      addNewChildDataItem: It,
-      addChildrenToNode: Rt,
-      collapseTo: bt,
-      expandTo: wt,
-      removeDataItem: Bt,
-      editDataItem: Dt,
-      acceptDataItem: Ot,
-      cancelDataItem: Ft,
-      updateColumns: Ie,
-      updateDataSource: Pt,
-      selectItemById: Gt,
-      selectItemByIds: Tt,
-      getSelectedItems: kt,
-      clearSelection: Fe,
-      getSelectionRow: xt,
-      clickRowItemById: jt,
-      unSelectItemByIds: Nt,
-      getCurrentRowId: At,
-      reassignRowData: Et,
-      hasChildren: zt,
-      getCollapseField: _t,
-      getCollapseStatusById: Wt,
-      getVisibleDataByIds: $t,
-      selectRowById: Lt,
-      updateDerivedData: Ut,
-      emptyCurrentRowId: Mt,
-      calculateColumnsSize: fe
+      activeRowById: Ie,
+      addNewDataItem: wt,
+      addNewChildDataItem: St,
+      addChildrenToNode: It,
+      collapseTo: ht,
+      expandTo: bt,
+      removeDataItem: Rt,
+      editDataItem: Bt,
+      acceptDataItem: Dt,
+      cancelDataItem: Ot,
+      updateColumns: Se,
+      updateDataSource: Ft,
+      selectItemById: Pt,
+      selectItemByIds: jt,
+      getSelectedItems: Tt,
+      clearSelection: Oe,
+      getSelectionRow: Ht,
+      clickRowItemById: Gt,
+      unSelectItemByIds: xt,
+      getCurrentRowId: Nt,
+      reassignRowData: At,
+      hasChildren: Et,
+      getCollapseField: Wt,
+      getCollapseStatusById: zt,
+      getVisibleDataByIds: _t,
+      selectRowById: $t,
+      updateDerivedData: Lt,
+      emptyCurrentRowId: kt,
+      calculateColumnsSize: ue
     });
-    const qt = M(() => {
+    const Ut = T(() => {
       const o = {};
       return I.shouldShowHorizontalScrollbar.value && (o.paddingBottom = "10px"), I.shouldShowVirticalScrollbar.value && (o.paddingRight = "10px"), o;
-    }), Yt = M(() => ({
-      ...w.value,
+    }), qt = T(() => ({
+      ...X.value,
       borderRadius: "5px"
     })), {
-      renderDataGridPagination: un
-    } = Io(e, t, l, I, Q, v), Jt = M(() => ({
+      renderDataGridPagination: cn
+    } = So(e, t, i, I, Q, y), Yt = T(() => ({
       "d-flex": !0,
-      "justify-content-between": X.value && A.value,
-      "justify-content-end": X.value && !A.value,
+      "justify-content-between": h.value && x.value,
+      "justify-content-end": h.value && !x.value,
       "position-relative": !0
-    })), Kt = M(() => ({
+    })), Jt = T(() => ({
       "d-flex": !0,
       "align-items-center": !0
     })), {
-      renderDataGridSummary: Qt
-    } = Ro(e, l, _);
-    return () => j("div", {
-      ref: f,
+      renderDataGridSummary: Kt
+    } = Io(e, i, _);
+    return () => P("div", {
+      ref: r,
+      class: st.value,
+      style: qt.value,
+      onWheel: ye
+    }, [a.value && ft.value && ut(), P("div", {
+      ref: a,
       class: dt.value,
-      style: Yt.value,
-      onWheel: ge
-    }, [i.value && mt.value && pt(), j("div", {
-      ref: i,
-      class: ct.value,
       onMouseover: () => B.value = !0,
       onMouseleave: () => B.value = !1,
       onTouchstart: (o) => {
-        o.stopPropagation(), B.value = !0, I.onTouchstartScrollThumb(o, i);
+        o.stopPropagation(), B.value = !0, I.onTouchstartScrollThumb(o, a);
       },
       onTouchend: (o) => {
         B.value = !1;
       },
-      style: qt.value
-    }, [i.value && yt(p), i.value && ut(), i.value && Vt.value && Ht(), i.value && Ct(), i.value && vt()]), i.value && Qt(), A.value && j("div", {
+      style: Ut.value
+    }, [a.value && mt(c), a.value && ct(), a.value && Mt.value && Vt(), a.value && gt(), a.value && Ct()]), a.value && Kt(), x.value && P("div", {
+      class: Yt.value
+    }, [x.value && P("div", {
       class: Jt.value
-    }, [A.value && j("div", {
-      class: Kt.value
-    }, [j("div", null, ["已选：" + le.value.length, oo(" 条")])])]), ft(), re.value && gt()]);
+    }, [P("div", null, ["已选：" + U.value.length, to(" 条")])])]), pt(), ae.value && yt()]);
   }
-}), Uo = "https://json-schema.org/draft/2020-12/schema", qo = "https://farris-design.gitee.io/tree-grid.schema.json", Yo = "tree-grid", Jo = "A Farris Data Grid Component", Ko = "object", Qo = {
+}), Lo = "https://json-schema.org/draft/2020-12/schema", Uo = "https://farris-design.gitee.io/tree-grid.schema.json", qo = "tree-grid", Yo = "A Farris Data Grid Component", Jo = "object", Ko = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1446,63 +1443,63 @@ const Lo = /* @__PURE__ */ ke({
     type: "string",
     default: ""
   }
-}, Xo = [
+}, Qo = [
   "id",
   "type",
   "columns"
-], Zo = {
+], Xo = {
   onSelectionChange: "行切换事件",
   onClickRow: "行点击事件",
   onDoubleClickRow: "行双击事件",
   onFilterChanged: "过滤事件",
   onClickEditCommand: "操作列编辑事件",
   onClickDeleteCommand: "操作列删除事件"
-}, ot = {
-  $schema: Uo,
-  $id: qo,
-  title: Yo,
-  description: Jo,
-  type: Ko,
-  properties: Qo,
-  required: Xo,
-  events: Zo
-}, nt = /* @__PURE__ */ new Map([
-  ["appearance", Bo],
+}, tt = {
+  $schema: Lo,
+  $id: Uo,
+  title: qo,
+  description: Yo,
+  type: Jo,
+  properties: Ko,
+  required: Qo,
+  events: Xo
+}, ot = /* @__PURE__ */ new Map([
+  ["appearance", Ro],
   ["column", "columnOption"],
   ["command", "commandOption"]
 ]);
-function en(e, t, d) {
+function Zo(e, t, f) {
   var m;
-  const a = d.parentComponentInstance, r = a.schema.type, y = String(((m = a.schema.appearance) == null ? void 0 : m.class) || "").split(" "), c = r === "section" || r === "tab-page", s = y.includes("f-page-content-nav"), u = y.includes("f-page-main"), f = e.getSchemaByType("component");
-  f.id = `${t.id}-component`, f.componentType = "data-grid";
-  let i = "";
-  return i += c ? "f-struct-data-grid-in-card f-struct-is-subgrid" : "", i += s ? "f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column" : "", i += u ? "f-struct-data-grid f-struct-wrapper" : "", f.appearance = {
-    class: i
-  }, f.contents = [t], f;
+  const l = f.parentComponentInstance, u = l.schema.type, s = String(((m = l.schema.appearance) == null ? void 0 : m.class) || "").split(" "), d = u === "section" || u === "tab-page", p = s.includes("f-page-content-nav"), r = s.includes("f-page-main"), a = e.getSchemaByType("component");
+  a.id = `${t.id}-component`, a.componentType = "data-grid";
+  let g = "";
+  return g += d ? "f-struct-data-grid-in-card f-struct-is-subgrid" : "", g += p ? "f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column" : "", g += r ? "f-struct-data-grid f-struct-wrapper" : "", a.appearance = {
+    class: g
+  }, a.contents = [t], a;
 }
-function tn(e, t, d) {
-  const a = d.parentComponentInstance, r = String(a.schema.appearance.class || "").split(" "), y = r.includes("f-page-content-nav"), c = r.includes("f-page-main"), s = e.getSchemaByType("section");
-  s.id = `${t.id}-section`;
-  let u = "";
-  return u += y ? "f-section-in-nav " : "", u += c ? "f-section-in-managelist " : "", u += "f-section-grid", s.appearance = { class: u }, s.contents = [t], s;
+function en(e, t, f) {
+  const l = f.parentComponentInstance, u = String(l.schema.appearance.class || "").split(" "), s = u.includes("f-page-content-nav"), d = u.includes("f-page-main"), p = e.getSchemaByType("section");
+  p.id = `${t.id}-section`;
+  let r = "";
+  return r += s ? "f-section-in-nav " : "", r += d ? "f-section-in-managelist " : "", r += "f-section-grid", p.appearance = { class: r }, p.contents = [t], p;
 }
-function on(e, t, d) {
-  const a = e.getSchemaByType("content-container");
-  return a.id = `${t.id}-layout`, a.appearance = { class: "f-grid-is-sub f-utils-flex-column" }, a.contents = [t], a;
+function tn(e, t, f) {
+  const l = e.getSchemaByType("content-container");
+  return l.id = `${t.id}-layout`, l.appearance = { class: "f-grid-is-sub f-utils-flex-column" }, l.contents = [t], l;
 }
-function it(e, t, d) {
-  const r = d.parentComponentInstance.schema.type, y = r === "section" || r === "tab-page";
+function nt(e, t, f) {
+  const u = f.parentComponentInstance.schema.type, s = u === "section" || u === "tab-page";
   t.appearance = { class: "f-component-grid" };
-  const s = (y ? on : tn)(e, t, d);
-  return en(e, s, d);
+  const p = (s ? tn : en)(e, t, f);
+  return Zo(e, p, f);
 }
-const nn = et(tt, ot, nt, it), an = Do(), ln = Oo(), at = Zt(Object.assign({}, tt, { componentId: { type: String, default: "" } }), "columnOption", "commandOption"), rn = et(at, ot, nt, it), sn = Fo();
-class dn extends jo {
-  constructor(t, d) {
-    super(t, d);
+const on = Ze(et, tt, ot, nt), nn = Bo(), an = Do(), it = Xt(Object.assign({}, et, { componentId: { type: String, default: "" } }), "columnOption", "commandOption"), ln = Ze(it, tt, ot, nt), rn = Oo();
+class sn extends Go {
+  constructor(t, f) {
+    super(t, f);
   }
   getPropertyConfig(t) {
-    return this.getBasicPropConfig(t), this.getAppearanceProperties(t), this.propertyConfig.categories.command = To(this).getCommandColumnProperties(t), this.propertyConfig.categories.column = ko().getColumnOptionProperties(t), this.propertyConfig.categories.rowOption = Mo().getRowOptionProperties(t), this.propertyConfig.categories.summary = Vo().getSummaryProperties(t), this.propertyConfig.categories.filter = {
+    return this.getBasicPropConfig(t), this.getAppearanceProperties(t), this.propertyConfig.categories.command = jo(this).getCommandColumnProperties(t), this.propertyConfig.categories.column = To().getColumnOptionProperties(t), this.propertyConfig.categories.rowOption = ko().getRowOptionProperties(t), this.propertyConfig.categories.summary = Mo().getSummaryProperties(t), this.propertyConfig.categories.filter = {
       title: "过滤",
       description: "",
       properties: {
@@ -1521,13 +1518,13 @@ class dn extends jo {
     }, this.getEventPropConfig(t), this.propertyConfig;
   }
   getBasicPropConfig(t) {
-    var c, s, u;
-    const d = (u = (s = (c = this.formSchemaUtils.getFormSchema()) == null ? void 0 : c.module) == null ? void 0 : s.entity[0]) == null ? void 0 : u.entities[0], a = this.assembleSchemaEntityToTree(d, 0), r = this, y = super.getBasicPropConfig(t);
+    var d, p, r;
+    const f = (r = (p = (d = this.formSchemaUtils.getFormSchema()) == null ? void 0 : d.module) == null ? void 0 : p.entity[0]) == null ? void 0 : r.entities[0], l = this.assembleSchemaEntityToTree(f, 0), u = this, s = super.getBasicPropConfig(t);
     this.propertyConfig.categories.basic = {
       description: "Basic Information",
       title: "基本信息",
       properties: {
-        ...y.properties,
+        ...s.properties,
         dataSource: {
           description: "绑定数据源",
           title: "绑定数据源",
@@ -1535,21 +1532,21 @@ class dn extends jo {
             type: "combo-tree",
             textField: "name",
             valueField: "label",
-            data: a,
+            data: l,
             editable: !1
           },
           readonly: !0
         }
       },
-      setPropertyRelates(f, i) {
-        switch (f && f.propertyID) {
+      setPropertyRelates(a, g) {
+        switch (a && a.propertyID) {
           case "dataSource": {
-            const m = r.formSchemaUtils.getViewModelById(r.viewModelId);
+            const m = u.formSchemaUtils.getViewModelById(u.viewModelId);
             if (m) {
-              const D = a.find((P) => P.label === f.propertyValue);
-              m.bindTo = D.bindTo;
+              const O = l.find((c) => c.label === a.propertyValue);
+              m.bindTo = O.bindTo;
             }
-            r.designViewModelUtils.assembleDesignViewModel();
+            u.designViewModelUtils.assembleDesignViewModel();
             break;
           }
         }
@@ -1557,191 +1554,191 @@ class dn extends jo {
     };
   }
   getAppearanceProperties(t) {
-    this.propertyConfig.categories.appearance = Ho().getDataGrid(t, this.viewModelId), this.propertyConfig.categories.rowNumber = xo().getRowNumber(t), this.propertyConfig.categories.pagination = No().getPagination(t, !0);
+    this.propertyConfig.categories.appearance = Vo().getDataGrid(t, this.viewModelId), this.propertyConfig.categories.rowNumber = Ho().getRowNumber(t), this.propertyConfig.categories.pagination = xo().getPagination(t, !0);
   }
   getEventPropConfig(t) {
-    const d = Ao().initEvent(t), a = this, r = a.eventsEditorUtils.formProperties(t, a.viewModelId, d), y = a.createBaseEventProperty(r);
+    const f = No().initEvent(t), l = this, u = l.eventsEditorUtils.formProperties(t, l.viewModelId, f), s = l.createBaseEventProperty(u);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: y,
+      properties: s,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(c, s) {
-        const u = c.propertyValue;
-        delete t[a.viewModelId], u && (u.setPropertyRelates = this.setPropertyRelates, a.eventsEditorUtils.saveRelatedParameters(t, a.viewModelId, u.events, u)), t.remoteSort = !!t.columnSorted, t.command && (t.command.onClickEditCommand = t.onClickEditCommand, t.command.onClickDeleteCommand = t.onClickDeleteCommand, t.command.onHandleAction = t.onHandleAction);
+      setPropertyRelates(d, p) {
+        const r = d.propertyValue;
+        delete t[l.viewModelId], r && (r.setPropertyRelates = this.setPropertyRelates, l.eventsEditorUtils.saveRelatedParameters(t, l.viewModelId, r.events, r)), t.remoteSort = !!t.columnSorted, t.command && (t.command.onClickEditCommand = t.onClickEditCommand, t.command.onClickDeleteCommand = t.onClickDeleteCommand, t.command.onHandleAction = t.onHandleAction);
       }
     };
   }
   /**
    * 将schema实体表组装成树
    */
-  assembleSchemaEntityToTree(t, d, a, r = "", y = []) {
-    const c = r ? `${r}/${t.label}` : "/";
-    return y.push({
+  assembleSchemaEntityToTree(t, f, l, u = "", s = []) {
+    const d = u ? `${u}/${t.label}` : "/";
+    return s.push({
       id: t.id,
       name: t.name,
       label: t.label,
-      layer: d,
-      parent: a && a.id,
-      bindTo: c.replace("//", "/")
-    }), t.type.entities && t.type.entities.length && t.type.entities.map((s) => this.assembleSchemaEntityToTree(s, d + 1, t, c, y)), y;
+      layer: f,
+      parent: l && l.id,
+      bindTo: d.replace("//", "/")
+    }), t.type.entities && t.type.entities.length && t.type.entities.map((p) => this.assembleSchemaEntityToTree(p, f + 1, t, d, s)), s;
   }
 }
-function cn(e, t) {
-  const d = e.schema, a = C(!0), r = C(!0);
-  function y(m) {
+function dn(e, t) {
+  const f = e.schema, l = C(!0), u = C(!0);
+  function s(m) {
     return m && m.sourceType === "control" ? m.componentCategory === "input" : !1;
   }
-  function c() {
+  function d() {
     return !1;
   }
-  function s() {
+  function p() {
     return !1;
   }
-  function u() {
+  function r() {
     return !0;
   }
-  function f(m) {
-    return new dn(m, t).getPropertyConfig(d);
+  function a(m) {
+    return new sn(m, t).getPropertyConfig(f);
   }
-  function i() {
-    var m, D, P, p;
+  function g() {
+    var m, O, c, B;
     if (e && t) {
-      const B = (m = e == null ? void 0 : e.componentInstance) == null ? void 0 : m.value.belongedComponentId;
-      let O = "", V = "";
-      const { formSchemaUtils: H } = t;
-      if (B) {
-        const b = H.getRootViewModelId(), W = H.getComponentByViewModelId(b), g = H.selectNode(W, (l) => l.contents && l.contents.find((U) => U.component === B));
-        (g == null ? void 0 : g.type) === ((D = Be["tab-page"]) == null ? void 0 : D.type) && ((P = g == null ? void 0 : g.contents) != null && P.length) && (O = g.title || ""), (g == null ? void 0 : g.type) === ((p = Be.section) == null ? void 0 : p.type) && (g == null ? void 0 : g.showHeader) !== !1 && (O = g.mainTitle || ""), O = O ? `${O} > ` : "", V = O ? g.id : "";
+      const E = (m = e == null ? void 0 : e.componentInstance) == null ? void 0 : m.value.belongedComponentId;
+      let w = "", H = "";
+      const { formSchemaUtils: S } = t;
+      if (E) {
+        const z = S.getRootViewModelId(), k = S.getComponentByViewModelId(z), i = S.selectNode(k, (W) => W.contents && W.contents.find((y) => y.component === E));
+        (i == null ? void 0 : i.type) === ((O = Re["tab-page"]) == null ? void 0 : O.type) && ((c = i == null ? void 0 : i.contents) != null && c.length) && (w = i.title || ""), (i == null ? void 0 : i.type) === ((B = Re.section) == null ? void 0 : B.type) && (i == null ? void 0 : i.showHeader) !== !1 && (w = i.mainTitle || ""), w = w ? `${w} > ` : "", H = w ? i.id : "";
       }
-      const T = Be["tree-grid"].name;
+      const D = Re["tree-grid"].name;
       t == null || t.formSchemaUtils.getControlBasicInfoMap().set(e.schema.id, {
-        componentTitle: T,
-        parentPathName: `${O}${T}`,
-        reliedComponentId: V
+        componentTitle: D,
+        parentPathName: `${w}${D}`,
+        reliedComponentId: H
       });
     }
   }
   return {
-    canAccepts: y,
-    checkCanDeleteComponent: c,
-    checkCanMoveComponent: s,
-    hideNestedPaddingInDesginerView: u,
-    triggerBelongedComponentToMoveWhenMoved: a,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: f,
-    setComponentBasicInfoMap: i
+    canAccepts: s,
+    checkCanDeleteComponent: d,
+    checkCanMoveComponent: p,
+    hideNestedPaddingInDesginerView: r,
+    triggerBelongedComponentToMoveWhenMoved: l,
+    triggerBelongedComponentToDeleteWhenDeleted: u,
+    getPropsConfig: a,
+    setComponentBasicInfoMap: g
   };
 }
-const Ce = /* @__PURE__ */ ke({
+const ge = /* @__PURE__ */ Te({
   name: "FTreeGridDesign",
-  props: at,
+  props: it,
   emits: [],
   setup(e, t) {
-    var ge, pe;
-    const d = C(), a = 0, r = C(((ge = e.rowOption) == null ? void 0 : ge.height) || 28), y = C(!1), c = C(20), s = C(e.columns), u = xe(e), f = C(), i = C(), m = C([]), D = C(!1), P = C(((pe = e.rowOption) == null ? void 0 : pe.wrapContent) || !1), p = Te("designer-host-service"), B = Te("design-item-context"), O = cn(B, p), V = Go(d, B, O);
-    V.value.designerClass = "f-utils-fill-flex-column";
-    const H = Ne(e, t), T = Ae(e), b = Ee(e, /* @__PURE__ */ new Map(), H, T, u), W = ze(e, b, u, m, t), g = M(() => b.dataView.value.length), {
-      containerStyleObject: l
-    } = We(e), U = _e(e), {
-      applyCommands: v
-    } = U;
-    v(s);
-    const A = Eo(e), {
-      applyColumnSorter: le,
-      columnContext: F,
-      updateColumnRenderContext: re
-    } = A, x = $e(e), Q = Le(e, F), X = Ue(e, t, W, u), w = qe(e, t, u, X, m), Z = Ye(e, b, r), ee = Je(e, w, Z), E = Ke(e, b, w, T, u, Z, ee, r), te = zo(e, s, b, g, a, E), {
+    var ye, ce;
+    const f = C(), l = 0, u = ((ye = e.rowOption) == null ? void 0 : ye.height) || 28, s = C(20), d = C(e.columns), p = He(e), r = C(), a = C(), g = C([]), m = C(!1), O = C(((ce = e.rowOption) == null ? void 0 : ce.wrapContent) || !1), c = je("designer-host-service"), B = je("design-item-context"), E = dn(B, c), w = Po(f, B, E);
+    w.value.designerClass = "f-utils-fill-flex-column";
+    const H = xe(e, t), S = Ne(e), D = Ae(e, /* @__PURE__ */ new Map(), H, S, p), z = Ee(e, D, p, g, t), k = T(() => D.dataView.value.length), {
+      containerStyleObject: i
+    } = ze(e), W = We(e), {
+      applyCommands: y
+    } = W;
+    y(d);
+    const x = Ao(e), {
+      applyColumnSorter: U,
+      columnContext: G,
+      updateColumnRenderContext: ae
+    } = x, M = _e(e), Q = $e(e, G), h = Le(e, t, z, p), X = Ue(e, t, p, h, g), Z = qe(e), N = Ye(e, X, Z), ee = Je(e, D, X, S, p, Z, N), fe = Eo(e, d, D, k, l, ee), {
       getVisualData: _
-    } = te, se = Qe(e, W), {
-      sidebarWidth: ye
-    } = se;
-    m.value = _(0, g.value + a - 1);
-    const $ = Xe(e, b, m, F, te, g, a, ye, r, y), {
-      onWheel: ve,
-      dataGridWidth: oe,
-      viewPortHeight: z,
-      viewPortWidth: N,
-      updateVisibleRowsOnLatestVisibleScope: de
-    } = $, he = Wo(e, F, f, N, Q), {
-      calculateColumnsSize: ne
-    } = he, ce = M(() => ({
+    } = fe, le = Ke(e, z), {
+      sidebarWidth: me
+    } = le;
+    g.value = _(0, k.value + l - 1);
+    const $ = Qe(e, D, g, G, fe, k, l, me), {
+      onWheel: Ce,
+      dataGridWidth: te,
+      viewPortHeight: A,
+      viewPortWidth: V,
+      updateVisibleRowsOnLatestVisibleScope: re
+    } = $, ve = zo(e, G, r, V, Q), {
+      calculateColumnsSize: oe
+    } = ve, se = T(() => ({
       "drag-container": !0,
       "fv-grid": !0,
       "fv-grid-bordered": e.showBorder,
       "fv-datagrid-strip": e.showStripe
-    })), ie = M(() => ({
+    })), ne = T(() => ({
       "fv-grid-content": !0,
-      "fv-grid-content-hover": D.value,
-      "fv-grid-wrap-content": P.value
+      "fv-grid-content-hover": m.value,
+      "fv-grid-wrap-content": O.value
     })), {
-      renderGridHeader: be
-    } = Po(B, e, A, $, "tree-grid-column"), {
-      renderHorizontalScrollbar: ue
-    } = Ze(e, f, $);
-    function we() {
-      var q, ae;
-      const k = Math.ceil(f.value.clientHeight / r.value);
-      k > c.value && (c.value = k, de()), z.value = ((q = i.value) == null ? void 0 : q.clientHeight) || 0, oe.value = ((ae = f.value) == null ? void 0 : ae.clientWidth) || 0, ne();
+      renderGridHeader: he
+    } = Fo(B, e, x, $, "tree-grid-column"), {
+      renderHorizontalScrollbar: de
+    } = Xe(e, r, $);
+    function be() {
+      var q, ie;
+      const j = Math.ceil(r.value.clientHeight / u);
+      j > s.value && (s.value = j, re()), A.value = ((q = a.value) == null ? void 0 : q.clientHeight) || 0, te.value = ((ie = r.value) == null ? void 0 : ie.clientWidth) || 0, oe();
     }
-    Me(() => {
-      d.value.componentInstance = V, f.value && (c.value = Math.max(Math.ceil(f.value.clientHeight / r.value), c.value), m.value = _(0, g.value + a - 1), He(f.value, we), ne(), Ve(() => {
-        f.value && (oe.value = f.value.clientWidth), i.value && (N.value = i.value.clientWidth, z.value = i.value.clientHeight);
+    ke(() => {
+      f.value.componentInstance = w, r.value && (s.value = Math.max(Math.ceil(r.value.clientHeight / u), s.value), g.value = _(0, k.value + l - 1), Ve(r.value, be), oe(), Me(() => {
+        r.value && (te.value = r.value.clientWidth), a.value && (V.value = a.value.clientWidth, A.value = a.value.clientHeight);
       }));
     });
-    function I(k) {
-      k && (s.value = k, v(s), re(s.value), le(b, x), ne());
+    function I(j) {
+      j && (d.value = j, y(d), ae(d.value), U(D, M), oe());
     }
-    return me(() => e.columns, (k) => {
-      I(k);
-    }), me(N, () => {
-      f.value && ne();
-    }), t.expose(V.value), () => j("div", {
-      ref: d,
-      class: ce.value,
-      style: l.value,
-      onWheel: ve,
-      dragref: `${B.schema.id}-container`
-    }, [f.value && be(), j("div", {
+    return pe(() => e.columns, (j) => {
+      I(j);
+    }), pe(V, () => {
+      r.value && oe();
+    }), t.expose(w.value), () => P("div", {
       ref: f,
-      class: ie.value,
+      class: se.value,
+      style: i.value,
+      onWheel: Ce,
+      dragref: `${B.schema.id}-container`
+    }, [r.value && he(), P("div", {
+      ref: r,
+      class: ne.value,
       onMouseover: () => {
-        D.value = !0;
+        m.value = !0;
       },
       onMouseleave: () => {
-        D.value = !1;
+        m.value = !1;
       }
-    }, [ue()])]);
+    }, [de()])]);
   }
 });
-Ce.register = (e, t, d, a) => {
-  e["tree-grid"] = Lo, t["tree-grid"] = nn, a["tree-grid"] = { bindingResolver: ln, selectionItemResolver: an, updateColumnsResolver: sn };
+ge.register = (e, t, f, l) => {
+  e["tree-grid"] = $o, t["tree-grid"] = on, l["tree-grid"] = { bindingResolver: an, selectionItemResolver: nn, updateColumnsResolver: rn };
 };
-Ce.registerDesigner = (e, t, d) => {
-  e["tree-grid"] = Ce, t["tree-grid"] = rn;
+ge.registerDesigner = (e, t, f) => {
+  e["tree-grid"] = ge, t["tree-grid"] = ln;
 };
-const Mn = eo(Ce);
+const kn = Zt(ge);
 export {
-  Ce as FTreeGridDesign,
-  ln as bindingResolver,
-  jn as columnOptions,
-  Mn as default,
-  rn as designPropsResolver,
-  Tn as editOptions,
-  On as filterOptions,
-  Dn as groupOptions,
-  Fn as headerOptions,
-  kn as loadingOptions,
-  Rn as paginationOptions,
-  nn as propsResolver,
-  Pn as rowOptions,
-  an as selectionItemResolver,
-  Bn as sortOptions,
-  Gn as summaryOptions,
-  at as treeGridDesignProps,
-  _o as treeGridProps,
-  sn as updateColumnsResolver
+  ge as FTreeGridDesign,
+  an as bindingResolver,
+  Gn as columnOptions,
+  kn as default,
+  ln as designPropsResolver,
+  jn as editOptions,
+  Dn as filterOptions,
+  Bn as groupOptions,
+  On as headerOptions,
+  Tn as loadingOptions,
+  In as paginationOptions,
+  on as propsResolver,
+  Fn as rowOptions,
+  nn as selectionItemResolver,
+  Rn as sortOptions,
+  Pn as summaryOptions,
+  it as treeGridDesignProps,
+  Wo as treeGridProps,
+  rn as updateColumnsResolver
 };