@aplus-frontend/ui 6.26.4 → 6.27.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, IRowNode } from 'ag-grid-community';
+import { ColDef, IRowNode, 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, MergedValueType>[];
@@ -106,6 +106,11 @@ export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>,
      */
     preserveSelectedRowKeys?: boolean;
 };
+export type AgGridVirtualConfig = {
+    row?: boolean;
+    col?: boolean;
+    rowBuffer?: number;
+};
 export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky'> & {
     /**
      * 列配置
@@ -203,11 +208,13 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
     columnResizable?: boolean;
     loading?: boolean;
     /**
-     * 设置总结栏
+     * 总结栏配置项
      */
     summary?: {
         top?: RecordType[];
         bottom?: RecordType[];
+        cellClassName?: string | string[] | ((data: RecordType, column: ColDef<RecordType>, pinned: RowPinnedType) => string | string[]);
+        rowClassName?: string | string[] | ((data: RecordType, rowIndex: number, pinned: RowPinnedType) => string | string[]);
     };
     /**
      * 指定每一行占据的高度（大量数据展示时的性能优化）
@@ -221,6 +228,22 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 单元格tooltip使用原生实现 默认为 `false`
      */
     browserTooltips?: boolean;
+    /**
+     * 虚拟列表配置项
+     */
+    virtual?: false | AgGridVirtualConfig;
+    /**
+     * 行点击事件
+     * @param record 行数据
+     * @returns
+     */
+    onRowClicked?: (record: RecordType) => void;
+    /**
+     * 表格滚动结束后的事件
+     * @param direction
+     * @returns
+     */
+    onScrollEnd?: (direction: ScrollDirection) => void;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

package/es/src/ap-field/select/index.vue.d.ts

