@oiij/naive-ui 0.0.40 → 0.0.42

package/dist/components/config-providers/index.d.ts

@@ -1,15 +1,16 @@
 import { ConfigProviderProps, DialogProviderInst, DialogProviderProps, LoadingBarProviderInst, LoadingBarProviderProps, MessageProviderInst, MessageProviderProps, ModalProviderInst, ModalProviderProps, NotificationProviderInst, NotificationProviderProps } from 'naive-ui';
+import { ClassStyle } from '../data-table-plus';
 import { FullLoadingProps } from '../full-loading/index';
 export { default as NConfigProviders } from './ConfigProviders.vue';
 export interface ConfigProvidersProps {
     globalStyle?: boolean;
-    configProviderProps?: ConfigProviderProps;
-    loadingBarProps?: LoadingBarProviderProps;
-    fullLoadingProps?: FullLoadingProps;
-    dialogProviderProps?: DialogProviderProps;
-    modalProviderProps?: ModalProviderProps;
-    notificationProviderProps?: NotificationProviderProps;
-    messageProviderProps?: MessageProviderProps;
+    configProviderProps?: ConfigProviderProps & ClassStyle;
+    loadingBarProps?: LoadingBarProviderProps & ClassStyle;
+    fullLoadingProps?: FullLoadingProps & ClassStyle;
+    dialogProviderProps?: DialogProviderProps & ClassStyle;
+    modalProviderProps?: ModalProviderProps & ClassStyle;
+    notificationProviderProps?: NotificationProviderProps & ClassStyle;
+    messageProviderProps?: MessageProviderProps & ClassStyle;
 }
 export interface LoadingIns {
     start: () => void;

package/dist/components/copy-button/index.d.ts

@@ -1,9 +1,10 @@
 import { UseClipboardOptions } from '@vueuse/core';
 import { ButtonProps, TooltipProps } from 'naive-ui';
+import { ClassStyle } from '../data-table-plus';
 export { default as NCopyButton } from './CopyButton.vue';
 export interface CopyButtonProps {
     value?: string;
     config?: UseClipboardOptions<string | undefined>;
-    tooltipProps?: TooltipProps;
-    buttonProps?: ButtonProps;
+    tooltipProps?: TooltipProps & ClassStyle;
+    buttonProps?: ButtonProps & ClassStyle;
 }

package/dist/components/data-table-plus/DataTablePlus.vue.d.ts

@@ -56,6 +56,10 @@ declare const _default: <P extends RObject, D extends RObject, R extends RObject
             refs: DataTablePlusExposeRefs<P, D, R>;
             actions: DataTablePlusExposeActions<P, D>;
         }): any;
