@aplus-frontend/ui 0.6.0-beta.2 → 0.6.0-beta.20

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

@@ -1,6 +1,6 @@
 import { ApFieldPassword } from '../ap-field';
 import { ApTableValueFields } from './interface';
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentInternalInstance, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, CSSProperties, ComputedRef, VNode, RendererNode, RendererElement, DefineComponent } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentInternalInstance, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, CSSProperties, VNode, RendererNode, RendererElement, DefineComponent } from 'vue';
 import { ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextProps, ApFormItemTextAreaProps, ApFormItemCheckboxProps, ApFormItemTextPasswordProps, ApFormItemTreeSelectProps } from '../ap-form/items/interface';
 import { ApFieldDateProps, ApFormItemSlots, ApFieldDateRangeProps, ApFieldNumberProps, FieldMode, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextProps, ApFormItemTextPassword, ApFieldTextAreaProps, ApFieldCheckboxProps, ApFieldTextPasswordProps, ApFieldTreeSelectProps, ApActionGroupProps, GroupActionTypes } from '..';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
@@ -186,11 +186,11 @@ export declare const apTableFormItemMap: {
                     readonly onInput?: ((text: string) => void) | undefined;
                     readonly value?: ValueType | undefined;
                     readonly disabled?: boolean | undefined;
-                    readonly bordered?: boolean | undefined;
                     readonly prefixCls?: string | undefined;
                     readonly keyboard?: boolean | undefined;
                     readonly autofocus?: boolean | undefined;
                     readonly 'onUpdate:value'?: (((value: ValueType) => void) & ((...args: any[]) => any)) | undefined;
+                    readonly bordered?: boolean | undefined;
                     readonly max?: ValueType | undefined;
                     readonly min?: ValueType | undefined;
                     readonly defaultValue?: ValueType | undefined;
@@ -569,8 +569,8 @@ export declare const apTableFormItemMap: {
                 }, string, {
                     step: ValueType;
                     disabled: boolean;
-                    bordered: boolean;
                     keyboard: boolean;
+                    bordered: boolean;
                     max: ValueType;
                     min: ValueType;
                     controls: boolean;
@@ -599,8 +599,8 @@ export declare const apTableFormItemMap: {
             } & Readonly<{
                 step: ValueType;
                 disabled: boolean;
-                bordered: boolean;
                 keyboard: boolean;
+                bordered: boolean;
                 max: ValueType;
                 min: ValueType;
                 controls: boolean;
@@ -608,7 +608,7 @@ export declare const apTableFormItemMap: {
                 thousands: boolean;
             }> & Omit<Readonly< ApFieldNumberProps> & Readonly<{
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | ("step" | "disabled" | "bordered" | "keyboard" | "max" | "min" | "controls" | "emptyText" | "thousands")> & ShallowUnwrapRef<{
+            }>, "blur" | "focus" | ("step" | "disabled" | "keyboard" | "bordered" | "max" | "min" | "controls" | "emptyText" | "thousands")> & ShallowUnwrapRef<{
                 focus: () => void;
                 blur: () => void;
             }> & {} & ComponentCustomProperties & {} & {
@@ -847,13 +847,13 @@ export declare const apTableFormItemMap: {
         field: Omit< ApFieldRadioProps, "value" | "onUpdate:value">;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: Readonly<{
-            label: any;
-            help: any;
-            extra: any;
+            label?: any;
+            help?: any;
+            extra?: any;
         }> & {
-            label: any;
-            help: any;
-            extra: any;
+            label?: any;
+            help?: any;
+            extra?: any;
         };
     });
     select: {
@@ -894,11 +894,11 @@ export declare const apTableFormItemMap: {
                     readonly direction?: "ltr" | "rtl" | undefined;
                     readonly animation?: string | undefined;
                     readonly children?: VueNode[] | undefined;
-                    readonly bordered?: boolean | undefined;
                     readonly prefixCls?: string | undefined;
                     readonly loading?: boolean | undefined;
                     readonly transitionName?: string | undefined;
                     readonly autofocus?: boolean | undefined;
+                    readonly bordered?: boolean | undefined;
                     readonly getPopupContainer?: RenderDOMFunc | undefined;
                     readonly placeholder?: any;
                     readonly defaultValue?: SelectValue;
@@ -1392,9 +1392,9 @@ export declare const apTableFormItemMap: {
                     open: boolean;
                     multiple: boolean;
                     disabled: boolean;
-                    bordered: boolean;
                     loading: boolean;
                     autofocus: boolean;
+                    bordered: boolean;
                     virtual: boolean;
                     lazy: boolean;
                     allowClear: boolean;
@@ -1433,9 +1433,9 @@ export declare const apTableFormItemMap: {
                 open: boolean;
                 multiple: boolean;
                 disabled: boolean;
-                bordered: boolean;
                 loading: boolean;
                 autofocus: boolean;
+                bordered: boolean;
                 virtual: boolean;
                 lazy: boolean;
                 allowClear: boolean;
@@ -1451,7 +1451,7 @@ export declare const apTableFormItemMap: {
                 searchDelay: number;
             }> & Omit<Readonly< ApFieldSelectProps> & Readonly<{
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "loading" | "autofocus" | "virtual" | "lazy" | "allowClear" | "defaultOpen" | "showSearch" | "showArrow" | "autoClearSearchValue" | "defaultActiveFirstOption" | "labelInValue" | "emptyText" | "searchMode" | "refetchOnFocus" | "searchDelay")> & ShallowUnwrapRef<{
+            }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "loading" | "autofocus" | "bordered" | "virtual" | "lazy" | "allowClear" | "defaultOpen" | "showSearch" | "showArrow" | "autoClearSearchValue" | "defaultActiveFirstOption" | "labelInValue" | "emptyText" | "searchMode" | "refetchOnFocus" | "searchDelay")> & ShallowUnwrapRef<{
                 focus: () => void;
                 blur: () => void;
                 request: (clear?: boolean) => Promise<void>;
@@ -1636,12 +1636,12 @@ export declare const apTableFormItemMap: {
                     readonly onMousedown?: MouseEventHandler | undefined;
                     readonly value?: string | number | undefined;
                     readonly disabled?: boolean | undefined;
-                    readonly bordered?: boolean | undefined;
                     readonly prefixCls?: string | undefined;
                     readonly name?: string | undefined;
                     readonly loading?: boolean | undefined;
                     readonly autofocus?: boolean | undefined;
                     readonly 'onUpdate:value'?: (((val: string) => void) & ((...args: any[]) => any)) | undefined;
+                    readonly bordered?: boolean | undefined;
                     readonly suffix?: any;
                     readonly focused?: boolean | undefined;
                     readonly placeholder?: string | number | undefined;
@@ -1827,7 +1827,7 @@ export declare const apTableFormItemMap: {
             }>, {
                 focus: (options?: InputFocusOptions) => void;
                 blur: () => void;
-                resizableTextArea: ComputedRef<any>;
+                resizableTextArea: any;
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                 "update:value": (...args: any[]) => void;
             }, PublicProps, {
@@ -2109,7 +2109,7 @@ export declare const apTableFormItemMap: {
             }>, {
                 focus: (options?: InputFocusOptions) => void;
                 blur: () => void;
-                resizableTextArea: ComputedRef<any>;
+                resizableTextArea: any;
             }, {}, {}, {}, {
                 type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "tel" | "url" | "email" | "image" | "datetime-local" | "file" | "password";
                 mode: FieldMode;
@@ -2156,13 +2156,13 @@ export declare const apTableFormItemMap: {
         field: Omit< ApFieldTextAreaProps, "value" | "onUpdate:value">;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: Readonly<{
-            label: any;
-            help: any;
-            extra: any;
+            label?: any;
+            help?: any;
+            extra?: any;
         }> & {
-            label: any;
-            help: any;
-            extra: any;
+            label?: any;
+            help?: any;
+            extra?: any;
         };
     });
     checkbox: {
@@ -2203,13 +2203,13 @@ export declare const apTableFormItemMap: {
         field: Omit< ApFieldCheckboxProps, "value" | "onUpdate:value">;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: Readonly<{
-            label: any;
-            help: any;
-            extra: any;
+            label?: any;
+            help?: any;
+            extra?: any;
         }> & {
-            label: any;
-            help: any;
-            extra: any;
+            label?: any;
+            help?: any;
+            extra?: any;
         };
     });
     password: {
@@ -2247,12 +2247,12 @@ export declare const apTableFormItemMap: {
                     readonly onMousedown?: MouseEventHandler | undefined;
                     readonly value?: string | number | undefined;
                     readonly disabled?: boolean | undefined;
-                    readonly bordered?: boolean | undefined;
                     readonly prefixCls?: string | undefined;
                     readonly name?: string | undefined;
                     readonly loading?: boolean | undefined;
                     readonly autofocus?: boolean | undefined;
                     readonly 'onUpdate:value'?: (((val: string) => void) & ((...args: any[]) => any)) | undefined;
+                    readonly bordered?: boolean | undefined;
                     readonly suffix?: any;
                     readonly focused?: boolean | undefined;
                     readonly placeholder?: string | number | undefined;
@@ -2461,12 +2461,12 @@ export declare const apTableFormItemMap: {
                     readonly direction?: "ltr" | "rtl" | undefined;
                     readonly animation?: string | undefined;
                     readonly children?: VueNode[] | undefined;
-                    readonly bordered?: boolean | undefined;
                     readonly prefixCls?: string | undefined;
                     readonly loading?: boolean | undefined;
                     readonly transitionName?: string | undefined;
                     readonly autofocus?: boolean | undefined;
                     readonly 'onUpdate:value'?: (((value: any) => void) & ((...args: any[]) => any)) | undefined;
+                    readonly bordered?: boolean | undefined;
                     readonly getPopupContainer?: RenderDOMFunc | undefined;
                     readonly placeholder?: any;
                     readonly defaultValue?: unknown;
@@ -3104,9 +3104,9 @@ export declare const apTableFormItemMap: {
                     open: boolean;
                     multiple: boolean;
                     disabled: boolean;
-                    bordered: boolean;
                     loading: boolean;
                     autofocus: boolean;
+                    bordered: boolean;
                     virtual: boolean;
                     dropdownMatchSelectWidth: number | boolean;
                     allowClear: boolean;
@@ -3144,9 +3144,9 @@ export declare const apTableFormItemMap: {
                 open: boolean;
                 multiple: boolean;
                 disabled: boolean;
-                bordered: boolean;
                 loading: boolean;
                 autofocus: boolean;
+                bordered: boolean;
                 virtual: boolean;
                 dropdownMatchSelectWidth: number | boolean;
                 allowClear: boolean;
@@ -3161,7 +3161,7 @@ export declare const apTableFormItemMap: {
                 emptyText: string;
             }> & Omit<Readonly< ApFieldTreeSelectProps> & Readonly<{
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "loading" | "autofocus" | "virtual" | "dropdownMatchSelectWidth" | "allowClear" | "defaultOpen" | "showSearch" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
+            }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "loading" | "autofocus" | "bordered" | "virtual" | "dropdownMatchSelectWidth" | "allowClear" | "defaultOpen" | "showSearch" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
                 blur: () => void;
                 focus: () => void;
                 request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
@@ -3268,8 +3268,8 @@ export declare const apTableRenderItemMap: {
             mode: FieldMode;
             open: boolean;
             disabled: boolean;
-            bordered: boolean;
             autofocus: boolean;
+            bordered: boolean;
             format: LiteralUnion<ApFormatPresetType, string>;
             clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
                 [key: string]: any;
@@ -3305,8 +3305,8 @@ export declare const apTableRenderItemMap: {
             mode: FieldMode;
             open: boolean;
             disabled: boolean;
-            bordered: boolean;
             autofocus: boolean;
+            bordered: boolean;
             format: LiteralUnion<ApFormatPresetType, string>;
             clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
                 [key: string]: any;
@@ -3341,8 +3341,8 @@ export declare const apTableRenderItemMap: {
         mode: FieldMode;
         open: boolean;
         disabled: boolean;
-        bordered: boolean;
         autofocus: boolean;
+        bordered: boolean;
         format: LiteralUnion<ApFormatPresetType, string>;
         clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
             [key: string]: any;
@@ -3408,8 +3408,8 @@ export declare const apTableRenderItemMap: {
                 [key: string]: any;
             }> | null;
             disabled: boolean | [boolean, boolean];
-            bordered: boolean;
             autofocus: boolean;
+            bordered: boolean;
             format: LiteralUnion<ApFormatPresetType, string>;
             clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
                 [key: string]: any;
@@ -3449,8 +3449,8 @@ export declare const apTableRenderItemMap: {
                 [key: string]: any;
             }> | null;
             disabled: boolean | [boolean, boolean];
-            bordered: boolean;
             autofocus: boolean;
+            bordered: boolean;
             format: LiteralUnion<ApFormatPresetType, string>;
             clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
                 [key: string]: any;
@@ -3489,8 +3489,8 @@ export declare const apTableRenderItemMap: {
             [key: string]: any;
         }> | null;
         disabled: boolean | [boolean, boolean];
-        bordered: boolean;
         autofocus: boolean;
+        bordered: boolean;
         format: LiteralUnion<ApFormatPresetType, string>;
         clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
             [key: string]: any;
@@ -3548,8 +3548,8 @@ export declare const apTableRenderItemMap: {
         }, PublicProps, {
             step: ValueType;
             disabled: boolean;
-            bordered: boolean;
             keyboard: boolean;
+            bordered: boolean;
             max: ValueType;
             min: ValueType;
             controls: boolean;
@@ -3891,8 +3891,8 @@ export declare const apTableRenderItemMap: {
         }, {}, {}, {}, {
             step: ValueType;
             disabled: boolean;
-            bordered: boolean;
             keyboard: boolean;
+            bordered: boolean;
             max: ValueType;
             min: ValueType;
             controls: boolean;
@@ -3912,8 +3912,8 @@ export declare const apTableRenderItemMap: {
     }, string, {
         step: ValueType;
         disabled: boolean;
-        bordered: boolean;
         keyboard: boolean;
+        bordered: boolean;
         max: ValueType;
         min: ValueType;
         controls: boolean;
@@ -4054,9 +4054,9 @@ export declare const apTableRenderItemMap: {
             open: boolean;
             multiple: boolean;
             disabled: boolean;
-            bordered: boolean;
             loading: boolean;
             autofocus: boolean;
+            bordered: boolean;
             virtual: boolean;
             lazy: boolean;
             allowClear: boolean;
@@ -4492,9 +4492,9 @@ export declare const apTableRenderItemMap: {
             open: boolean;
             multiple: boolean;
             disabled: boolean;
-            bordered: boolean;
             loading: boolean;
             autofocus: boolean;
+            bordered: boolean;
             virtual: boolean;
             lazy: boolean;
             allowClear: boolean;
@@ -4525,9 +4525,9 @@ export declare const apTableRenderItemMap: {
         open: boolean;
         multiple: boolean;
         disabled: boolean;
-        bordered: boolean;
         loading: boolean;
         autofocus: boolean;
+        bordered: boolean;
         virtual: boolean;
         lazy: boolean;
         allowClear: boolean;
@@ -4708,7 +4708,7 @@ export declare const apTableRenderItemMap: {
     textArea: DefineComponent<ApFieldTextAreaProps, {
         focus: (options?: InputFocusOptions) => void;
         blur: () => void;
-        resizableTextArea: ComputedRef<any>;
+        resizableTextArea: any;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         "update:value": (...args: any[]) => void;
     }, string, PublicProps, Readonly< ApFieldTextAreaProps> & Readonly<{
@@ -4993,9 +4993,9 @@ export declare const apTableRenderItemMap: {
     }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     action: DefineComponent<ApActionGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ApActionGroupProps> & Readonly<{}>, {
         placement: "top" | "topLeft" | "bottom" | "topRight" | "bottomLeft" | "bottomRight" | "topCenter" | "bottomCenter";
-        count: number;
         trigger: Trigger | Trigger[];
         actions: GroupActionTypes[];
+        count: number;
     }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     index: DefineComponent<ApTableIndexProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ApTableIndexProps> & Readonly<{}>, {
         bordered: boolean;
@@ -5101,9 +5101,9 @@ export declare const apTableRenderItemMap: {
             open: boolean;
             multiple: boolean;
             disabled: boolean;
-            bordered: boolean;
             loading: boolean;
             autofocus: boolean;
+            bordered: boolean;
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
             allowClear: boolean;
@@ -5671,9 +5671,9 @@ export declare const apTableRenderItemMap: {
             open: boolean;
             multiple: boolean;
             disabled: boolean;
-            bordered: boolean;
             loading: boolean;
             autofocus: boolean;
+            bordered: boolean;
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
             allowClear: boolean;
@@ -5703,9 +5703,9 @@ export declare const apTableRenderItemMap: {
         open: boolean;
         multiple: boolean;
         disabled: boolean;
-        bordered: boolean;
         loading: boolean;
         autofocus: boolean;
+        bordered: boolean;
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
         allowClear: boolean;

package/es/src/ap-table/hooks/use-table-paging-ng.d.ts

@@ -53,24 +53,38 @@ export type UseTablePagingParams<DataType, ParamsType> = {
      * 样式命名空间
      */
     namespace?: 'ap-table' | 'ap-grid';
+    /**
+     * 当点击重置时的回调
+     * @returns
+     */
+    onClickReset?: () => void;
+    /**
+     * 当请求结束后触发的事件
+     * @returns
+     */
+    onAfterRequest?: () => void;
 };
+export type InternalPagingType = Partial<{
+    current: number;
+    pageSize: number;
+}>;
 type InternalDataType<DataType = Recordable> = {
     total: number;
     records: DataType[];
     loading: boolean;
 };
 export declare const DEFAULT_CURRENT = 1;
-export declare const DEFAULT_PAGE_SIZE = 10;
-export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields, namespace, pagination }: UseTablePagingParams<DataType, ParamsType>) => {
+export declare const DEFAULT_PAGE_SIZE = 20;
+export type OptionalOnTableChange<T extends (...args: any[]) => any> = (...args: Partial<Parameters<T>>) => ReturnType<T>;
+export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields, namespace, pagination, onClickReset, onAfterRequest }: UseTablePagingParams<DataType, ParamsType>) => {
     formRef: Ref<ApFormSearchFormExpose | undefined, ApFormSearchFormExpose | undefined>;
     submit: () => void;
     reset: () => void;
     refresh: () => void;
     refreshByDelete: (n: number) => void;
     data: InternalDataType<DataType>;
-    current: number | undefined;
-    pageSize: number | undefined;
     handleTableChange: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void;
+    handleTableChangeOptional: OptionalOnTableChange<(pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void>;
     tableProps: ComputedRef<{
         loading: boolean;
         pagination: {
@@ -92,5 +106,10 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
     getColumnSFConfig: (column: ApColumnType, append?: boolean) => Recordable;
     sortedInfo: Ref<any, any>;
     filteredInfo: Ref<any, any>;
+    getPaging: () => {
+        current?: number | undefined;
+        pageSize?: number | undefined;
+    };
+    setPaging: (nextPaging: InternalPagingType, refreshImmediately?: boolean) => void;
 };
 export {};