@aplus-frontend/ui 7.16.0 → 7.17.0

package/es/src/ap-table/constants.d.ts

@@ -1,7 +1,7 @@
 import { ApTableValueFields } from './interface';
 import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, CSSProperties, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, VNode, RendererNode, RendererElement, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
-import { ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextProps, ApFormItemTextAreaProps, ApFormItemCheckboxProps, ApFormItemTextPasswordProps, ApFormItemTreeSelectProps } from '../ap-form/items/interface';
-import { ApFieldDateProps, FieldMode, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldSwitchConfirmConfig, ApFieldTextProps, ApFieldTextAreaProps, ApFieldCheckboxProps, ApFieldTextPasswordProps, ApFieldTreeSelectProps } from '../ap-field';
+import { ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextProps, ApFormItemTextAreaProps, ApFormItemCheckboxProps, ApFormItemTextPasswordProps, ApFormItemTreeSelectProps, ApFormItemCascaderProps } from '../ap-form/items/interface';
+import { ApFieldDateProps, FieldMode, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldSwitchConfirmConfig, ApFieldTextProps, ApFieldTextAreaProps, ApFieldCheckboxProps, ApFieldTextPasswordProps, ApFieldTreeSelectProps, ApFieldCascaderProps } from '../ap-field';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { FocusEventHandler, MouseEventHandler, KeyboardEventHandler, ChangeEventHandler, CompositionEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
 import { Dayjs } from 'dayjs';
@@ -23,10 +23,10 @@ import { ValueType } from '@aplus-frontend/antdv/es/input-number/src/utils/MiniD
 import { VueTypeValidableDef, VueTypeDef } from '../../node_modules/vue-types';
 import { RadioGroupChildOption } from '@aplus-frontend/antdv/es/radio/Group';
 import { RadioGroupButtonStyle, RadioGroupOptionType } from '@aplus-frontend/antdv/es/radio/interface';
-import { RadioChangeEvent, CheckboxOptionType, TreeSelectProps } from '@aplus-frontend/antdv';
+import { RadioChangeEvent, CheckboxOptionType, TreeSelectProps, CascaderProps } from '@aplus-frontend/antdv';
 import { SelectValue, DefaultOptionType, LabeledValue, BaseOptionType } from '@aplus-frontend/antdv/es/select';
 import { SelectHandler, FieldNames, FilterFunc } from '@aplus-frontend/antdv/es/vc-select/Select';
-import { RenderDOMFunc, CustomTagProps, DropdownRender, DisplayValueType } from '@aplus-frontend/antdv/es/vc-select/BaseSelect';
+import { RenderDOMFunc, CustomTagProps, DropdownRender, DisplayValueType, Placement } from '@aplus-frontend/antdv/es/vc-select/BaseSelect';
 import { AlignType } from '@aplus-frontend/antdv/es/vc-trigger/interface';
 import { InputFocusOptions } from '@aplus-frontend/antdv/es/vc-input/utils/commonUtils';
 import { ShowCountProps } from '@aplus-frontend/antdv/es/vc-input/inputProps';
@@ -36,6 +36,9 @@ import { LegacyDataNode, FieldNames, Key } from '@aplus-frontend/antdv/es/vc-tre
 import { ChangeEventExtra, FieldNames, DefaultOptionType, BaseOptionType, SimpleModeConfig, LegacyDataNode } from '@aplus-frontend/antdv/es/vc-tree-select/TreeSelect';
 import { CheckedStrategy } from '@aplus-frontend/antdv/es/vc-tree-select/utils/strategyUtil';
 import { ExpandAction } from '@aplus-frontend/antdv/es/vc-tree/props';
+import { DefaultOptionType, FieldNames, ShowSearchType } from '@aplus-frontend/antdv/es/vc-cascader';
+import { ValueType, ShowCheckedStrategy } from '@aplus-frontend/antdv/es/vc-cascader/Cascader';
+import { CascaderOptionType } from '@aplus-frontend/antdv/es/cascader';
 import { Trigger } from '@aplus-frontend/antdv/es/dropdown/props';
 import { ApTableIndexProps, ApTableStatusProps } from './components/interface';
 /**
@@ -5203,6 +5206,264 @@ export declare const apTableFormItemMap: {
             suffixIcon?: any;
         } & Omit< ApFormItemSlots, "default">;
     });
+    cascader: {
+        new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApFormItemCascaderProps> & Readonly<{}>, {
+            focus: () => void;
+            blur: () => void;
+            request: (selectOptions?: DefaultOptionType[], clear?: boolean) => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+            disabled: boolean;
+            required: boolean;
+            colon: boolean;
+            hasFeedback: boolean;
+            autoLink: boolean;
+            validateFirst: boolean;
+            field: Omit< ApFieldCascaderProps, "value" | "onUpdate:value">;
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+            cascaderRef: ({
+                $: ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly mode?: FieldMode | undefined;
+                    readonly class?: unknown;
+                    readonly style?: unknown;
+                    readonly size?: ButtonSize;
+                    readonly onBlur?: ((e: FocusEvent) => void) | undefined;
+                    readonly onChange?: ((value: ValueType, selectOptions: DefaultOptionType[] | DefaultOptionType[][]) => void) | undefined;
+                    readonly onClick?: ((e: MouseEvent) => void) | undefined;
+                    readonly onFocus?: ((e: FocusEvent) => void) | undefined;
+                    readonly onKeydown?: ((e: KeyboardEvent) => void) | undefined;
+                    readonly onKeyup?: ((e: KeyboardEvent) => void) | undefined;
+                    readonly onMousedown?: ((e: MouseEvent) => void) | undefined;
+                    readonly onMouseenter?: ((e: MouseEvent) => void) | undefined;
+                    readonly onMouseleave?: ((e: MouseEvent) => void) | undefined;
+                    readonly placement?: "topLeft" | "bottomLeft" | "bottomRight" | "topRight" | undefined;
+                    readonly value?: ValueType | undefined;
+                    readonly open?: boolean | undefined;
+                    readonly multiple?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly direction?: "ltr" | "rtl" | undefined;
+                    readonly animation?: string | undefined;
+                    readonly children?: VueNode[] | undefined;
+                    readonly placeholder?: any;
+                    readonly id?: string | undefined;
+                    readonly getPopupContainer?: RenderDOMFunc | undefined;
+                    readonly prefixCls?: string | undefined;
+                    readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
+                    readonly dropdownMatchSelectWidth?: number | boolean | undefined;
+                    readonly autofocus?: boolean | undefined;
+                    readonly loading?: boolean | undefined;
+                    readonly bordered?: boolean | undefined;
+                    readonly 'onUpdate:value'?: (((value: ValueType) => void) & ((...args: any[]) => any)) | undefined;
+                    readonly status?: "" | "error" | "warning" | undefined;
+                    readonly defaultValue?: ValueType | undefined;
+                    readonly prefix?: any;
+                    readonly clearIcon?: any;
+                    readonly allowClear?: boolean | undefined;
+                    readonly notFoundContent?: any;
+                    readonly suffixIcon?: any;
+                    readonly maxCount?: number | undefined;
+                    readonly transitionName?: string | undefined;
+                    readonly choiceTransitionName?: string | undefined;
+                    readonly popupClassName?: string | undefined;
+                    readonly dropdownClassName?: string | undefined;
+                    readonly tabindex?: number | undefined;
+                    readonly fieldNames?: FieldNames | undefined;
+                    readonly searchValue?: string | undefined;
+                    readonly onSearch?: ((value: string) => void) | undefined;
+                    readonly options?: CascaderOptionType[] | undefined;
+                    readonly showSearch?: boolean | ShowSearchType<DefaultOptionType> | undefined;
+                    readonly tagRender?: ((props: CustomTagProps) => any) | undefined;
+                    readonly optionLabelRender?: ((option: Record<string, any>) => any) | undefined;
+                    readonly onClear?: (() => void) | undefined;
+                    readonly defaultOpen?: boolean | undefined;
+                    readonly onDropdownVisibleChange?: ((open: boolean) => void) | undefined;
+                    readonly maxTagTextLength?: number | undefined;
+                    readonly maxTagCount?: number | "responsive" | undefined;
+                    readonly maxTagPlaceholder?: any;
+                    readonly removeIcon?: any;
+                    readonly dropdownStyle?: CSSProperties | undefined;
+                    readonly dropdownRender?: DropdownRender | undefined;
+                    readonly dropdownAlign?: AlignType | undefined;
+                    readonly showAction?: ("click" | "focus")[] | undefined;
+                    readonly onPopupScroll?: ((e: UIEvent) => void) | undefined;
+                    readonly onInputKeyDown?: ((e: KeyboardEvent) => void) | undefined;
+                    readonly expandIcon?: any;
+                    readonly getInputElement?: (() => any) | undefined;
+                    readonly getRawInputElement?: (() => any) | undefined;
+                    readonly onPopupVisibleChange?: ((open: boolean) => void) | undefined;
+                    readonly popupStyle?: CSSProperties | undefined;
+                    readonly popupPlacement?: Placement | undefined;
+                    readonly popupVisible?: boolean | undefined;
+                    readonly changeOnSelect?: boolean | undefined;
+                    readonly displayRender?: ((opt: {
+                        labels: string[];
+                        selectedOptions?: DefaultOptionType[];
+                    }) => any) | undefined;
+                    readonly showCheckedStrategy?: ShowCheckedStrategy | undefined;
+                    readonly expandTrigger?: "click" | "hover" | undefined;
+                    readonly dropdownPrefixCls?: string | undefined;
+                    readonly dropdownMenuColumnStyle?: CSSProperties | undefined;
+                    readonly loadingIcon?: any;
+                    readonly emptyText?: string | undefined;
+                    readonly request?: ((selectOptions?: DefaultOptionType[], extraParams?: Recordable) => Promise< CascaderProps["options"]>) | undefined;
+                    readonly lazy?: boolean | undefined;
+                    readonly params?: Recordable | undefined;
+                    readonly loadData?: boolean | undefined;
+                } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: Slot<any> | undefined;
+                }>;
+                $root: ComponentPublicInstance | null;
+                $parent: ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "update:value", ...args: any[]) => void;
+                $el: any;
+                $options: ComponentOptionsBase<Readonly< ApFieldCascaderProps> & Readonly<{
+                    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    blur: () => void;
+                    focus: () => void;
+                    request: (selectOptions?: DefaultOptionType[] | undefined, clear?: boolean) => Promise<void>;
+                }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                    "update:value": (...args: any[]) => void;
+                }, string, {
+                    mode: FieldMode;
+                    open: boolean;
+                    multiple: boolean;
+                    bordered: boolean;
+                    allowClear: boolean;
+                    showSearch: boolean | ShowSearchType<DefaultOptionType>;
+                    defaultOpen: boolean;
+                    emptyText: string;
+                    popupVisible: boolean;
+                }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+            } & Readonly<{
+                mode: FieldMode;
+                open: boolean;
+                multiple: boolean;
+                bordered: boolean;
+                allowClear: boolean;
+                showSearch: boolean | ShowSearchType<DefaultOptionType>;
+                defaultOpen: boolean;
+                emptyText: string;
+                popupVisible: boolean;
+            }> & Omit<Readonly< ApFieldCascaderProps> & Readonly<{
+                "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+            }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "bordered" | "allowClear" | "showSearch" | "defaultOpen" | "emptyText" | "popupVisible")> & ShallowUnwrapRef<{
+                blur: () => void;
+                focus: () => void;
+                request: (selectOptions?: DefaultOptionType[] | undefined, clear?: boolean) => Promise<void>;
+            }> & {} & ComponentCustomProperties & {} & {
+                $slots: Readonly<{
+                    displayRender?: any;
+                    notFoundContent?: any;
+                    expandIcon?: any;
+                    suffixIcon?: any;
+                    clearIcon?: any;
+                    menuItemSelectedIcon?: any;
+                    tagRender?: any;
+                    maxTagPlaceholder?: any;
+                    default?: any;
+                    optionRender?: any;
+                }> & {
+                    displayRender?: any;
+                    notFoundContent?: any;
+                    expandIcon?: any;
+                    suffixIcon?: any;
+                    clearIcon?: any;
+                    menuItemSelectedIcon?: any;
+                    tagRender?: any;
+                    maxTagPlaceholder?: any;
+                    default?: any;
+                    optionRender?: any;
+                };
+            }) | null;
+        }, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly< ApFormItemCascaderProps> & Readonly<{}>, {
+            focus: () => void;
+            blur: () => void;
+            request: (selectOptions?: DefaultOptionType[], clear?: boolean) => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            required: boolean;
+            colon: boolean;
+            hasFeedback: boolean;
+            autoLink: boolean;
+            validateFirst: boolean;
+            field: Omit< ApFieldCascaderProps, "value" | "onUpdate:value">;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & ComponentOptionsBase<Readonly< ApFormItemCascaderProps> & Readonly<{}>, {
+        focus: () => void;
+        blur: () => void;
+        request: (selectOptions?: DefaultOptionType[], clear?: boolean) => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        required: boolean;
+        colon: boolean;
+        hasFeedback: boolean;
+        autoLink: boolean;
+        validateFirst: boolean;
+        field: Omit< ApFieldCascaderProps, "value" | "onUpdate:value">;
+    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            displayRender?: any;
+            notFoundContent?: any;
+            expandIcon?: any;
+            suffixIcon?: any;
+            clearIcon?: any;
+            menuItemSelectedIcon?: any;
+            tagRender?: any;
+            maxTagPlaceholder?: any;
+            default?: any;
+            optionRender?: any;
+        } & Omit< ApFormItemSlots, "default">> & {
+            displayRender?: any;
+            notFoundContent?: any;
+            expandIcon?: any;
+            suffixIcon?: any;
+            clearIcon?: any;
+            menuItemSelectedIcon?: any;
+            tagRender?: any;
+            maxTagPlaceholder?: any;
+            default?: any;
+            optionRender?: any;
+        } & Omit< ApFormItemSlots, "default">;
+    });
 };
 /**
  * 表格自定义渲染
@@ -5314,6 +5575,10 @@ export declare const apTableRenderItemMap: {
         mode: FieldMode;
         emptyText: string;
     }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+    cascader: DefineComponent<ApFieldCascaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ApFieldCascaderProps> & Readonly<{}>, {
+        mode: FieldMode;
+        emptyText: string;
+    }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 };
 /**
  * 不需要渲染到Form表单的valueType字段

package/es/src/ap-table/constants.mjs

@@ -3,32 +3,34 @@ import "../ap-action/index.mjs";
 import "../ap-form/index.mjs";
 import "./components/index/index.vue.mjs";
 import "./components/status/index.vue.mjs";
+import r from "../ap-form/items/cascader/index.vue.mjs";
 import m from "../ap-form/items/tree-select/index.vue.mjs";
 import { ApFormItemText as t } from "../ap-form/items/text/index.mjs";
-import r from "../ap-form/items/checkbox/index.vue.mjs";
-import o from "../ap-form/items/text-area/index.vue.mjs";
-import a from "../ap-form/items/switch/index.vue.mjs";
-import i from "../ap-form/items/select/index.vue.mjs";
-import c from "../ap-form/items/radio/index.vue.mjs";
-import s from "../ap-form/items/number/index.vue.mjs";
+import o from "../ap-form/items/checkbox/index.vue.mjs";
+import a from "../ap-form/items/text-area/index.vue.mjs";
+import i from "../ap-form/items/switch/index.vue.mjs";
+import c from "../ap-form/items/select/index.vue.mjs";
+import s from "../ap-form/items/radio/index.vue.mjs";
+import f from "../ap-form/items/number/index.vue.mjs";
 import n from "../ap-form/items/date-range/index.vue.mjs";
 import p from "../ap-form/items/date/index.vue.mjs";
-import f from "./components/status/index.vue2.mjs";
-import _ from "./components/index/index.vue2.mjs";
-import d from "../ap-action/group/index.vue.mjs";
-const C = {
+import _ from "./components/status/index.vue2.mjs";
+import d from "./components/index/index.vue2.mjs";
+import x from "../ap-action/group/index.vue.mjs";
+const N = {
   date: p,
   dateRange: n,
-  number: s,
-  radio: c,
-  select: i,
-  switch: a,
+  number: f,
+  radio: s,
+  select: c,
+  switch: i,
   text: t,
-  textArea: o,
-  checkbox: r,
+  textArea: a,
+  checkbox: o,
   password: t.Password,
-  treeSelect: m
-}, L = {
+  treeSelect: m,
+  cascader: r
+}, V = {
   date: e.Date,
   dateRange: e.DateRange,
   number: e.Number,
@@ -38,17 +40,18 @@ const C = {
   text: e.Text,
   textArea: e.TextArea,
   checkbox: e.Checkbox,
-  action: d,
-  index: _,
-  status: f,
+  action: x,
+  index: d,
+  status: _,
   password: e.Password,
-  treeSelect: e.TreeSelect
-}, N = [
+  treeSelect: e.TreeSelect,
+  cascader: e.Cascader
+}, j = [
   "action",
   "index"
 ];
 export {
-  C as apTableFormItemMap,
-  L as apTableRenderItemMap,
-  N as noRenderAsFormItemValueList
+  N as apTableFormItemMap,
+  V as apTableRenderItemMap,
+  j as noRenderAsFormItemValueList
 };

package/es/src/ap-table/interface.d.ts

@@ -5,7 +5,7 @@ import { EllipsisConfig } from '@aplus-frontend/antdv/es/typography/Base';
 import { ComputedRef, CSSProperties, VNode } from 'vue';
 import { ApActionGroupProps } from '../ap-action';
 import { ApFormItemProps, ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form';
-import { ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextPasswordProps, ApFormItemTextProps, ApFormItemTreeSelectProps } from '../ap-form/items/interface';
+import { ApFormItemCascaderProps, ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextPasswordProps, ApFormItemTextProps, ApFormItemTreeSelectProps } from '../ap-form/items/interface';
 import { Recordable } from '../type';
 import { ApTableIndexProps } from './components/interface';
 import { InternalPagingType } from './hooks/use-table-paging-ng';
@@ -60,6 +60,10 @@ export type ApTableValueFields = {
      * 树选择
      */
     treeSelect: ApFormItemTreeSelectProps;
+    /**
+     * 级联选择
+     */
+    cascader: ApFormItemCascaderProps;
 };
 export type ApTableValueTypes = keyof ApTableValueFields;
 export type ValueEnum = Record<string, ValueEnumType>;