+        'filter-modal'?(_: {
+            refs: DataTablePlusExposeRefs<P, D, R>;
+            actions: DataTablePlusExposeActions<P, D>;
+        }): any;
     };
     emit: DataTablePlusEmits<P, D, R>;
 }>) => import('vue').VNode & {

package/dist/components/data-table-plus/FlexFilter.vue.d.ts

@@ -0,0 +1,24 @@
+import { FlexProps } from 'naive-ui';
+import { RObject } from '../remote-request/index';
+import { DataTablePlusExposeActions, DataTablePlusExposeRefs, DataTablePlusFilterOptionItem } from './index';
+declare const _default: <P extends RObject, D extends RObject, R extends RObject>(__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<{
+        readonly "onUpdate:value"?: ((val: unknown, key: keyof P) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:value"> & {
+        options?: DataTablePlusFilterOptionItem<P, D, R>[];
+        exposeRefs: DataTablePlusExposeRefs<P, D, R>;
+        exposeActions: DataTablePlusExposeActions<P, D>;
+        params: P[];
+        flexProps?: FlexProps;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "update:value", val: unknown, key: keyof P) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/data-table-plus/GridFilter.vue.d.ts

@@ -0,0 +1,24 @@
+import { GridProps } from 'naive-ui';
+import { RObject } from '../remote-request/index';
+import { DataTablePlusExposeActions, DataTablePlusExposeRefs, DataTablePlusFilterOptionItem } from './index';
+declare const _default: <P extends RObject, D extends RObject, R extends RObject>(__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<{
+        readonly "onUpdate:value"?: ((val: unknown, key: keyof P) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:value"> & {
+        options?: DataTablePlusFilterOptionItem<P, D, R>[];
+        exposeRefs: DataTablePlusExposeRefs<P, D, R>;
+        exposeActions: DataTablePlusExposeActions<P, D>;
+        params: P[];
+        gridProps?: GridProps;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "update:value", val: unknown, key: keyof P) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/data-table-plus/index.d.ts

@@ -1,4 +1,4 @@
-import { DataTableColumns, DataTableFilterState, DataTableInst, DataTableProps, DataTableSortState, DropdownOption, FlexProps, FormItemProps, GridItemProps, GridProps, PaginationProps } from 'naive-ui';
+import { DataTableColumns, DataTableFilterState, DataTableInst, DataTableProps, DataTableSortState, DropdownOption, FlexProps, FormItemProps, GridItemProps, GridProps, ModalProps, PaginationProps } from 'naive-ui';
 import { FilterState, TableBaseColumn } from 'naive-ui/es/data-table/src/interface';
 import { ComputedRef, CSSProperties, Ref, ShallowRef, VNode } from 'vue';
 import { useRequestResult } from 'vue-hooks-plus/es/useRequest/types';
@@ -6,7 +6,11 @@ import { PresetInputOptions } from '../preset-input/index';
 import { RemoteRequestEmits, RemoteRequestProps, RObject } from '../remote-request/index';
 import { SearchInputProps } from '../search-input/index';
 export { default as NDataTablePlus } from './DataTablePlus.vue';
-export interface DataTablePlusExposeActions<P extends RObject, D extends RObject> {
+export type ClassStyle = {
+    class?: string;
+    style?: CSSProperties;
+};
+export interface DataTablePlusExposeActions<P extends RObject = RObject, D extends RObject = RObject> {
     run: (params: P) => void;
     runAsync: (params: P) => Promise<D>;
     refresh: () => void;
@@ -16,22 +20,24 @@ export interface DataTablePlusExposeActions<P extends RObject, D extends RObject
     setParams: (params: Partial<P>) => void;
     runParams: (params: Partial<P>) => void;
     runParamsAsync: (params: Partial<P>) => Promise<D>;
+    showFilterModal: () => void;
+    resetParams: () => void;
 }
 export interface DataTablePlusPagination {
     page: number;
     pageSize: number;
     itemCount: number;
 }
-export type DataTablePlusExposeRefsBase<P extends RObject, D extends RObject, R extends RObject> = Pick<useRequestResult<D, P[], false, false>, 'loading' | 'data' | 'error' | 'params'> & {
+export type DataTablePlusExposeRefsBase<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = Pick<useRequestResult<D, P[], false, false>, 'loading' | 'data' | 'error' | 'params'> & {
     pagination: Readonly<Ref<DataTablePlusPagination, DataTablePlusPagination>>;
     rawList: ComputedRef<R[]>;
 };
-export type DataTablePlusExposeRefs<P extends RObject, D extends RObject, R extends RObject> = DataTablePlusExposeRefsBase<P, D, R> & {
+export type DataTablePlusExposeRefs<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = DataTablePlusExposeRefsBase<P, D, R> & {
     filters: Ref<DataTableFilterState | undefined>;
     sorters: Ref<Record<string, DataTableSortState> | undefined>;
     dataTableRef: Readonly<ShallowRef<DataTableInst | null>>;
 };
-export type DataTablePlusFilterOptions<P extends RObject, D extends RObject, R extends RObject> = (PresetInputOptions & {
+export type DataTablePlusFilterOptionItem<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = PresetInputOptions & {
     key?: keyof P;
     label?: string | boolean | (FormItemProps & {
         style?: CSSProperties;
@@ -42,26 +48,32 @@ export type DataTablePlusFilterOptions<P extends RObject, D extends RObject, R e
     gridSpan?: string | number;
     gridItemProps?: GridItemProps;
     render?: (refs: DataTablePlusExposeRefs<P, D, R>, actions: DataTablePlusExposeActions<P, D>) => VNode | null;
-})[];
+};
+export type DataTablePlusFilterOptions<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = DataTablePlusFilterOptionItem<P, D, R>[];
 export type DataTablePlusFields = Partial<Record<'page' | 'pageSize' | 'filter' | 'sorter' | 'list' | 'count' | 'rowKey' | 'search' | 'children', string>>;
-export type DataTablePlusProps<P extends RObject, D extends RObject, R extends RObject> = RemoteRequestProps<P, D> & {
+export type DataTablePlusProps<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = RemoteRequestProps<P, D> & {
     title?: string;
     columns?: DataTableColumns<R>;
     filterOptions?: DataTablePlusFilterOptions<P, D, R>;
-    filterGridProps?: GridProps;
-    filterFlexProps?: FlexProps;
+    filterGridProps?: GridProps & ClassStyle;
+    filterFlexProps?: FlexProps & ClassStyle;
     filterLayout?: 'grid' | 'flex' | ['grid' | 'flex'];
+    filterCollapsedType?: 'collapsed' | 'modal';
+    filterModalTrigger?: 'manual' | 'auto';
+    filterLabel?: string;
+    filterModalProps?: ModalProps & ClassStyle;
     contextMenuOptions?: DropdownOption[];
     fields?: DataTablePlusFields;
-    search?: SearchInputProps | boolean;
-    pagination?: Omit<PaginationProps, 'page' | 'pageSize'> | boolean;
+    search?: SearchInputProps & ClassStyle | boolean;
+    pagination?: Omit<PaginationProps, 'page' | 'pageSize'> & ClassStyle | boolean;
+    clearable?: boolean;
     columnsFilterOptions?: (filters: DataTableFilterState) => Record<string, any>;
     columnsSorterOptions?: (sorters: Record<string, DataTableSortState>) => Record<string, any>;
-    dataTableProps?: DataTableProps;
-    customStyle?: CSSProperties;
-    customClass?: string;
+    dataTableProps?: DataTableProps & ClassStyle;
+    style?: CSSProperties;
+    class?: string;
 };
-export type DataTablePlusEmits<P extends RObject, D extends RObject, R extends RObject> = RemoteRequestEmits<P, D> & {
+export type DataTablePlusEmits<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = RemoteRequestEmits<P, D> & {
     (e: 'clickRow', row: R, index: number, event: MouseEvent, currentData: R[]): void;
     (e: 'contextMenuRow', row: R, index: number, event: MouseEvent, currentData: R[]): void;
     (e: 'load', row: R): Promise<void>;

package/dist/components/preset-form/index.d.ts

@@ -1,6 +1,7 @@
 import { FlexProps, FormItemProps, FormItemRule, FormProps, FormRules, GridItemProps, GridProps } from 'naive-ui';
-import { CSSProperties, VNode } from 'vue';
+import { VNode } from 'vue';
 import { NaiveFormClearRules, NaiveFormReturns, NaiveFormRules } from '../../composables/useNaiveForm';
+import { ClassStyle } from '../data-table-plus';
 import { PresetInputOptions } from '../preset-input/index';
 export type { NaiveFormRules } from '../../composables/useNaiveForm';
 export { default as NPresetForm } from './PresetForm.vue';
@@ -8,27 +9,25 @@ export type PresetFormExposeRefs<V extends Record<string, any> = Record<string,
 export type PresetFormExposeActions<V extends Record<string, any> = Record<string, any>> = Pick<NaiveFormReturns<V>, 'validate' | 'resetValidation' | 'resetForm' | 'reset' | 'clear' | 'onValidated'> & {
     setValues: (value: Partial<V>) => void;
 };
-export type PresetFormOptions<V extends Record<string, any> = Record<string, any>> = (PresetInputOptions & {
+export type PresetFormOptionsItem<V extends Record<string, any> = Record<string, any>> = PresetInputOptions & {
     key?: keyof V;
-    label?: string | boolean | (FormItemProps & {
-        style?: CSSProperties;
-        class?: string;
-    });
+    label?: string | boolean | FormItemProps & ClassStyle;
     rules?: FormRules | FormItemRule | FormItemRule[];
     required?: boolean;
     collapsed?: boolean;
     hidden?: boolean | ((refs: PresetFormExposeRefs<V>) => boolean);
     gridSpan?: string | number;
-    gridItemProps?: GridItemProps;
+    gridItemProps?: GridItemProps & ClassStyle;
     render?: (refs: PresetFormExposeRefs<V>, actions: PresetFormExposeActions<V>) => VNode | null;
-})[];
+};
+export type PresetFormOptions<V extends Record<string, any> = Record<string, any>> = PresetFormOptionsItem<V>[];
 export interface PresetFormProps<V extends Record<string, any> = Record<string, any>> {
     options?: PresetFormOptions<V>;
     values?: V;
     rules?: NaiveFormRules<V>;
     clearRules?: NaiveFormClearRules;
-    formProps?: FormProps;
-    gridProps?: GridProps;
-    flexProps?: FlexProps;
+    formProps?: FormProps & ClassStyle;
+    gridProps?: GridProps & ClassStyle;
+    flexProps?: FlexProps & ClassStyle;
     layout?: 'grid' | 'flex' | ['grid' | 'flex'];
 }

package/dist/components/preset-input/index.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps, CheckboxGroupProps, CheckboxProps, ColorPickerProps, DatePickerProps, DividerProps, DynamicTagsProps, InputNumberProps, InputProps, RadioGroupProps, RadioProps, RateProps, SelectProps, SliderProps, SwitchProps, TimePickerProps } from 'naive-ui';
-import { CSSProperties } from 'vue';
+import { ClassStyle } from '../data-table-plus';
 import { SearchInputProps } from '../search-input/index';
 export { default as NPresetInput } from './PresetInput.vue';
 export interface PresetInputType {
@@ -28,10 +28,7 @@ export interface PresetInputType {
 export type PresetInputOptions = {
     [K in keyof PresetInputType]: {
         type?: K;
-        props?: PresetInputType[K] & {
-            style?: CSSProperties;
-            class?: string;
-        };
+        props?: PresetInputType[K] & ClassStyle;
     };
 }[keyof PresetInputType];
 export interface PresetInputProps<V> {

package/dist/components/preset-picker/PresetPicker.vue.d.ts

@@ -4,14 +4,14 @@ declare const _default: <V extends PresetPickerValue, R extends RObject>(__VLS_p
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onClose?: (() => any) | undefined;
         readonly "onUpdate:value"?: ((val: V | null, raw: R | R[] | null) => any) | undefined;
+        readonly onPositiveClick?: (() => any) | undefined;
         readonly onAfterEnter?: (() => any) | undefined;
         readonly onAfterLeave?: (() => any) | undefined;
         readonly onEsc?: (() => any) | undefined;
         readonly onMaskClick?: (() => any) | undefined;
         readonly onNegativeClick?: (() => any) | undefined;
-        readonly onPositiveClick?: (() => any) | undefined;
         readonly "onUpdate:show"?: ((value: boolean) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onAfterEnter" | "onAfterLeave" | "onUpdate:show" | "onUpdate:value" | "onClose" | "onEsc" | "onMaskClick" | "onNegativeClick" | "onPositiveClick"> & PresetPickerProps<V, R> & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:value" | "onUpdate:show" | "onClose" | "onEsc" | "onAfterEnter" | "onAfterLeave" | "onPositiveClick" | "onNegativeClick" | "onMaskClick"> & PresetPickerProps<V, R> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         refs: PresetPickerExposeRefs<R>;
         actions: PresetPickerExposeActions<R>;

package/dist/components/preset-picker/index.d.ts

@@ -1,16 +1,17 @@
 import { BadgeProps, ButtonProps, DataTableColumns, ModalProps } from 'naive-ui';
 import { TableSelectionColumn } from 'naive-ui/es/data-table/src/interface';
 import { Ref } from 'vue';
+import { ClassStyle } from '../data-table-plus';
 import { RObject } from '../remote-request/index';
 export { default as NPresetPicker } from './PresetPicker.vue';
 export type PresetPickerValue = string | number | (string | number)[] | null;
-export type PresetPickerExposeRefs<R extends RObject> = {
+export type PresetPickerExposeRefs<R extends RObject = RObject> = {
     showModalFlag: Ref<boolean, boolean>;
     checkedRowKeys: Ref<(string | number)[], (string | number)[]>;
     checkedRows: Ref<R[], R[]>;
     columns: DataTableColumns<any>;
 };
-export type PresetPickerExposeActions<R extends RObject> = {
+export type PresetPickerExposeActions<R extends RObject = RObject> = {
     showModal: () => void;
     updateCheckedRowKeysEffect: (keys: (string | number)[], rows: (R | undefined)[], meta: {
         row: R | undefined;
@@ -21,7 +22,7 @@ export type PresetPickerExposeActions<R extends RObject> = {
     setCheckedRowKeys: (keys: (string | number)[]) => void;
     setCheckedRows: (rows: R[]) => void;
 };
-export type PresetPickerProps<V extends PresetPickerValue, R extends RObject> = {
+export type PresetPickerProps<V extends PresetPickerValue, R extends RObject = RObject> = {
     value?: V;
     fallbackLabel?: string | ((val: string | number) => string);
     multiple?: boolean;
@@ -35,12 +36,12 @@ export type PresetPickerProps<V extends PresetPickerValue, R extends RObject> =
         label?: string;
         value?: string;
     };
-    buttonProps?: ButtonProps;
-    clearButtonProps?: ButtonProps;
-    badgeProps?: BadgeProps;
-    modalProps?: ModalProps;
+    buttonProps?: ButtonProps & ClassStyle;
+    clearButtonProps?: ButtonProps & ClassStyle;
+    badgeProps?: BadgeProps & ClassStyle;
+    modalProps?: ModalProps & ClassStyle;
 };
-export type PresetPickerEmits<V extends PresetPickerValue, R extends RObject> = {
+export type PresetPickerEmits<V extends PresetPickerValue, R extends RObject = RObject> = {
     (e: 'update:value', val: V | null, raw: R | R[] | null): void;
     (e: 'afterEnter'): void;
     (e: 'afterLeave'): void;

package/dist/components/preset-select/PresetSelect.vue.d.ts

@@ -7,16 +7,16 @@ declare const _default: <V extends PresetSelectValue, P extends RObject, D exten
         readonly onError?: ((err: Error, params: P[]) => any) | undefined;
         readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
         readonly onScroll?: ((ev: Event) => any) | undefined;
-        readonly onClear?: (() => any) | undefined;
-        readonly onSearch?: ((value: string) => any) | undefined;
-        readonly onCreate?: ((label: string) => any) | undefined;
         readonly onSuccess?: ((data: D, params: P[]) => any) | undefined;
         readonly "onUpdate:value"?: ((val: V | null, option: SelectOption | SelectOption[] | null, raw: R | R[] | null) => any) | undefined;
+        readonly onClear?: (() => any) | undefined;
+        readonly onSearch?: ((value: string) => any) | undefined;
         readonly onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
         readonly onBefore?: ((params: P[]) => any) | undefined;
         readonly "onUpdate:page"?: ((page: number) => any) | undefined;
         readonly "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onError" | "onScroll" | "onClear" | "onUpdate:value" | "onCreate" | "onSearch" | "onSuccess" | "onFinally" | "onBefore" | "onUpdate:page" | "onUpdate:pageSize"> & PresetSelectProps<V, P, D, R> & Partial<{}>> & import('vue').PublicProps;
+        readonly onCreate?: ((label: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onClear" | "onUpdate:value" | "onError" | "onScroll" | "onCreate" | "onSearch" | "onSuccess" | "onFinally" | "onBefore" | "onUpdate:page" | "onUpdate:pageSize"> & PresetSelectProps<V, P, D, R> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         refs: PresetSelectExposeRefs<P, D, R>;
         actions: PresetSelectExposeActions<P, D>;

package/dist/components/preset-select/index.d.ts

@@ -1,10 +1,11 @@
 import { PaginationProps, SelectGroupOption, SelectInst, SelectOption, SelectProps } from 'naive-ui';
 import { ShallowRef } from 'vue';
+import { ClassStyle } from '../data-table-plus';
 import { DataTablePlusExposeActions, DataTablePlusExposeRefsBase } from '../data-table-plus/index';
 import { RemoteRequestEmits, RemoteRequestProps, RObject } from '../remote-request/index';
 export { default as NPresetSelect } from './PresetSelect.vue';
 export type ArrayAwareType<V, T> = V extends null ? null : (V extends any[] ? T[] : T) | null;
-export type OptionFormat<R extends RObject> = (row: R) => SelectOption | SelectGroupOption | false | undefined | null;
+export type OptionFormat<R extends RObject = RObject> = (row: R) => SelectOption | SelectGroupOption | false | undefined | null;
 export type PresetSelectValue = string | number | (string | number)[] | null;
 export type PresetSelectFields = Partial<Record<'page' | 'pageSize' | 'search' | 'list' | 'count' | 'rowKey' | 'label' | 'value' | 'children', string>>;
 export interface PresetSelectPagination {
@@ -12,11 +13,11 @@ export interface PresetSelectPagination {
     pageSize: number;
     itemCount: number;
 }
-export type PresetSelectExposeRefs<P extends RObject, D extends RObject, R extends RObject> = DataTablePlusExposeRefsBase<P, D, R> & {
+export type PresetSelectExposeRefs<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = DataTablePlusExposeRefsBase<P, D, R> & {
     selectRef: Readonly<ShallowRef<SelectInst | null>>;
 };
-export type PresetSelectExposeActions<P extends RObject, D extends RObject> = DataTablePlusExposeActions<P, D>;
-export type PresetSelectProps<V extends PresetSelectValue, P extends RObject, D extends RObject, R extends RObject> = RemoteRequestProps<P, D> & {
+export type PresetSelectExposeActions<P extends RObject = RObject, D extends RObject = RObject> = Omit<DataTablePlusExposeActions<P, D>, 'showFilterModal' | 'resetParams'>;
+export type PresetSelectProps<V extends PresetSelectValue, P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = RemoteRequestProps<P, D> & {
     value?: V;
     fallbackLabel?: string | ((val: string | number) => SelectOption);
     multiple?: boolean;
@@ -25,10 +26,10 @@ export type PresetSelectProps<V extends PresetSelectValue, P extends RObject, D
     debounce?: boolean | number;
     optionFormat?: OptionFormat<R>;
     fields?: PresetSelectFields;
-    selectProps?: SelectProps;
-    pagination?: Omit<PaginationProps, 'page' | 'pageSize'> | boolean;
+    selectProps?: SelectProps & ClassStyle;
+    pagination?: Omit<PaginationProps, 'page' | 'pageSize'> & ClassStyle | boolean;
 };
-export type PresetSelectEmits<V extends PresetSelectValue, P extends RObject, D extends RObject, R extends RObject> = RemoteRequestEmits<P, D> & {
+export type PresetSelectEmits<V extends PresetSelectValue, P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = RemoteRequestEmits<P, D> & {
     (e: 'blur', ev: FocusEvent): void;
     (e: 'clear'): void;
     (e: 'create', label: string): SelectOption;

package/dist/components/remote-request/index.d.ts

@@ -2,7 +2,7 @@ import { UseRequestOptions, UseRequestPlugin } from 'vue-hooks-plus/es/useReques
 export { default as NRemoteRequest } from './RemoteRequest.vue';
 export type RObject = Record<string, any>;
 export type RemoteRequestFields = Partial<Record<string, string>>;
-export interface RemoteRequestProps<P extends RObject, D extends RObject> {
+export interface RemoteRequestProps<P extends RObject = RObject, D extends RObject = RObject> {
     api: (...args: P[]) => Promise<D>;
     defaultParams?: Partial<P>;
     manual?: boolean;
@@ -10,7 +10,7 @@ export interface RemoteRequestProps<P extends RObject, D extends RObject> {
     requestOptions?: UseRequestOptions<D, P[]>;
     requestPlugins?: UseRequestPlugin<D, P[]>[];
 }
-export interface RemoteRequestEmits<P extends RObject, D extends RObject> {
+export interface RemoteRequestEmits<P extends RObject = RObject, D extends RObject = RObject> {
     (e: 'before', params: P[]): void;
     (e: 'success', data: D, params: P[]): void;
     (e: 'error', err: Error, params: P[]): void;

package/dist/components/search-input/index.d.ts

@@ -1,4 +1,5 @@
 import { ButtonProps, InputProps } from 'naive-ui';
+import { ClassStyle } from '../data-table-plus';
 export { default as NSearchInput } from './SearchInput.vue';
 export interface SearchInputProps {
     value?: string | null;
@@ -7,6 +8,6 @@ export interface SearchInputProps {
     loading?: boolean;
     autoTrigger?: boolean | number;
     searchButton?: 'text' | 'icon' | boolean;
-    inputProps?: InputProps;
-    buttonProps?: ButtonProps;
+    inputProps?: InputProps & ClassStyle;
+    buttonProps?: ButtonProps & ClassStyle;
 }

package/dist/components/toggle-editor/ToggleEditor.vue.d.ts

@@ -1,6 +1,7 @@
 import { InputProps } from 'naive-ui';
+import { ClassStyle } from '../data-table-plus';
 type __VLS_Props = {
-    inputProps?: InputProps;
+    inputProps?: InputProps & ClassStyle;
 };
 type __VLS_PublicProps = {
     'value'?: string;

package/dist/components/tooltip-button/index.d.ts

@@ -1,7 +1,8 @@
 import { ButtonProps, TooltipProps } from 'naive-ui';
+import { ClassStyle } from '../data-table-plus';
 export { default as NTooltipButton } from './TooltipButton.vue';
 export interface TooltipButtonProps {
     value?: string;
-    tooltipProps?: TooltipProps;
-    buttonProps?: ButtonProps;
+    tooltipProps?: TooltipProps & ClassStyle;
+    buttonProps?: ButtonProps & ClassStyle;
 }

package/dist/components/transition/index.d.ts

@@ -1,6 +1,7 @@
 import { TransitionProps as BaseTransitionProps } from 'vue';
+import { ClassStyle } from '../data-table-plus';
 export { default as NTransition } from './BaseTransition.vue';
 export interface TransitionProps {
     name?: string;
-    transitionProps?: BaseTransitionProps;
+    transitionProps?: BaseTransitionProps & ClassStyle;
 }

package/dist/components/type-writer/TypeWriter.vue.d.ts

@@ -1,17 +1,17 @@
 import { TypeWriterProps } from './index';
 declare const _default: import('vue').DefineComponent<TypeWriterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     start: () => any;
+    stop: (v: string) => any;
     update: (v: {
         index: number;
         value: string;
     }) => any;
-    stop: (v: string) => any;
 }, string, import('vue').PublicProps, Readonly<TypeWriterProps> & Readonly<{
     onStart?: (() => any) | undefined;
+    onStop?: ((v: string) => any) | undefined;
     onUpdate?: ((v: {
         index: number;
         value: string;
     }) => any) | undefined;
-    onStop?: ((v: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;