@aplus-frontend/ui 6.37.0 → 6.39.0

package/es/src/ag-grid/editable/form-item.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, useSlots as K, ref as w, onMounted as P, unref as a, watch as G, createElementBlock as H, openBlock as M, Fragment as O, createVNode as d, mergeProps as y, withCtx as g, createSlots as W, renderList as U, renderSlot as $, normalizeProps as q, guardReactiveProps as J } from "vue";
+import { defineComponent as A, useSlots as H, ref as w, onMounted as K, unref as a, watch as P, createElementBlock as G, openBlock as M, Fragment as O, createVNode as d, mergeProps as y, withCtx as g, createSlots as W, renderList as U, renderSlot as $, normalizeProps as q, guardReactiveProps as J } from "vue";
 import { ApForm as h } from "../../ap-form/index.mjs";
 import { cloneDeep as Q, isEqual as X, omit as C } from "lodash-unified";
 import "../../config-provider/index.mjs";
@@ -41,7 +41,6 @@ const xe = /* @__PURE__ */ A({
       type: Boolean
     },
     components: {},
-    customRow: {},
     customHeaderRow: {},
     direction: {},
     expandFixed: {
@@ -97,6 +96,7 @@ const xe = /* @__PURE__ */ A({
     rowHeight: {
       default: 66
     },
+    getRowHeight: {},
     advanceRenderer: {
       type: Boolean
     },
@@ -115,6 +115,7 @@ const xe = /* @__PURE__ */ A({
       type: Boolean
     },
     onUpdate: {},
+    customRow: {},
     columns: {},
     defaultValue: {},
     onChange: {},
@@ -124,22 +125,22 @@ const xe = /* @__PURE__ */ A({
     name: {},
     formItem: {}
   },
-  setup(b, {
-    expose: R
+  setup(R, {
+    expose: b
   }) {
-    const B = K(), o = b, {
+    const B = H(), o = R, {
       b: x
     } = le("editable-aggrid"), r = w(), {
       internalInstance: s,
       model: v
     } = ee(), i = ae(o.name);
     let p;
-    P(() => {
+    K(() => {
       const e = o.formItem?.initialValue ?? oe(a(v), o.name);
       p = Q(e), u(e, "suffix");
     });
     const n = w([]), S = te(o.name);
-    G(() => S.value, (e) => {
+    P(() => S.value, (e) => {
       X(e, n.value) || c(e ?? p);
     }, {
       deep: !0
@@ -174,7 +175,7 @@ const xe = /* @__PURE__ */ A({
       const t = e === "end" ? n.value.length - 1 : e;
       r.value?.scrollToRow(t);
     }
-    return R({
+    return b({
       add: F,
       addMultiple: u,
       remove: N,
@@ -185,7 +186,7 @@ const xe = /* @__PURE__ */ A({
       clear: j,
       setTableData: c,
       scrollTo: L
-    }), (e, t) => (M(), H(O, null, [d(a(h).FormItem, {
+    }), (e, t) => (M(), G(O, null, [d(a(h).FormItem, {
       hidden: "",
       name: e.name
     }, null, 8, ["name"]), d(a(h).FormItem, y(a(C)(e.formItem, "initialValue"), {

package/es/src/ag-grid/editable/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as G, useSlots as H, ref as f, watch as O, unref as n, createBlock as U, openBlock as W, withCtx as d, createVNode as y, mergeProps as M, createSlots as $, renderList as q, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
+import { defineComponent as P, useSlots as G, ref as f, watch as O, unref as n, createBlock as U, openBlock as W, withCtx as d, createVNode as y, mergeProps as M, createSlots as $, renderList as q, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
 import { ApForm as u } from "../../ap-form/index.mjs";
 import { isEqual as Y, isArray as w, omit as Z } from "lodash-unified";
 import "../../config-provider/index.mjs";
@@ -11,7 +11,7 @@ import { useNamespace as ae } from "../../config-provider/hooks/use-namespace.mj
 import { useControllableValue as te } from "../../hooks/useControllableValue.mjs";
 import { useGlobalConfig as ne } from "../../config-provider/hooks/use-global-config.mjs";
 import le from "../index.vue.mjs";
-const be = /* @__PURE__ */ G({
+const Re = /* @__PURE__ */ P({
   name: "EditableGrid",
   __name: "index",
   props: {
@@ -39,7 +39,6 @@ const be = /* @__PURE__ */ G({
       type: Boolean
     },
     components: {},
-    customRow: {},
     customHeaderRow: {},
     direction: {},
     expandFixed: {
@@ -95,6 +94,7 @@ const be = /* @__PURE__ */ G({
     rowHeight: {
       default: 66
     },
+    getRowHeight: {},
     advanceRenderer: {
       type: Boolean
     },
@@ -113,6 +113,7 @@ const be = /* @__PURE__ */ G({
       type: Boolean
     },
     onUpdate: {},
+    customRow: {},
     columns: {},
     value: {},
     defaultValue: {},
@@ -127,14 +128,14 @@ const be = /* @__PURE__ */ G({
   emits: ["update:value"],
   setup(g, {
     expose: h,
-    emit: b
+    emit: R
   }) {
-    const v = H(), o = g, {
-      b: C
-    } = ae("editable-aggrid"), R = b, s = f(), {
+    const b = G(), o = g, {
+      b: v
+    } = ae("editable-aggrid"), C = R, s = f(), {
       value: r,
       updateValue: m
-    } = te(o, R), l = f(), x = u.useWatch(o.name, l);
+    } = te(o, C), l = f(), x = u.useWatch(o.name, l);
     O(r, (e) => {
       const a = p(e, o.rowKey);
       Y(a, n(x)) || l.value?.setFieldValue(o.name, a);
@@ -171,12 +172,12 @@ const be = /* @__PURE__ */ G({
     async function z(e, a) {
       return (await l.value?.validateFields(j(e), a))?.[o.name];
     }
-    function I(e) {
+    function H(e) {
       m(e);
       const a = p(e, o.rowKey);
       l.value?.setFieldValue(o.name, a);
     }
-    function L(e) {
+    function I(e) {
       const a = e === "end" ? r.value.length - 1 : e;
       s.value?.scrollToRow(a);
     }
@@ -191,8 +192,8 @@ const be = /* @__PURE__ */ G({
       getRowsData: A,
       setRowData: V,
       clear: k,
-      setTableData: I,
-      scrollTo: L
+      setTableData: H,
+      scrollTo: I
     }), (e, a) => (W(), U(n(u), {
       ref_key: "formRef",
       ref: l,
@@ -210,7 +211,7 @@ const be = /* @__PURE__ */ G({
         default: d(() => [y(le, M(n(Z)(o, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
           ref: s,
-          class: n(C)(),
+          class: n(v)(),
           size: "mini",
           columns: n(S),
           "data-source": n(r),
@@ -218,9 +219,9 @@ const be = /* @__PURE__ */ G({
           onUpdate: D
         }), $({
           _: 2
-        }, [q(v, (t, c) => ({
+        }, [q(b, (t, c) => ({
           name: c,
-          fn: d((P) => [J(e.$slots, c, Q(X(P || {})))])
+          fn: d((L) => [J(e.$slots, c, Q(X(L || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -229,5 +230,5 @@ const be = /* @__PURE__ */ G({
   }
 });
 export {
-  be as default
+  Re as default
 };

package/es/src/ag-grid/hooks/use-columns-def.mjs

@@ -1,100 +1,100 @@
-import { getTableRenderProps as m, objectToString as P } from "../../ap-table/utils.mjs";
-import { rendererMap as c } from "../renderer/index.mjs";
-import { isNumber as f, isFunction as y } from "lodash-unified";
-import { ref as R, unref as C, computed as T } from "vue";
+import { getTableRenderProps as h, objectToString as P } from "../../ap-table/utils.mjs";
+import { rendererMap as y } from "../renderer/index.mjs";
+import { isNumber as f, isFunction as m } from "lodash-unified";
+import { ref as R, unref as x, computed as T } from "vue";
 import "../components/body-cell/index.vue.mjs";
 import "../components/header-cell/index.vue.mjs";
 import "../components/tooltip/index.vue.mjs";
 import "../../config-provider/index.mjs";
-import { dataIndexToField as I } from "../../ap-grid/utils/col.mjs";
-import { isDef as S } from "../../utils/index.mjs";
+import { dataIndexToField as S } from "../../ap-grid/utils/col.mjs";
+import { isDef as I } from "../../utils/index.mjs";
 import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-config.mjs";
 import { useNamespace as G } from "../../config-provider/hooks/use-namespace.mjs";
 import W from "../components/body-cell/index.vue2.mjs";
 import z from "../components/tooltip/index.vue2.mjs";
 import v from "../components/header-cell/index.vue2.mjs";
-function F(r) {
-  return f(r) && r > 1;
+function F(t) {
+  return f(t) && t > 1;
 }
-function M(r, l) {
-  if (l.bodyCellTooltip)
-    return y(l.bodyCellTooltip) ? l.bodyCellTooltip(r.value, r.data) : l.bodyCellTooltip;
-  if (l.renderText)
-    return l.renderText({
-      value: r.value,
-      record: r.data,
-      column: l,
-      text: r.value
+function M(t, a) {
+  if (a.bodyCellTooltip)
+    return m(a.bodyCellTooltip) ? a.bodyCellTooltip(t.value, t.data) : a.bodyCellTooltip;
+  if (a.renderText)
+    return a.renderText({
+      value: t.value,
+      record: t.data,
+      column: a,
+      text: t.value
     });
-  const n = l.valueType || "text", d = c[n];
+  const n = a.valueType || "text", d = y[n];
   if (d) {
-    const p = m(
-      { ...l, valueType: n },
+    const p = h(
+      { ...a, valueType: n },
       {
-        value: r.value,
-        text: r.value,
-        record: r.data,
-        column: r.column,
-        rowIndex: r.node?.rowIndex,
-        pinned: r.node?.rowPinned
+        value: t.value,
+        text: t.value,
+        record: t.data,
+        column: t.column,
+        rowIndex: t.node?.rowIndex,
+        pinned: t.node?.rowPinned
       }
     );
     return d(p);
   }
-  return P(r.value);
+  return P(t.value);
 }
-const X = (r, l, n) => {
-  const d = _("valueTypeMap"), u = R(), { em: p } = G("ag-grid"), h = (t) => {
-    const i = {
+const X = (t, a, n) => {
+  const d = _("valueTypeMap"), u = R(), { em: p } = G("ag-grid"), c = (r) => {
+    const o = {
       cellRenderer: W,
       cellRendererParams: {
-        column: t,
-        extraValueType: C(d)
+        column: r,
+        extraValueType: x(d)
       }
     };
-    if (t.customRender)
-      return i;
-    if (t.renderText)
+    if (r.customRender)
+      return o;
+    if (r.renderText)
       return {
-        valueFormatter: (o) => t.renderText({
-          value: o.value,
-          record: o.data,
-          column: t,
-          text: o.value
+        valueFormatter: (i) => r.renderText({
+          value: i.value,
+          record: i.data,
+          column: r,
+          text: i.value
         })
       };
-    const a = t.valueType || "text", e = c[a];
+    const l = r.valueType || "text", e = y[l];
     return e ? {
-      valueFormatter: (o) => {
-        const s = m(
-          { ...t, valueType: a },
+      valueFormatter: (i) => {
+        const s = h(
+          { ...r, valueType: l },
           {
-            value: o.value,
-            text: o.value,
-            record: o.data,
-            column: o.column,
-            rowIndex: o.node?.rowIndex,
-            pinned: o.node?.rowPinned
+            value: i.value,
+            text: i.value,
+            record: i.data,
+            column: i.column,
+            rowIndex: i.node?.rowIndex,
+            pinned: i.node?.rowPinned
           }
         );
         return e(s);
       }
-    } : i;
-  }, b = (t) => {
-    const i = {}, a = t.bodyCellTooltip || !t.customRender && (t.ellipsis === !0 || t.ellipsis === "tooltip" || f(t.ellipsis)), e = f(t.ellipsis) && t.ellipsis > 1, o = f(t.ellipsis) ? t.ellipsis : 1;
-    return i.tooltipValueGetter = a ? (s) => M(s, t) : void 0, i.wrapText = !t.ellipsis || e, i.cellStyle = {
-      "--ag-grid-line-clamp": o
-    }, i.tooltipComponent = z, i.tooltipComponentParams = {
-      lineClamp: o,
+    } : o;
+  }, b = (r) => {
+    const o = {}, l = r.bodyCellTooltip || !r.customRender && (r.ellipsis === !0 || r.ellipsis === "tooltip" || f(r.ellipsis)), e = f(r.ellipsis) && r.ellipsis > 1, i = f(r.ellipsis) ? r.ellipsis : 1;
+    return o.tooltipValueGetter = l ? (s) => M(s, r) : void 0, o.wrapText = !r.ellipsis || e, o.cellStyle = {
+      "--ag-grid-line-clamp": i
+    }, o.tooltipComponent = z, o.tooltipComponentParams = {
+      lineClamp: i,
       gridWrapperRef: u
-    }, i;
+    }, o;
   }, g = T(() => {
-    const t = C(r);
-    function i(a) {
-      return a.map((e) => {
-        const o = {
-          field: I(e.dataIndex),
-          colId: S(e.key) ? String(e.key) : void 0,
+    const r = x(t);
+    function o(l) {
+      return l.map((e) => {
+        const i = {
+          field: S(e.dataIndex),
+          colId: I(e.key) ? String(e.key) : void 0,
           sortable: !!e.sorter,
           comparator: e.sorter === !0 ? () => 0 : e.sorter,
           headerComponentParams: {
@@ -110,33 +110,35 @@ const X = (r, l, n) => {
           // undefined to null
           colSpan: e.colSpan,
           cellClass: n((s) => {
-            const x = e.cellClass || "", D = y(x) ? x(s.data, s.node) : x;
+            const C = e.cellClass || "", D = m(C) ? C(s.data, s.node) : C;
             return [
               `${p("cell", e.align || "left")}`,
               F(e.ellipsis) ? p("cell", "multiline") : null,
               D
             ].flat().filter(Boolean);
           }),
+          headerStyle: e.headerStyle,
+          headerClass: e.headerClass,
           autoHeight: !0,
           // 设置自动计算高度以自适应多行换行的场景
           ...b(e),
-          ...h(e)
+          ...c(e)
         };
         return e.children?.length ? {
-          ...o,
+          ...i,
           headerGroupComponent: v,
           headerGroupComponentParams: {
             column: e
           },
-          children: i(e.children)
-        } : o;
+          children: o(e.children)
+        } : i;
       });
     }
-    return i(t);
+    return o(r);
   }), w = T(
     () => ({
       headerComponent: v,
-      resizable: l.columnResizable,
+      resizable: a.columnResizable,
       suppressMovable: !0,
       cellDataType: !1
     })

package/es/src/ag-grid/hooks/use-row-selection.d.ts

@@ -74,5 +74,5 @@ type RowSelectionParams<T> = AgGridRowSelection<T> & {
      */
     rowKey: ApTableProps['rowKey'];
 };
-declare const useGridRowSelection: <RecordType = Recordable>(props: RowSelectionParams<RecordType>) => RowSelectionReturnType<RecordType>;
+declare const useGridRowSelection: <RecordType extends Recordable = Recordable>(props: RowSelectionParams<RecordType>) => RowSelectionReturnType<RecordType>;
 export default useGridRowSelection;

package/es/src/ag-grid/hooks/use-row-selection.mjs

@@ -1,98 +1,111 @@
-import { ref as A, computed as i, unref as o } from "vue";
-import { isFunction as r } from "lodash-unified";
-function D(c, n) {
-  return !n?.length || r(c) ? [] : n.map((u) => ({ [c]: u }));
+import { ref as E, computed as M, unref as o } from "vue";
+import { isFunction as d } from "lodash-unified";
+function I(n) {
+  const { rowKey: a, defaultSelectedRowKeys: c, defaultSelectedRows: u } = n;
+  return a ? c?.length ? d(a) ? [] : i(c, n.type).map(
+    (l) => ({ [a]: l })
+  ) : u?.length ? i(u, n.type).filter(
+    (l) => {
+      const s = d(a) ? a(l) : a;
+      return s && (l[s] === 0 || l[s]);
+    }
+  ) : [] : [];
+}
+function i(n, a) {
+  return n.length && a === "radio" ? [n[0]] : n;
 }
-const m = (c) => {
-  const n = A(
-    D(c.rowKey, c.defaultSelectedRowKeys)
-  ), u = (e) => r(c.rowKey) ? c.rowKey(e) : e[c.rowKey], a = i(() => {
+const F = (n) => {
+  const a = n.type === "radio", c = E(I(n)), u = (e) => d(n.rowKey) ? n.rowKey(e) : e[n.rowKey], l = M(() => {
     const e = /* @__PURE__ */ new Map();
-    return o(n).forEach((t) => {
+    return o(c).forEach((t) => {
       e.set(u(t), t);
     }), e;
   });
-  function S(e) {
-    return o(a).has(u(e));
+  function s(e) {
+    return o(l).has(u(e));
   }
-  function v(e) {
-    if (!s(e))
+  function S(e) {
+    if (!f(e))
       return;
-    const t = o(a);
-    t.set(u(e), e), n.value = [...t.values()];
+    const t = o(l);
+    a && t.clear(), t.set(u(e), e), c.value = [...t.values()];
   }
-  function w(e) {
-    const t = o(a);
-    for (const l of e)
-      s(l) && t.set(u(l), l);
-    n.value = [...t.values()];
+  function g(e) {
+    const t = o(l);
+    a && t.clear();
+    for (const r of i(e, n.type))
+      f(r) && t.set(u(r), r);
+    c.value = [...t.values()];
   }
-  function M(e) {
-    if (r(c.rowKey))
+  function K(e) {
+    if (d(n.rowKey))
       return;
-    const t = o(a);
-    for (const l of e) {
-      const f = o(c.dataSource).find(
-        (b) => u(b) === l
-      ), d = { [c.rowKey]: l };
-      s(f || d) && t.set(l, f || d);
+    const t = o(l);
+    a && t.clear();
+    for (const r of i(e, n.type)) {
+      const v = o(n.dataSource).find(
+        (D) => u(D) === r
+      ), w = { [n.rowKey]: r };
+      f(v || w) && t.set(r, v || w);
     }
-    n.value = [...t.values()];
+    c.value = [...t.values()];
   }
   function y(e) {
-    if (!s(e))
+    if (!f(e))
       return;
-    const t = o(a);
-    t.delete(u(e)), n.value = [...t.values()];
+    const t = o(l);
+    t.delete(u(e)), c.value = [...t.values()];
   }
-  function x(e) {
-    const t = o(a);
-    for (const l of e)
-      s(l) && t.delete(u(l));
-    n.value = [...t.values()];
+  function R(e) {
+    const t = o(l);
+    for (const r of i(e, n.type))
+      f(r) && t.delete(u(r));
+    c.value = [...t.values()];
   }
-  function s(e) {
-    const t = c.disabled;
+  function f(e) {
+    const t = n.disabled;
     return !(t ? t(e) : !1);
   }
-  function K() {
-    const e = o(a);
-    o(c.dataSource).forEach((t) => {
-      s(t) && e.set(u(t), t);
-    }), n.value = [...e.values()];
+  function x() {
+    if (a)
+      return;
+    const e = o(l);
+    o(n.dataSource).forEach((t) => {
+      f(t) && e.set(u(t), t);
+    }), c.value = [...e.values()];
   }
-  function g(e) {
-    if (!s(e))
+  function h(e) {
+    if (!f(e))
       return;
-    const t = o(a), l = u(e);
-    t.has(l) ? t.delete(l) : t.set(l, e), n.value = [...t.values()];
+    const t = o(l), r = u(e);
+    t.has(r) ? y(e) : S(e);
   }
-  function R() {
-    const e = o(a);
-    o(c.dataSource).forEach((t) => {
-      s(t) && e.delete(u(t));
-    }), n.value = [...e.values()];
+  function b() {
+    const e = o(l);
+    o(n.dataSource).forEach((t) => {
+      f(t) && e.delete(u(t));
+    }), c.value = [...e.values()];
   }
-  function h() {
-    n.value = [];
+  function A() {
+    c.value = [];
   }
   return {
-    select: v,
+    select: S,
     unSelect: y,
-    isSelected: S,
-    selectAll: K,
-    unSelectAll: R,
-    clearAll: h,
-    toggleSelect: g,
-    selectedRows: n,
-    selectedRowKeys: i(
-      () => o(n).map((e) => u(e))
+    isSelected: s,
+    selectAll: x,
+    unSelectAll: b,
+    clearAll: A,
+    toggleSelect: h,
+    selectedRows: c,
+    selectedRowKeys: M(
+      () => o(c).map((e) => u(e))
     ),
-    selectMulti: w,
-    unSelectMulti: x,
-    selectMultiByKeys: M
+    selectMulti: g,
+    unSelectMulti: R,
+    selectMultiByKeys: K
   };
 };
 export {
-  m as default
+  F as default
 };

package/es/src/ag-grid/index.vue.d.ts

@@ -1,6 +1,7 @@
 import { AgGridExpose, AgGridProps, AgGridSlots } from './interface';
+import { Recordable } from '../type';
 import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
-declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <RecordType extends Recordable>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & AgGridProps<RecordType> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<AgGridExpose>): void;
     attrs: any;