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

package/designer/data-view/index.esm.js

@@ -0,0 +1,854 @@
+import { computed as R, watch as T, ref as V, createVNode as F, Fragment as z, createTextVNode as G } from "vue";
+function K(i, a, u, r, d) {
+  const { getGridHeaderCells: h } = d, f = 120, _ = 50, O = R(() => {
+    var e;
+    return ((e = i.rowNumber) == null ? void 0 : e.enable) || !1;
+  }), A = R(() => {
+    var e, t;
+    return ((e = i.selection) == null ? void 0 : e.multiSelect) || ((t = i.selection) == null ? void 0 : t.showCheckbox) || !1;
+  }), D = R(
+    () => {
+      var e;
+      return 0 + (O.value ? ((e = i.rowNumber) == null ? void 0 : e.width) || 32 : 0) + (A.value ? _ : 0);
+    }
+  ), S = R(() => {
+    var e;
+    return (e = i.columnOption) == null ? void 0 : e.fitColumns;
+  }), M = R(() => {
+    var e;
+    return S.value && ((e = i.columnOption) == null ? void 0 : e.fitMode) || "none";
+  });
+  function I(e, t, o) {
+    const c = parseInt(e.width, 10) / 100;
+    return o * c;
+  }
+  function W(e, t, o) {
+    return typeof e.width == "string" ? I(e, t, o) : e.width || f;
+  }
+  function N(e, t) {
+    const o = [], c = [];
+    let m = 0;
+    e.value.primaryColumns.forEach((p) => {
+      typeof p.width == "string" ? c.push(p) : (p.width = p.width || f, m += p.width, o.push(p));
+    });
+    const y = t * (o.length / e.value.primaryColumns.length);
+    o.forEach((p) => {
+      const s = y * (p.width / m);
+      p.actualWidth = s, e.value.primaryColumnsWidth += p.actualWidth;
+    });
+    const w = t - y;
+    c.forEach((p) => {
+      const s = I(p, e.value, w);
+      p.actualWidth = s, e.value.primaryColumnsWidth += p.actualWidth;
+    });
+  }
+  function C(e, t) {
+    const o = [], c = [], m = /* @__PURE__ */ new WeakMap();
+    let y = 0, w = 0;
+    if (e.value.primaryColumns.forEach((s) => {
+      if (typeof s.width == "string") {
+        const v = I(s, e.value, t);
+        m.set(s, v), y += v, c.push(s);
+      } else
+        s.width = s.width || f, w += s.width, o.push(s);
+    }), t - y > w) {
+      const s = t - y;
+      c.forEach((v) => {
+        v.actualWidth = m.get(v) || f, e.value.primaryColumnsWidth += v.actualWidth;
+      }), o.forEach((v) => {
+        v.actualWidth = s * (v.width / w), e.value.primaryColumnsWidth += v.actualWidth;
+      });
+    } else
+      N(e, t);
+  }
+  function g(e, t) {
+    e.value.primaryColumns.forEach((o) => {
+      o.actualWidth = W(o, e.value, t), e.value.primaryColumnsWidth += o.actualWidth;
+    });
+  }
+  const P = {
+    expand: C,
+    none: g,
+    percentage: N
+  };
+  function E(e) {
+    e.value.leftHeaderColumns = Array.from(h(e.value.leftColumns).values()), e.value.primaryHeaderColumns = Array.from(h(e.value.primaryColumns).values()), e.value.rightHeaderColumns = Array.from(h(e.value.rightColumns).values());
+  }
+  function b(e) {
+    e.value.leftColumnsWidth = 0, e.value.primaryColumnsWidth = 0, e.value.rightColumnsWidth = 0, e.value.leftColumns.forEach((t) => {
+      e.value.leftColumnsWidth += t.actualWidth || 0;
+    }), e.value.primaryColumns.forEach((t) => {
+      e.value.primaryColumnsWidth += t.actualWidth || 0;
+    }), e.value.rightColumns.forEach((t) => {
+      e.value.rightColumnsWidth += t.actualWidth || 0;
+    }), e.value = Object.assign({}, e.value);
+  }
+  function n(e, t, o) {
+    var v;
+    let c = 0;
+    const m = e.value.primaryColumns, y = e.value.rightColumns;
+    e.value.rightColumns.forEach((k) => {
+      k.actualWidth = W(k, e.value, t), c += k.actualWidth;
+    });
+    const w = o - c, p = P[M.value];
+    if (p && p(e, w), e.value.primaryColumnsWidth + c <= o)
+      return e.value.primaryColumns = [...m, ...y], e.value.primaryColumnsWidth += c, e.value.rightColumns = [], e.value.rightColumnsWidth = 0, !0;
+    const s = /* @__PURE__ */ new Map();
+    return s.set("primary", []), s.set("right", []), e.value.primaryColumns.reduce((k, $) => {
+      var H, B;
+      return $.fixed === "right" ? (H = k.get("right")) == null || H.push($) : (B = k.get("primary")) == null || B.push($), k;
+    }, s), (v = s.get("right")) != null && v.length && (e.value.primaryColumns = [...s.get("primary") || []], e.value.rightColumns = [...s.get("right") || []]), e.value.primaryColumnsWidth = 0, e.value.rightColumnsWidth = 0, !1;
+  }
+  function l() {
+    if (u.value) {
+      a.value.leftColumnsWidth = 0, a.value.primaryColumnsWidth = 0, a.value.rightColumnsWidth = 0;
+      const e = u.value.clientWidth - D.value;
+      a.value.leftColumns.forEach((o) => {
+        o.actualWidth = W(o, a.value, e), a.value.leftColumnsWidth += o.actualWidth;
+      });
+      const t = e - a.value.leftColumnsWidth;
+      if (n(a, e, t))
+        r.value = t;
+      else {
+        a.value.rightColumns.forEach((m) => {
+          m.actualWidth = W(m, a.value, e), a.value.rightColumnsWidth += m.actualWidth;
+        });
+        const o = e - a.value.leftColumnsWidth - a.value.rightColumnsWidth, c = P[M.value];
+        c && c(a, o), r.value = o;
+      }
+      E(a), a.value = Object.assign({}, a.value);
+    }
+  }
+  return T(() => {
+    var e;
+    return (e = i.columnOption) == null ? void 0 : e.fitColumns;
+  }, (e, t) => {
+    e !== t && e && l();
+  }), T(M, (e, t) => {
+    e !== t && S.value && l();
+  }), { calculateColumnHeaders: E, calculateColumnsSize: l, calculateColumnsWidth: b };
+}
+const L = "";
+function Y(i) {
+  const r = V({
+    defaultColumnWidth: 120,
+    headerDepth: 1,
+    leftColumns: [],
+    leftColumnsMap: /* @__PURE__ */ new Map(),
+    leftColumnsWidth: 0,
+    leftHeaderColumns: [],
+    primaryColumns: [],
+    primaryColumnsMap: /* @__PURE__ */ new Map(),
+    primaryColumnsWidth: 0,
+    primaryHeaderColumns: [],
+    rightColumns: [],
+    rightColumnsMap: /* @__PURE__ */ new Map(),
+    rightColumnsWidth: 0,
+    rightHeaderColumns: [],
+    summaryColumns: []
+  });
+  function d() {
+    r.value = {
+      defaultColumnWidth: 120,
+      headerDepth: 1,
+      leftColumns: [],
+      leftColumnsMap: /* @__PURE__ */ new Map(),
+      leftColumnsWidth: 0,
+      leftHeaderColumns: [],
+      primaryColumns: [],
+      primaryColumnsMap: /* @__PURE__ */ new Map(),
+      primaryColumnsWidth: 0,
+      primaryHeaderColumns: [],
+      rightColumns: [],
+      rightColumnsMap: /* @__PURE__ */ new Map(),
+      rightColumnsWidth: 0,
+      rightHeaderColumns: [],
+      summaryColumns: []
+    };
+  }
+  const h = V(i.summary), f = R(() => {
+    const n = h.value;
+    return (n == null ? void 0 : n.groupFields) || [];
+  });
+  function _() {
+    r.value.rightColumns.forEach((e) => {
+      e.showSetting = !1;
+    }), r.value.primaryColumns.forEach((e) => {
+      e.showSetting = !1;
+    });
+    const n = r.value.rightColumns, l = r.value.primaryColumns;
+    n.length > 0 ? n[n.length - 1].showSetting = !0 : l.length > 0 && (l[l.length - 1].showSetting = !0);
+  }
+  function O(n) {
+    d();
+    const l = /* @__PURE__ */ new Map();
+    return f.value && f.value.reduce((e, t) => (e.set(t, !0), e), l), n.reduce((e, t) => (t.filter = t.filter || L, t.fixed === "left" ? (r.value.leftColumns.push(t), r.value.leftColumnsMap.set(t.field, t), r.value.leftColumnsWidth += t.actualWidth) : t.fixed === "right" ? (r.value.rightColumns.push(t), r.value.rightColumnsMap.set(t.field, t), r.value.rightColumnsWidth += t.actualWidth) : (r.value.primaryColumns.push(t), r.value.primaryColumnsMap.set(t.field, t), r.value.primaryColumnsWidth += t.actualWidth), l.has(t.field) && r.value.summaryColumns.push(t), e), r), _(), r;
+  }
+  O(i.columns);
+  const A = R(() => r.value.leftColumns.length > 0), D = R(() => r.value.rightColumns.length > 0);
+  function S(n, l) {
+    return l.sortable && l.sort && l.sort !== "none" && n.push(l), n;
+  }
+  function M(n, l) {
+    return n.sortOrder = n.sortOrder || 0, l.sortOrder = l.sortOrder || 0, n.sortOrder === l.sortOrder ? 0 : n.sortOrder < l.sortOrder ? -1 : 1;
+  }
+  function I(n, l) {
+    return n.sortOrder = n.sortOrder || 0, l.sortOrder = l.sortOrder || 0, n.sortOrder === l.sortOrder ? 0 : n.sortOrder < l.sortOrder ? 1 : -1;
+  }
+  function W(n, l) {
+    return l.filterable && n.push(l), n;
+  }
+  function N() {
+    const n = [];
+    return r.value.leftColumns.reduce(W, n), r.value.primaryColumns.reduce(W, n), r.value.rightColumns.reduce(W, n), n;
+  }
+  function C() {
+    const n = [];
+    r.value.leftColumns.reduce(S, n), r.value.primaryColumns.reduce(S, n), r.value.rightColumns.reduce(S, n);
+    const l = Math.max(...n.map((e) => e.sortOrder || 0));
+    return n.sort(I).map((e) => {
+      const t = e.sortOrder || l + 1;
+      return e.sortOrder = t, e;
+    }).sort(M).map((e, t) => {
+      const o = t + 1;
+      return e.sortOrder = o, e;
+    });
+  }
+  function g(n, l, e) {
+    const t = n.map((o) => {
+      const c = e.getSorterByColumn(o), m = o.sort === "asc", y = o.sort === "desc", w = m ? c.ascend : y ? c.decend : void 0;
+      return { field: o.field, compare: w };
+    });
+    l.setSorters(t);
+  }
+  function P(n, l) {
+    const e = C();
+    g(e, n, l);
+  }
+  function E(n) {
+  }
+  function b(n) {
+  }
+  return {
+    applyColumnSorter: P,
+    collectionFilterableColumns: N,
+    applySortableColumns: g,
+    collectionSortableColumns: C,
+    columnContext: r,
+    hasLeftFixedColumn: A,
+    hasRightFixedColumn: D,
+    updateColumnRenderContext: O,
+    updateColumnSettingIcon: _,
+    sortFromServer: E,
+    createSortConditions: b
+  };
+}
+function q(i, a, u, r, d, h, f, _) {
+  const O = V(r.value - 1 + d), A = V(0), { renderDataRow: D } = h, S = f ? f.renderGroupRow : D, M = _ ? _.renderSummaryRow : D;
+  function I(C) {
+    let g = D;
+    return C.__fv_data_grid_group_row__ && (g = S), C.__fv_data_grid_group_summary__ && (g = M), g;
+  }
+  function W(C, g, P, E) {
+    const { dataView: b } = u, n = [];
+    if (b.value.length > 0) {
+      const l = E ? Date.now().toString() : "";
+      let e = C, t = 0;
+      const o = g - C + 1;
+      for (; n.length < o && e < b.value.length; ) {
+        const c = b.value[e], m = b.value[e - 1] || P, y = n[t - 1], w = m ? (m.__fv_data_position__ || 0) + (m.__fv_data_height__ || 0) : 0, s = I(c)(c, m, y, e, w, a.value, n);
+        s.refreshKey = l, n.push(s), t++, e++;
+      }
+    }
+    return A.value = n.length > 0 ? n[0].index : 0, O.value = n.length > 0 ? n[n.length - 1].index : 0, n;
+  }
+  function N(C, g, P) {
+    const E = g.groupField || "", { groupValue: b, raw: n } = g;
+    u[C](E, b, n.groupParents || []);
+    const { dataView: l } = u, e = P[0].index, t = Math.min(e + r.value + d + 1, l.value.length - 1);
+    return W(e, t);
+  }
+  return { getVisualData: W, maxVisibleRowIndex: O, minVisibleRowIndex: A, toggleGroupRow: N };
+}
+function J() {
+  function i(a) {
+    return {
+      title: "行配置",
+      description: "",
+      properties: {
+        customRowStyle: {
+          title: "行样式",
+          type: "string",
+          description: "自定义行样式",
+          $converter: "/converter/row-option.converter",
+          editor: {
+            type: "code-editor",
+            language: "javascript",
+            leftTemplate: () => F(z, null, [F("h5", null, [G("示例代码")]), F("pre", null, [`
+(dataItem) => {
+    if(dataItem.code === '0001') {
+        return {
+          class: {
+            'text-align': true,
+            'text-red': true
+          },
+          style: {
+            'background-color': '#000',
+            'font-size': '1rem'
+          }
+        };
+    }
+    return {};
+}
+    
+注: dataItem  行数据
+                                `])])
+          }
+        },
+        customCellStyle: {
+          title: "单元格样式",
+          type: "string",
+          description: "自定义单元格样式",
+          $converter: "/converter/row-option.converter",
+          editor: {
+            type: "code-editor",
+            language: "javascript",
+            leftTemplate: () => F(z, null, [F("h5", null, [G("示例代码")]), F("pre", null, [`
+(cell, row) => {
+    if(cell.data === '0002') {
+        return {
+          class: {
+            'text-align': true,
+            'text-red': true
+          },
+          style: {
+            'background-color': '#000',
+            'font-size': '1rem'
+          }
+        };
+    }
+    return {};
+}
+注: cell.data   单元格数据
+    cell.column 列数据
+    row.raw 行数据
+                                `])])
+          }
+        }
+      }
+    };
+  }
+  return {
+    getRowOptionProperties: i
+  };
+}
+function Q() {
+  function i(a) {
+    return {
+      title: "填充列宽",
+      description: "",
+      properties: {
+        fitColumns: {
+          title: "启用",
+          type: "boolean",
+          description: "启用填充列宽",
+          $converter: "/converter/column-option.converter",
+          refreshPanelAfterChanged: !0
+        }
+        // fitMode: {
+        //     description: '',
+        //     title: '填充模式',
+        //     type: 'enum',
+        //     visible: !!propertyData.column?.fitColumns,
+        //     $converter: '/converter/column-option.converter',
+        //     editor: {
+        //         data: [
+        //             { id: 'average', name: '平分' },
+        //             { id: 'expand', name: '等比' }
+        //         ]
+        //     }
+        // },
+      },
+      setPropertyRelates(u, r) {
+        switch (u && u.propertyID) {
+          case "fitColumns": {
+            r.fit = u.propertyValue, r.columns && (u.propertyValue ? r.columns.forEach((d) => {
+              d.resizable = !1;
+            }) : r.columns.forEach((d) => {
+              d.resizable = !0;
+            }));
+            break;
+          }
+        }
+      }
+    };
+  }
+  return { getColumnOptionProperties: i };
+}
+function X() {
+  function i(a) {
+    return {
+      title: "操作列",
+      description: "",
+      properties: {
+        enable: {
+          title: "启用",
+          type: "boolean",
+          $converter: "/converter/column-command.converter",
+          description: "启用操作列",
+          refreshPanelAfterChanged: !0
+        }
+        // commands: {
+        //     description: '',
+        //     title: '命令',
+        //     type: 'enum',
+        //     editor: {
+        //         data: [
+        //             { id: 'edit', name: '编辑' },
+        //             { id: 'remove', name: '删除' }
+        //         ]
+        //     }
+        // },
+        // formatter: {
+        //     title: '操作列模板',
+        //     type: 'string',
+        //     visible: false,
+        //     description: '自定义操作列模板',
+        //     refreshPanelAfterChanged: true,
+        //     editor: {
+        //         type: "code-editor",
+        //         language: "html",
+        //     }
+        // }
+      }
+    };
+  }
+  return { getCommandColumnProperties: i };
+}
+function Z() {
+  function i(a) {
+    return {
+      title: "合计行",
+      description: "",
+      properties: {
+        enable: {
+          title: "启用",
+          type: "boolean",
+          description: "启用合计行",
+          $converter: "/converter/summary.converter",
+          refreshPanelAfterChanged: !0
+        }
+      }
+    };
+  }
+  return { getSummaryProperties: i };
+}
+function j() {
+  function i(a) {
+    var u;
+    return {
+      title: "分组",
+      description: "",
+      properties: {
+        enable: {
+          title: "启用",
+          type: "boolean",
+          description: "启用分组",
+          $converter: "/converter/group.converter",
+          refreshPanelAfterChanged: !0
+        },
+        showSummary: {
+          title: "显示分组合计行",
+          type: "boolean",
+          visible: !!((u = a.group) != null && u.enable),
+          $converter: "/converter/group.converter",
+          description: "显示分组合计行"
+        }
+        // groupFields: {
+        //     title: '启用',
+        //     type: 'boolean',
+        //     description: '启用分组',
+        //     refreshPanelAfterChanged: true
+        // }
+      }
+    };
+  }
+  return { getGroupProperties: i };
+}
+function x() {
+  function i(a) {
+    var r, d;
+    const u = [
+      {
+        label: "onClickRow",
+        name: "行点击事件"
+      },
+      {
+        label: "onSelectionChange",
+        name: "行切换事件"
+      },
+      {
+        label: "onDoubleClickRow",
+        name: "行双击事件"
+      },
+      {
+        label: "onFilterChanged",
+        name: "过滤事件"
+      }
+    ];
+    return a.type !== "tree-grid" && u.push(
+      {
+        label: "onSortChanged",
+        name: "排序事件"
+      },
+      {
+        label: "onSelectItem",
+        name: "选中行事件"
+      },
+      {
+        label: "onUnSelectItem",
+        name: "取消选中行事件"
+      },
+      {
+        label: "onSelectAll",
+        name: "全选事件"
+      },
+      {
+        label: "onUnSelectAll",
+        name: "取消全选事件"
+      }
+    ), ((r = a.pagination) == null ? void 0 : r.enable) !== !1 && a.type !== "tree-grid" && u.push(
+      {
+        label: "onPageIndexChanged",
+        name: "切换页码事件"
+      },
+      {
+        label: "onPageSizeChanged",
+        name: "分页条数变化事件"
+      }
+    ), (d = a.command) != null && d.enable && u.push(
+      {
+        label: "onClickEditCommand",
+        name: "操作列编辑事件"
+      },
+      {
+        label: "onClickDeleteCommand",
+        name: "操作列删除事件"
+      }
+    ), u;
+  }
+  return { initEvent: i };
+}
+function ee() {
+  function i(a) {
+    var u, r, d;
+    return {
+      title: "多选配置",
+      $converter: "/converter/grid-selection.converter",
+      parentPropertyID: "editor",
+      properties: {
+        multiSelect: {
+          title: "启用多选",
+          type: "boolean",
+          refreshPanelAfterChanged: !0
+        },
+        showCheckbox: {
+          visible: !!((u = a.selection) != null && u.multiSelect),
+          $converter: "/converter/grid-selection.converter",
+          title: "显示复选框",
+          type: "boolean",
+          readonly: !0,
+          refreshPanelAfterChanged: !0
+        },
+        showSelectAll: {
+          visible: !!((r = a.selection) != null && r.multiSelect) && !!((d = a.selection) != null && d.showCheckbox),
+          title: "显示全选",
+          type: "boolean"
+        }
+        // keepSelectingOnPaging: {
+        //     visible: !!propertyData.selection?.multiSelect && propertyData.type !== 'tree-grid',
+        //     title: '启用跨页多选',
+        //     type: 'boolean'
+        // },
+        // showSelection: {
+        //     title: '显示已选数据数量',
+        //     type: 'boolean'
+        // }
+      },
+      setPropertyRelates(h, f) {
+        switch (h && h.propertyID) {
+          case "multiSelect":
+            a.selection.showCheckbox = h.propertyValue;
+            break;
+        }
+      }
+    };
+  }
+  return { getSelection: i };
+}
+function te() {
+  function i(a) {
+    var u, r;
+    return {
+      title: "行号配置",
+      $converter: "/converter/row-number.converter",
+      parentPropertyID: "rowNumber",
+      properties: {
+        enable: {
+          title: "显示行号",
+          type: "boolean",
+          refreshPanelAfterChanged: !0
+        },
+        width: {
+          visible: !!((u = a.rowNumber) != null && u.enable),
+          title: "宽度",
+          type: "number"
+        },
+        heading: {
+          visible: !!((r = a.rowNumber) != null && r.enable),
+          title: "标题",
+          type: "string"
+        }
+      }
+    };
+  }
+  return { getRowNumber: i };
+}
+function re() {
+  function i(a, u) {
+    var r, d;
+    return {
+      title: "分页",
+      $converter: "/converter/pagination.converter",
+      parentPropertyID: "pagination",
+      properties: {
+        enable: {
+          title: "启用分页",
+          type: "boolean",
+          refreshPanelAfterChanged: !0,
+          editor: {
+            readonly: u
+          }
+        },
+        // mode: {
+        //     visible: propertyData.pagination?.enable || false,
+        //     title: '分页交互模式',
+        //     type: "enum",
+        //     editor: {
+        //         type: "combo-list",
+        //         textField: "value",
+        //         valueField: "key",
+        //         data: [{ "key": "client", "value": "客户端" }, { "key": "server", "value": "服务器端" }]
+        //     }
+        // },
+        showIndex: {
+          visible: ((r = a.pagination) == null ? void 0 : r.enable) || !1,
+          title: "显示页码",
+          type: "boolean"
+        },
+        showLimits: {
+          visible: ((d = a.pagination) == null ? void 0 : d.enable) || !1,
+          title: "显示分页条数",
+          type: "boolean"
+        }
+      }
+    };
+  }
+  return { getPagination: i };
+}
+function ne() {
+  function i() {
+    return {
+      showStripe: {
+        title: "显示条纹",
+        type: "boolean",
+        description: "是否显示条纹"
+      },
+      showBorder: {
+        title: "显示边框",
+        type: "boolean",
+        description: "是否显示边框"
+      },
+      showSetting: {
+        title: "显示设置按钮",
+        type: "boolean",
+        description: "是否显示设置按钮"
+      },
+      emptyTemplate: {
+        title: "空模板",
+        type: "string",
+        description: "空模板",
+        editor: {
+          type: "code-editor",
+          language: "html"
+        }
+      }
+    };
+  }
+  function a(r, d) {
+    return {
+      title: "外观",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的class样式"
+        },
+        columns: {
+          title: "列设置",
+          description: "列设置",
+          type: "array",
+          editor: {
+            type: "grid-field-editor",
+            viewModelId: d,
+            gridData: r,
+            getLatestGridData: (h) => r
+          },
+          // 这个属性，标记当属性变更得时候触发重新更新属性
+          refreshPanelAfterChanged: !0
+        },
+        ...i()
+        // useBlankWhenDataIsEmpty: {
+        //     title: '空数据表格显示空白行',
+        //     description: '表格没有数据时是否显示空白行',
+        //     type: 'boolean',
+        //     refreshPanelAfterChanged: true
+        // },
+        // emptyDataHeight: {
+        //     title: '空数据高度',
+        //     type: 'number',
+        //     description: '空数据行高度设置',
+        //     min: 1,
+        //     max: 1000
+        // },
+      },
+      setPropertyRelates(h, f) {
+        switch (h && h.propertyID) {
+          case "useBlankWhenDataIsEmpty":
+            r.emptyDataHeight = r.useBlankWhenDataIsEmpty ? 36 : 240;
+            break;
+          case "columns":
+            r.columns = h.propertyValue || [];
+            break;
+        }
+      }
+    };
+  }
+  function u(r, d) {
+    return {
+      title: "外观",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式"
+        },
+        columns: {
+          title: "列设置",
+          description: "列设置",
+          $converter: "/converter/items-count.converter",
+          editor: {
+            type: "grid-field-editor",
+            viewModelId: d,
+            gridData: r,
+            gridType: "tree-grid-column"
+          },
+          // 这个属性，标记当属性变更得时候触发重新更新属性
+          refreshPanelAfterChanged: !0
+        },
+        ...i()
+        // showTreeNodeIcons: {
+        //     title: '显示图标',
+        //     type: "boolean",
+        //     description: '是否显示图标'
+        // },
+        // showSetting: {
+        //     title: '显示设置按钮',
+        //     type: "boolean",
+        //     description: '是否显示设置按钮',
+        //     visible:false
+        // }
+      },
+      setPropertyRelates(h, f) {
+        switch (h && h.propertyID) {
+          case "useBlankWhenDataIsEmpty":
+            r.emptyDataHeight = r.useBlankWhenDataIsEmpty ? 36 : 240;
+            break;
+          case "fields":
+            r.fields = h.propertyValue || [];
+            break;
+        }
+      }
+    };
+  }
+  return { getDataGrid: a, getTreeGrid: u };
+}
+function ae() {
+  function i(a) {
+    return {
+      title: "排序",
+      description: "",
+      properties: {
+        mode: {
+          title: "类型",
+          type: "enum",
+          description: "排序类型",
+          $converter: "/converter/grid-sort.converter",
+          editor: {
+            data: [
+              { id: "client", name: "客户端" },
+              { id: "server", name: "服务端" }
+            ]
+          }
+        }
+        // multiSort: {
+        //     title: '启用多列排序',
+        //     type: 'boolean',
+        //     description: '启用多列排序',
+        //     $converter: '/converter/grid-sort.converter'
+        // }
+      }
+    };
+  }
+  return { getSort: i };
+}
+function le() {
+  function i(a) {
+    return {
+      title: "过滤",
+      description: "",
+      properties: {
+        mode: {
+          title: "类型",
+          type: "enum",
+          description: "过滤类型",
+          $converter: "/converter/grid-filter.converter",
+          editor: {
+            data: [
+              { id: "client", name: "客户端" },
+              { id: "server", name: "服务端" }
+            ]
+          }
+        }
+      }
+    };
+  }
+  return { getFilter: i };
+}
+export {
+  ne as useAppearance,
+  Q as useColumnOption,
+  X as useCommandOption,
+  x as useDataGridEvent,
+  Y as useDesignerColumn,
+  K as useDesignerFitColumn,
+  q as useDesignerVisualData,
+  le as useFilter,
+  j as useGroup,
+  re as usePagination,
+  te as useRowNumber,
+  J as useRowOption,
+  ee as useSelection,
+  ae as useSort,
+  Z as useSummary
+};