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

package/components/data-grid/index.esm.js

@@ -1,11 +1,11 @@
-import { useCommonUtils as At, getCustomClass as Ht, withInstall as zt } from "../common/index.esm.js";
-import { reactive as Je, watch as oe, createVNode as i, isVNode as et, Comment as Lt, Fragment as ze, createTextVNode as he, defineComponent as Ut, ref as B, computed as I, onMounted as Wt, nextTick as _t, onUnmounted as Kt, provide as Yt } from "vue";
-import { useResizeObserver as qt } from "@vueuse/core";
-import { CellMode as $t, useMobile as Jt, useIdentify as Qt, useGroupData as Xt, useFilter as Zt, useHierarchy as en, useLoading as tn, useDataView as nn, usePagination as ln, useSelection as an, useDataViewContainerStyle as on, useCommandColumn as un, useSettingColumn as sn, useColumn as rn, useSort as dn, useGroupColumn as cn, useRow as fn, useEdit as mn, useVisualDataBound as yn, useVisualDataCell as pn, useVisualDataRow as gn, useVisualGroupRow as vn, useVisualSummaryRow as Cn, useVisualData as hn, useCellContentStyle as Sn, useCellPosition as wn, useSidebar as bn, useVirtualScroll as Bn, useFitColumn as Fn, useFilterHistory as On, useColumnFilter as In, useDragColumn as Dn, getColumnHeader as Vn, getPagination as Gn, getSidebar as xn, getDisableMask as En, getSummary as Pn, getHorizontalScrollbar as Tn, getVerticalScrollbar as kn, getFilterPanel as Rn, getGroupPanel as Mn, useNavigation as jn, getEmpty as Nn, COMMAND_COLUMN_DATA_TYPE as Qe, SETTING_COLUMN_DATA_TYPE as Xe } from "../data-view/index.esm.js";
-import Ze from "../button/index.esm.js";
-import An from "../drawer/index.esm.js";
-import Hn, { FDynamicFormLabel as zn } from "../dynamic-form/index.esm.js";
-const Zn = {
+import { useCommonUtils as Lt, getCustomClass as _t, withInstall as Ut } from "../common/index.esm.js";
+import { reactive as Qe, watch as se, createVNode as i, Fragment as be, isVNode as tt, Comment as Wt, createTextVNode as we, defineComponent as Kt, ref as S, computed as B, onMounted as Yt, nextTick as qt, onUnmounted as $t, provide as Jt } from "vue";
+import { useResizeObserver as Qt } from "@vueuse/core";
+import { CellMode as Xt, useMobile as Zt, useIdentify as en, useGroupData as tn, useFilter as nn, useHierarchy as ln, useLoading as an, useDataView as on, usePagination as un, useSelection as rn, useDataViewContainerStyle as sn, useCommandColumn as dn, useSettingColumn as cn, useColumn as fn, useSort as mn, useGroupColumn as yn, useRow as pn, useEdit as gn, useVisualDataBound as vn, useVisualDataCell as Cn, useVisualDataRow as hn, useVisualGroupRow as Sn, useVisualSummaryRow as wn, useVisualData as bn, useCellContentStyle as Bn, useCellPosition as Fn, useSidebar as On, useVirtualScroll as In, useFitColumn as Vn, useFilterHistory as Gn, useColumnFilter as En, useDragColumn as xn, getColumnHeader as Dn, getPagination as Pn, getSidebar as Tn, getDisableMask as Rn, getSummary as kn, getHorizontalScrollbar as Mn, getVerticalScrollbar as jn, getFilterPanel as Nn, getGroupPanel as An, useNavigation as Hn, getEmpty as zn, COMMAND_COLUMN_DATA_TYPE as Xe, SETTING_COLUMN_DATA_TYPE as Ze } from "../data-view/index.esm.js";
+import et from "../button/index.esm.js";
+import Ln from "../drawer/index.esm.js";
+import _n, { FDynamicFormLabel as Un } from "../dynamic-form/index.esm.js";
+const nl = {
   /** 启用分页 */
   enable: { type: Boolean, default: !1 },
   /** 当前页码 */
@@ -28,7 +28,7 @@ const Zn = {
   total: { type: Number, default: 0 },
   /** 禁用分页 */
   disabled: { type: Boolean, default: !1 }
-}, el = {
+}, ll = {
   /** 启用排序 */
   enable: { type: Boolean, default: !1 },
   /** 排序字段集合 */
@@ -37,7 +37,7 @@ const Zn = {
   mode: { type: String, default: "client" },
   /** 多列排序 */
   multiSort: { type: Boolean, default: !1 }
-}, tl = {
+}, al = {
   /** 自定义分组合计内容 */
   customGroupRow: { type: Function, default: () => {
   } },
@@ -61,7 +61,7 @@ const Zn = {
   showSummary: { type: Boolean, default: !1 },
   /** 显示合计行位置； */
   summaryPosition: { type: String, default: "separate" }
-}, nl = {
+}, ol = {
   /** 启用筛选 */
   enable: { type: Boolean, default: !1 },
   /** DataGrid筛选风格 */
@@ -70,10 +70,10 @@ const Zn = {
   mode: { type: String, default: "server" },
   /** 显示过滤条件工具条 */
   showSummary: { type: Boolean, default: !0 }
-}, ll = {
+}, il = {
   /** 允许折行显示列标题 */
   wrapHeadings: { type: Boolean, default: !1 }
-}, al = {
+}, ul = {
   /** 显示行号 */
   enable: { type: Boolean, default: !1 },
   /** 行号列表头标题 */
@@ -82,7 +82,7 @@ const Zn = {
   width: { type: Number, default: 36 },
   /** 是否展示省略号 */
   showEllipsis: { type: Boolean, default: !0 }
-}, ol = {
+}, rl = {
   /** 自定义行样式 */
   customRowStyle: { type: Function, default: () => {
   } },
@@ -101,7 +101,7 @@ const Zn = {
   showHovering: { type: Boolean, default: !0 },
   /** 禁止数据折行 */
   wrapContent: { type: Boolean, default: !1 }
-}, il = {
+}, sl = {
   /** 显示合计信息 */
   enable: { type: Boolean, default: !1 },
   /** 合计行自定义样式，对启用合计行模板无效 */
@@ -113,7 +113,7 @@ const Zn = {
   mode: { type: String, default: "client" },
   /** 合计行显示位置， top: 顶部 bottom: 底部， both: 顶部与底部同时显示 */
   position: { type: String, default: "bottom" }
-}, ul = {
+}, dl = {
   /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
   fitColumns: { type: Boolean, default: !1 },
   /** 自动适配列宽度模式 */
@@ -125,7 +125,7 @@ const Zn = {
   resizeColumn: { type: Boolean, default: !0 },
   /** 双击表头列自适应内容宽度 */
   resizeColumnOnDoubleClick: { type: Boolean, default: !0 }
-}, sl = {
+}, cl = {
   /** 启用多选且显示checkbox, 选中行后勾选前面的checkbox */
   checkOnSelect: { type: Boolean, default: !1 },
   /** 当数据源为空时，清空已选记录 */
@@ -151,17 +151,17 @@ const Zn = {
   showSelectAll: { type: Boolean, default: !1 },
   /** 显示已选数据 */
   showSelection: { type: Boolean, default: !1 }
-}, rl = {
+}, fl = {
   /** 编辑时选中文本 */
   selectOnEditing: { type: Boolean, default: !1 },
   /** 编辑模式； row：整行编辑，cell: 单元格编辑 */
   editMode: { type: String, default: "cell" }
-}, dl = {
+}, ml = {
   /** show loading */
   show: { type: Boolean, default: !1 },
   /** message on display when loading */
   message: { type: String, default: "加载中..." }
-}, Ln = {
+}, Wn = {
   /** 自定义样式 */
   customClass: { type: String, default: "" },
   /** 允许在最后一个单元回车新增一行 */
@@ -290,529 +290,554 @@ const Zn = {
   width: { type: Number, default: -1 },
   /** 空数据模板 */
   emptyTemplate: { type: Object },
-  beforeUpdate: { type: Function }
+  beforeUpdate: { type: Function },
+  /** 绑定动态字段的解析器 */
+  fieldsResolver: { type: Function, default: (n, p) => n },
+  /** 绑定动态字段的值*/
+  displayType: { type: String, default: "List" },
+  fieldsCallback: { type: Function, default: () => {
+  } }
 };
-function Un(n, p, Se, j, ie, P, w, h, ue, r, T, se, Y, c, F, we) {
+function Kn(n, p, Be, H, G, de, D, w, h, ce, c, P, fe, Q, d, T) {
   const {
-    isNull: q,
-    isUndefined: N
-  } = At(), {
-    totalItems: re,
-    rawView: be
-  } = we, {
-    calculateCellPositionInRow: de,
-    cellKey: u,
-    cellPosition: A,
-    rowKey: G,
-    rowPosition: y,
-    rowSpanCellPosition: Be,
-    groupCellPosition: H,
-    summaryCellPosition: ce
-  } = w, {
-    cellContentClass: Fe,
-    cellContentPosition: Oe,
-    cellContentClassWithEllipsis: D
+    isNull: Fe,
+    isUndefined: X
+  } = Lt(), {
+    totalItems: z,
+    rawView: me
+  } = T, {
+    calculateCellPositionInRow: ye,
+    cellKey: R,
+    cellPosition: u,
+    rowKey: k,
+    rowPosition: E,
+    rowSpanCellPosition: y,
+    groupCellPosition: Oe,
+    summaryCellPosition: L
+  } = D, {
+    cellContentClass: pe,
+    cellContentPosition: Ie,
+    cellContentClassWithEllipsis: _
+  } = de, {
+    collpaseGroupIconClass: U
+  } = ce, {
+    gridCellClass: Ve,
+    gridRowClass: Z,
+    onClickRow: W,
+    onMouseoverRow: K,
+    onMouseoutRow: Le
   } = P, {
-    collpaseGroupIconClass: Ie
-  } = r, {
-    gridCellClass: De,
-    gridRowClass: z,
-    onClickRow: L,
-    onMouseoverRow: fe,
-    onMouseoutRow: O
-  } = se, {
-    onClickCell: U
-  } = ue, {
-    toggleGroupRow: me
-  } = Y, {
-    columnContext: S,
-    hasLeftFixedColumn: Ve,
-    hasRightFixedColumn: $
+    onClickCell: F
   } = h, {
-    navigateOnKeyUp: x,
-    navigateOnKeyDown: g
-  } = T, J = (e) => (e || []).some((o) => et(o) ? !(o.type === Lt || o.type === ze && !J(o.children)) : !0) ? e : null, k = (e) => {
-    var o, s, l;
-    return ((s = (o = e.column) == null ? void 0 : o.editor) == null ? void 0 : s.type) === "switch" || ((l = e.column) == null ? void 0 : l.dataType) === "boolean" ? {
+    toggleGroupRow: Y
+  } = fe, {
+    columnContext: O,
+    hasLeftFixedColumn: M,
+    hasRightFixedColumn: Ge
+  } = w, {
+    navigateOnKeyUp: ee,
+    navigateOnKeyDown: j
+  } = c, g = (e) => (e || []).some((o) => tt(o) ? !(o.type === Wt || o.type === be && !g(o.children)) : !0) ? e : null, te = (e) => {
+    var o, r, l;
+    return ((r = (o = e.column) == null ? void 0 : o.editor) == null ? void 0 : r.type) === "switch" || ((l = e.column) == null ? void 0 : l.dataType) === "boolean" ? {
       display: "flex",
       flexGrow: "1",
       overflow: "hidden"
     } : {
       flexGrow: "1"
     };
-  }, R = Je({
+  }, I = Qe({
     "fv-grid-content-left-fixed": !0
-  }), Q = Je({
+  }), N = Qe({
     "fv-grid-content-right-fixed": !0
   });
-  oe([re, be], (e) => {
-    !e[0] && !e[1].length ? (R["fv-grid-content-left-fixed"] = !1, Q["fv-grid-content-right-fixed"] = !1) : (R["fv-grid-content-left-fixed"] = !0, Q["fv-grid-content-right-fixed"] = !0);
+  se([z, me], (e) => {
+    !e[0] && !e[1].length ? (I["fv-grid-content-left-fixed"] = !1, N["fv-grid-content-right-fixed"] = !1) : (I["fv-grid-content-left-fixed"] = !0, N["fv-grid-content-right-fixed"] = !0);
   });
   const {
-    gridDataStyle: Ge,
-    gridMergedDataStyle: X,
-    leftFixedGridDataStyle: ye,
-    leftFixedGridMergedDataStyle: xe,
-    rightFixedGridDataStyle: Ee,
-    rightFixedGridMergedDataStyle: Z
-  } = c;
-  function Pe(e, o) {
-    o.collapse = !o.collapse, F.value = me(o.collapse ? "collapse" : "expand", o, F.value);
+    gridDataStyle: Ee,
+    gridMergedDataStyle: xe,
+    leftFixedGridDataStyle: ne,
+    leftFixedGridMergedDataStyle: ge,
+    rightFixedGridDataStyle: De,
+    rightFixedGridMergedDataStyle: Pe
+  } = Q;
+  function le(e, o) {
+    o.collapse = !o.collapse, d.value = Y(o.collapse ? "collapse" : "expand", o, d.value);
   }
   function Te(e, o) {
-    const s = [];
+    const r = [];
     if (e.groupField && o[e.groupField]) {
       for (let f = 0; f <= e.layer; f++)
-        s.push(i("div", {
+        r.push(i("div", {
           class: "fv-grid-group-row-icon",
-          onClick: (K) => Pe(K, e)
+          onClick: (J) => le(J, e)
         }, [i("span", {
-          class: Ie(e)
+          class: U(e)
         }, null)]));
       const l = e.data[e.groupField];
-      s.push(i("div", {
+      r.push(i("div", {
         ref: l.setRef,
-        key: u(e, e.layer + 1),
+        key: R(e, e.layer + 1),
         class: "fv-grid-cell",
-        style: H(l, o, e.layer)
+        style: Oe(l, o, e.layer)
       }, [l.data])), Object.values(e.data).filter((f) => f.field !== e.groupField && f.colSpan !== 0).forEach((f) => {
-        s.push(i("div", {
+        r.push(i("div", {
           ref: f.setRef,
-          key: u(e, f.index),
+          key: R(e, f.index),
           class: "fv-grid-cell",
-          style: A(e, f, o)
+          style: u(e, f, o)
         }, [f.data]));
       });
     }
-    return s;
+    return r;
   }
-  function m(e, o, s) {
+  function Re(e, o, r) {
     return e.layer > -1 && i("div", {
       ref: e.setRef,
-      key: G(e),
-      class: z(e, s),
-      style: y(e),
-      onClick: (l) => L(l, e),
-      onMouseover: (l) => fe(l, e)
+      key: k(e),
+      class: Z(e, r),
+      style: E(e),
+      onClick: (l) => W(l, e),
+      onMouseover: (l) => K(l, e)
     }, [Te(e, o)]);
   }
-  function ke(e, o) {
-    const s = [];
+  function m(e, o) {
+    const r = [];
     if (e.groupField && o[e.groupField]) {
       const l = e.data[e.groupField];
-      s.push(i("div", {
+      r.push(i("div", {
         ref: l.setRef,
-        key: u(e, e.layer + 1),
+        key: R(e, e.layer + 1),
         class: "fv-grid-cell",
-        style: ce(l, o, e.layer)
+        style: L(l, o, e.layer)
       }, [l.data]));
     }
-    return s;
+    return r;
   }
-  function pe(e, o, s) {
+  function ke(e, o, r) {
     return e.layer > -1 && i("div", {
       ref: e.setRef,
-      key: G(e),
-      class: z(e, s),
-      style: y(e),
-      onClick: (l) => L(l, e),
-      onMouseover: (l) => fe(l, e)
-    }, [ke(e, o)]);
+      key: k(e),
+      class: Z(e, r),
+      style: E(e),
+      onClick: (l) => W(l, e),
+      onMouseover: (l) => K(l, e)
+    }, [m(e, o)]);
   }
-  function ge(e, o) {
-    var s, l, f;
-    return e.showTips && typeof ((s = e.column) == null ? void 0 : s.formatter) != "function" && ((l = e.column) == null ? void 0 : l.dataType) !== "commands" && ((f = e.column) == null ? void 0 : f.dataType) !== "setting" ? i("div", {
-      class: D(e),
+  function ve(e, o) {
+    var r, l, f;
+    return e.showTips && typeof ((r = e.column) == null ? void 0 : r.formatter) != "function" && ((l = e.column) == null ? void 0 : l.dataType) !== "commands" && ((f = e.column) == null ? void 0 : f.dataType) !== "setting" ? i("div", {
+      class: _(e),
       title: e.formatter(e, o)
     }, [e.formatter(e, o)]) : i("div", {
-      class: D(e)
+      class: _(e)
     }, [e.formatter(e, o)]);
   }
-  function W() {
-    return i("div", null, [he("******")]);
+  function Ce() {
+    return i("div", null, [we("******")]);
   }
-  function E(e) {
+  function q(e) {
     var l, f;
-    const o = !q(e.data) && !N(e.data) ? e.data.toString() : e.data;
-    return ((f = (l = e.column) == null ? void 0 : l.editor) == null ? void 0 : f.showType) === "password" ? W() : e.showTips ? i("div", {
-      class: D(e),
+    const o = !Fe(e.data) && !X(e.data) ? e.data.toString() : e.data;
+    return ((f = (l = e.column) == null ? void 0 : l.editor) == null ? void 0 : f.showType) === "password" ? Ce() : e.showTips ? i("div", {
+      class: _(e),
       title: o
     }, [o]) : i("div", {
-      class: D(e)
+      class: _(e)
     }, [o]);
   }
-  function Re(e, o) {
-    return e.mode === $t.editing ? i("div", {
-      style: k(e)
-    }, [e.getEditor(e)]) : e.column.columnTemplate ? e.column.columnTemplate(e, o) : e.formatter ? ge(e, o) : E(e);
+  function x(e, o) {
+    return e.mode === Xt.editing ? i("div", {
+      style: te(e)
+    }, [e.getEditor(e)]) : e.column.columnTemplate ? e.column.columnTemplate(e, o) : e.formatter ? ve(e, o) : q(e);
+  }
+  function Me(e) {
+    return i(be, null, null);
   }
-  function ee(e, o, s) {
+  function ae(e, o, r) {
     return i("div", {
       ref: e.setRef,
-      key: G(e),
-      class: z(e, s),
-      style: y(e),
-      onClick: (l) => L(l, e),
-      onMouseover: (l) => fe(l, e),
-      onMouseout: (l) => O(l, e)
-    }, [Object.values(e.data).filter((l) => o[l.field] && l.rowSpan === 1).map((l) => {
-      var K, Ce;
-      const f = p.slots.cellTemplate && J(p.slots.cellTemplate({
+      key: k(e),
+      class: Z(e, r),
+      style: E(e),
+      onClick: (l) => W(l, e),
+      onMouseover: (l) => K(l, e),
+      onMouseout: (l) => Le(l, e)
+    }, [n.displayType === "Card" ? Me() : Object.values(e.data).filter((l) => o[l.field] && l.rowSpan === 1).map((l) => {
+      var J, Se;
+      const f = p.slots.cellTemplate && g(p.slots.cellTemplate({
         cell: l,
         row: e
       }));
       return i("div", {
         ref: l.setRef,
-        key: u(e, l.index),
-        class: De(l, e),
-        style: A(e, l, o),
-        onClick: (le) => U(le, l, e, l.column),
-        onKeydown: (le) => x(le, l)
+        key: R(e, l.index),
+        class: Ve(l, e),
+        style: u(e, l, o),
+        onClick: (ue) => {
+          F(ue, l, e, l.column);
+        },
+        onKeydown: (ue) => ee(ue, l)
       }, [i("div", {
-        class: Fe(l),
-        style: Oe(l)
-      }, [f ? (Ce = (K = p.slots).cellTemplate) == null ? void 0 : Ce.call(K, {
+        class: pe(l),
+        style: Ie(l)
+      }, [f ? (Se = (J = p.slots).cellTemplate) == null ? void 0 : Se.call(J, {
         cell: l,
         row: e
-      }) : Re(l, e)])]);
+      }) : x(l, e)])]);
     })]);
   }
-  const te = [ee, m, pe];
-  function _(e, o) {
-    const s = de(e);
-    return F.value.map((l, f) => te[l.type](l, s, f));
+  const oe = [ae, Re, ke];
+  function $(e, o) {
+    const r = ye(e);
+    return d.value.map((l, f) => oe[l.type](l, r, f));
   }
-  function ne(e) {
-    const o = de(e);
-    return F.value.map((s) => Object.values(s.data).filter((l) => o[l.field] && l.rowSpan > 1).map((l) => i("div", {
-      key: u(s, l.index),
+  function ie(e) {
+    const o = ye(e);
+    return d.value.map((r) => Object.values(r.data).filter((l) => o[l.field] && l.rowSpan > 1).map((l) => i("div", {
+      key: R(r, l.index),
       class: "fv-grid-cell fv-grid-merged-cell",
-      style: Be(s, l, o)
+      style: y(r, l, o)
     }, [l.data])));
   }
-  function ve() {
+  function he() {
     return i("div", {
-      ref: j,
-      class: R
+      ref: H,
+      class: I
     }, [i("div", {
       class: "fv-grid-data",
-      style: ye.value
-    }, [_(S.value.leftColumns.filter((e) => e.visible))]), i("div", {
+      style: ne.value
+    }, [$(O.value.leftColumns.filter((e) => e.visible))]), i("div", {
       class: "fv-grid-merge-date",
-      style: xe.value
-    }, [ne(S.value.leftColumns.filter((e) => e.visible))])]);
+      style: ge.value
+    }, [ie(O.value.leftColumns.filter((e) => e.visible))])]);
   }
-  function Me() {
+  function je() {
     return i("div", {
-      ref: Se,
+      ref: Be,
       class: "fv-grid-content-primary"
     }, [i("div", {
       class: "fv-grid-data",
-      style: Ge.value
-    }, [_(S.value.primaryColumns.filter((e) => e.visible))]), i("div", {
+      style: Ee.value
+    }, [$(O.value.primaryColumns.filter((e) => e.visible))]), i("div", {
       class: "fv-grid-merge-date",
-      style: X.value
-    }, [ne(S.value.primaryColumns.filter((e) => e.visible))])]);
+      style: xe.value
+    }, [ie(O.value.primaryColumns.filter((e) => e.visible))])]);
   }
-  function je() {
+  function Ne() {
     return i("div", {
-      ref: ie,
-      class: Q
+      ref: G,
+      class: N
     }, [i("div", {
       class: "fv-grid-data",
-      style: Ee.value
-    }, [_(S.value.rightColumns.filter((e) => e.visible))]), i("div", {
+      style: De.value
+    }, [$(O.value.rightColumns.filter((e) => e.visible))]), i("div", {
       class: "fv-grid-merge-date",
-      style: Z.value
-    }, [ne(S.value.rightColumns.filter((e) => e.visible))])]);
+      style: Pe.value
+    }, [ie(O.value.rightColumns.filter((e) => e.visible))])]);
   }
-  function Ne() {
+  function Ae() {
     const e = [];
-    return Ve.value && e.push(ve()), e.push(Me()), $.value && e.push(je()), e;
+    return M.value && e.push(he()), e.push(je()), Ge.value && e.push(Ne()), e;
   }
   return {
-    renderDataArea: Ne
+    renderDataArea: Ae
   };
 }
-function Wn(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !et(n);
+function Yn(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !tt(n);
 }
-const _n = /* @__PURE__ */ Ut({
+const qn = /* @__PURE__ */ Kt({
   name: "FDataGrid",
-  props: Ln,
-  emits: ["changed", "clickRow", "doubleClickRow", "selectionChange", "unSelectItem", "selectItem", "enterUpInLastCell", "selectAll", "unSelectAll", "pageIndexChanged", "pageSizeChanged", "beginEditCell", "endEditCell", "filterChanged", "sortChanged", "selectionUpdate", "endEditRow"],
+  props: Wn,
+  emits: ["changed", "clickRow", "doubleClickRow", "selectionChange", "unSelectItem", "selectItem", "enterUpInLastCell", "selectAll", "unSelectAll", "pageIndexChanged", "pageSizeChanged", "beginEditCell", "endEditCell", "filterChanged", "sortChanged", "selectionUpdate", "endEditRow", "fieldsEvent"],
   setup(n, p) {
-    var _e, Ke;
+    var Ke, Ye;
     const {
-      isMobilePhone: Se
-    } = Jt();
-    B();
-    const j = 0, ie = ((_e = n.rowOption) == null ? void 0 : _e.height) || 28, P = B(20), w = B(n.columns), h = Qt(n), ue = B(), r = B(), T = B(), se = B(), Y = B(), c = B([]), F = B(!1), we = B(((Ke = n.rowOption) == null ? void 0 : Ke.wrapContent) || !1), q = Xt(n, h), N = Zt(n, p), re = en(n), {
-      showLoading: be,
-      renderLoading: de
-    } = tn(n, ue), u = nn(n, /* @__PURE__ */ new Map(), N, re, h), A = ln(n, u), {
-      shouldRenderPagination: G
-    } = A, y = an(n, u, h, c, p), {
-      showSelectAll: Be,
-      showSelection: H,
-      selectedValues: ce,
-      updateSelectAllStatus: Fe
-    } = y, Oe = I(() => n.disabled), D = I(() => n.virtualized ? Math.min(u.dataView.value.length, P.value) : u.dataView.value.length);
-    I(() => n.loadingConfig.message);
+      isMobilePhone: Be
+    } = Zt();
+    S();
+    const H = 0, G = S(((Ke = n.rowOption) == null ? void 0 : Ke.height) || 28), de = B(() => n.displayType === "Card"), D = S(20), w = S(n.columns), h = en(n), ce = S(), c = S(), P = S(), fe = S(), Q = S(), d = S([]), T = S(!1), Fe = S(((Ye = n.rowOption) == null ? void 0 : Ye.wrapContent) || !1), X = tn(n, h), z = nn(n, p), me = ln(n), {
+      showLoading: ye,
+      renderLoading: R
+    } = an(n, ce), u = on(n, /* @__PURE__ */ new Map(), z, me, h), k = un(n, u), {
+      shouldRenderPagination: E
+    } = k, y = rn(n, u, h, d, p), {
+      showSelectAll: Oe,
+      showSelection: L,
+      selectedValues: pe,
+      updateSelectAllStatus: Ie
+    } = y, _ = B(() => n.disabled), U = B(() => n.virtualized ? Math.min(u.dataView.value.length, D.value) : u.dataView.value.length);
+    B(() => n.loadingConfig.message);
     const {
-      containerStyleObject: Ie
-    } = on(n), De = un(n), {
-      applyCommands: z
-    } = De;
-    z(w);
+      containerStyleObject: Ve
+    } = sn(n), Z = dn(n), {
+      applyCommands: W
+    } = Z;
+    W(w);
     const {
-      applyColumnSetting: L,
-      removeColumnSetting: fe
-    } = sn(n);
-    n.showSetting && L(w);
-    const O = rn(n, p), U = dn(n), {
-      applyColumnSorter: me,
-      columnContext: S,
-      updateColumnRenderContext: Ve
-    } = O;
-    me(u, U);
-    const $ = cn(n, S), x = fn(n, p, y, h), g = mn(n, p, h, x, c), J = yn(n), k = pn(n, g, J), R = gn(n, u, g, re, h, J, k), Q = vn(n, h, k, R), Ge = Cn(n, h, k, R), X = hn(n, w, u, D, j, R, Q, Ge), {
-      getVisualData: ye
-    } = X, xe = Sn(S), Ee = wn(n, S), Z = bn(n, y), {
-      sidebarWidth: Pe,
-      showSidebarCheckBox: Te
-    } = Z, m = Bn(n, u, c, S, X, D, j, Pe, g), {
+      applyColumnSetting: K,
+      removeColumnSetting: Le
+    } = cn(n);
+    n.showSetting && K(w);
+    const F = fn(n, p), Y = mn(n), {
+      applyColumnSorter: O,
+      columnContext: M,
+      updateColumnRenderContext: Ge
+    } = F;
+    O(u, Y);
+    const ee = yn(n, M), j = pn(n, p, y, h), g = gn(n, p, h, j, d), te = vn(n, u, G), I = Cn(n, g, te), N = hn(n, u, g, me, h, te, I, G), Ee = Sn(n, h, I, N), xe = wn(n, h, I, N), ne = bn(n, w, u, U, H, N, Ee, xe), {
+      getVisualData: ge
+    } = ne, De = Bn(M), Pe = Fn(n, M, G, de), le = On(n, y), {
+      sidebarWidth: Te,
+      showSidebarCheckBox: Re
+    } = le, m = In(n, u, d, M, ne, U, H, Te, G, de, g), {
       onWheel: ke,
-      dataGridWidth: pe,
-      viewPortHeight: ge,
-      viewPortWidth: W,
-      resetScroll: E,
-      updateVisibleRowsOnLatestVisibleScope: Re
-    } = m, ee = Fn(n, S, r, W, $), {
-      calculateColumnsSize: te
-    } = ee, _ = On(), ne = In(r, Y, u, _, m), ve = Dn(n, p, O, u, $, q, m), Me = I(() => {
+      dataGridWidth: ve,
+      viewPortHeight: Ce,
+      viewPortWidth: q,
+      resetScroll: x,
+      updateVisibleRowsOnLatestVisibleScope: Me
+    } = m, ae = Vn(n, M, c, q, ee), {
+      calculateColumnsSize: oe
+    } = ae, $ = Gn(), ie = En(c, Q, u, $, m), he = xn(n, p, F, u, ee, X, m), je = B(() => {
       const t = {
         "fv-grid": !0,
         "fv-grid-bordered": n.showBorder,
         "fv-grid-horizontal-bordered": n.showHorizontalLines,
         "fv-datagrid-strip": n.showStripe
       };
-      return Ht(t, n.customClass);
-    }), je = I(() => ({
+      return _t(t, n.customClass);
+    }), Ne = B(() => ({
       "fv-grid-content": !0,
-      "fv-grid-content-hover": F.value,
-      "fv-grid-wrap-content": we.value
-    })), Ne = I(() => {
+      "fv-grid-content-hover": T.value,
+      "fv-grid-wrap-content": Fe.value
+    })), Ae = B(() => {
       const t = {};
       return m.shouldShowHorizontalScrollbar.value && (t.paddingBottom = "10px"), m.shouldShowVirticalScrollbar.value && (t.paddingRight = "10px"), t;
     }), {
       renderGridHeader: e,
       renderGridColumnResizeOverlay: o,
-      shouldShowHeader: s
-    } = Vn(n, p, r, se, Y, O, u, ve, ne, N, _, ee, $, y, Z, U, m, W, c), {
+      shouldShowHeader: r
+    } = Dn(n, p, c, fe, Q, F, u, he, ie, z, $, ae, ee, y, le, Y, m, q, d), {
       renderDataGridPagination: l
-    } = Gn(n, p, u, m, A, y), {
+    } = Pn(n, p, u, m, k, y), {
       renderDataGridSidebar: f
-    } = xn(n, x, y, Z, m), {
-      renderDisableMask: K
-    } = En(), {
-      renderDataGridSummary: Ce
-    } = Pn(n, u, O), {
-      renderHorizontalScrollbar: le
-    } = Tn(n, r, m), {
-      renderVerticalScrollbar: tt
-    } = kn(n, r, m), {
-      renderFilterPanel: nt
-    } = Rn(n, O, u, N, m), {
-      renderGroupPanel: lt
-    } = Mn(n, u, ve, q, m);
-    function at() {
-      var a, d;
-      const t = Math.ceil(r.value.clientHeight / ie);
-      t > P.value && (P.value = t, Re()), ge.value = ((a = T.value) == null ? void 0 : a.clientHeight) || 0, pe.value = ((d = r.value) == null ? void 0 : d.clientWidth) || 0, te();
-    }
-    Wt(() => {
-      r.value && (P.value = Math.max(Math.ceil(r.value.clientHeight / ie), P.value), c.value = ye(0, D.value + j - 1), qt(r.value, at), te(), _t(() => {
-        r.value && (pe.value = r.value.clientWidth), T.value && (W.value = T.value.clientWidth, ge.value = T.value.clientHeight);
-      })), be.value && de();
-    }), Kt(() => {
-    }), oe(W, () => {
-    });
+    } = Tn(n, j, y, le, m), {
+      renderDisableMask: J
+    } = Rn(), {
+      renderDataGridSummary: Se
+    } = kn(n, u, F), {
+      renderHorizontalScrollbar: ue
+    } = Mn(n, c, m), {
+      renderVerticalScrollbar: nt
+    } = jn(n, c, m), {
+      renderFilterPanel: lt
+    } = Nn(n, F, u, z, m), {
+      renderGroupPanel: at
+    } = An(n, u, he, X, m);
     function ot() {
-      u.insertNewDataItem(), E();
-    }
+      var a, s;
+      const t = Math.ceil(c.value.clientHeight / G.value);
+      t > D.value && (D.value = t, Me()), Ce.value = ((a = P.value) == null ? void 0 : a.clientHeight) || 0, ve.value = ((s = c.value) == null ? void 0 : s.clientWidth) || 0, oe();
+    }
+    Yt(() => {
+      c.value && (D.value = Math.max(Math.ceil(c.value.clientHeight / G.value), D.value), d.value = ge(0, U.value + H - 1), Qt(c.value, ot), oe(), qt(() => {
+        var t;
+        c.value && (ve.value = c.value.clientWidth), P.value && (q.value = P.value.clientWidth, Ce.value = P.value.clientHeight), (t = n.rowOption) != null && t.wrapContent && d.value.forEach((a) => {
+          var s;
+          a.height = ((s = a.ref) == null ? void 0 : s.getBoundingClientRect().height) || 0, a.raw.__fv_data_height__ = a.height, te.updateRowPosition(a, a.raw);
+        });
+      })), ye.value && R();
+    }), $t(() => {
+    }), se(q, () => {
+    });
     function it() {
-      u.insertNewDataItem(c.value.length), E();
+      const t = u.insertNewDataItem();
+      return x(), t;
     }
-    function ut(t) {
+    function ut() {
+      const t = u.insertNewDataItem(d.value.length);
+      return x(), t;
+    }
+    function rt(t) {
       g.onEditingRow(t);
     }
     function st(t) {
-      u.removeDataItem(t), E();
-    }
-    function rt(t) {
-      u.removeDataItemById(t), E();
+      u.removeDataItem(t), x();
     }
     function dt(t) {
-      g.acceptEditingRow(t);
+      u.removeDataItemById(t), x();
     }
     function ct(t) {
-      g.cancelEditingRow(t);
+      g.acceptEditingRow(t);
     }
     function ft(t) {
-      c.value.forEach((a, d) => {
-        const v = u.visibleDataItems.value.findIndex((C) => C === a.raw), b = c.value[d - 1];
+      g.cancelEditingRow(t);
+    }
+    function mt(t) {
+      d.value.forEach((a, s) => {
+        const v = u.visibleDataItems.value.findIndex((C) => C === a.raw), b = d.value[s - 1];
         t.forEach((C) => {
-          a.data[C.field] ? k.updateCellByColumn(a.data[C.field], C, b, a.raw) : a.data[C.field] = k.createCellByColumn(C, v, a.raw, a, b);
+          a.data[C.field] ? I.updateCellByColumn(a.data[C.field], C, b, a.raw) : a.data[C.field] = I.createCellByColumn(C, v, a.raw, a, b);
         });
       });
     }
-    function Ae(t) {
-      t && (w.value = t, ft(w.value), z(w), n.showSetting && L(w), Ve(w.value), me(u, U), te());
+    function He(t) {
+      t && (w.value = t, mt(w.value), W(w), n.showSetting && K(w), Ge(w.value), O(u, Y), oe());
     }
-    function mt() {
+    function yt() {
       y.emptyCurrentRowId();
     }
-    oe(() => n.showSetting, (t, a) => {
-      t !== a && Ae(w.value);
+    se(() => n.showSetting, (t, a) => {
+      t !== a && He(w.value);
     });
-    function Le(t) {
-      A.updatePagination(t);
+    function _e(t) {
+      k.updatePagination(t);
     }
-    function yt(t, a) {
-      t && (u.load(t), c.value = ye(0, D.value + j - 1), a != null && a.keepScrollTop ? m.scrollTo(m.offsetY.value) : E(), c.value.length || (ce.value = []), Te.value && Be.value && Fe()), g.clear();
+    function pt(t, a) {
+      t && (u.load(t), d.value = ge(0, U.value + H - 1), a != null && a.keepScrollTop ? m.scrollTo(m.offsetY.value) : x(), d.value.length || (pe.value = []), Re.value && Oe.value && Ie()), g.clear();
     }
-    oe(u.shouldGroupingData, (t, a) => {
-      t !== a && (u.updateDataView(), E());
-    }), oe(() => n.columns, (t) => {
-      Ae(t);
+    se(u.shouldGroupingData, (t, a) => {
+      t !== a && (u.updateDataView(), x());
+    }), se(() => n.columns, (t) => {
+      He(t);
     });
-    function He(t) {
-      x.activeRowById(t);
+    function ze(t) {
+      j.activeRowById(t);
     }
-    function pt(t, a = {
+    function gt(t, a = {
       isCurrent: !0
     }) {
-      a != null && a.isCurrent && He(t), y.selectItemById(t);
-    }
-    function gt(t) {
-      const a = h.idField.value, d = c.value.find((v) => v.raw[a] === t);
-      d && x.clickRowItem(d);
+      a != null && a.isCurrent && ze(t), y.selectItemById(t);
     }
     function vt(t) {
-      const a = h.idField.value, d = c.value.find((v) => v.raw[a] === t);
-      d && x.changeRow(d);
+      const a = h.idField.value, s = d.value.find((v) => v.raw[a] === t);
+      s && j.clickRowItem(s);
     }
     function Ct(t) {
+      const a = h.idField.value, s = d.value.find((v) => v.raw[a] === t);
+      s && j.changeRow(s);
+    }
+    function ht(t) {
       y.selectItemByIds(t);
     }
-    function ht() {
-      return c.value;
+    function St() {
+      return d.value;
     }
-    function St(t) {
-      return c.value.filter((a) => t.includes(a.raw[n.idField]));
+    function wt(t) {
+      return d.value.filter((a) => t.includes(a.raw[n.idField]));
     }
-    function wt() {
+    function bt() {
       return y.getSelectedItems();
     }
-    function bt() {
+    function Bt() {
       return y.getSelectionRow();
     }
-    function Bt() {
+    function Ft() {
       g.endEditCell();
     }
-    function Ft(t, a = {
+    function Ot(t, a = {
       clearCurrent: !0
     }) {
-      a != null && a.clearCurrent && He(""), y.unSelectItemByIds(t);
+      a != null && a.clearCurrent && ze(""), y.unSelectItemByIds(t);
     }
     function Ue() {
       y.clearSelection();
     }
-    function Ot() {
+    function It() {
       return y.currentSelectedDataId.value;
     }
-    function It() {
+    function Vt() {
       m.scrollToBottom();
     }
-    function Dt(t) {
+    function Gt(t) {
       m.scrollToRowByIndex(t);
     }
-    function Vt() {
-      y.keepSelectingOnPaging.value || Ue(), u.updateVisibleDataSummary(c.value), Le({
+    function Et() {
+      y.keepSelectingOnPaging.value || Ue(), u.updateVisibleDataSummary(d.value), _e({
         total: u.dataView.value.length,
         index: 1
       });
     }
+    function xt(t) {
+      y.updateSelectedValues(t);
+    }
+    function Dt(t) {
+      y.removeSelectedValues(t);
+    }
     const We = {
-      activeRowById: He,
-      selectRowById: vt,
-      addNewDataItem: ot,
-      addNewDataItemAtLast: it,
+      activeRowById: ze,
+      selectRowById: Ct,
+      addNewDataItem: it,
+      addNewDataItemAtLast: ut,
       removeDataItem: st,
-      removeDataItemById: rt,
-      editDataItem: ut,
-      acceptDataItem: dt,
-      cancelDataItem: ct,
-      selectItemById: pt,
-      selectItemByIds: Ct,
-      updateColumns: Ae,
-      updateDataSource: yt,
-      updatePagination: Le,
-      getVisibleData: ht,
-      getVisibleDataByIds: St,
-      getSelectedItems: wt,
-      getSelectionRow: bt,
-      getCurrentRowId: Ot,
-      endEditCell: Bt,
-      clickRowItemById: gt,
+      removeDataItemById: dt,
+      editDataItem: rt,
+      acceptDataItem: ct,
+      cancelDataItem: ft,
+      selectItemById: gt,
+      selectItemByIds: ht,
+      updateColumns: He,
+      updateDataSource: pt,
+      updatePagination: _e,
+      getVisibleData: St,
+      getVisibleDataByIds: wt,
+      getSelectedItems: bt,
+      getSelectionRow: Bt,
+      getCurrentRowId: It,
+      endEditCell: Ft,
+      clickRowItemById: vt,
       clearSelection: Ue,
-      unSelectItemByIds: Ft,
-      scrollToBottom: It,
-      scrollToRowByIndex: Dt,
-      updateDerivedData: Vt,
-      emptyCurrentRowId: mt
+      unSelectItemByIds: Ot,
+      scrollToBottom: Vt,
+      scrollToRowByIndex: Gt,
+      updateDerivedData: Et,
+      emptyCurrentRowId: yt,
+      updateSelectedValues: xt,
+      removeSelectedValues: Dt
     };
     p.expose(We);
-    const Gt = jn(n, p, We, O, g, c), {
-      renderDataArea: xt
-    } = Un(n, p, T, se, Y, xe, Ee, O, g, q, Gt, x, X, m, c, u), Et = I(() => !c.value || !c.value.length), {
-      renderEmpty: Pt
-    } = Nn(n, p), Tt = I(() => ({
+    const Pt = Hn(n, p, We, F, g, d), {
+      renderDataArea: Tt
+    } = Kn(n, p, P, fe, Q, De, Pe, F, g, X, Pt, j, ne, m, d, u), Rt = B(() => !d.value || !d.value.length), {
+      renderEmpty: kt
+    } = zn(n, p), Mt = B(() => ({
       "d-flex": !0,
-      "justify-content-between": G.value && H.value,
-      "justify-content-end": G.value && !H.value,
+      "justify-content-between": E.value && L.value,
+      "justify-content-end": E.value && !L.value,
       "position-relative": !0,
       "fv-datagrid-pagination": !0
-    })), kt = I(() => ({
+    })), jt = B(() => ({
       "flex-direction": "row"
-    })), Rt = I(() => ({
+    })), Nt = B(() => ({
       "d-flex": !0,
       "align-items-center": !0
     }));
-    Yt("dataGridContext", {
-      useColumnComposition: O,
+    Jt("dataGridContext", {
+      useColumnComposition: F,
       dataView: u,
-      useFilterComposition: N,
-      useFitColumnComposition: ee,
-      useSortComposition: U,
+      useFilterComposition: z,
+      useFitColumnComposition: ae,
+      useSortComposition: Y,
       useVirtualScrollComposition: m
     });
-    function Mt(t) {
+    function At(t) {
       let a;
-      return i(Hn, {
+      return i(_n, {
         class: "f-form-layout farris-form farris-form-controls-inline col-12 col-md-6 col-xl-3 col-el-2"
-      }, Wn(a = Object.keys(t.data).filter((d) => {
+      }, Yn(a = Object.keys(t.data).filter((s) => {
         var v, b;
-        return ((v = t.data[d].column) == null ? void 0 : v.dataType) !== Qe && ((b = t.data[d].column) == null ? void 0 : b.dataType) !== Xe;
-      }).map((d) => {
+        return ((v = t.data[s].column) == null ? void 0 : v.dataType) !== Xe && ((b = t.data[s].column) == null ? void 0 : b.dataType) !== Ze;
+      }).map((s) => {
         var b, C;
-        const v = t.data[d];
+        const v = t.data[s];
         return i("div", {
           class: "farris-group-wrap w-100"
         }, [i("div", {
           class: "form-group farris-form-group common-group"
-        }, [i(zn, {
+        }, [i(Un, {
           text: (b = v.column) == null ? void 0 : b.title,
           title: (C = v.column) == null ? void 0 : C.title
         }, null), i("div", {
@@ -822,93 +847,93 @@ const _n = /* @__PURE__ */ Ut({
         default: () => [a]
       });
     }
-    function jt(t, a) {
-      const d = {}, v = {}, b = [], C = [], Ye = {};
-      Object.keys(a.data).filter((M) => {
-        var V, ae;
-        return ((V = a.data[M].column) == null ? void 0 : V.dataType) !== Qe && ((ae = a.data[M].column) == null ? void 0 : ae.dataType) !== Xe;
-      }).forEach((M) => {
-        var ae, qe, $e;
-        const V = a.data[M];
-        d[M] = V.data, g.endEditByCell(V), v[M] = V.data, b.push(V.column), C.push(V), Ye[M] = ($e = (qe = (ae = V.column) == null ? void 0 : ae.editor) == null ? void 0 : qe.context) == null ? void 0 : $e.editor;
+    function Ht(t, a) {
+      const s = {}, v = {}, b = [], C = [], qe = {};
+      Object.keys(a.data).filter((A) => {
+        var V, re;
+        return ((V = a.data[A].column) == null ? void 0 : V.dataType) !== Xe && ((re = a.data[A].column) == null ? void 0 : re.dataType) !== Ze;
+      }).forEach((A) => {
+        var re, $e, Je;
+        const V = a.data[A];
+        s[A] = V.data, g.endEditByCell(V), v[A] = V.data, b.push(V.column), C.push(V), qe[A] = (Je = ($e = (re = V.column) == null ? void 0 : re.editor) == null ? void 0 : $e.context) == null ? void 0 : Je.editor;
       }), p.emit("endEditRow", {
         row: a,
         cells: C,
         columns: b,
-        oldValues: d,
+        oldValues: s,
         newValues: v,
-        editors: Ye
+        editors: qe
       }), g.showRowEditPanel.value = !1;
     }
-    function Nt() {
-      const t = y.currentSelectedDataId.value, a = c.value.find((d) => d.raw[n.idField] === t);
-      return a ? i(An, {
+    function zt() {
+      const t = y.currentSelectedDataId.value, a = d.value.find((s) => s.raw[n.idField] === t);
+      return a ? i(Ln, {
         showHeader: !1,
         modelValue: g.showRowEditPanel.value,
-        "onUpdate:modelValue": (d) => g.showRowEditPanel.value = d,
+        "onUpdate:modelValue": (s) => g.showRowEditPanel.value = s,
         width: 600
       }, {
-        default: () => Mt(a),
-        footerTemplate: () => i(ze, null, [i(Ze, {
+        default: () => At(a),
+        footerTemplate: () => i(be, null, [i(et, {
           class: "mr-3",
           type: "secondary",
-          onClick: (d) => {
+          onClick: (s) => {
             g.showRowEditPanel.value = !1;
           }
         }, {
-          default: () => [he("取消")]
-        }), i(Ze, {
-          onClick: (d) => {
-            jt(d, a);
+          default: () => [we("取消")]
+        }), i(et, {
+          onClick: (s) => {
+            Ht(s, a);
           }
         }, {
-          default: () => [he("确定")]
+          default: () => [we("确定")]
         })])
       }) : null;
     }
-    return () => i(ze, null, [i("div", {
-      ref: ue,
-      class: Me.value,
-      style: Ie.value,
-      onWheel: ke
-    }, [r.value && n.enableFilter && nt(), r.value && lt(), r.value && s.value && e(), i("div", {
-      ref: r,
+    return () => i(be, null, [i("div", {
+      ref: ce,
       class: je.value,
-      style: Ne.value,
+      style: Ve.value,
+      onWheel: ke
+    }, [c.value && n.enableFilter && lt(), c.value && at(), c.value && r.value && e(), i("div", {
+      ref: c,
+      class: Ne.value,
+      style: Ae.value,
       onTouchstart: (t) => {
-        t.stopPropagation(), F.value = !0, m.onTouchstartScrollThumb(t, r);
+        t.stopPropagation(), T.value = !0, m.onTouchstartScrollThumb(t, c);
       },
       onTouchend: (t) => {
-        F.value = !1;
+        T.value = !1;
       },
       onMouseover: (t) => {
-        t.stopPropagation(), F.value = !0;
+        t.stopPropagation(), T.value = !0;
       },
       onMouseleave: (t) => {
-        t.stopPropagation(), F.value = !1;
+        t.stopPropagation(), T.value = !1;
       }
-    }, [r.value && f(c), r.value && xt(), r.value && Et.value && Pt(), r.value && le(), r.value && tt()]), r.value && Ce(), (G.value || H.value) && i("div", {
-      class: Tt.value,
-      style: kt.value
-    }, [H.value && i("div", {
-      class: Rt.value
-    }, [i("div", null, ["已选：" + ce.value.length, he(" 条")])]), G.value && l()]), o(), Oe.value && K()]), Se() && Nt()]);
+    }, [c.value && f(d), c.value && Tt(), c.value && Rt.value && kt(), c.value && ue(), c.value && nt()]), c.value && Se(), (E.value || L.value) && i("div", {
+      class: Mt.value,
+      style: jt.value
+    }, [L.value && i("div", {
+      class: Nt.value
+    }, [i("div", null, ["已选：" + pe.value.length, we(" 条")])]), E.value && l()]), o(), _.value && J()]), Be() && zt()]);
   }
-}), cl = zt(_n);
+}), yl = Ut(qn);
 export {
-  _n as FDataGrid,
-  ul as columnOptions,
-  Ln as dataGridProps,
-  cl as default,
-  rl as editOptions,
-  nl as filterOptions,
-  tl as groupOptions,
-  ll as headerOptions,
-  dl as loadingOptions,
-  Zn as paginationOptions,
-  al as rowNumberOptions,
-  ol as rowOptions,
-  sl as selectionOptions,
-  el as sortOptions,
-  il as summaryOptions
+  qn as FDataGrid,
+  dl as columnOptions,
+  Wn as dataGridProps,
+  yl as default,
+  fl as editOptions,
+  ol as filterOptions,
+  al as groupOptions,
+  il as headerOptions,
+  ml as loadingOptions,
+  nl as paginationOptions,
+  ul as rowNumberOptions,
+  rl as rowOptions,
+  cl as selectionOptions,
+  ll as sortOptions,
+  sl as summaryOptions
 };