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

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

@@ -1,14 +1,640 @@
-import { excludeProperties as Ce, withInstall as he } from "../../components/common/index.esm.js";
-import we, { treeGridProps as K } from "../../components/tree-grid/index.esm.js";
-import { ref as y, defineComponent as ve, inject as L, computed as k, onMounted as Se, nextTick as Be, watch as q, createVNode as J } from "vue";
-import { useResizeObserver as Oe } from "@vueuse/core";
-import { resolveAppearance as Pe, createPropsResolver as Q, createTreeGridSelectionItemResolver as Re, createTreeGridBindingResolver as je, createDataViewUpdateColumnsResolver as Ie } from "../../components/dynamic-resolver/index.esm.js";
-import { useIdentify as Fe, useFilter as Ge, useHierarchy as Te, useDataView as ke, useSelection as Me, useDataViewContainerStyle as De, useCommandColumn as Ve, useSort as Ae, useGroupColumn as Ne, useRow as Ee, useEdit as He, useVisualDataBound as ze, useVisualDataCell as We, useVisualDataRow as $e, useSidebar as Ue, useVirtualScroll as xe, getHorizontalScrollbar as Le } from "../../components/data-view/index.esm.js";
-import { getColumnHeader as qe } from "../data-grid/index.esm.js";
-import { DgControl as M, useDesignerComponent as Je } from "../../components/designer-canvas/index.esm.js";
-import { BaseControlProperty as Ke } from "../../components/property-panel/index.esm.js";
-import { useCommandOption as Qe, useColumnOption as Xe, useRowOption as Ye, useSummary as Ze, useAppearance as _e, useRowNumber as et, usePagination as tt, useDataGridEvent as ot, useDesignerColumn as nt, useDesignerVisualData as it, useDesignerFitColumn as at } from "../data-view/index.esm.js";
-const lt = "https://json-schema.org/draft/2020-12/schema", st = "https://farris-design.gitee.io/tree-grid.schema.json", rt = "tree-grid", dt = "A Farris Data Grid Component", pt = "object", ct = {
+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 { 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 = {
+  /** 启用分页 */
+  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 }
+}, Bn = {
+  /** 启用排序 */
+  enable: { type: Boolean, default: !1 },
+  /** 排序字段集合 */
+  fields: { type: Array, default: [] },
+  /** 排序交互模式 */
+  mode: { type: String, default: "client" },
+  /** 多列排序 */
+  multiSort: { type: Boolean, default: !1 }
+}, Dn = {
+  /** 自定义分组合计内容 */
+  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: [] },
+  /** 在DataGrid中显示被分组的列 */
+  showGroupedColumn: { type: Boolean, default: !0 },
+  /** 显示分组面板 */
+  showGroupPanel: { type: Boolean, default: !1 },
+  /** 启用合计行 */
+  showSummary: { type: Boolean, default: !1 },
+  /** 显示合计行位置； */
+  summaryPosition: { type: String, default: "separate" }
+}, On = {
+  /** 启用筛选 */
+  enable: { type: Boolean, default: !1 },
+  /** DataGrid筛选风格 */
+  filterStyle: { type: String, default: "filter-column" },
+  /** 筛选交互模式 */
+  mode: { type: String, default: "server" },
+  /** 显示过滤条件工具条 */
+  showSummary: { type: Boolean, default: !0 }
+}, Fn = {
+  /** 允许折行显示列标题 */
+  wrapHeadings: { type: Boolean, default: !1 }
+}, Pn = {
+  /** 自定义行样式 */
+  customRowStyle: { type: Function, default: () => {
+  } },
+  customCellStyle: { type: Function, default: () => {
+  } },
+  /** 禁止行选中表达式 */
+  disable: { type: Function, default: () => {
+  } },
+  /** 默认行高度为 29px */
+  height: { type: Number, default: 28 },
+  /** 鼠标滑过行效果 */
+  showHovering: { type: Boolean, default: !0 },
+  /** 禁止数据折行 */
+  wrapContent: { type: Boolean, default: !1 }
+}, Gn = {
+  /** 显示合计信息 */
+  enable: { type: Boolean, default: !1 },
+  /** 合计行自定义样式，对启用合计行模板无效 */
+  customSummaryStyle: { type: Function, default: () => {
+  } },
+  /** 分组合计字段 */
+  groupFields: { type: Array, default: [] },
+  /** 合计交互模式 */
+  mode: { type: String, default: "client" },
+  /** 合计行显示位置， top: 顶部 bottom: 底部， both: 顶部与底部同时显示 */
+  position: { type: String, default: "bottom" }
+}, jn = {
+  /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
+  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 }
+}, Tn = {
+  /** 编辑时选中文本 */
+  selectOnEditing: { type: Boolean, default: !1 },
+  /** 编辑模式； row：整行编辑，cell: 单元格编辑 */
+  editMode: { type: String, default: "cell" }
+}, kn = {
+  /** show loading */
+  show: { type: Boolean, default: !1 },
+  /** message on display when loading */
+  message: { type: String, default: `${no.getLocaleValue("datagrid.loadingMessage")}...` }
+}, _o = {
+  /** 自定义样式 */
+  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"
+    }
+  },
+  /** DataGrid组件唯一标识 */
+  id: { type: String, default: "" },
+  /** 被绑定数据的标识字段 */
+  idField: { type: String, default: "id", require: !0 },
+  /** async loading data */
+  loadData: { type: Function },
+  // 是否展示 loading
+  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 },
+  /** 是否可见, 为了适配低代码表单，该属性不应该属于表格组件的行为 */
+  /** 复选框位置 */
+  checkboxPosition: { type: String, default: "after-expand" }
+};
+function $o(e, t, d, a, r, y, c, s, u, f, i, m, D, P, p, B, O, V, H) {
+  const {
+    calculateCellPositionInRow: T
+  } = y, {
+    columnContext: b,
+    hasLeftFixedColumn: W,
+    hasRightFixedColumn: g
+  } = 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));
+  }
+  function re() {
+    return j("div", {
+      ref: a,
+      class: "fv-grid-content-left-fixed"
+    }, [j("div", {
+      class: "fv-grid-data",
+      style: U.value
+    }, [F(b.value.leftColumns.filter((w) => w.visible), "left")])]);
+  }
+  function x() {
+    return j("div", {
+      ref: d,
+      class: "fv-grid-content-primary"
+    }, [j("div", {
+      class: "fv-grid-data",
+      style: l.value
+    }, [F(b.value.primaryColumns.filter((w) => w.visible), "primary")])]);
+  }
+  function Q() {
+    return j("div", {
+      ref: r,
+      class: "fv-grid-content-right-fixed"
+    }, [j("div", {
+      class: "fv-grid-data",
+      style: v.value
+    }, [F(b.value.rightColumns.filter((w) => w.visible), "right")])]);
+  }
+  function X() {
+    const w = [];
+    return W.value && w.push(re()), w.push(x()), g.value && w.push(Q()), w;
+  }
+  return {
+    renderDataArea: X
+  };
+}
+const Lo = /* @__PURE__ */ ke({
+  name: "FTreeGrid",
+  props: _o,
+  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
+    } = Q, {
+      containerStyleObject: w
+    } = We(e), Z = _e(e), {
+      applyCommands: ee
+    } = Z;
+    ee(c);
+    const {
+      applyColumnSetting: E,
+      removeColumnSetting: te
+    } = co(e);
+    e.showSetting && E(c);
+    const _ = uo(e, t), se = $e(e), {
+      applyColumnSorter: ye,
+      columnContext: $,
+      updateColumnRenderContext: ve
+    } = _;
+    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,
+      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(() => {
+      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(() => ({
+      "fv-grid-content": !0,
+      "fv-grid-content-hover": B.value,
+      "fv-grid-wrap-content": O.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;
+      }
+      i.value && (i.value.clientHeight > 0 || i.value.clientWidth > 0) && fe();
+    }
+    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();
+    });
+    function bt(o) {
+      l.collapseTo(o), l.reOrderVisibleIndex(), ae();
+    }
+    function wt(o) {
+      l.expandTo(o), l.reOrderVisibleIndex(), ae();
+    }
+    function Se() {
+      const o = v.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 It() {
+      const o = Se();
+      l.insertNewChildDataItem(o), p.value = ie(0, x.value + a - 1);
+    }
+    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 Bt() {
+      const o = Se(), n = F.getNextSelectableHierarchyItemId(o);
+      l.removeHierarchyDataItem(o), p.value = ie(0, x.value + a - 1), n && F.selectItemById(n);
+    }
+    function Dt(o) {
+      N.onEditingRow(o);
+    }
+    function Ot(o) {
+      N.acceptEditingRow(o);
+    }
+    function Ft(o) {
+      N.cancelEditingRow(o);
+    }
+    function Ie(o) {
+      o && (c.value = o, ee(c), ve(c.value), ye(l, se), fe());
+    }
+    me(() => e.columns, (o) => {
+      Ie(o);
+    });
+    function Pt(o, n) {
+      o && (l.load(o), l.reOrderVisibleIndex(), n != null && n.keepScrollPosition ? I.scrollTo(I.offsetY.value) : ae());
+    }
+    function Re(o) {
+      z.activeRowById(o);
+    }
+    function Gt(o, n = {
+      isCurrent: !0
+    }) {
+      n != null && n.isCurrent && Re(o), F.selectItemById(o);
+    }
+    function jt(o) {
+      const n = p.value.find((h) => h.raw[s.idField.value] === o);
+      n && z.clickRowItem(n);
+    }
+    function Tt(o) {
+      F.selectItemByIds(o);
+    }
+    function kt() {
+      return v.getSelectedItems();
+    }
+    function Fe() {
+      v.clearSelection();
+    }
+    function Mt() {
+      v.emptyCurrentRowId();
+    }
+    const Vt = M(() => !p.value || !p.value.length), {
+      renderEmpty: Ht
+    } = So(e, t);
+    function xt() {
+      return v.getSelectionRow();
+    }
+    function Nt(o, n = {
+      clearCurrent: !0
+    }) {
+      n != null && n.clearCurrent && Re(""), F.unSelectItemByIds(o);
+    }
+    function At() {
+      return v.currentSelectedDataId.value;
+    }
+    function Et(o, n, h) {
+      const R = U.value.find((G) => G[u.value] === o);
+      if (R) {
+        if (Object.keys(R).forEach((S) => {
+          Object.prototype.hasOwnProperty.call(n, S) && (R[S] = n[S]);
+        }), h) {
+          const {
+            collapseField: S,
+            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]);
+        }
+        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 {
+              collapseField: S,
+              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]);
+          }
+          p.value = [...p.value.slice(0, je), G, ...p.value.slice(je + 1)], l.updateSummary();
+        }
+      }
+    }
+    function zt(o) {
+      return Object.prototype.hasOwnProperty.call(o, "raw") ? l.hasRealChildren(o.raw) : l.hasRealChildren(o);
+    }
+    function Wt(o) {
+      const n = l.dataView.value.find((h) => h[u.value] === o);
+      return n ? n[b.value] : "";
+    }
+    function _t() {
+      return b.value;
+    }
+    me(() => e.showSetting, (o, n) => {
+      o !== n && (o ? E(c) : te(c), Ie(c.value));
+    });
+    function $t(o) {
+      return p.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 Ut() {
+      v.keepSelectingOnPaging.value || Fe(), l.updateVisibleDataSummary(p.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
+    });
+    const qt = M(() => {
+      const o = {};
+      return I.shouldShowHorizontalScrollbar.value && (o.paddingBottom = "10px"), I.shouldShowVirticalScrollbar.value && (o.paddingRight = "10px"), o;
+    }), Yt = M(() => ({
+      ...w.value,
+      borderRadius: "5px"
+    })), {
+      renderDataGridPagination: un
+    } = Io(e, t, l, I, Q, v), Jt = M(() => ({
+      "d-flex": !0,
+      "justify-content-between": X.value && A.value,
+      "justify-content-end": X.value && !A.value,
+      "position-relative": !0
+    })), Kt = M(() => ({
+      "d-flex": !0,
+      "align-items-center": !0
+    })), {
+      renderDataGridSummary: Qt
+    } = Ro(e, l, _);
+    return () => j("div", {
+      ref: f,
+      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);
+      },
+      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", {
+      class: Jt.value
+    }, [A.value && j("div", {
+      class: Kt.value
+    }, [j("div", null, ["已选：" + le.value.length, oo(" 条")])])]), ft(), re.value && gt()]);
+  }
+}), 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 = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -820,63 +1446,63 @@ const lt = "https://json-schema.org/draft/2020-12/schema", st = "https://farris-
     type: "string",
     default: ""
   }
