@farris/ui-vue 1.0.0-beta.4 → 1.0.0-beta.6

package/data-grid/index.esm.js

@@ -1,128 +1,217 @@
 import { ref as D, watch as ce, computed as R, createVNode as S, resolveComponent as ye, Fragment as we, createTextVNode as be, defineComponent as Ce, onMounted as Se, nextTick as xe, onUnmounted as We } from "vue";
 const qe = {
+  /** 启用分页 */
   enable: { type: Boolean, default: !0 },
+  /** 当前页码 */
   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 }
 }, Ue = {
+  /** 启用排序 */
   enable: { type: Boolean, default: !1 },
+  /** 排序字段集合 */
   fields: { type: Array, default: [] },
+  /** 排序交互模式 */
   mode: { type: String, default: "client" },
+  /** 多列排序 */
   multiSort: { type: Boolean, default: !1 }
 }, Je = {
+  /** 自定义分组合计内容 */
   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" }
 }, Qe = {
+  /** 启用筛选 */
   enable: { type: Boolean, default: !1 },
+  /** DataGrid筛选风格 */
   filterStyle: { type: String, default: "filter-column" },
+  /** 筛选交互模式 */
   mode: { type: String, default: "server" },
+  /** 显示过滤条件工具条 */
   showSummary: { type: Boolean, default: !0 }
 }, Ze = {
+  /** 允许折行显示列标题 */
   wrapHeadings: { type: Boolean, default: !1 }
 }, Ie = {
+  /** 显示行号 */
   enable: { type: Boolean, default: !1 },
-  heading: { type: String, default: "\u5E8F\u53F7" },
+  /** 行号列表头标题 */
+  heading: { type: String, default: "序号" },
+  /** 行号宽度，默认为 36px */
   width: { type: Number, default: 36 }
 }, et = {
+  /** 自定义行样式 */
   customRowStyle: { type: Function, default: () => {
   } },
+  /** 禁止行选中表达式 */
   disable: { type: Function, default: () => {
   } },
+  /** 默认行高度为 29px */
   height: { type: Number, default: 28 },
+  /** 鼠标滑过行效果 */
   showHovering: { type: Boolean, default: !0 },
+  /** 禁止数据折行 */
   wrapContent: { type: Boolean, default: !1 }
 }, tt = {
+  /** 显示合计信息 */
   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" }
 }, at = {
+  /** 自动列宽。设为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 }
 }, lt = {
+  /** 启用多选且显示checkbox, 选中行后勾选前面的checkbox */
   checkOnSelect: { type: Boolean, default: !1 },
+  /** 当数据源为空时，清空已选记录 */
   clearSelectionOnEmpty: { type: Boolean, default: !0 },
+  /** 自定义已选记录列表中的显示内容 */
   customSelectionItem: { type: Function, default: () => {
   } },
+  /** 允许选中行 */
   enabelSelectRow: { type: Boolean, default: !0 },
+  /** 允许重复点击行是保留选中状态 */
   keepSelectingOnClick: { type: Boolean, default: !0 },
+  /** 允许跨页多选 */
   keepSelectingOnPaging: { type: Boolean, default: !0 },
+  /** 启用多选 */
   multiSelect: { type: Boolean, default: !1 },
+  /** 启用多选时，点击行选中，只允许且只有一行被选中 */
   focusSelection: { type: String, default: "current" },
+  /** 启用多选且显示checkbox, 勾选后并且选中行 */
   selectOnCheck: { type: Boolean, default: !1 },
+  /** 每行前边显示 checkbox */
   showCheckbox: { type: Boolean, default: !1 },
+  /** 显示全选checkbox */
   showSelectAll: { type: Boolean, default: !1 },
+  /** 显示已选数据 */
   showSelection: { type: Boolean, default: !1 }
 }, nt = {
+  /** 编辑时选中文本 */
   selectOnEditing: { type: Boolean, default: !1 },
+  /** 编辑模式； row：整行编辑，cell: 单元格编辑 */
   editMode: { type: String, default: "cell" }
 }, Oe = {
+  /** 列集合 */
   columns: { type: Array, default: [] },
+  /** 列配置 */
   columnOption: { type: Object },
+  /** 被绑定数据 */
   data: { type: Array, default: [] },
+  /** 禁用组件 */
   disable: { type: Boolean, default: !1 },
+  /** 允许编辑 */
   editable: { type: Boolean, default: !1 },
+  /** 编辑配置 */
   editOption: { type: Object },
+  /** 筛选配置 */
   filter: { type: Object },
+  /** 适配父组件尺寸 */
   fit: { type: Boolean, default: !1 },
+  /** 分组配置 */
   group: { type: Object },
+  /** 列标题配置 */
   header: { type: Object },
+  /** 高度 */
   height: { type: Number, default: 300 },
+  /** DataGrid组件唯一标识 */
   id: { type: String, default: "" },
+  /** 被绑定数据的标识字段 */
   idField: { type: String, default: "id", require: !0 },
+  /** 纵向合并具有相同值的单元格 */
   mergeCell: { type: Boolean, default: !1 },
+  /** 分页配置 */
   pagination: { type: Object },
+  /** 行号配置 */
   rowNumber: { type: Object },
+  /** 行配置 */
   rowOption: { type: Object },
+  /** 选择配置 */
   selection: { type: Object },
+  /** 显示边框 */
   showBorder: { type: Boolean, default: !1 },
+  /** 显示底部面板 */
   showFooter: { type: Boolean, default: !1 },
+  /** 显示顶部面板 */
   showHeader: { type: Boolean, default: !0 },
+  /** 显示配置按钮 */
   showOptions: { type: Boolean, default: !1 },
+  /** 显示滚动条 */
   showScrollBar: { type: String, default: "auto" },
+  /** 显示条纹 */
   showStripe: { type: Boolean, default: !0 },
+  /** 排序配置 */
   sort: { type: Object },
+  /** 合计配置 */
   summary: { type: Object },
+  /** 启用虚拟渲染 */
   virtualized: { type: Boolean, default: !1 },
+  /** 宽度 */
   width: { type: Number, default: 800 }
 };
 var q = /* @__PURE__ */ ((t) => (t[t.readonly = 0] = "readonly", t[t.editable = 1] = "editable", t[t.editing = 2] = "editing", t))(q || {}), ee = /* @__PURE__ */ ((t) => (t[t.data = 0] = "data", t[t.group = 1] = "group", t[t.summary = 2] = "summary", t))(ee || {});