package/es/src/ap-table/utils.d.ts

@@ -60,7 +60,7 @@ export declare function getFieldProps<RecordType = any>(fieldProps: ApColumnType
  * @param item
  * @returns
  */
-export declare function getTableRenderType(item: ApColumnType | EditableColumnType): "number" | "select" | "date" | "checkbox" | "radio" | "text" | "treeSelect" | "textArea" | "status" | "password" | "switch" | "index" | "action" | "dateRange";
+export declare function getTableRenderType(item: ApColumnType | EditableColumnType): "number" | "select" | "date" | "checkbox" | "radio" | "text" | "cascader" | "treeSelect" | "textArea" | "status" | "password" | "switch" | "index" | "action" | "dateRange";
 export declare function getTableCellRenderNode(renderType: keyof typeof apTableRenderItemMap, renderProps: any, record: any, extraRenderMap?: Record<string, ValueTypeRenderConfig>): any;
 /**
  * 获取查询表单最终渲染的节点

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

@@ -123,6 +123,10 @@ export interface ModalLayoutProps {
     dividerOffset?: number;
     /** 是否有边框 */
     bordered?: boolean;
+    /** 选择数据顺序是否反转
+     * @default true
+     */
+    isReverse?: boolean;
 }
 /** modal-layout配置 */
 export interface ModalLayoutConfig<T = any> extends ModalLayoutProps {

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

@@ -34,6 +34,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
         [key: string]: any;
     }> | null;
     layoutType: "two-column";