-}, ut = [
+}, Xo = [
   "id",
   "type",
   "columns"
-], ft = {
+], Zo = {
   onSelectionChange: "行切换事件",
   onClickRow: "行点击事件",
   onDoubleClickRow: "行双击事件",
   onFilterChanged: "过滤事件",
   onClickEditCommand: "操作列编辑事件",
   onClickDeleteCommand: "操作列删除事件"
-}, X = {
-  $schema: lt,
-  $id: st,
-  title: rt,
-  description: dt,
-  type: pt,
-  properties: ct,
-  required: ut,
-  events: ft
-}, Y = /* @__PURE__ */ new Map([
-  ["appearance", Pe],
+}, ot = {
+  $schema: Uo,
+  $id: qo,
+  title: Yo,
+  description: Jo,
+  type: Ko,
+  properties: Qo,
+  required: Xo,
+  events: Zo
+}, nt = /* @__PURE__ */ new Map([
+  ["appearance", Bo],
   ["column", "columnOption"],
   ["command", "commandOption"]
 ]);
-function yt(t, e, i) {
-  var d;
-  const o = i.parentComponentInstance, a = o.schema.type, s = String(((d = o.schema.appearance) == null ? void 0 : d.class) || "").split(" "), r = a === "section" || a === "tab-page", l = s.includes("f-page-content-nav"), n = s.includes("f-page-main"), c = t.getSchemaByType("component");
-  c.id = `${e.id}-component`, c.componentType = "data-grid";
-  let u = "";
-  return u += r ? "f-struct-data-grid-in-card f-struct-is-subgrid" : "", u += l ? "f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column" : "", u += n ? "f-struct-data-grid f-struct-wrapper" : "", c.appearance = {
-    class: u
-  }, c.contents = [e], c;
+function en(e, t, d) {
+  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;
 }
-function mt(t, e, i) {
-  const o = i.parentComponentInstance, a = String(o.schema.appearance.class || "").split(" "), s = a.includes("f-page-content-nav"), r = a.includes("f-page-main"), l = t.getSchemaByType("section");
-  l.id = `${e.id}-section`;
-  let n = "";
-  return n += s ? "f-section-in-nav " : "", n += r ? "f-section-in-managelist " : "", n += "f-section-grid", l.appearance = { class: n }, l.contents = [e], l;
+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 gt(t, e, i) {
-  const o = t.getSchemaByType("content-container");
-  return o.id = `${e.id}-layout`, o.appearance = { class: "f-grid-is-sub f-utils-flex-column" }, o.contents = [e], o;
+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 Z(t, e, i) {
-  const a = i.parentComponentInstance.schema.type, s = a === "section" || a === "tab-page";
-  e.appearance = { class: "f-component-grid" };
-  const l = (s ? gt : mt)(t, e, i);
-  return yt(t, l, i);
+function it(e, t, d) {
+  const r = d.parentComponentInstance.schema.type, y = r === "section" || r === "tab-page";
+  t.appearance = { class: "f-component-grid" };
+  const s = (y ? on : tn)(e, t, d);
+  return en(e, s, d);
 }
-const bt = Q(K, X, Y, Z), Ct = Re(), ht = je(), _ = Ce(Object.assign({}, K, { componentId: { type: String, default: "" } }), "columnOption", "commandOption"), wt = Q(_, X, Y, Z), vt = Ie();
-class St extends Ke {
-  constructor(e, i) {
-    super(e, i);
+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);
   }
-  getPropertyConfig(e) {
-    return this.getBasicPropConfig(e), this.getAppearanceProperties(e), this.propertyConfig.categories.command = Qe(this).getCommandColumnProperties(e), this.propertyConfig.categories.column = Xe().getColumnOptionProperties(e), this.propertyConfig.categories.rowOption = Ye().getRowOptionProperties(e), this.propertyConfig.categories.summary = Ze().getSummaryProperties(e), this.propertyConfig.categories.filter = {
+  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 = {
       title: "过滤",
       description: "",
       properties: {
@@ -892,16 +1518,16 @@ class St extends Ke {
           }
         }
       }
-    }, this.getEventPropConfig(e), this.propertyConfig;
+    }, this.getEventPropConfig(t), this.propertyConfig;
   }
-  getBasicPropConfig(e) {
-    var r, l, n;
-    const i = (n = (l = (r = this.formSchemaUtils.getFormSchema()) == null ? void 0 : r.module) == null ? void 0 : l.entity[0]) == null ? void 0 : n.entities[0], o = this.assembleSchemaEntityToTree(i, 0), a = this, s = super.getBasicPropConfig(e);
+  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);
     this.propertyConfig.categories.basic = {
       description: "Basic Information",
       title: "基本信息",
       properties: {
-        ...s.properties,
+        ...y.properties,
         dataSource: {
           description: "绑定数据源",
           title: "绑定数据源",
@@ -909,478 +1535,213 @@ class St extends Ke {
             type: "combo-tree",
             textField: "name",
             valueField: "label",
-            data: o,
+            data: a,
             editable: !1
           },
           readonly: !0
         }
       },
-      setPropertyRelates(c, u) {
-        switch (c && c.propertyID) {
+      setPropertyRelates(f, i) {
+        switch (f && f.propertyID) {
           case "dataSource": {
-            const d = a.formSchemaUtils.getViewModelById(a.viewModelId);
-            if (d) {
-              const b = o.find((h) => h.label === c.propertyValue);
-              d.bindTo = b.bindTo;
+            const m = r.formSchemaUtils.getViewModelById(r.viewModelId);
+            if (m) {
+              const D = a.find((P) => P.label === f.propertyValue);
+              m.bindTo = D.bindTo;
             }
-            a.designViewModelUtils.assembleDesignViewModel();
+            r.designViewModelUtils.assembleDesignViewModel();
             break;
           }
         }
       }
     };
   }
-  getAppearanceProperties(e) {
-    this.propertyConfig.categories.appearance = _e().getDataGrid(e, this.viewModelId), this.propertyConfig.categories.rowNumber = et().getRowNumber(e), this.propertyConfig.categories.pagination = tt().getPagination(e, !0);
+  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);
   }
-  getEventPropConfig(e) {
-    const i = ot().initEvent(e), o = this, a = o.eventsEditorUtils.formProperties(e, o.viewModelId, i), s = o.createBaseEventProperty(a);
+  getEventPropConfig(t) {
+    const d = Ao().initEvent(t), a = this, r = a.eventsEditorUtils.formProperties(t, a.viewModelId, d), y = a.createBaseEventProperty(r);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: s,
+      properties: y,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(r, l) {
-        const n = r.propertyValue;
-        delete e[o.viewModelId], n && (n.setPropertyRelates = this.setPropertyRelates, o.eventsEditorUtils.saveRelatedParameters(e, o.viewModelId, n.events, n)), e.remoteSort = !!e.columnSorted, e.command && (e.command.onClickEditCommand = e.onClickEditCommand, e.command.onClickDeleteCommand = e.onClickDeleteCommand, e.command.onHandleAction = e.onHandleAction);
+      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);
       }
     };
   }
   /**
    * 将schema实体表组装成树
    */
-  assembleSchemaEntityToTree(e, i, o, a = "", s = []) {
-    const r = a ? `${a}/${e.label}` : "/";
-    return s.push({
-      id: e.id,
-      name: e.name,
-      label: e.label,
-      layer: i,
-      parent: o && o.id,
-      bindTo: r.replace("//", "/")
-    }), e.type.entities && e.type.entities.length && e.type.entities.map((l) => this.assembleSchemaEntityToTree(l, i + 1, e, r, s)), s;
+  assembleSchemaEntityToTree(t, d, a, r = "", y = []) {
+    const c = r ? `${r}/${t.label}` : "/";
+    return y.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;
   }
 }
-function Bt(t, e) {
-  const i = t.schema, o = y(!0), a = y(!0);
-  function s(d) {
-    return d && d.sourceType === "control" ? d.componentCategory === "input" : !1;
+function cn(e, t) {
+  const d = e.schema, a = C(!0), r = C(!0);
+  function y(m) {
+    return m && m.sourceType === "control" ? m.componentCategory === "input" : !1;
   }
-  function r() {
+  function c() {
     return !1;
   }
-  function l() {
+  function s() {
     return !1;
   }
-  function n() {
+  function u() {
     return !0;
   }
-  function c(d) {
-    return new St(d, e).getPropertyConfig(i);
+  function f(m) {
+    return new dn(m, t).getPropertyConfig(d);
   }
-  function u() {
-    var d, b, h, C;
-    if (t && e) {
-      const S = (d = t == null ? void 0 : t.componentInstance) == null ? void 0 : d.value.belongedComponentId;
-      let f = "", B = "";
-      const { formSchemaUtils: w } = e;
-      if (S) {
-        const O = w.getRootViewModelId(), v = w.getComponentByViewModelId(O), p = w.selectNode(v, (P) => P.contents && P.contents.find((R) => R.component === S));
-        (p == null ? void 0 : p.type) === ((b = M["tab-page"]) == null ? void 0 : b.type) && ((h = p == null ? void 0 : p.contents) != null && h.length) && (f = p.title || ""), (p == null ? void 0 : p.type) === ((C = M.section) == null ? void 0 : C.type) && (p == null ? void 0 : p.showHeader) !== !1 && (f = p.mainTitle || ""), f = f ? `${f} > ` : "", B = f ? p.id : "";
+  function i() {
+    var m, D, P, p;
+    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 m = M["tree-grid"].name;
-      e == null || e.formSchemaUtils.getControlBasicInfoMap().set(t.schema.id, {
-        componentTitle: m,
-        parentPathName: `${f}${m}`,
-        reliedComponentId: B
+      const T = Be["tree-grid"].name;
+      t == null || t.formSchemaUtils.getControlBasicInfoMap().set(e.schema.id, {
+        componentTitle: T,
+        parentPathName: `${O}${T}`,
+        reliedComponentId: V
       });
     }
   }
   return {
-    canAccepts: s,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: l,
-    hideNestedPaddingInDesginerView: n,
-    triggerBelongedComponentToMoveWhenMoved: o,
-    triggerBelongedComponentToDeleteWhenDeleted: a,
-    getPropsConfig: c,
-    setComponentBasicInfoMap: u
+    canAccepts: y,
+    checkCanDeleteComponent: c,
+    checkCanMoveComponent: s,
+    hideNestedPaddingInDesginerView: u,
+    triggerBelongedComponentToMoveWhenMoved: a,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
+    getPropsConfig: f,
+    setComponentBasicInfoMap: i
   };
 }
-const I = /* @__PURE__ */ ve({
+const Ce = /* @__PURE__ */ ke({
   name: "FTreeGridDesign",
-  props: _,
+  props: at,
   emits: [],
-  setup(t, e) {
-    var W, $;
-    const i = y(), o = 0, a = ((W = t.rowOption) == null ? void 0 : W.height) || 28, s = y(20), r = y(t.columns), l = Fe(t), n = y(), c = y(), u = y([]), d = y(!1), b = y((($ = t.rowOption) == null ? void 0 : $.wrapContent) || !1), h = L("designer-host-service"), C = L("design-item-context"), S = Bt(C, h), f = Je(i, C, S);
-    f.value.designerClass = "f-utils-fill-flex-column";
-    const B = Ge(t, e), w = Te(t), m = ke(t, /* @__PURE__ */ new Map(), B, w, l), O = Me(t, m, l, u, e), v = k(() => m.dataView.value.length), {
-      containerStyleObject: p
-    } = De(t), P = Ve(t), {
-      applyCommands: R
-    } = P;
-    R(r);
-    const D = nt(t), {
-      applyColumnSorter: ee,
+  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: te
-    } = D, oe = Ae(t), ne = Ne(t, F), ie = Ee(t, e, O, l), V = He(t, e, l, ie, u), A = ze(t), ae = We(t, V, A), le = $e(t, m, V, w, l, A, ae), N = it(t, r, m, v, o, le), {
-      getVisualData: E
-    } = N, se = Ue(t, O), {
-      sidebarWidth: re
+      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), {
+      getVisualData: _
+    } = te, se = Qe(e, W), {
+      sidebarWidth: ye
     } = se;
-    u.value = E(0, v.value + o - 1);
-    const G = xe(t, m, u, F, N, v, o, re), {
-      onWheel: de,
-      dataGridWidth: H,
+    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: T,
-      updateVisibleRowsOnLatestVisibleScope: pe
-    } = G, ce = at(t, F, n, T, ne), {
-      calculateColumnsSize: j
-    } = ce, ue = k(() => ({
+      viewPortWidth: N,
+      updateVisibleRowsOnLatestVisibleScope: de
+    } = $, he = Wo(e, F, f, N, Q), {
+      calculateColumnsSize: ne
+    } = he, ce = M(() => ({
       "drag-container": !0,
       "fv-grid": !0,
-      "fv-grid-bordered": t.showBorder,
-      "fv-datagrid-strip": t.showStripe
-    })), fe = k(() => ({
+      "fv-grid-bordered": e.showBorder,
+      "fv-datagrid-strip": e.showStripe
+    })), ie = M(() => ({
       "fv-grid-content": !0,
-      "fv-grid-content-hover": d.value,
-      "fv-grid-wrap-content": b.value
+      "fv-grid-content-hover": D.value,
+      "fv-grid-wrap-content": P.value
     })), {
-      renderGridHeader: ye
-    } = qe(C, t, D, G, "tree-grid-column"), {
-      renderHorizontalScrollbar: me
-    } = Le(t, n, G);
-    function ge() {
-      var U, x;
-      const g = Math.ceil(n.value.clientHeight / a);
-      g > s.value && (s.value = g, pe()), z.value = ((U = c.value) == null ? void 0 : U.clientHeight) || 0, H.value = ((x = n.value) == null ? void 0 : x.clientWidth) || 0, j();
+      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();
     }
-    Se(() => {
-      i.value.componentInstance = f, n.value && (s.value = Math.max(Math.ceil(n.value.clientHeight / a), s.value), u.value = E(0, v.value + o - 1), Oe(n.value, ge), j(), Be(() => {
-        n.value && (H.value = n.value.clientWidth), c.value && (T.value = c.value.clientWidth, z.value = c.value.clientHeight);
+    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);
       }));
     });
-    function be(g) {
-      g && (r.value = g, R(r), te(r.value), ee(m, oe), j());
+    function I(k) {
+      k && (s.value = k, v(s), re(s.value), le(b, x), ne());
     }
-    return q(() => t.columns, (g) => {
-      be(g);
-    }), q(T, () => {
-      n.value && j();
-    }), e.expose(f.value), () => J("div", {
-      ref: i,
-      class: ue.value,
-      style: p.value,
-      onWheel: de,
-      dragref: `${C.schema.id}-container`
-    }, [n.value && ye(), J("div", {
-      ref: n,
-      class: fe.value,
+    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", {
+      ref: f,
+      class: ie.value,
       onMouseover: () => {
-        d.value = !0;
+        D.value = !0;
       },
       onMouseleave: () => {
-        d.value = !1;
+        D.value = !1;
       }
-    }, [me()])]);
+    }, [ue()])]);
   }
-}), Dt = {
-  /** 启用分页 */
-  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 }
-}, Vt = {
-  /** 启用排序 */
-  enable: { type: Boolean, default: !1 },
-  /** 排序字段集合 */
-  fields: { type: Array, default: [] },
-  /** 排序交互模式 */
-  mode: { type: String, default: "client" },
-  /** 多列排序 */
-  multiSort: { type: Boolean, default: !1 }
-}, At = {
-  /** 自定义分组合计内容 */
-  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: [] },
-  /** 在DataGrid中显示被分组的列 */
-  showGroupedColumn: { type: Boolean, default: !0 },
-  /** 显示分组面板 */
-  showGroupPanel: { type: Boolean, default: !1 },
-  /** 启用合计行 */
-  showSummary: { type: Boolean, default: !1 },
-  /** 显示合计行位置； */
-  summaryPosition: { type: String, default: "separate" }
-}, Nt = {
-  /** 启用筛选 */
-  enable: { type: Boolean, default: !1 },
-  /** DataGrid筛选风格 */
-  filterStyle: { type: String, default: "filter-column" },
-  /** 筛选交互模式 */
-  mode: { type: String, default: "server" },
-  /** 显示过滤条件工具条 */
-  showSummary: { type: Boolean, default: !0 }
-}, Et = {
-  /** 允许折行显示列标题 */
-  wrapHeadings: { type: Boolean, default: !1 }
-}, Ht = {
-  /** 自定义行样式 */
-  customRowStyle: { type: Function, default: () => {
-  } },
-  customCellStyle: { type: Function, default: () => {
-  } },
-  /** 禁止行选中表达式 */
-  disable: { type: Function, default: () => {
-  } },
-  /** 默认行高度为 29px */
-  height: { type: Number, default: 28 },
-  /** 鼠标滑过行效果 */
-  showHovering: { type: Boolean, default: !0 },
-  /** 禁止数据折行 */
-  wrapContent: { type: Boolean, default: !1 }
-}, zt = {
-  /** 显示合计信息 */
-  enable: { type: Boolean, default: !1 },
-  /** 合计行自定义样式，对启用合计行模板无效 */
-  customSummaryStyle: { type: Function, default: () => {
-  } },
-  /** 分组合计字段 */
-  groupFields: { type: Array, default: [] },
-  /** 合计交互模式 */
-  mode: { type: String, default: "client" },
-  /** 合计行显示位置， top: 顶部 bottom: 底部， both: 顶部与底部同时显示 */
-  position: { type: String, default: "bottom" }
-}, Wt = {
-  /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
-  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 }
-}, $t = {
-  /** 编辑时选中文本 */
-  selectOnEditing: { type: Boolean, default: !1 },
-  /** 编辑模式； row：整行编辑，cell: 单元格编辑 */
-  editMode: { type: String, default: "cell" }
-}, Ut = {
-  /** show loading */
-  show: { type: Boolean, default: !1 },
-  /** message on display when loading */
-  message: { type: String, default: "加载中" }
-}, xt = {
-  /** 自定义样式 */
-  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"
-    }
-  },
-  /** DataGrid组件唯一标识 */
-  id: { type: String, default: "" },
-  /** 被绑定数据的标识字段 */
-  idField: { type: String, default: "id", require: !0 },
-  /** async loading data */
-  loadData: { type: Function },
-  // 是否展示 loading
-  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 }
-};
-I.register = (t, e, i, o) => {
-  t["tree-grid"] = we, e["tree-grid"] = bt, o["tree-grid"] = { bindingResolver: ht, selectionItemResolver: Ct, updateColumnsResolver: vt };
+});
+Ce.register = (e, t, d, a) => {
+  e["tree-grid"] = Lo, t["tree-grid"] = nn, a["tree-grid"] = { bindingResolver: ln, selectionItemResolver: an, updateColumnsResolver: sn };
 };
-I.registerDesigner = (t, e, i) => {
-  t["tree-grid"] = I, e["tree-grid"] = wt;
+Ce.registerDesigner = (e, t, d) => {
+  e["tree-grid"] = Ce, t["tree-grid"] = rn;
 };
-const Lt = he(I);
+const Mn = eo(Ce);
 export {
-  I as FTreeGridDesign,
-  ht as bindingResolver,
-  Wt as columnOptions,
-  Lt as default,
-  wt as designPropsResolver,
-  $t as editOptions,
-  Nt as filterOptions,
-  At as groupOptions,
-  Et as headerOptions,
-  Ut as loadingOptions,
-  Dt as paginationOptions,
-  bt as propsResolver,
-  Ht as rowOptions,
-  Ct as selectionItemResolver,
-  Vt as sortOptions,
-  zt as summaryOptions,
-  _ as treeGridDesignProps,
-  xt as treeGridProps,
-  vt as updateColumnsResolver
+  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
 };