@@ -50,6 +50,15 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
+            maxCount: NumberConstructor;
             transitionName: StringConstructor;
             choiceTransitionName: {
                 type: PropType<"">;
@@ -132,6 +141,7 @@ declare function __VLS_template(): {
             clearIcon: VueTypeValidableDef<any>;
             options: PropType<DefaultOptionType[]>;
             onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: PropType<(value: string) => void>;
             fieldNames: PropType<FieldNames>;
             dropdownStyle: {
@@ -165,10 +175,6 @@ declare function __VLS_template(): {
             onDropdownVisibleChange: {
                 type: PropType<(open: boolean) => void>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             menuItemSelectedIcon: VueTypeValidableDef<any>;
             listItemHeight: NumberConstructor;
@@ -202,6 +208,7 @@ declare function __VLS_template(): {
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
             loading: boolean;
+            variant: "filled" | "outlined" | "borderless" | "underlined";
             bordered: boolean;
             defaultValue: SelectValue;
             status: "" | "error" | "warning";
@@ -212,11 +219,11 @@ declare function __VLS_template(): {
             placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
             showSearch: boolean;
             choiceTransitionName: "";
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             filterOption: boolean | FilterFunc<DefaultOptionType>;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
         }, true, {}, CustomSlotsType<{
             notFoundContent: any;
             suffixIcon: any;
@@ -230,6 +237,7 @@ declare function __VLS_template(): {
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
+            prefix: any;
         }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
@@ -261,6 +269,15 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
+            maxCount: NumberConstructor;
             transitionName: StringConstructor;
             choiceTransitionName: {
                 type: PropType<"">;
@@ -343,6 +360,7 @@ declare function __VLS_template(): {
             clearIcon: VueTypeValidableDef<any>;
             options: PropType<DefaultOptionType[]>;
             onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: PropType<(value: string) => void>;
             fieldNames: PropType<FieldNames>;
             dropdownStyle: {
@@ -376,10 +394,6 @@ declare function __VLS_template(): {
             onDropdownVisibleChange: {
                 type: PropType<(open: boolean) => void>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             menuItemSelectedIcon: VueTypeValidableDef<any>;
             listItemHeight: NumberConstructor;
@@ -413,6 +427,7 @@ declare function __VLS_template(): {
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
             loading: boolean;
+            variant: "filled" | "outlined" | "borderless" | "underlined";
             bordered: boolean;
             defaultValue: SelectValue;
             status: "" | "error" | "warning";
@@ -423,11 +438,11 @@ declare function __VLS_template(): {
             placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
             showSearch: boolean;
             choiceTransitionName: "";
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             filterOption: boolean | FilterFunc<DefaultOptionType>;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
         }> | null;
     };
     rootEl: any;
@@ -453,8 +468,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
     lazy: boolean;
     allowClear: boolean;
     defaultOpen: boolean;
-    showSearch: boolean;
     showArrow: boolean;
+    showSearch: boolean;
     autoClearSearchValue: boolean;
     defaultActiveFirstOption: boolean;
     labelInValue: boolean;
@@ -487,6 +502,15 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
+        maxCount: NumberConstructor;
         transitionName: StringConstructor;
         choiceTransitionName: {
             type: PropType<"">;
@@ -569,6 +593,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         clearIcon: VueTypeValidableDef<any>;
         options: PropType<DefaultOptionType[]>;
         onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: PropType<(value: string) => void>;
         fieldNames: PropType<FieldNames>;
         dropdownStyle: {
@@ -602,10 +627,6 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         onDropdownVisibleChange: {
             type: PropType<(open: boolean) => void>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         menuItemSelectedIcon: VueTypeValidableDef<any>;
         listItemHeight: NumberConstructor;
@@ -639,6 +660,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
         loading: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
         bordered: boolean;
         defaultValue: SelectValue;
         status: "" | "error" | "warning";
@@ -649,11 +671,11 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
         showSearch: boolean;
         choiceTransitionName: "";
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         filterOption: boolean | FilterFunc<DefaultOptionType>;
         defaultActiveFirstOption: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
     }, true, {}, CustomSlotsType<{
         notFoundContent: any;
         suffixIcon: any;
@@ -667,6 +689,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         maxTagPlaceholder: any;
         optionLabel: any;
         default: any;
+        prefix: any;
     }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -698,6 +721,15 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
+        maxCount: NumberConstructor;
         transitionName: StringConstructor;
         choiceTransitionName: {
             type: PropType<"">;
@@ -780,6 +812,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         clearIcon: VueTypeValidableDef<any>;
         options: PropType<DefaultOptionType[]>;
         onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: PropType<(value: string) => void>;
         fieldNames: PropType<FieldNames>;
         dropdownStyle: {
@@ -813,10 +846,6 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         onDropdownVisibleChange: {
             type: PropType<(open: boolean) => void>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         menuItemSelectedIcon: VueTypeValidableDef<any>;
         listItemHeight: NumberConstructor;
@@ -850,6 +879,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
         loading: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
         bordered: boolean;
         defaultValue: SelectValue;
         status: "" | "error" | "warning";
@@ -860,11 +890,11 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
         showSearch: boolean;
         choiceTransitionName: "";
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         filterOption: boolean | FilterFunc<DefaultOptionType>;
         defaultActiveFirstOption: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
     }> | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/src/ap-field/select/index.vue.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as M, ref as g, onMounted as D, watch as R, computed as p, unref as a, createElementBlock as z, createBlock as E, openBlock as S, toDisplayString as U, mergeProps as K, createSlots as H, renderList as $, withCtx as w, renderSlot as j, normalizeProps as W, guardReactiveProps as Y, createVNode as G } from "vue";
-import { debounce as J, isFunction as B, isArray as Q, isNil as X, omit as Z } from "lodash-unified";
-import { Select as ee, Spin as oe } from "@aplus-frontend/antdv";
+import { defineComponent as M, ref as g, onMounted as D, watch as R, computed as p, unref as a, createElementBlock as z, createBlock as E, openBlock as S, toDisplayString as U, mergeProps as K, createSlots as H, renderList as $, withCtx as B, renderSlot as j, normalizeProps as W, guardReactiveProps as Y, createVNode as G } from "vue";
+import { debounce as J, isFunction as C, isArray as Q, isNil as X, omit as Z } from "lodash-unified";
+import { Select as ee, Spin as te } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as te } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPlaceholder as oe } from "../hooks/use-default-placeholder.mjs";
 import { useSelectOptions as le, SELECT_ALL_VALUE_KEY as f } from "./use-select-options.mjs";
 import { useControllableValue as ae } from "../../hooks/useControllableValue.mjs";
 const ne = { key: 0 }, fe = /* @__PURE__ */ M({
@@ -18,6 +18,9 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
     itemIcon: {},
     size: {},
     bordered: { type: Boolean, default: void 0 },
+    showArrow: { type: Boolean, default: void 0 },
+    variant: {},
+    maxCount: {},
     transitionName: {},
     choiceTransitionName: {},
     popupClassName: {},
@@ -56,6 +59,7 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
     clearIcon: {},
     options: {},
     onDeselect: {},
+    prefix: {},
     fieldNames: {},
     dropdownStyle: {},
     dropdownRender: {},
@@ -71,7 +75,6 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
     optionLabelRender: {},
     onClear: {},
     onDropdownVisibleChange: {},
-    showArrow: { type: Boolean, default: void 0 },
     onPopupScroll: {},
     menuItemSelectedIcon: {},
     listItemHeight: {},
@@ -97,42 +100,42 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
     searchDelay: { default: 300 }
   },
   emits: ["update:value"],
-  setup(C, { expose: F, emit: b }) {
+  setup(w, { expose: F, emit: b }) {
     let r = 0;
-    const o = C, N = J((e) => {
-      if (!B(o.request))
+    const t = w, N = J((e) => {
+      if (!C(t.request))
         return;
       r += 1;
       const l = r;
-      s([]), n.value = !0, o.request(e).then((t) => {
-        r === l && (s(t), n.value = !1);
+      s([]), n.value = !0, t.request(e).then((o) => {
+        r === l && (s(o), n.value = !1);
       });
-    }, o.searchDelay), O = (e, l) => {
-      const t = o.fieldNames?.label || "label";
-      return typeof l?.[t] == "string" && l[t].toLowerCase().indexOf(e.toLowerCase()) > -1;
-    }, { options: u, updateOptions: s } = le(o), m = g(), n = g(o?.loading || !1), A = b;
+    }, t.searchDelay), O = (e, l) => {
+      const o = t.fieldNames?.label || "label";
+      return typeof l?.[o] == "string" && l[o].toLowerCase().indexOf(e.toLowerCase()) > -1;
+    }, { options: u, updateOptions: s } = le(t), m = g(), n = g(t?.loading || !1), x = b;
     async function d(e = !0) {
-      if (!B(o.request))
+      if (!C(t.request))
         return;
       n.value = !0, r += 1;
       const l = r;
       try {
         e && s([]);
-        const t = await o.request(void 0, o.params);
+        const o = await t.request(void 0, t.params);
         if (l !== r)
           return;
-        s(t);
+        s(o);
       } finally {
         n.value = !1;
       }
     }
-    function V(e) {
-      o.onFocus?.(e), o.refetchOnFocus && r > 0 && !n.value && d(!0);
+    function I(e) {
+      t.onFocus?.(e), t.refetchOnFocus && r > 0 && !n.value && d(!0);
     }
     D(() => {
-      o.lazy || d();
+      t.lazy || d();
     }), R(
-      () => o.params,
+      () => t.params,
       () => {
         d();
       },
@@ -140,30 +143,29 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
         deep: !0
       }
     );
-    const { value: c, updateValue: v } = ae(o, A), x = te("Select", o), I = p(() => {
+    const { value: c, updateValue: v } = ae(t, x), V = oe("Select", t), A = p(() => {
       const e = a(c);
       if (!e)
-        return o.emptyText;
-      const l = o.fieldNames?.label || "label", t = o.fieldNames?.value || "value";
+        return t.emptyText;
+      const l = t.fieldNames?.label || "label", o = t.fieldNames?.value || "value";
       return Q(e) ? e.map(
-        (i) => a(u).find((q) => q[t] === i)?.[l]
-      ).filter(Boolean).join("、") || o.emptyText : a(u).find(
-        (i) => i[t] === e
-      )?.[l] || o.emptyText;
+        (i) => a(u).find((q) => q[o] === i)?.[l]
+      ).filter(Boolean).join("、") || t.emptyText : a(u).find(
+        (i) => i[o] === e
+      )?.[l] || t.emptyText;
     }), _ = p(() => {
-      const e = !!o?.showSearch, l = o.searchMode;
-      let t = {};
-      return e && (t = l === "request" ? {
-        showArrow: !1,
+      const e = !!t?.showSearch, l = t.searchMode;
+      let o = {};
+      return e && (o = l === "request" ? {
         defaultActiveFirstOption: !1,
         onSearch: N,
         notFoundContent: n.value ? void 0 : null,
-        filterOption: !1
+        filterOption: !1,
+        suffixIcon: null
       } : {
-        showArrow: !0,
-        filterOption: X(o?.filterOption) ? O : o?.filterOption
+        filterOption: X(t?.filterOption) ? O : t?.filterOption
       }), {
-        ...Z(o, [
+        ...Z(t, [
           "mode",
           "value",
           "onUpdate:value",
@@ -173,25 +175,25 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
           "onFocus",
           "onBeforeSelect"
         ]),
-        placeholder: a(x),
-        ...t
+        placeholder: a(V),
+        ...o
       };
     }), y = p(
-      () => u.value.map((e) => e[o.fieldNames?.value || "value"]).filter((e) => e !== f)
+      () => u.value.map((e) => e[t.fieldNames?.value || "value"]).filter((e) => e !== f)
     ), P = p(() => {
-      if (!o.multiple || !o.addAll)
+      if (!t.multiple || !t.addAll)
         return a(c);
       if (u.value.some(
-        (e) => e[o.fieldNames?.value || "value"] === f
+        (e) => e[t.fieldNames?.value || "value"] === f
       )) {
         const e = a(y), l = a(c) || [];
-        if (e.length && e.every((t) => l?.includes(t)))
+        if (e.length && e.every((o) => l?.includes(o)))
           return [f];
       }
       return a(c);
     });
     function k(e) {
-      return o.multiple && e.includes(f) ? v(a(y)) : v(e);
+      return t.multiple && e.includes(f) ? v(a(y)) : v(e);
     }
     function L() {
       m.value?.focus();
@@ -203,7 +205,7 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
       focus: L,
       blur: T,
       request: d
-    }), (e, l) => e.mode === "read" ? (S(), z("span", ne, U(I.value), 1)) : (S(), E(a(ee), K({
+    }), (e, l) => e.mode === "read" ? (S(), z("span", ne, U(A.value), 1)) : (S(), E(a(ee), K({
       key: 1,
       ref_key: "selectRef",
       ref: m,
@@ -214,18 +216,18 @@ const ne = { key: 0 }, fe = /* @__PURE__ */ M({
       options: a(u),
       loading: n.value,
       "onUpdate:value": k,
-      onFocus: V
+      onFocus: I
     }), H({ _: 2 }, [
-      $(e.$slots, (t, h) => ({
+      $(e.$slots, (o, h) => ({
         name: h,
-        fn: w((i) => [
+        fn: B((i) => [
           j(e.$slots, h, W(Y(i || {})))
         ])
       })),
       n.value ? {
         name: "notFoundContent",
-        fn: w(() => [
-          G(a(oe), { size: "small" })
+        fn: B(() => [
+          G(a(te), { size: "small" })
         ]),
         key: "0"
       } : void 0

package/es/src/ap-field/select/read.vue2.mjs

@@ -13,6 +13,9 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     itemIcon: {},
     size: {},
     bordered: { type: Boolean },
+    showArrow: { type: Boolean },
+    variant: {},
+    maxCount: {},
     transitionName: {},
     choiceTransitionName: {},
     popupClassName: {},
@@ -51,6 +54,7 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     clearIcon: {},
     options: {},
     onDeselect: {},
+    prefix: {},
     fieldNames: {},
     dropdownStyle: {},
     dropdownRender: {},
@@ -66,7 +70,6 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     optionLabelRender: {},
     onClear: {},
     onDropdownVisibleChange: {},
-    showArrow: { type: Boolean },
     onPopupScroll: {},
     menuItemSelectedIcon: {},
     listItemHeight: {},