+    isReverse: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/src/business/ag-grid-modal/modal-layout/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as M, computed as O, createElementBlock as m, renderSlot as a, openBlock as n, normalizeStyle as g, normalizeClass as o, unref as e, createElementVNode as s, createBlock as v, createCommentVNode as h, withCtx as i, resolveDynamicComponent as V, h as w, Fragment as b, createVNode as p, createTextVNode as S, toDisplayString as T, renderList as L } from "vue";
+import { defineComponent as L, computed as M, createElementBlock as p, renderSlot as a, openBlock as n, normalizeStyle as g, normalizeClass as o, unref as e, createElementVNode as s, createBlock as v, createCommentVNode as h, withCtx as i, resolveDynamicComponent as O, h as V, Fragment as b, createVNode as f, createTextVNode as S, toDisplayString as T, renderList as R } from "vue";
 import { Button as j, Empty as k } from "@aplus-frontend/antdv";
 import { ApTitle as C } from "../../ap-title/index.mjs";
 import "../../../config-provider/index.mjs";
@@ -6,29 +6,33 @@ import { useAgGridModalInject as x } from "../hooks/use-ag-grid-instance.mjs";
 import D from "../style/index.mjs";
 import { useLocale as z } from "../../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as G } from "../../../config-provider/hooks/use-namespace.mjs";