-function He(t, g, d, m, O, w, B) {
+function He(t, g, d, m, O, w, F) {
   var G, f;
   const j = D(t.mergeCell), h = D(t.rowOption), M = ((G = h.value) == null ? void 0 : G.height) || 28, c = ((f = h.value) == null ? void 0 : f.wrapContent) || !1, r = D(O - 1 + w), b = D(0);
   function n(_, H, x) {
-    const F = H && H.data[x];
-    if (F && F.data === _.data) {
-      const p = F && F.spannedBy || F;
+    const B = H && H.data[x];
+    if (B && B.data === _.data) {
+      const p = B && B.spannedBy || B;
       p.rowSpan++, p.spanned = p.spanned || [], p.spanned.push(_), _.colSpan = 0, _.rowSpan = 0, _.spannedBy = p;
     }
   }
-  function u(_, H, x, F, W, p) {
+  function u(_, H, x, B, W, p) {
     const e = _.__fv_data_index__, l = {
-      index: F,
+      index: B,
       dataIndex: e,
       top: W,
       layer: -1,
@@ -151,7 +240,7 @@ function He(t, g, d, m, O, w, B) {
         data: _[i.field],
         parent: l,
         getEditor($) {
-          return B.getEditor($, i);
+          return F.getEditor($, i);
         },
         setRef: ($) => {
           if (c && $) {
@@ -171,8 +260,8 @@ function He(t, g, d, m, O, w, B) {
       j.value && n(s, x, i.field), l.data[i.field] = s;
     }), l;
   }
-  function o(_, H, x, F) {
-    const { dataView: W } = m, p = [], e = F ? Date.now().toString() : "";
+  function o(_, H, x, B) {
+    const { dataView: W } = m, p = [], e = B ? Date.now().toString() : "";
     for (let l = _, i = 0; l < H; l++, i++) {
       const v = W.value[l], s = W.value[l - 1] || x, $ = p[i - 1], P = s ? (s.__fv_data_position__ || 0) + (s.__fv_data_height__ || 0) : 0, C = v.__fv_data_grid_group_row__ ? d.renderGroupRow(v, s, l, P, g.value) : v.__fv_data_grid_group_summary__ ? d.renderSummaryRow(v, s, l, P, g.value) : u(v, s, $, l, P, g.value);
       C.refreshKey = e, p.push(C);
@@ -180,8 +269,8 @@ function He(t, g, d, m, O, w, B) {
     return b.value = p[0].index, r.value = p[p.length - 1].index, p;
   }
   function a(_, H, x) {
-    const F = H.groupField || "", { groupValue: W } = H;
-    m[_](F, W);
+    const B = H.groupField || "", { groupValue: W } = H;
+    m[_](B, W);
     const { dataView: p } = m, e = x[0].index, l = Math.min(e + O + w + 1, p.value.length);
     return o(e, l);
   }
@@ -211,7 +300,7 @@ function $e(t, g) {
       height: `${_}`
     };
   }
-  function B(n, u, o) {
+  function F(n, u, o) {
     return {
       right: "0px",
       height: `${n.parent.height ? `${n.parent.height}px` : ""}`
@@ -233,6 +322,8 @@ function $e(t, g) {
       width: `${o[u.field].width}px`,
       height: `${G}px`,
       padding: `calc(${G / 2}px - 1rem) 0`
+      // height: `calc(${rowHeight}px * ${cell.rowSpan})`,
+      // padding: `calc(${rowHeight * cell.rowSpan / 2}px - 1rem) 0`
     };
   }
   function M(n, u) {
@@ -259,44 +350,44 @@ function $e(t, g) {
     rowKey: c,
     rowPosition: r,
     rowSpanCellPosition: h,
-    summaryCellPosition: B
+    summaryCellPosition: F
   };
 }
-function De(t, g, d, m, O, w, B, j) {
+function De(t, g, d, m, O, w, F, j) {
   var K;
   const { dataView: h } = g, { getVisualData: M, maxVisibleRowIndex: c, minVisibleRowIndex: r } = O, b = D(m.value.primaryColumnsWidth), n = D(m.value.leftColumnsWidth), u = D(m.value.rightColumnsWidth), o = ((K = t.rowOption) == null ? void 0 : K.height) || 28, a = D(0), G = D(0);
   let f = 0, _ = w - 1;
-  const H = D(0), x = D(0), F = D(0), W = o * w, p = R(() => h.value.length * o), e = R(() => h.value.length > w + B ? Math.floor((w + B) / h.value.length * x.value) : x.value), l = R(() => Math.floor(F.value / b.value * H.value)), i = 0, v = 0, s = R(() => H.value - (n.value + b.value + u.value + j.value));
+  const H = D(0), x = D(0), B = D(0), W = o * w, p = R(() => h.value.length * o), e = R(() => h.value.length > w + F ? Math.floor((w + F) / h.value.length * x.value) : x.value), l = R(() => Math.floor(B.value / b.value * H.value)), i = 0, v = 0, s = R(() => H.value - (n.value + b.value + u.value + j.value));
   function $() {
-    const E = c.value < h.value.length ? h.value[c.value] : h.value[h.value.length - 1];
-    return (E.__fv_data_position__ || 0) + (E.__fv_data_height__ || 0) + Math.max(h.value.length - 1 - c.value, 0) * o;
+    const k = c.value < h.value.length ? h.value[c.value] : h.value[h.value.length - 1];
+    return (k.__fv_data_position__ || 0) + (k.__fv_data_height__ || 0) + Math.max(h.value.length - 1 - c.value, 0) * o;
   }
-  function P(E) {
-    const V = h.value.find((X) => X.__fv_data_position__ > E);
+  function P(k) {
+    const V = h.value.find((X) => X.__fv_data_position__ > k);
     return V ? V.__fv_index__ - 1 : 0;
   }
-  function C(E) {
-    const V = Math.max(f - B, 0), X = Math.min(_ + B + 1, h.value.length), U = h.value[V - 1], de = M(V, X, U, E);
+  function C(k) {
+    const V = Math.max(f - F, 0), X = Math.min(_ + F + 1, h.value.length), U = h.value[V - 1], de = M(V, X, U, k);
     de.length && (d.value = [...de]);
   }
-  function z(E) {
-    let V = a.value + E;
+  function z(k) {
+    let V = a.value + k;
     V > i && (V = i);
     const X = V > i, U = $(), de = U > x.value;
-    de && V < x.value - U && (V = x.value - U), (!de || X) && (V = i), a.value !== V && (a.value = V, f = P(Math.abs(a.value)), _ = f + w, (f < r.value || _ > c.value - B / 2) && C());
+    de && V < x.value - U && (V = x.value - U), (!de || X) && (V = i), a.value !== V && (a.value = V, f = P(Math.abs(a.value)), _ = f + w, (f < r.value || _ > c.value - F / 2) && C());
   }
-  function N(E) {
-    let V = G.value + E;
+  function N(k) {
+    let V = G.value + k;
     V > v && (V = v), V < s.value && (V = s.value), G.value !== V && (G.value = V);
   }
-  ce(F, () => {
+  ce(B, () => {
     N(0);
   }), ce(m, () => {
     b.value = m.value.primaryColumnsWidth, n.value = m.value.leftColumnsWidth, u.value = m.value.rightColumnsWidth;
   });
-  function L(E) {
-    E.preventDefault(), E.stopPropagation();
-    const V = (E.wheelDeltaY || E.deltaY) / 10, X = (E.wheelDeltaX || E.deltaX) / 10;
+  function L(k) {
+    k.preventDefault(), k.stopPropagation();
+    const V = (k.wheelDeltaY || k.deltaY) / 10, X = (k.wheelDeltaX || k.deltaX) / 10;
     z(V), N(X);
   }
   const Y = R(() => ({
@@ -324,12 +415,13 @@ function De(t, g, d, m, O, w, B, j) {
   })), ne = R(() => ({
     width: `${n.value}px`
   })), fe = R(() => ({
+    // width: `${visibleGridViewWidth}px`,
     transform: `translateX(${G.value}px)`
   })), he = R(() => ({
     width: `${u.value}px`
   })), ve = R(() => {
-    const E = $();
-    return a.value / (x.value - E) * (x.value - e.value);
+    const k = $();
+    return a.value / (x.value - k) * (x.value - e.value);
   }), pe = R(() => ({
     height: `${e.value}px`,
     top: `${ve.value}px`
@@ -338,31 +430,31 @@ function De(t, g, d, m, O, w, B, j) {
     left: `${se.value}px`
   })), ie = D(!1), Z = D(-1), I = D(-1);
   let re;
-  function y(E) {
+  function y(k) {
     if (ie.value && I.value !== -1) {
-      const V = I.value - E.pageX, X = H.value - l.value;
+      const V = I.value - k.pageX, X = H.value - l.value;
       if (Math.abs(V) <= X) {
-        const U = V / (F.value - l.value) * (b.value - F.value);
-        N(U), I.value = E.pageX;
+        const U = V / (B.value - l.value) * (b.value - B.value);
+        N(U), I.value = k.pageX;
       }
     }
   }
-  function A(E) {
+  function A(k) {
     if (ie.value && Z.value !== -1) {
-      const V = Z.value - E.pageY, X = W - e.value;
+      const V = Z.value - k.pageY, X = W - e.value;
       if (Math.abs(V) <= X) {
         const U = V / (W - e.value) * (p.value - W);
-        z(U), Z.value = E.pageY;
+        z(U), Z.value = k.pageY;
       }
     }
   }
-  function k(E) {
-    ie.value = !1, Z.value = -1, I.value = -1, document.removeEventListener("mouseup", k), re && (re.removeEventListener("mousemove", y), re.removeEventListener("mousemove", A)), document.body.style.userSelect = "";
+  function E(k) {
+    ie.value = !1, Z.value = -1, I.value = -1, document.removeEventListener("mouseup", E), re && (re.removeEventListener("mousemove", y), re.removeEventListener("mousemove", A)), document.body.style.userSelect = "";
   }
-  function T(E, V, X) {
+  function T(k, V, X) {
     ie.value = !0;
     const U = X === "horizontal" ? y : A;
-    X === "vertical" && (Z.value = E.pageY), X === "horizontal" && (I.value = E.pageX), V.value && (V.value.addEventListener("mousemove", U), re = V.value, document.addEventListener("mouseup", k), document.body.style.userSelect = "none");
+    X === "vertical" && (Z.value = k.pageY), X === "horizontal" && (I.value = k.pageX), V.value && (V.value.addEventListener("mousemove", U), re = V.value, document.addEventListener("mouseup", E), document.body.style.userSelect = "none");
   }
   return {
     onMouseDownScrollThumb: T,
@@ -372,7 +464,7 @@ function De(t, g, d, m, O, w, B, j) {
     gridHeaderColumnsStyle: fe,
     gridMergedDataStyle: te,
     gridSideStyle: le,
-    viewPortWidth: F,
+    viewPortWidth: B,
     viewPortHeight: x,
     horizontalScrollThumbStyle: ue,
     leftFixedGridDataStyle: Y,
@@ -401,7 +493,7 @@ function Ge(t) {
   function w(h, M) {
     m.value = M.data[g.value].data;
   }
-  function B(h, M) {
+  function F(h, M) {
     d.value = M.index;
   }
   function j(h) {
@@ -413,7 +505,7 @@ function Ge(t) {
       "fv-grid-sidebar-row-even": h.dataIndex % 2 === 0
     };
   }
-  return { gridRowClass: O, onClickRow: w, onMouseoverRow: B, sidebarRowClass: j };
+  return { gridRowClass: O, onClickRow: w, onMouseoverRow: F, sidebarRowClass: j };
 }
 function je(t) {
   const d = D({
@@ -438,10 +530,10 @@ function je(t) {
     return O.value && O.value.reduce((c, r) => (c.set(r, !0), c), M), h.reduce((c, r) => (r.fixed === "left" ? (d.value.leftColumns.push(r), d.value.leftColumnsWidth += r.actualWidth || 120) : r.fixed === "right" ? (d.value.rightColumns.push(r), d.value.rightColumnsWidth += r.actualWidth || 120) : (d.value.primaryColumns.push(r), d.value.primaryColumnsWidth += r.actualWidth || 120), M.has(r.field) && d.value.summaryColumns.push(r), c), d), d;
   }
   w(t.columns);
-  const B = R(() => d.value.leftColumns.length > 0), j = R(() => d.value.rightColumns.length > 0);
-  return { columnContext: d, hasLeftFixedColumn: B, hasRightFixedColumn: j };
+  const F = R(() => d.value.leftColumns.length > 0), j = R(() => d.value.rightColumns.length > 0);
+  return { columnContext: d, hasLeftFixedColumn: F, hasRightFixedColumn: j };
 }
-function Fe(t, g) {
+function Be(t, g) {
   var M;
   const d = D((M = t.columnOption) == null ? void 0 : M.groups);
   function m(c, r, b, n, u) {
@@ -487,12 +579,12 @@ function Fe(t, g) {
     const r = c[0];
     return r.children && r.children.length > 0 && (r.left = w(r.children)), r.left;
   }
-  function B(c, r) {
+  function F(c, r) {
     const b = g.value.headerDepth;
     c.forEach((n) => {
       n.layer = r ? r.layer + 1 : 1;
       const u = n.children && n.children.length === 0;
-      n.depth = u ? b - (n.layer - 1) : 1, n.left = u ? n.left : w(n.children), n.children && B(n.children, n);
+      n.depth = u ? b - (n.layer - 1) : 1, n.left = u ? n.left : w(n.children), n.children && F(n.children, n);
     });
   }
   function j(c, r) {
@@ -500,7 +592,7 @@ function Fe(t, g) {
     return c.forEach((n) => {
       const u = r.fieldToRootMap.get(n.field), o = u != null;
       o && !b.has(u.field) && b.set(u.field, u), o || b.set(n.field, n);
-    }), B(Array.from(b.values())), b;
+    }), F(Array.from(b.values())), b;
   }
   function h(c) {
     let r = /* @__PURE__ */ new Map(), b = 0;
@@ -522,10 +614,10 @@ function Fe(t, g) {
   }
   return { getGridHeaderCells: h };
 }
-function Be(t, g) {
-  var H, x, F, W, p;
-  const { getGridHeaderCells: d } = Fe(t, g), m = 120, O = 32, w = D(((H = t.rowNumber) == null ? void 0 : H.enable) || !1), B = D(((x = t.selection) == null ? void 0 : x.multiSelect) || !1), j = D(
-    0 + (w.value && ((F = t.rowNumber) == null ? void 0 : F.width) || 0) + (B.value ? O : 0)
+function Fe(t, g) {
+  var H, x, B, W, p;
+  const { getGridHeaderCells: d } = Be(t, g), m = 120, O = 32, w = D(((H = t.rowNumber) == null ? void 0 : H.enable) || !1), F = D(((x = t.selection) == null ? void 0 : x.multiSelect) || !1), j = D(
+    0 + (w.value && ((B = t.rowNumber) == null ? void 0 : B.width) || 0) + (F.value ? O : 0)
   ), h = D(((W = t.columnOption) == null ? void 0 : W.fitColumns) || !1), M = D(h.value && ((p = t.columnOption) == null ? void 0 : p.fitMode) || "none");
   function c(e, l, i) {
     const v = parseInt(e.width, 10) / 100;
@@ -616,18 +708,18 @@ function Be(t, g) {
 }
 function Me(t) {
   var M, c, r;
-  const d = D(((M = t.rowNumber) == null ? void 0 : M.enable) || !1), m = D(((c = t.selection) == null ? void 0 : c.showCheckbox) || !1), O = D(d.value && ((r = t.rowNumber) == null ? void 0 : r.width) || 0), w = D(m.value ? 50 : 0), B = R(() => w.value + O.value);
+  const d = D(((M = t.rowNumber) == null ? void 0 : M.enable) || !1), m = D(((c = t.selection) == null ? void 0 : c.showCheckbox) || !1), O = D(d.value && ((r = t.rowNumber) == null ? void 0 : r.width) || 0), w = D(m.value ? 50 : 0), F = R(() => w.value + O.value);
   function j(b) {
     return {
       top: `${b.top}px`,
-      width: `${B.value}px`,
+      width: `${F.value}px`,
       height: `${b.height || ""}px`
     };
   }
   const h = R(() => ({
-    width: `${B.value}px`
+    width: `${F.value}px`
   }));
-  return { showRowCheckbox: m, showRowNumer: d, sidebarCellPosition: j, sidebarCornerCellStyle: h, sidebarWidth: B };
+  return { showRowCheckbox: m, showRowNumer: d, sidebarCellPosition: j, sidebarCornerCellStyle: h, sidebarWidth: F };
 }
 function me(t) {
   const g = D(t.idField), d = D(t.summary), m = D(t.group), O = R(() => {
@@ -636,15 +728,15 @@ function me(t) {
   }), w = R(() => {
     const a = d.value;
     return a && a.enable && a.groupFields && a.groupFields.length > 0;
-  }), B = R(() => {
+  }), F = R(() => {
     const a = m.value;
     return a && a.showSummary;
   }), j = /* @__PURE__ */ new Map();
   let h = [], M = "";
   function c(a, G, f, _) {
     const H = _[f];
-    H && (G.reduce((x, F, W) => {
-      const p = F[H];
+    H && (G.reduce((x, B, W) => {
+      const p = B[H];
       let e = x.get(p);
       if (!e) {
         const l = O.value.reduce((i, v) => (i.set(v, 0), i), /* @__PURE__ */ new Map());
@@ -653,10 +745,10 @@ function me(t) {
       return O.value && O.value.forEach((l) => {
         if (e) {
           const i = e.groupSummaries.get(l) || 0;
-          e.groupSummaries.set(l, i + F[l]);
+          e.groupSummaries.set(l, i + B[l]);
         }
-      }), e.details.push(F), x;
-    }, a), f < _.length - 1 && a.forEach((x, F) => {
+      }), e.details.push(B), x;
+    }, a), f < _.length - 1 && a.forEach((x, B) => {
       x.nestGroup = /* @__PURE__ */ new Map(), c(x.nestGroup, x.details, f + 1, _), x.details = [];
     }));
   }
@@ -675,19 +767,19 @@ function me(t) {
         const x = r(f.nestGroup);
         G.push(...x), H += x.length;
       }
-      if (f.details && f.details.length && (G.push(...f.details), H += f.details.length), B.value) {
+      if (f.details && f.details.length && (G.push(...f.details), H += f.details.length), F.value) {
         const x = {
           __fv_data_grid_group_field__: f.field,
           __fv_data_grid_group_layer__: f.layer,
           __fv_data_grid_group_summary__: !0
         };
         x[g.value] = `summary_of_${f.field}_${f.value}`, x[f.field] = Array.from(f.groupSummaries.entries()).reduce(
-          (F, [W, p]) => `${F} ${W} total:${p} `,
+          (B, [W, p]) => `${B} ${W} total:${p} `,
           ""
         ), G.push(x);
       }
-      f.groupSummaries && f.groupSummaries.size && f.groupSummaries.forEach((x, F) => {
-        _[F] = x;
+      f.groupSummaries && f.groupSummaries.size && f.groupSummaries.forEach((x, B) => {
+        _[B] = x;
       }), _[g.value] = `group_of_${f.field}_${f.value}`, _[f.field] = `${f.field}:${f.value} (${H})`;
     }), G.forEach((f, _) => {
       f.__fv_data_index__ = _;
@@ -700,11 +792,11 @@ function me(t) {
     return f !== M && (j.clear(), h = [], M = f, c(j, G, 0, a), h = r(j)), h;
   }
   function n(a, G, f, _, H) {
-    const x = a.__fv_data_grid_group_collapse__, F = a.__fv_data_grid_group_field__, W = a.__fv_data_grid_group_value__, p = a.__fv_data_index__, e = a.__fv_data_grid_group_layer__, l = {
+    const x = a.__fv_data_grid_group_collapse__, B = a.__fv_data_grid_group_field__, W = a.__fv_data_grid_group_value__, p = a.__fv_data_index__, e = a.__fv_data_grid_group_layer__, l = {
       collapse: x,
       data: {},
       dataIndex: p,
-      groupField: F,
+      groupField: B,
       groupValue: W,
       layer: e,
       index: f,
@@ -742,8 +834,8 @@ function me(t) {
       colSpan: H.length,
       rowSpan: 1,
       index: 1,
-      field: F,
-      data: a[F],
+      field: B,
+      data: a[B],
       parent: l,
       mode: q.readonly,
       getEditor: (s) => s.data,
@@ -761,7 +853,7 @@ function me(t) {
       update: () => {
       }
     };
-    if (l.data[F] = v, w.value) {
+    if (l.data[B] = v, w.value) {
       let s = v.colSpan;
       const $ = O.value.reduce((P, C) => (P.set(C, !0), P), /* @__PURE__ */ new Map());
       H.reduce((P, C, z) => {
@@ -797,9 +889,9 @@ function me(t) {
     return l;
   }
   function u(a, G, f, _, H) {
-    const x = a.__fv_data_grid_group_field__, F = a.__fv_data_index__, W = a.__fv_data_grid_group_layer__, p = {
+    const x = a.__fv_data_grid_group_field__, B = a.__fv_data_index__, W = a.__fv_data_grid_group_layer__, p = {
       data: {},
-      dataIndex: F,
+      dataIndex: B,
       groupField: x,
       groupValue: null,
       layer: W,
@@ -869,8 +961,8 @@ function me(t) {
   return { collpaseGroupIconClass: o, renderGroupedData: b, renderGroupRow: n, renderSummaryRow: u };
 }
 function Pe(t) {
-  var x, F;
-  const g = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), m = D(((x = t.group) == null ? void 0 : x.groupFields) || []), O = D(((F = t.group) == null ? void 0 : F.enable) || !1), w = D(t.data), B = me(t), j = D(t.summary), h = R(() => {
+  var x, B;
+  const g = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), m = D(((x = t.group) == null ? void 0 : x.groupFields) || []), O = D(((B = t.group) == null ? void 0 : B.enable) || !1), w = D(t.data), F = me(t), j = D(t.summary), h = R(() => {
     const W = j.value;
     return (W == null ? void 0 : W.groupFields) || [];
   }), M = h.value.reduce((W, p) => (W.set(p, 0), W), /* @__PURE__ */ new Map()), c = R(() => w.value.length), r = D(t.pagination), b = R(() => {
@@ -879,7 +971,7 @@ function Pe(t) {
   }), n = D(1);
   function u() {
     let W = w.value;
-    O.value && (W = B.renderGroupedData(m.value, w.value));
+    O.value && (W = F.renderGroupedData(m.value, w.value));
     const p = (n.value - 1) * b.value, e = Math.min(p + b.value, c.value);
     let l = 0;
     const i = [];
@@ -925,13 +1017,13 @@ function Pe(t) {
   }
   return { collapse: G, dataView: o, expand: f, getRange: _, navigatePageTo: H, summaries: M, totalItems: c };
 }
-function Ee(t) {
+function ke(t) {
   return S(ye("f-date-picker"), {
     modelValue: t.data,
     onDatePicked: (g) => t.update(g)
   }, null);
 }
-function ke(t) {
+function Ee(t) {
   const g = R(() => ({
     height: "100%",
     resize: "none"
@@ -978,19 +1070,19 @@ function Re(t) {
     ["text", "text-area"]
   ]), O = /* @__PURE__ */ new Map([
     ["checkbox", ge],
-    ["date-picker", Ee],
+    ["date-picker", ke],
     ["text-editor", ge],
-    ["text-area", ke]
+    ["text-area", Ee]
   ]);
   let w;
-  function B(r) {
+  function F(r) {
     r.mode = q.editing, w = r;
   }
   function j(r) {
     r.mode = q.editable;
   }
   function h(r, b) {
-    g.value && b.mode === q.editable && w !== b && (w && j(w), B(b));
+    g.value && b.mode === q.editable && w !== b && (w && j(w), F(b));
   }
   function M(r, b) {
     const n = b.dataType;
@@ -1001,7 +1093,7 @@ function Re(t) {
   }
   return { getEditor: M, onClickCell: h };
 }
-function ze(t, g, d, m, O, w, B, j, h, M) {
+function ze(t, g, d, m, O, w, F, j, h, M) {
   const {
     calculateCellPositionInRow: c,
     cellKey: r,
@@ -1017,8 +1109,8 @@ function ze(t, g, d, m, O, w, B, j, h, M) {
     gridRowClass: _,
     onClickRow: H,
     onMouseoverRow: x
-  } = B, {
-    onClickCell: F
+  } = F, {
+    onClickCell: B
   } = O, {
     toggleGroupRow: W
   } = j, {
@@ -1045,23 +1137,23 @@ function ze(t, g, d, m, O, w, B, j, h, M) {
     A.collapse = !A.collapse, M.value = W(A.collapse ? "collapse" : "expand", A, M.value);
   }
   function le(y, A) {
-    const k = [];
+    const E = [];
     if (y.groupField && A[y.groupField]) {
       for (let K = 0; K <= y.layer; K++)
-        k.push(S("div", {
+        E.push(S("div", {
           class: "fv-grid-group-row-icon",
-          onClick: (E) => ae(E, y)
+          onClick: (k) => ae(k, y)
         }, [S("span", {
           class: f(y)
         }, null)]));
       const T = y.data[y.groupField];
-      k.push(S("div", {
+      E.push(S("div", {
         ref: T.setRef,
         key: r(y, y.layer + 1),
         class: "fv-grid-cell",
         style: a(T, A, y.layer)
       }, [T.data])), Object.values(y.data).filter((K) => K.field !== y.groupField && K.colSpan !== 0).forEach((K) => {
-        k.push(S("div", {
+        E.push(S("div", {
           ref: K.setRef,
           key: r(y, K.index),
           class: "fv-grid-cell",
@@ -1069,7 +1161,7 @@ function ze(t, g, d, m, O, w, B, j, h, M) {
         }, [K.data]));
       });
     }
-    return k;
+    return E;
   }
   function ne(y, A) {
     return y.layer > -1 && S("div", {
@@ -1077,22 +1169,22 @@ function ze(t, g, d, m, O, w, B, j, h, M) {
       key: n(y),
       class: _(y),
       style: u(y),
-      onClick: (k) => H(k, y),
-      onMouseover: (k) => x(k, y)
+      onClick: (E) => H(E, y),
+      onMouseover: (E) => x(E, y)
     }, [le(y, A)]);
   }
   function fe(y, A) {
-    const k = [];
+    const E = [];
     if (y.groupField && A[y.groupField]) {
       const T = y.data[y.groupField];
-      k.push(S("div", {
+      E.push(S("div", {
         ref: T.setRef,
         key: r(y, y.layer + 1),
         class: "fv-grid-cell",
         style: G(T, A, y.layer)
       }, [T.data]));
     }
-    return k;
+    return E;
   }
   function he(y, A) {
     return y.layer > -1 && S("div", {
@@ -1100,8 +1192,8 @@ function ze(t, g, d, m, O, w, B, j, h, M) {
       key: n(y),
       class: _(y),
       style: u(y),
-      onClick: (k) => H(k, y),
-      onMouseover: (k) => x(k, y)
+      onClick: (E) => H(E, y),
+      onMouseover: (E) => x(E, y)
     }, [fe(y, A)]);
   }
   function ve(y, A) {
@@ -1110,27 +1202,27 @@ function ze(t, g, d, m, O, w, B, j, h, M) {
       key: n(y),
       class: _(y),
       style: u(y),
-      onClick: (k) => H(k, y),
-      onMouseover: (k) => x(k, y)
-    }, [Object.values(y.data).filter((k) => A[k.field] && k.rowSpan === 1).map((k) => S("div", {
-      ref: k.setRef,
-      key: r(y, k.index),
+      onClick: (E) => H(E, y),
+      onMouseover: (E) => x(E, y)
+    }, [Object.values(y.data).filter((E) => A[E.field] && E.rowSpan === 1).map((E) => S("div", {
+      ref: E.setRef,
+      key: r(y, E.index),
       class: "fv-grid-cell",
-      style: b(k, A),
-      onClick: (T) => F(T, k)
-    }, [k.mode === q.editing ? k.getEditor(k) : k.data]))]);
+      style: b(E, A),
+      onClick: (T) => B(T, E)
+    }, [E.mode === q.editing ? E.getEditor(E) : E.data]))]);
   }
   const pe = [ve, ne, he];
   function se(y, A) {
-    const k = c(y);
-    return M.value.map((T) => pe[T.type](T, k));
+    const E = c(y);
+    return M.value.map((T) => pe[T.type](T, E));
   }
   function ue(y) {
     const A = c(y);
-    return M.value.map((k) => Object.values(k.data).filter((T) => A[T.field] && T.rowSpan > 1).map((T) => S("div", {
-      key: r(k, T.index),
+    return M.value.map((E) => Object.values(E.data).filter((T) => A[T.field] && T.rowSpan > 1).map((T) => S("div", {
+      key: r(E, T.index),
       class: "fv-grid-cell fv-grid-merged-cell",
-      style: o(k, T, A)
+      style: o(E, T, A)
     }, [T.data])));
   }
   function ie() {
@@ -1176,13 +1268,13 @@ function ze(t, g, d, m, O, w, B, j, h, M) {
   };
 }
 function Ve(t, g, d, m) {
-  const O = D(-1), w = D(0), B = D(!1);
+  const O = D(-1), w = D(0), F = D(!1);
   let j = "";
   const h = R(() => ({
-    display: B.value ? "block" : "none",
+    display: F.value ? "block" : "none",
     left: `${w.value}px`
   })), M = R(() => ({
-    display: B.value ? "block" : "none"
+    display: F.value ? "block" : "none"
   }));
   function c(n) {
     w.value = n.clientX - n.target.parentElement.offsetLeft;
@@ -1193,16 +1285,16 @@ function Ve(t, g, d, m) {
       const o = n.clientX - n.target.parentElement.offsetLeft;
       u.actualWidth = (u.actualWidth || 0) + (o - O.value), d.calculateColumnHeaders(g), d.calculateColumnsWidth(g);
     }
-    w.value = 0, B.value = !1, m.reCalculateVisualDataRows(), document.removeEventListener("mousemove", c), document.body.style.userSelect = "", j = "";
+    w.value = 0, F.value = !1, m.reCalculateVisualDataRows(), document.removeEventListener("mousemove", c), document.body.style.userSelect = "", j = "";
   }
   function b(n, u) {
-    j = u, B.value = !0;
+    j = u, F.value = !0;
     const o = n.path.find((a) => a.className.split(" ")[0] === "fv-grid");
     w.value = n.clientX - o.offsetLeft, O.value = n.clientX - o.offsetLeft, document.addEventListener("mousemove", c), document.addEventListener("mouseup", r), document.body.style.userSelect = "none";
   }
   return { onClickColumnResizeBar: b, resizeHandleStyle: h, resizeOverlayStyle: M };
 }
-function Ne(t, g, d, m, O, w, B) {
+function Ne(t, g, d, m, O, w, F) {
   const {
     showRowCheckbox: j,
     showRowNumer: h,
@@ -1220,7 +1312,7 @@ function Ne(t, g, d, m, O, w, B) {
     leftFixedGridHeaderColumnsStyle: G,
     rightFixedGridHeaderColumnsStyle: f
   } = w, _ = c.value.defaultColumnWidth, H = 32, x = /* @__PURE__ */ new Map([[0, 0]]);
-  function F(C, z) {
+  function B(C, z) {
     const N = x.get(z) || 0, L = {
       height: `${C.depth * H}px`,
       left: `${C.left}px`,
@@ -1238,7 +1330,7 @@ function Ne(t, g, d, m, O, w, B) {
   function e(C, z) {
     return S("div", {
       class: "fv-grid-header-cell",
-      style: F(C, z)
+      style: B(C, z)
     }, [C.title, C.resizable && S("span", {
       class: "fv-column-resize-bar",
       onMousedown: (N) => n(N, C.field)
@@ -1335,7 +1427,7 @@ function Te(t, g, d, m) {
     onMouseoverRow: O,
     sidebarRowClass: w
   } = g, {
-    showRowCheckbox: B,
+    showRowCheckbox: F,
     showRowNumer: j,
     sidebarCellPosition: h,
     sidebarWidth: M
@@ -1362,10 +1454,10 @@ function Te(t, g, d, m) {
     }, [o.dataIndex]);
   }
   function n(o) {
-    return (B.value || j.value) && o.value.map((a) => S("div", {
+    return (F.value || j.value) && o.value.map((a) => S("div", {
       class: w(a),
       style: h(a)
-    }, [B.value && r(a), j.value && b(a)]));
+    }, [F.value && r(a), j.value && b(a)]));
   }
   function u(o) {
     return S("div", {
@@ -1386,14 +1478,14 @@ function Le(t, g, d) {
     const j = O.value;
     return j && j.enable && j.groupFields && j.groupFields.length > 0;
   });
-  function B() {
+  function F() {
     return w.value && S("div", {
       class: "fv-datagrid-summary"
     }, [S("div", {
       class: "fv-datagird-summary-panel"
     }, [S("span", {
       class: "fv-datagrid-summary-title"
-    }, [be("\u5F53\u9875\u5408\u8BA1")]), S("div", {
+    }, [be("当页合计")]), S("div", {
       class: "fv-datagrid-summary-content"
     }, [m.value.summaryColumns.map((j) => S("div", {
       class: "fv-datagrid-summary-field"
@@ -1404,7 +1496,7 @@ function Le(t, g, d) {
     }, [g.summaries.get(j.field)])]))])])]);
   }
   return {
-    renderDataGridSummery: B
+    renderDataGridSummery: F
   };
 }
 function Xe(t, g, d) {
@@ -1418,7 +1510,7 @@ function Xe(t, g, d) {
     }, [S("div", {
       class: "fv-grid-horizontal-scroll-thumb",
       style: m.value,
-      onMousedown: (B) => O(B, g, "horizontal")
+      onMousedown: (F) => O(F, g, "horizontal")
     }, null)]);
   }
   return {
@@ -1436,55 +1528,55 @@ function Ye(t, g, d) {
     }, [S("div", {
       class: "fv-grid-vertical-scroll-thumb",
       style: m.value,
-      onMousedown: (B) => O(B, g, "vertical")
+      onMousedown: (F) => O(F, g, "vertical")
     }, null)]);
   }
   return {
     renderVerticalScrollbar: w
   };
 }
-const _e = Ce({
+const _e = /* @__PURE__ */ Ce({
   name: "FDataGrid",
   props: Oe,
   emits: [],
   setup(t) {
     var te;
-    const g = D(t.columns), d = 20, m = 0, O = D(), w = D(), B = D(t.showStripe), j = D(!1), h = D(((te = t.rowOption) == null ? void 0 : te.wrapContent) || !1), M = Pe(t), c = je(t), {
+    const g = D(t.columns), d = 20, m = 0, O = D(), w = D(), F = D(t.showStripe), j = D(!1), h = D(((te = t.rowOption) == null ? void 0 : te.wrapContent) || !1), M = Pe(t), c = je(t), {
       columnContext: r
-    } = c, b = Be(t, r), {
+    } = c, b = Fe(t, r), {
       calculateColumnsSize: n
     } = b, u = me(t), o = Re(t), a = He(t, g, u, M, d, m, o), {
       getVisualData: G
     } = a, f = $e(t, r), _ = Me(t), {
       sidebarWidth: H
-    } = _, x = D(G(0, d + m)), F = De(t, M, x, r, a, d, m, H), {
+    } = _, x = D(G(0, d + m)), B = De(t, M, x, r, a, d, m, H), {
       onWheel: W,
       dataGridWidth: p,
       viewPortHeight: e,
       viewPortWidth: l
-    } = F, i = Ge(t), v = R(() => ({
+    } = B, i = Ge(t), v = R(() => ({
       "fv-grid": !0,
-      "fv-datagrid-strip": B.value
+      "fv-datagrid-strip": F.value
     })), s = R(() => ({
       "fv-grid-content": !0,
       "fv-grid-content-hover": j.value,
       "fv-grid-wrap-content": h.value
     })), {
       renderDataArea: $
-    } = ze(t, w, f, c, o, u, i, a, F, x), {
+    } = ze(t, w, f, c, o, u, i, a, B, x), {
       renderGridHeader: P,
       renderGridColumnResizeOverlay: C
-    } = Ne(t, O, c, b, _, F), {
+    } = Ne(t, O, c, b, _, B), {
       renderDataGridPagination: z
     } = Ae(t, M), {
       renderDataGridSidebar: N
-    } = Te(t, i, _, F), {
+    } = Te(t, i, _, B), {
       renderDataGridSummery: L
     } = Le(t, M, c), {
       renderHorizontalScrollbar: Y
-    } = Xe(t, O, F), {
+    } = Xe(t, O, B), {
       renderVerticalScrollbar: J
-    } = Ye(t, O, F);
+    } = Ye(t, O, B);
     function Q(oe) {
       var ae, le, ne;
       e.value = ((ae = w.value) == null ? void 0 : ae.clientHeight) || 0, l.value = ((le = w.value) == null ? void 0 : le.clientWidth) || 0, p.value = ((ne = O.value) == null ? void 0 : ne.clientWidth) || 0;