@aplus-frontend/ui 6.37.0 → 6.38.0

package/es/src/ag-grid/interface.d.ts

@@ -4,7 +4,7 @@ import { TableProps } from '@aplus-frontend/antdv';
 import { ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form/interface';
 import { Recordable } from '../type';
 import { SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
-import { ColDef, GridApi, ICellRendererParams, IRowNode, RedrawRowsParams, RefreshCellsParams, RowClassRules, RowPinnedType, ScrollDirection } from 'ag-grid-community';
+import { ColDef, GridApi, ICellRendererParams, IRowNode, IsFullWidthRowParams, RedrawRowsParams, RefreshCellsParams, RowClassRules, RowHeightParams, RowPinnedType, ScrollDirection } from 'ag-grid-community';
 import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
 export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'width' | 'maxWidth' | 'className' | 'class' | 'colSpan'> & {
     children?: AgGridColumnType<RecordType, ExtraValueType, ValueType>[];
@@ -123,6 +123,10 @@ export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>,
      * 是否隐藏不可选中的元素
      */
     hideDisabled?: boolean;
+    /**
+     * 默认选中的行数据（如果没有rowKey将会被过滤掉，如果和defaultSelectedRowKeys同时使用，优先级更低）
+     */
+    defaultSelectedRows?: RecordType[];
 };
 export type AgGridVirtualConfig = {
     row?: boolean;
@@ -135,7 +139,20 @@ export type AgGridSummaryType<RecordType = any> = {
     cellClassName?: string | string[] | ((data: RecordType, column: ColDef<RecordType>, pinned: RowPinnedType, rowIndex: number) => string | string[]);
     rowClassName?: string | string[] | ((data: RecordType, rowIndex: number, pinned: RowPinnedType) => string | string[]);
 };
-export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky'> & {
+export type AgGridCustomRowConfig<RecordType = any> = {
+    /**
+     * 判断哪些行是自定义渲染行
+     * @param params
+     * @returns
+     */
+    isCustomRow: (params: IsFullWidthRowParams<RecordType>) => boolean;
+    /**
+     * 行自定义渲染函数
+     * @returns
+     */
+    render: (params: any) => any;
+};
+export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky' | 'customRow'> & {
     /**
      * 列配置
      */
@@ -239,6 +256,13 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 指定每一行占据的高度（大量数据展示时的性能优化）
      */
     rowHeight?: number;
+    /**
+     * 指定一行占据的高度
+     * @since 6.38.0
+     * @param params
+     * @returns
+     */
+    getRowHeight?: (params: RowHeightParams<RecordType>) => number | null | undefined;
     /**
      * 是否使用另外一种渲染器来渲染单元格
      */
@@ -282,6 +306,11 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * @returns
      */
     onUpdate?: () => void;
+    /**
+     * 自定义行渲染配置
+     * @since 6.37.0
+     */
+    customRow?: AgGridCustomRowConfig;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**
@@ -328,11 +357,19 @@ export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     rowSelection: {
         selectedRows: ComputedRef<RecordType[]>;
         /**
-         * 通过API调用设置行选中
+         * 通过rowKey来选中行
+         * 如果是单选模式，只会选择数组中的第一个元素做选中操作
          * @param keys
          * @returns
          */
         setSelectedRowKeys: (keys: (string | number)[]) => void;
+        /**
+         * 通过整行数据来选中行
+         * 如果是单选模式，只会选择数组中的第一个元素做选中操作
+         * @param rows
+         * @returns
+         */
+        setSelectedRows: (rows: RecordType[]) => void;
         clearAll: () => void;
     };
     /**

package/es/src/ap-action/group/index.vue.mjs

@@ -5,10 +5,10 @@ import "../item-modal/index.vue2.mjs";
 import "../item-popconfirm/index.vue2.mjs";
 import "../item-dropdown/index.vue2.mjs";
 import "../../config-provider/index.mjs";
-import { isUndefined as x } from "lodash-unified";
-import { useLocale as B } from "../../config-provider/hooks/use-locale.mjs";
+import { isUndefined as F } from "lodash-unified";
+import { useLocale as x } from "../../config-provider/hooks/use-locale.mjs";
 import f from "../item-dropdown/index.vue.mjs";
-import F from "../item-modal/index.vue.mjs";
+import B from "../item-modal/index.vue.mjs";
 import $ from "../item-popconfirm/index.vue.mjs";
 import b from "../item/index.vue2.mjs";
 const q = /* @__PURE__ */ k({
@@ -22,51 +22,54 @@ const q = /* @__PURE__ */ k({
     iconFirst: { type: Boolean }
   },
   setup(_) {
-    const r = _, { t: g } = B(), l = m(
+    const r = _, { t: g } = x(), l = m(
       () => r.actions.filter(
-        (e) => e.visible || x(e.visible)
+        (t) => t.visible || F(t.visible)
       )
     ), d = m(() => c(l).length > r.count), u = m(() => {
-      const e = c(l);
-      if (e.length <= r.count)
+      const t = c(l);
+      if (t.length <= r.count)
         return {
-          showActions: e,
+          showActions: t.map((e) => ({
+            ...e,
+            iconFirst: !0
+          })),
           menuActions: []
         };
-      let i = e.slice(0, r.count - 1);
-      return r.iconFirst && (i = i.map((t) => ({
-        ...t,
+      let i = t.slice(0, r.count - 1);
+      return r.iconFirst && (i = i.map((e) => ({
+        ...e,
         iconFirst: !0
       }))), {
         showActions: i,
-        menuActions: e.slice(r.count - 1)
+        menuActions: t.slice(r.count - 1)
       };
     });
-    return (e, i) => (o(), n(c(w), {
+    return (t, i) => (o(), n(c(w), {
       size: 16,
       align: "center"
     }, {
       default: A(() => [
-        (o(!0), a(p, null, v(u.value.showActions, (t, h) => (o(), a(p, { key: h }, [
-          t.actions ? (o(), n(f, s({
+        (o(!0), a(p, null, v(u.value.showActions, (e, h) => (o(), a(p, { key: h }, [
+          e.actions ? (o(), n(f, s({
             key: 0,
             ref_for: !0
-          }, t), null, 16)) : t.modalProps ? (o(), n(F, s({
+          }, e), null, 16)) : e.modalProps ? (o(), n(B, s({
             key: 1,
             ref_for: !0
-          }, t), null, 16)) : t.popconfirmProps ? (o(), n($, s({
+          }, e), null, 16)) : e.popconfirmProps ? (o(), n($, s({
             key: 2,
             ref_for: !0
-          }, t), null, 16)) : (o(), n(b, s({
+          }, e), null, 16)) : (o(), n(b, s({
             key: 3,
             ref_for: !0
-          }, t), null, 16))
+          }, e), null, 16))
         ], 64))), 128)),
         d.value ? (o(), n(f, {
           key: 0,
           actions: u.value.menuActions,
-          placement: e.placement,
-          trigger: e.trigger,
+          placement: t.placement,
+          trigger: t.trigger,
           text: c(g)("ap.common.more")
         }, null, 8, ["actions", "placement", "trigger", "text"])) : y("", !0)
       ]),

package/es/src/ap-action/item/index.vue2.mjs

@@ -1,8 +1,9 @@
-import { defineComponent as C, useSlots as B, createPropsRestProxy as A, ref as F, computed as d, unref as l, renderSlot as y, createElementBlock as u, createCommentVNode as a, openBlock as n, mergeProps as h, createBlock as f, normalizeClass as L, resolveDynamicComponent as g, isVNode as N, toDisplayString as P } from "vue";
+import { defineComponent as C, useSlots as B, createPropsRestProxy as h, ref as A, computed as u, unref as n, renderSlot as y, createElementBlock as f, createCommentVNode as a, openBlock as t, mergeProps as F, createBlock as m, normalizeClass as N, createVNode as L, withCtx as P, resolveDynamicComponent as g, isVNode as S, toDisplayString as V } from "vue";
 import "../../config-provider/index.mjs";
-import S from "@aplus-frontend/antdv/es/button/LoadingIcon";
-import { useNamespace as $ } from "../../config-provider/hooks/use-namespace.mjs";
-const D = { key: 1 }, E = /* @__PURE__ */ C({
+import $ from "@aplus-frontend/antdv/es/button/LoadingIcon";
+import { Tooltip as w } from "@aplus-frontend/antdv";
+import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
+const D = { key: 1 }, q = /* @__PURE__ */ C({
   name: "ApActionItem",
   __name: "index",
   props: {
@@ -17,45 +18,52 @@ const D = { key: 1 }, E = /* @__PURE__ */ C({
     iconFirst: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const s = B(), r = A(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon"]), { b: k, m: t, e: b } = $("action-item"), c = F(!1), m = d(() => o.iconFirst && (o.icon || s.icon));
+    const s = B(), r = h(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon"]), { b: k, m: l, e: v } = x("action-item"), c = A(!1), d = u(() => o.iconFirst && (o.icon || s.icon));
     function p(e) {
-      l(i) || o.disabled || (r.onClick?.(e), r.onAction && (c.value = !0, r.onAction(e).finally(() => c.value = !1)));
+      n(i) || o.disabled || (r.onClick?.(e), r.onAction && (c.value = !0, r.onAction(e).finally(() => c.value = !1)));
     }
-    const i = d(() => o.loading || l(c)), v = d(() => [
+    const i = u(() => o.loading || n(c)), b = u(() => [
       k(),
-      t(o.color),
-      m.value ? t("icon-first") : null,
-      o.disabled ? t("disabled") : null,
-      i.value ? t("loading") : null
+      l(o.color),
+      d.value ? l("icon-first") : null,
+      o.disabled ? l("disabled") : null,
+      i.value ? l("loading") : null
     ].filter(Boolean));
     return (e, I) => y(e.$slots, "trigger", {
       loading: i.value,
       disabled: e.disabled,
       onClick: p
     }, () => [
-      e.visible ? (n(), u("span", h({ key: 0 }, e.$attrs, {
-        class: v.value,
+      e.visible ? (t(), f("span", F({ key: 0 }, e.$attrs, {
+        class: b.value,
         onClick: p
       }), [
-        i.value ? (n(), f(l(S), {
+        i.value ? (t(), m(n($), {
           key: 0,
           "prefix-cls": "btn",
           "exist-icon": !1,
           loading: ""
         })) : a("", !0),
-        e.icon || s.icon ? (n(), u("span", {
+        e.icon || s.icon ? (t(), f("span", {
           key: 1,
-          class: L(l(b)("icon-wrapper"))
+          class: N(n(v)("icon-wrapper"))
         }, [
-          (n(), f(g(e.icon || s.icon)))
+          L(n(w), {
+            title: d.value ? e.text : null
+          }, {
+            default: P(() => [
+              (t(), m(g(e.icon || s.icon)))
+            ]),
+            _: 1
+          }, 8, ["title"])
         ], 2)) : a("", !0),
-        m.value ? a("", !0) : y(e.$slots, "default", { key: 2 }, () => [
-          N(e.text) ? (n(), f(g(e.text), { key: 0 })) : (n(), u("span", D, P(e.text || ""), 1))
+        d.value ? a("", !0) : y(e.$slots, "default", { key: 2 }, () => [
+          S(e.text) ? (t(), m(g(e.text), { key: 0 })) : (t(), f("span", D, V(e.text || ""), 1))
         ])
       ], 16)) : a("", !0)
     ]);
   }
 });
 export {
-  E as default
+  q as default
 };

package/es/src/index.d.ts

@@ -3,7 +3,6 @@ export * from './ap-form';
 export * from './ap-field';
 export * from './design-token';
 export * from './ap-action';
-export * from './work-order-modal';
 export * from './ap-tag';
 export * from './ap-upload';
 export * from './ap-download';