-const U = /* @__PURE__ */ M({
+const U = /* @__PURE__ */ L({
   __name: "index",
   props: {
     leftTitle: { type: [String, Object, Number, Boolean, null, Array], default: "" },
     rightContentStyle: { type: [Boolean, null, String, Object, Array] },
     dividerOffset: {},
     bordered: { type: Boolean },
+    isReverse: { type: Boolean, default: !0 },
     layoutType: { default: void 0 }
   },
   setup(B) {
-    const { t: f } = z(), d = x(), r = O(() => d?.selectedRows?.value || []), y = B, E = () => {
-      if (y.dividerOffset != null)
+    const { t: y } = z(), d = x(), u = B, r = M(() => {
+      const t = d?.selectedRows?.value || [];
+      return u.isReverse ? [...t].reverse() : t;
+    }), E = () => {
+      if (u.dividerOffset != null)
         return {
-          "--ag-grid-modal-layout-divider-offset": `${y.dividerOffset}px`
+          "--ag-grid-modal-layout-divider-offset": `${u.dividerOffset}px`
         };
     }, $ = () => {
       d?.clearAllSelected();
-    }, u = (t) => {
+    }, c = (t) => {
       d?.removeSelected(t);
-    }, { e: A, m: l, b: N } = G("ag-grid-modal"), I = D("ag-grid-modal");
-    return (t, P) => t.layoutType === "two-column" ? (n(), m("div", {
+    }, { e: A, m: l, b: N } = G("ag-grid-modal"), w = D("ag-grid-modal");
+    return (t, I) => t.layoutType === "two-column" ? (n(), p("div", {
       key: 0,
-      class: o([e(N)(), e(l)("table-layout"), t.bordered ? e(l)("bordered") : "", e(I)]),
+      class: o([e(N)(), e(l)("table-layout"), t.bordered ? e(l)("bordered") : "", e(w)]),
       style: g(E())
     }, [
       s("div", {
@@ -39,7 +43,7 @@ const U = /* @__PURE__ */ M({
           style: { "margin-bottom": "16px" }
         }, {
           prefix: i(() => [
-            (n(), v(V(w(b, [t.leftTitle]))))
+            (n(), v(O(V(b, [t.leftTitle]))))
           ]),
           _: 1
         })) : h("", !0),
@@ -53,22 +57,22 @@ const U = /* @__PURE__ */ M({
         class: o(e(l)("table-layout-right")),
         style: g(t.rightContentStyle)
       }, [
-        p(e(C), null, {
+        f(e(C), null, {
           prefix: i(() => [
             a(t.$slots, "rightTitle", {
               count: r.value.length
             }, () => [
-              S(T(`${e(f)("ap.apTableModal.selected")} (${r.value.length})`), 1)
+              S(T(`${e(y)("ap.apTableModal.selected")} (${r.value.length})`), 1)
             ])
           ]),
           suffix: i(() => [
-            p(e(j), {
+            f(e(j), {
               type: "link",
               style: { padding: "0px", height: "22px", "border-width": "0px" },
               onClick: $
             }, {
               default: i(() => [
-                S(T(e(f)("ap.apTableModal.clear")), 1)
+                S(T(e(y)("ap.apTableModal.clear")), 1)
               ]),
               _: 1
             })
@@ -78,16 +82,16 @@ const U = /* @__PURE__ */ M({
         s("div", {
           class: o(e(l)("table-layout-right-content"))
         }, [
-          (n(!0), m(b, null, L(r.value, (c) => a(t.$slots, "renderSelectedItem", {
-            key: c,
-            record: c,
-            actions: { deleteItem: u, deleteCurrent: () => u(c) }
+          (n(!0), p(b, null, R(r.value, (m) => a(t.$slots, "renderSelectedItem", {
+            key: m,
+            record: m,
+            actions: { deleteItem: c, deleteCurrent: () => c(m) }
           })), 128)),
-          r.value.length === 0 ? (n(), m("div", {
+          r.value.length === 0 ? (n(), p("div", {
             key: 0,
             class: o(e(A)("empty"))
           }, [
-            p(e(k), {
+            f(e(k), {
               image: e(k).PRESENTED_IMAGE_SIMPLE
             }, null, 8, ["image"])
           ], 2)) : h("", !0)
@@ -95,7 +99,7 @@ const U = /* @__PURE__ */ M({
         s("div", null, [
           a(t.$slots, "rightBottom", {
             records: r.value,
-            actions: { deleteItem: u }
+            actions: { deleteItem: c }
           })
         ])
       ], 6)

package/es/src/business/ag-grid-modal/style/index.mjs

@@ -35,7 +35,7 @@ const l = (e) => {
         "&-content": {
           flexGrow: 1,
           height: 0,
-          overflowY: "hidden",
+          overflowY: "auto",
           paddingTop: e.space,
           "&:hover": {
             overflowY: "auto"

package/es/src/business/ag-grid-modal/utils.d.ts

@@ -18,6 +18,7 @@ export declare function getModalLayoutConfig(props?: ModalLayoutConfig): {
         readonly rightContentStyle?: StyleValue;
         readonly dividerOffset?: number;
         readonly bordered?: boolean;
+        readonly isReverse?: boolean;
     };
     slots: {
         renderSelectedItem: ((props: {