@farris/ui-vue 1.6.5-beta.7 → 1.6.5-beta.8

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

@@ -1,1099 +0,0 @@
-import Ce, { treeGridProps as K } from "../../components/tree-grid/index.esm.js";
-import { excludeProperties as he, withInstall as ve } from "../../components/common/index.esm.js";
-import { ref as m, defineComponent as we, inject as q, computed as V, onMounted as Se, nextTick as Pe, watch as L, createVNode as J } from "vue";
-import { useResizeObserver as Re } from "@vueuse/core";
-import { resolveAppearance as Te, createPropsResolver as Q, createTreeGridSelectionItemResolver as Ie, createTreeGridBindingResolver as Ge, createDataViewUpdateColumnsResolver as je } from "../../components/dynamic-resolver/index.esm.js";
-import { useIdentify as Me, useFilter as ke, useHierarchy as De, useDataView as Ve, useSelection as Be, useDataViewContainerStyle as Oe, useCommandColumn as Fe, useSort as Ee, useGroupColumn as We, useRow as ze, useEdit as Ne, useVisualDataBound as $e, useVisualDataCell as Ae, useVisualDataRow as He, useSidebar as Ue, useVirtualScroll as xe, getHorizontalScrollbar as qe } from "../../components/data-view/index.esm.js";
-import { getColumnHeader as Le } from "../data-grid/index.esm.js";
-import { DgControl as B, 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 rt } from "../data-view/index.esm.js";
-const st = "https://json-schema.org/draft/2020-12/schema", at = "https://farris-design.gitee.io/tree-grid.schema.json", lt = "tree-grid", pt = "A Farris Data Grid Component", ct = "object", dt = {
-  id: {
-    description: "The unique identifier for a Input Group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Input Group component",
-    type: "string",
-    default: "tree-grid"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  fit: {
-    type: "boolean",
-    default: !1
-  },
-  showStripe: {
-    type: "boolean",
-    default: !0
-  },
-  showBorder: {
-    type: "boolean",
-    default: !1
-  },
-  showTreeNodeIcons: {
-    type: "boolean",
-    default: !1
-  },
-  showSetting: {
-    type: "boolean",
-    default: !1
-  },
-  size: {
-    description: "",
-    type: "object",
-    properties: {
-      width: {
-        type: "number"
-      },
-      height: {
-        type: "number"
-      }
-    },
-    default: null
-  },
-  dataSource: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  columns: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  identifyField: {
-    description: "",
-    type: "string"
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  disabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  cell: {
-    type: "object",
-    properties: {
-      highlightFocusingCell: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      mergeCell: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      showEditableIcon: {
-        description: "",
-        type: "boolean",
-        default: !1
-      }
-    }
-  },
-  column: {
-    type: "object",
-    properties: {
-      fitColumns: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      fitMode: {
-        description: "",
-        type: "string",
-        default: "average"
-      },
-      groups: {
-        description: "",
-        type: "array",
-        default: []
-      },
-      reorderColumn: {
-        description: "Enable to drag column to reorder",
-        type: "boolean",
-        default: !1
-      },
-      resizeColumn: {
-        type: "boolean",
-        default: !0
-      },
-      resizeColumnOnDoubleClick: {
-        description: "",
-        type: "boolean",
-        default: !0
-      }
-    }
-  },
-  command: {
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      commands: {
-        type: "array",
-        default: []
-      },
-      commandColumnWidth: {
-        description: "",
-        type: "number",
-        default: 120
-      },
-      onClickDeleteCommand: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onClickEditCommand: {
-        description: "",
-        type: "string",
-        default: ""
-      }
-    }
-  },
-  contextMenu: {
-    description: "",
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      }
-    }
-  },
-  customizaiton: {
-    type: "object",
-    properties: {
-      enableScheme: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      enableSetting: {
-        description: "",
-        type: "boolean",
-        default: !1
-      }
-    }
-  },
-  edit: {
-    type: "obejct",
-    properties: {
-      mode: {
-        description: "",
-        type: "string",
-        default: "cell",
-        enum: [
-          "cell",
-          "row",
-          "card"
-        ]
-      },
-      selectOnEditing: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      onAppendRow: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onBeforeEdit: {
-        description: "",
-        type: "string",
-        default: ""
-      }
-    }
-  },
-  filter: {
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      filterStyle: {
-        description: "",
-        type: "string",
-        default: "filter-column",
-        enum: [
-          "filter-column",
-          "filter-row"
-        ]
-      },
-      mode: {
-        description: "",
-        type: "string",
-        default: "server",
-        enum: [
-          "server"
-        ]
-      },
-      showSummary: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      onFilterChange: {
-        description: "",
-        type: "string",
-        default: ""
-      }
-    }
-  },
-  footer: {
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      customFooterStyle: {
-        description: "",
-        type: "object"
-      },
-      footerDataCommand: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      footerDataFrom: {
-        description: "",
-        type: "string",
-        default: "client"
-      },
-      footerHeight: {
-        description: "",
-        type: "number",
-        default: 29
-      },
-      footerPosition: {
-        description: "",
-        type: "string",
-        default: "bottom"
-      },
-      footerTemplate: {
-        description: "",
-        type: "string",
-        default: ""
-      }
-    }
-  },
-  group: {
-    description: "",
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      customGroupRow: {
-        description: "",
-        type: "object"
-      },
-      customGroupRowStyle: {
-        description: "",
-        type: "obejct"
-      },
-      customSummaryStyle: {
-        description: "",
-        type: "obejct"
-      },
-      groupColSpan: {
-        description: "",
-        type: "number",
-        default: 1
-      },
-      groupFields: {
-        description: "",
-        type: "array",
-        default: []
-      },
-      showGroupedColumn: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      showGroupPanel: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      showSummary: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      summaryPosition: {
-        description: "",
-        type: "string",
-        default: "separate",
-        enum: [
-          "separate",
-          "merge-to-group"
-        ]
-      },
-      disableGroupOnEditing: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      expandGroupRows: {
-        description: "",
-        type: "boolean",
-        default: !0
-      }
-    }
-  },
-  header: {
-    type: "object",
-    properties: {
-      wrapHeadings: {
-        description: "",
-        type: "boolean",
-        default: !1
-      }
-    }
-  },
-  pagination: {
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      disablePagination: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      contentTemplate: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      index: {
-        description: "",
-        type: "number",
-        default: 1
-      },
-      mode: {
-        description: "",
-        type: "string",
-        default: "server",
-        enum: [
-          "server",
-          "client"
-        ]
-      },
-      showGoto: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      showIndex: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      showLimits: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      showPageInfo: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      size: {
-        description: "",
-        type: "number",
-        default: 20
-      },
-      sizeLimits: {
-        description: "",
-        type: "array",
-        default: [
-          10,
-          20,
-          30,
-          50,
-          100
-        ]
-      },
-      onPageChange: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onPageSizeChange: {
-        description: "",
-        type: "string",
-        default: ""
-      }
-    }
-  },
-  rowOption: {
-    type: "object",
-    properties: {
-      customRowStyle: {
-        description: "自定义行样式",
-        type: "string"
-      },
-      customCellStyle: {
-        description: "自定义单元格样式",
-        type: "string",
-        default: ""
-      },
-      disable: {
-        description: "",
-        type: "obejct"
-      },
-      height: {
-        description: "",
-        type: "number",
-        default: 30
-      },
-      showHovering: {
-        type: "boolean",
-        default: !0
-      },
-      wrapContent: {
-        type: "boolean",
-        default: !1
-      }
-    }
-  },
-  rowNumber: {
-    description: "",
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      heading: {
-        description: "",
-        type: "string",
-        default: "序号"
-      },
-      width: {
-        description: "",
-        type: "number",
-        default: 36
-      },
-      onClickRow: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onDoubleClickRow: {
-        description: "",
-        type: "string",
-        default: ""
-      }
-    }
-  },
-  onClickRow: {
-    description: "行点击事件",
-    type: "string",
-    default: ""
-  },
-  onSelectionChange: {
-    description: "行切换事件",
-    type: "string",
-    default: ""
-  },
-  onPageIndexChanged: {
-    description: "切换页码事件",
-    type: "string",
-    default: ""
-  },
-  onPageSizeChanged: {
-    description: "分页条数变化事件",
-    type: "string",
-    default: ""
-  },
-  selection: {
-    type: "object",
-    properties: {
-      enableSelectRow: {
-        description: "允许选中行",
-        type: "boolean",
-        default: !0
-      },
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      checkOnSelect: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      showSelectAll: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      clearSelectionOnEmpty: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      customSelectionItem: {
-        description: "",
-        type: "object"
-      },
-      focusSelection: {
-        description: "",
-        type: "string",
-        default: "current",
-        enum: [
-          "current",
-          "all"
-        ]
-      },
-      keepSelectingOnClick: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      keepSelectingOnPaging: {
-        description: "",
-        type: "boolean",
-        default: !0
-      },
-      multiSelect: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      selectionMode: {
-        description: "",
-        type: "string",
-        default: "default"
-      },
-      selectOnCheck: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      selectOnEditing: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      showCheckbox: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      showCheckAll: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      showSelection: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      onBeforeSelect: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onBeforeUnCheck: {
-        description: "",
-        type: "",
-        default: ""
-      },
-      onBeforeUnSelect: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onCheckAll: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onChecked: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onSelectionChange: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onUnCheckAll: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onUnChecked: {
-        description: "",
-        type: "string",
-        default: ""
-      },
-      onCheckedChange: {
-        description: "",
-        type: "string"
-      }
-    }
-  },
-  sort: {
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      fields: {
-        description: "",
-        type: "array",
-        default: []
-      },
-      mode: {
-        description: "",
-        type: "string",
-        default: "server",
-        enum: [
-          "server"
-        ]
-      },
-      multiSort: {
-        description: "",
-        type: "boolean",
-        default: !1
-      }
-    }
-  },
-  summary: {
-    description: "",
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      },
-      customSummaryStyle: {
-        description: "",
-        type: "object"
-      },
-      groupFields: {
-        description: "",
-        type: "array",
-        default: []
-      },
-      mode: {
-        description: "",
-        type: "string",
-        default: "client",
-        enum: [
-          "client",
-          "server"
-        ]
-      },
-      position: {
-        description: "",
-        type: "boolean",
-        default: "bottom",
-        enum: [
-          "bottom",
-          "top",
-          "both"
-        ]
-      }
-    }
-  },
-  toolbar: {
-    description: "",
-    type: "object",
-    properties: {
-      enable: {
-        description: "",
-        type: "boolean",
-        default: !1
-      }
-    }
-  },
-  visualization: {
-    autoHeight: {
-      description: "",
-      type: "boolean",
-      default: !1
-    },
-    emptyDataHeight: {
-      description: "",
-      type: "number",
-      default: 36
-    },
-    emptyTemplate: {
-      description: "",
-      type: "string",
-      default: ""
-    },
-    maxHeight: {
-      description: "",
-      type: "number",
-      default: 300
-    },
-    scrollBarShowMode: {
-      description: "",
-      type: "string",
-      default: "auto"
-    },
-    showBorder: {
-      description: "",
-      type: "boolean",
-      default: !1
-    },
-    showScrollArrow: {
-      description: "",
-      type: "boolean",
-      default: !1
-    },
-    striped: {
-      description: "",
-      type: "boolean",
-      default: !0
-    },
-    useBlankWhenDataIsEmpty: {
-      description: "",
-      type: "boolean",
-      default: !1
-    }
-  },
-  emptyTemplate: {
-    description: "",
-    type: "string",
-    default: ""
-  }
-}, ut = [
-  "id",
-  "type",
-  "columns"
-], ft = {
-  onSelectionChange: "行切换事件",
-  onClickRow: "行点击事件",
-  onDoubleClickRow: "行双击事件",
-  onFilterChanged: "过滤事件",
-  onClickEditCommand: "操作列编辑事件",
-  onClickDeleteCommand: "操作列删除事件"
-}, X = {
-  $schema: st,
-  $id: at,
-  title: lt,
-  description: pt,
-  type: ct,
-  properties: dt,
-  required: ut,
-  events: ft
-}, Y = /* @__PURE__ */ new Map([
-  ["appearance", Te],
-  ["column", "columnOption"],
-  ["command", "commandOption"]
-]);
-function mt(t, e, i) {
-  var p;
-  const o = i.parentComponentInstance, r = o.schema.type, a = String(((p = o.schema.appearance) == null ? void 0 : p.class) || "").split(" "), l = r === "section" || r === "tab-page", s = a.includes("f-page-content-nav"), n = a.includes("f-page-main"), d = t.getSchemaByType("component");
-  d.id = `${e.id}-component`, d.componentType = "data-grid";
-  let u = "";
-  return u += l ? "f-struct-data-grid-in-card f-struct-is-subgrid" : "", u += s ? "f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column" : "", u += n ? "f-struct-data-grid f-struct-wrapper" : "", d.appearance = {
-    class: u
-  }, d.contents = [e], d;
-}
-function yt(t, e, i) {
-  const o = i.parentComponentInstance, r = String(o.schema.appearance.class || "").split(" "), a = r.includes("f-page-content-nav"), l = r.includes("f-page-main"), s = t.getSchemaByType("section");
-  s.id = `${e.id}-section`;
-  let n = "";
-  return n += a ? "f-section-in-nav " : "", n += l ? "f-section-in-managelist " : "", n += "f-section-grid", s.appearance = { class: n }, s.contents = [e], 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 Z(t, e, i) {
-  const r = i.parentComponentInstance.schema.type, a = r === "section" || r === "tab-page";
-  e.appearance = { class: "f-component-grid" };
-  const s = (a ? gt : yt)(t, e, i);
-  return mt(t, s, i);
-}
-const bt = Q(K, X, Y, Z), Ct = Ie(), ht = Ge(), _ = he(Object.assign({}, K, { componentId: { type: String, default: "" } }), "columnOption", "commandOption"), vt = Q(_, X, Y, Z), wt = je();
-class St extends Ke {
-  constructor(e, i) {
-    super(e, i);
-  }
-  getPropertyConfig(e) {
-    return this.getBasicPropConfig(e), this.getAppearanceProperties(e), this.propertyConfig.categories.command = Qe().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 = {
-      title: "过滤",
-      description: "",
-      properties: {
-        mode: {
-          title: "类型",
-          type: "enum",
-          description: "过滤类型",
-          $converter: "/converter/grid-filter.converter",
-          editor: {
-            data: [
-              { id: "server", name: "服务端" }
-            ]
-          }
-        }
-      }
-    }, this.getEventPropConfig(e), this.propertyConfig;
-  }
-  getBasicPropConfig(e) {
-    var l, s, n;
-    const i = (n = (s = (l = this.formSchemaUtils.getFormSchema()) == null ? void 0 : l.module) == null ? void 0 : s.entity[0]) == null ? void 0 : n.entities[0], o = this.assembleSchemaEntityToTree(i, 0), r = this, a = super.getBasicPropConfig(e);
-    this.propertyConfig.categories.basic = {
-      description: "Basic Information",
-      title: "基本信息",
-      properties: {
-        ...a.properties,
-        dataSource: {
-          description: "绑定数据源",
-          title: "绑定数据源",
-          editor: {
-            type: "combo-tree",
-            textField: "name",
-            valueField: "label",
-            data: o,
-            editable: !1
-          },
-          readonly: !0
-        }
-      },
-      setPropertyRelates(d, u) {
-        switch (d && d.propertyID) {
-          case "dataSource": {
-            const p = r.formSchemaUtils.getViewModelById(r.viewModelId);
-            if (p) {
-              const b = o.find((h) => h.label === d.propertyValue);
-              p.bindTo = b.bindTo;
-            }
-            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);
-  }
-  getEventPropConfig(e) {
-    const i = ot().initEvent(e), o = this, r = o.eventsEditorUtils.formProperties(e, o.viewModelId, i), a = o.createBaseEventProperty(r);
-    this.propertyConfig.categories.eventsEditor = {
-      title: "事件",
-      hideTitle: !0,
-      properties: a,
-      // 这个属性，标记当属性变更得时候触发重新更新属性
-      refreshPanelAfterChanged: !0,
-      tabId: "commands",
-      tabName: "交互",
-      setPropertyRelates(l, s) {
-        const n = l.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);
-      }
-    };
-  }
-  /**
-   * 将schema实体表组装成树
-   */
-  assembleSchemaEntityToTree(e, i, o, r = "", a = []) {
-    const l = r ? `${r}/${e.label}` : "/";
-    return a.push({
-      id: e.id,
-      name: e.name,
-      label: e.label,
-      layer: i,
-      parent: o && o.id,
-      bindTo: l.replace("//", "/")
-    }), e.type.entities && e.type.entities.length && e.type.entities.map((s) => this.assembleSchemaEntityToTree(s, i + 1, e, l, a)), a;
-  }
-}
-function Pt(t, e) {
-  const i = t.schema, o = m(!0), r = m(!0);
-  function a(p) {
-    return p && p.sourceType === "control" ? p.componentCategory === "input" : !1;
-  }
-  function l() {
-    return !1;
-  }
-  function s() {
-    return !1;
-  }
-  function n() {
-    return !0;
-  }
-  function d(p) {
-    return new St(p, e).getPropertyConfig(i);
-  }
-  function u() {
-    var p, b, h, C;
-    if (t && e) {
-      const S = (p = t == null ? void 0 : t.componentInstance) == null ? void 0 : p.value.belongedComponentId;
-      let f = "", P = "";
-      const { formSchemaUtils: v } = e;
-      if (S) {
-        const R = v.getRootViewModelId(), w = v.getComponentByViewModelId(R), c = v.selectNode(w, (T) => T.contents && T.contents.find((I) => I.component === S));
-        (c == null ? void 0 : c.type) === ((b = B["tab-page"]) == null ? void 0 : b.type) && ((h = c == null ? void 0 : c.contents) != null && h.length) && (f = c.title || ""), (c == null ? void 0 : c.type) === ((C = B.section) == null ? void 0 : C.type) && (c == null ? void 0 : c.showHeader) !== !1 && (f = c.mainTitle || ""), f = f ? `${f} > ` : "", P = f ? c.id : "";
-      }
-      const y = B["tree-grid"].name;
-      e == null || e.formSchemaUtils.getControlBasicInfoMap().set(t.schema.id, {
-        componentTitle: y,
-        parentPathName: `${f}${y}`,
-        reliedComponentId: P
-      });
-    }
-  }
-  return {
-    canAccepts: a,
-    checkCanDeleteComponent: l,
-    checkCanMoveComponent: s,
-    hideNestedPaddingInDesginerView: n,
-    triggerBelongedComponentToMoveWhenMoved: o,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: d,
-    setComponentBasicInfoMap: u
-  };
-}
-const j = /* @__PURE__ */ we({
-  name: "FTreeGridDesign",
-  props: _,
-  emits: [],
-  setup(t, e) {
-    var A, H;
-    const i = m(), o = 0, r = ((A = t.rowOption) == null ? void 0 : A.height) || 28, a = m(20), l = m(t.columns), s = Me(t), n = m(), d = m(), u = m([]), p = m(!1), b = m(((H = t.rowOption) == null ? void 0 : H.wrapContent) || !1), h = q("designer-host-service"), C = q("design-item-context"), S = Pt(C, h), f = Je(i, C, S);
-    f.value.designerClass = "f-utils-fill-flex-column";
-    const P = ke(t, e), v = De(t), y = Ve(t, /* @__PURE__ */ new Map(), P, v, s), R = Be(t, y, s, u, e), w = V(() => y.dataView.value.length), {
-      containerStyleObject: c
-    } = Oe(t), T = Fe(t), {
-      applyCommands: I
-    } = T;
-    I(l);
-    const O = nt(t), {
-      applyColumnSorter: ee,
-      columnContext: M,
-      updateColumnRenderContext: te
-    } = O, oe = Ee(t), ne = We(t, M), ie = ze(t, e, R, s), F = Ne(t, e, s, ie, u), E = $e(t), re = Ae(t, F, E), se = He(t, y, F, v, s, E, re), W = it(t, l, y, w, o, se), {
-      getVisualData: z
-    } = W, ae = Ue(t, R), {
-      sidebarWidth: le
-    } = ae;
-    u.value = z(0, w.value + o - 1);
-    const k = xe(t, y, u, M, W, w, o, le), {
-      onWheel: pe,
-      dataGridWidth: N,
-      viewPortHeight: $,
-      viewPortWidth: D,
-      updateVisibleRowsOnLatestVisibleScope: ce
-    } = k, de = rt(t, M, n, D, ne), {
-      calculateColumnsSize: G
-    } = de, ue = V(() => ({
-      "drag-container": !0,
-      "fv-grid": !0,
-      "fv-grid-bordered": t.showBorder,
-      "fv-datagrid-strip": t.showStripe
-    })), fe = V(() => ({
-      "fv-grid-content": !0,
-      "fv-grid-content-hover": p.value,
-      "fv-grid-wrap-content": b.value
-    })), {
-      renderGridHeader: me
-    } = Le(C, t, O, k, "tree-grid-column"), {
-      renderHorizontalScrollbar: ye
-    } = qe(t, n, k);
-    function ge() {
-      var U, x;
-      const g = Math.ceil(n.value.clientHeight / r);
-      g > a.value && (a.value = g, ce()), $.value = ((U = d.value) == null ? void 0 : U.clientHeight) || 0, N.value = ((x = n.value) == null ? void 0 : x.clientWidth) || 0, G();
-    }
-    Se(() => {
-      i.value.componentInstance = f, n.value && (a.value = Math.max(Math.ceil(n.value.clientHeight / r), a.value), u.value = z(0, w.value + o - 1), Re(n.value, ge), G(), Pe(() => {
-        n.value && (N.value = n.value.clientWidth), d.value && (D.value = d.value.clientWidth, $.value = d.value.clientHeight);
-      }));
-    });
-    function be(g) {
-      g && (l.value = g, I(l), te(l.value), ee(y, oe), G());
-    }
-    return L(() => t.columns, (g) => {
-      be(g);
-    }), L(D, () => {
-      n.value && G();
-    }), e.expose(f.value), () => J("div", {
-      ref: i,
-      class: ue.value,
-      style: c.value,
-      onWheel: pe,
-      dragref: `${C.schema.id}-container`
-    }, [n.value && me(), J("div", {
-      ref: n,
-      class: fe.value,
-      onMouseover: () => {
-        p.value = !0;
-      },
-      onMouseleave: () => {
-        p.value = !1;
-      }
-    }, [ye()])]);
-  }
-});
-j.register = (t, e, i, o) => {
-  t["tree-grid"] = Ce, e["tree-grid"] = bt, o["tree-grid"] = { bindingResolver: ht, selectionItemResolver: Ct, updateColumnsResolver: wt };
-};
-j.registerDesigner = (t, e, i) => {
-  t["tree-grid"] = j, e["tree-grid"] = vt;
-};
-const Ot = ve(j);
-export {
-  j as FTreeGridDesign,
-  ht as bindingResolver,
-  Ot as default,
-  vt as designPropsResolver,
-  bt as propsResolver,
-  Ct as selectionItemResolver,
-  _ as treeGridDesignProps,
-  wt as updateColumnsResolver
-};