@farris/ui-vue 1.7.0-beta.4 → 1.7.0

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

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