@oiij/naive-ui 0.0.40 → 0.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -56,6 +56,10 @@ declare const _default: <P extends RObject, D extends RObject, R extends RObject
56
56
  refs: DataTablePlusExposeRefs<P, D, R>;
57
57
  actions: DataTablePlusExposeActions<P, D>;
58
58
  }): any;
59
+ 'filter-modal'?(_: {
60
+ refs: DataTablePlusExposeRefs<P, D, R>;
61
+ actions: DataTablePlusExposeActions<P, D>;
62
+ }): any;
59
63
  };
60
64
  emit: DataTablePlusEmits<P, D, R>;
61
65
  }>) => import('vue').VNode & {
@@ -0,0 +1,24 @@
1
+ import { FlexProps } from 'naive-ui';
2
+ import { RObject } from '../remote-request/index';
3
+ import { DataTablePlusExposeActions, DataTablePlusExposeRefs, DataTablePlusFilterOptionItem } from './index';
4
+ 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<{
5
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
6
+ readonly "onUpdate:value"?: ((val: unknown, key: keyof P) => any) | undefined;
7
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:value"> & {
8
+ options?: DataTablePlusFilterOptionItem<P, D, R>[];
9
+ exposeRefs: DataTablePlusExposeRefs<P, D, R>;
10
+ exposeActions: DataTablePlusExposeActions<P, D>;
11
+ params: P[];
12
+ flexProps?: FlexProps;
13
+ } & Partial<{}>> & import('vue').PublicProps;
14
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
15
+ attrs: any;
16
+ slots: {};
17
+ emit: (e: "update:value", val: unknown, key: keyof P) => void;
18
+ }>) => import('vue').VNode & {
19
+ __ctx?: Awaited<typeof __VLS_setup>;
20
+ };
21
+ export default _default;
22
+ type __VLS_PrettifyLocal<T> = {
23
+ [K in keyof T]: T[K];
24
+ } & {};
@@ -0,0 +1,24 @@
1
+ import { GridProps } from 'naive-ui';
2
+ import { RObject } from '../remote-request/index';
3
+ import { DataTablePlusExposeActions, DataTablePlusExposeRefs, DataTablePlusFilterOptionItem } from './index';
4
+ 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<{
5
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
6
+ readonly "onUpdate:value"?: ((val: unknown, key: keyof P) => any) | undefined;
7
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:value"> & {
8
+ options?: DataTablePlusFilterOptionItem<P, D, R>[];
9
+ exposeRefs: DataTablePlusExposeRefs<P, D, R>;
10
+ exposeActions: DataTablePlusExposeActions<P, D>;
11
+ params: P[];
12
+ gridProps?: GridProps;
13
+ } & Partial<{}>> & import('vue').PublicProps;
14
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
15
+ attrs: any;
16
+ slots: {};
17
+ emit: (e: "update:value", val: unknown, key: keyof P) => void;
18
+ }>) => import('vue').VNode & {
19
+ __ctx?: Awaited<typeof __VLS_setup>;
20
+ };
21
+ export default _default;
22
+ type __VLS_PrettifyLocal<T> = {
23
+ [K in keyof T]: T[K];
24
+ } & {};
@@ -1,4 +1,4 @@
1
- import { DataTableColumns, DataTableFilterState, DataTableInst, DataTableProps, DataTableSortState, DropdownOption, FlexProps, FormItemProps, GridItemProps, GridProps, PaginationProps } from 'naive-ui';
1
+ import { DataTableColumns, DataTableFilterState, DataTableInst, DataTableProps, DataTableSortState, DropdownOption, FlexProps, FormItemProps, GridItemProps, GridProps, ModalProps, PaginationProps } from 'naive-ui';
2
2
  import { FilterState, TableBaseColumn } from 'naive-ui/es/data-table/src/interface';
3
3
  import { ComputedRef, CSSProperties, Ref, ShallowRef, VNode } from 'vue';
4
4
  import { useRequestResult } from 'vue-hooks-plus/es/useRequest/types';
@@ -6,7 +6,7 @@ import { PresetInputOptions } from '../preset-input/index';
6
6
  import { RemoteRequestEmits, RemoteRequestProps, RObject } from '../remote-request/index';
7
7
  import { SearchInputProps } from '../search-input/index';
8
8
  export { default as NDataTablePlus } from './DataTablePlus.vue';
9
- export interface DataTablePlusExposeActions<P extends RObject, D extends RObject> {
9
+ export interface DataTablePlusExposeActions<P extends RObject = RObject, D extends RObject = RObject> {
10
10
  run: (params: P) => void;
11
11
  runAsync: (params: P) => Promise<D>;
12
12
  refresh: () => void;
@@ -16,22 +16,24 @@ export interface DataTablePlusExposeActions<P extends RObject, D extends RObject
16
16
  setParams: (params: Partial<P>) => void;
17
17
  runParams: (params: Partial<P>) => void;
18
18
  runParamsAsync: (params: Partial<P>) => Promise<D>;
19
+ showFilterModal: () => void;
20
+ resetParams: () => void;
19
21
  }
20
22
  export interface DataTablePlusPagination {
21
23
  page: number;
22
24
  pageSize: number;
23
25
  itemCount: number;
24
26
  }
25
- export type DataTablePlusExposeRefsBase<P extends RObject, D extends RObject, R extends RObject> = Pick<useRequestResult<D, P[], false, false>, 'loading' | 'data' | 'error' | 'params'> & {
27
+ 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'> & {
26
28
  pagination: Readonly<Ref<DataTablePlusPagination, DataTablePlusPagination>>;
27
29
  rawList: ComputedRef<R[]>;
28
30
  };
29
- export type DataTablePlusExposeRefs<P extends RObject, D extends RObject, R extends RObject> = DataTablePlusExposeRefsBase<P, D, R> & {
31
+ export type DataTablePlusExposeRefs<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = DataTablePlusExposeRefsBase<P, D, R> & {
30
32
  filters: Ref<DataTableFilterState | undefined>;
31
33
  sorters: Ref<Record<string, DataTableSortState> | undefined>;
32
34
  dataTableRef: Readonly<ShallowRef<DataTableInst | null>>;
33
35
  };
34
- export type DataTablePlusFilterOptions<P extends RObject, D extends RObject, R extends RObject> = (PresetInputOptions & {
36
+ export type DataTablePlusFilterOptionItem<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = PresetInputOptions & {
35
37
  key?: keyof P;
36
38
  label?: string | boolean | (FormItemProps & {
37
39
  style?: CSSProperties;
@@ -42,26 +44,32 @@ export type DataTablePlusFilterOptions<P extends RObject, D extends RObject, R e
42
44
  gridSpan?: string | number;
43
45
  gridItemProps?: GridItemProps;
44
46
  render?: (refs: DataTablePlusExposeRefs<P, D, R>, actions: DataTablePlusExposeActions<P, D>) => VNode | null;
45
- })[];
47
+ };
48
+ export type DataTablePlusFilterOptions<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = DataTablePlusFilterOptionItem<P, D, R>[];
46
49
  export type DataTablePlusFields = Partial<Record<'page' | 'pageSize' | 'filter' | 'sorter' | 'list' | 'count' | 'rowKey' | 'search' | 'children', string>>;
47
- export type DataTablePlusProps<P extends RObject, D extends RObject, R extends RObject> = RemoteRequestProps<P, D> & {
50
+ export type DataTablePlusProps<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = RemoteRequestProps<P, D> & {
48
51
  title?: string;
49
52
  columns?: DataTableColumns<R>;
50
53
  filterOptions?: DataTablePlusFilterOptions<P, D, R>;
51
54
  filterGridProps?: GridProps;
52
55
  filterFlexProps?: FlexProps;
53
56
  filterLayout?: 'grid' | 'flex' | ['grid' | 'flex'];
57
+ filterCollapsedType?: 'collapsed' | 'modal';
58
+ filterModalTrigger?: 'manual' | 'auto';
59
+ filterLabel?: string;
60
+ filterModalProps?: ModalProps;
54
61
  contextMenuOptions?: DropdownOption[];
55
62
  fields?: DataTablePlusFields;
56
63
  search?: SearchInputProps | boolean;
57
64
  pagination?: Omit<PaginationProps, 'page' | 'pageSize'> | boolean;
65
+ clearable?: boolean;
58
66
  columnsFilterOptions?: (filters: DataTableFilterState) => Record<string, any>;
59
67
  columnsSorterOptions?: (sorters: Record<string, DataTableSortState>) => Record<string, any>;
60
68
  dataTableProps?: DataTableProps;
61
69
  customStyle?: CSSProperties;
62
70
  customClass?: string;
63
71
  };
64
- export type DataTablePlusEmits<P extends RObject, D extends RObject, R extends RObject> = RemoteRequestEmits<P, D> & {
72
+ export type DataTablePlusEmits<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = RemoteRequestEmits<P, D> & {
65
73
  (e: 'clickRow', row: R, index: number, event: MouseEvent, currentData: R[]): void;
66
74
  (e: 'contextMenuRow', row: R, index: number, event: MouseEvent, currentData: R[]): void;
67
75
  (e: 'load', row: R): Promise<void>;
@@ -8,7 +8,7 @@ export type PresetFormExposeRefs<V extends Record<string, any> = Record<string,
8
8
  export type PresetFormExposeActions<V extends Record<string, any> = Record<string, any>> = Pick<NaiveFormReturns<V>, 'validate' | 'resetValidation' | 'resetForm' | 'reset' | 'clear' | 'onValidated'> & {
9
9
  setValues: (value: Partial<V>) => void;
10
10
  };
11
- export type PresetFormOptions<V extends Record<string, any> = Record<string, any>> = (PresetInputOptions & {
11
+ export type PresetFormOptionsItem<V extends Record<string, any> = Record<string, any>> = PresetInputOptions & {
12
12
  key?: keyof V;
13
13
  label?: string | boolean | (FormItemProps & {
14
14
  style?: CSSProperties;
@@ -21,7 +21,8 @@ export type PresetFormOptions<V extends Record<string, any> = Record<string, any
21
21
  gridSpan?: string | number;
22
22
  gridItemProps?: GridItemProps;
23
23
  render?: (refs: PresetFormExposeRefs<V>, actions: PresetFormExposeActions<V>) => VNode | null;
24
- })[];
24
+ };
25
+ export type PresetFormOptions<V extends Record<string, any> = Record<string, any>> = PresetFormOptionsItem<V>[];
25
26
  export interface PresetFormProps<V extends Record<string, any> = Record<string, any>> {
26
27
  options?: PresetFormOptions<V>;
27
28
  values?: V;
@@ -4,14 +4,14 @@ declare const _default: <V extends PresetPickerValue, R extends RObject>(__VLS_p
4
4
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
5
5
  readonly onClose?: (() => any) | undefined;
6
6
  readonly "onUpdate:value"?: ((val: V | null, raw: R | R[] | null) => any) | undefined;
7
+ readonly onPositiveClick?: (() => any) | undefined;
7
8
  readonly onAfterEnter?: (() => any) | undefined;
8
9
  readonly onAfterLeave?: (() => any) | undefined;
9
10
  readonly onEsc?: (() => any) | undefined;
10
11
  readonly onMaskClick?: (() => any) | undefined;
11
12
  readonly onNegativeClick?: (() => any) | undefined;
12
- readonly onPositiveClick?: (() => any) | undefined;
13
13
  readonly "onUpdate:show"?: ((value: boolean) => any) | undefined;
14
- } & 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;
14
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onAfterEnter" | "onAfterLeave" | "onUpdate:show" | "onUpdate:value" | "onClose" | "onEsc" | "onPositiveClick" | "onNegativeClick" | "onMaskClick"> & PresetPickerProps<V, R> & Partial<{}>> & import('vue').PublicProps;
15
15
  expose(exposed: import('vue').ShallowUnwrapRef<{
16
16
  refs: PresetPickerExposeRefs<R>;
17
17
  actions: PresetPickerExposeActions<R>;
@@ -4,13 +4,13 @@ import { Ref } from 'vue';
4
4
  import { RObject } from '../remote-request/index';
5
5
  export { default as NPresetPicker } from './PresetPicker.vue';
6
6
  export type PresetPickerValue = string | number | (string | number)[] | null;
7
- export type PresetPickerExposeRefs<R extends RObject> = {
7
+ export type PresetPickerExposeRefs<R extends RObject = RObject> = {
8
8
  showModalFlag: Ref<boolean, boolean>;
9
9
  checkedRowKeys: Ref<(string | number)[], (string | number)[]>;
10
10
  checkedRows: Ref<R[], R[]>;
11
11
  columns: DataTableColumns<any>;
12
12
  };
13
- export type PresetPickerExposeActions<R extends RObject> = {
13
+ export type PresetPickerExposeActions<R extends RObject = RObject> = {
14
14
  showModal: () => void;
15
15
  updateCheckedRowKeysEffect: (keys: (string | number)[], rows: (R | undefined)[], meta: {
16
16
  row: R | undefined;
@@ -21,7 +21,7 @@ export type PresetPickerExposeActions<R extends RObject> = {
21
21
  setCheckedRowKeys: (keys: (string | number)[]) => void;
22
22
  setCheckedRows: (rows: R[]) => void;
23
23
  };
24
- export type PresetPickerProps<V extends PresetPickerValue, R extends RObject> = {
24
+ export type PresetPickerProps<V extends PresetPickerValue, R extends RObject = RObject> = {
25
25
  value?: V;
26
26
  fallbackLabel?: string | ((val: string | number) => string);
27
27
  multiple?: boolean;
@@ -40,7 +40,7 @@ export type PresetPickerProps<V extends PresetPickerValue, R extends RObject> =
40
40
  badgeProps?: BadgeProps;
41
41
  modalProps?: ModalProps;
42
42
  };
43
- export type PresetPickerEmits<V extends PresetPickerValue, R extends RObject> = {
43
+ export type PresetPickerEmits<V extends PresetPickerValue, R extends RObject = RObject> = {
44
44
  (e: 'update:value', val: V | null, raw: R | R[] | null): void;
45
45
  (e: 'afterEnter'): void;
46
46
  (e: 'afterLeave'): void;
@@ -4,7 +4,7 @@ import { DataTablePlusExposeActions, DataTablePlusExposeRefsBase } from '../data
4
4
  import { RemoteRequestEmits, RemoteRequestProps, RObject } from '../remote-request/index';
5
5
  export { default as NPresetSelect } from './PresetSelect.vue';
6
6
  export type ArrayAwareType<V, T> = V extends null ? null : (V extends any[] ? T[] : T) | null;
7
- export type OptionFormat<R extends RObject> = (row: R) => SelectOption | SelectGroupOption | false | undefined | null;
7
+ export type OptionFormat<R extends RObject = RObject> = (row: R) => SelectOption | SelectGroupOption | false | undefined | null;
8
8
  export type PresetSelectValue = string | number | (string | number)[] | null;
9
9
  export type PresetSelectFields = Partial<Record<'page' | 'pageSize' | 'search' | 'list' | 'count' | 'rowKey' | 'label' | 'value' | 'children', string>>;
10
10
  export interface PresetSelectPagination {
@@ -12,11 +12,11 @@ export interface PresetSelectPagination {
12
12
  pageSize: number;
13
13
  itemCount: number;
14
14
  }
15
- export type PresetSelectExposeRefs<P extends RObject, D extends RObject, R extends RObject> = DataTablePlusExposeRefsBase<P, D, R> & {
15
+ export type PresetSelectExposeRefs<P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = DataTablePlusExposeRefsBase<P, D, R> & {
16
16
  selectRef: Readonly<ShallowRef<SelectInst | null>>;
17
17
  };
18
- export type PresetSelectExposeActions<P extends RObject, D extends RObject> = DataTablePlusExposeActions<P, D>;
19
- export type PresetSelectProps<V extends PresetSelectValue, P extends RObject, D extends RObject, R extends RObject> = RemoteRequestProps<P, D> & {
18
+ export type PresetSelectExposeActions<P extends RObject = RObject, D extends RObject = RObject> = Omit<DataTablePlusExposeActions<P, D>, 'showFilterModal' | 'resetParams'>;
19
+ export type PresetSelectProps<V extends PresetSelectValue, P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = RemoteRequestProps<P, D> & {
20
20
  value?: V;
21
21
  fallbackLabel?: string | ((val: string | number) => SelectOption);
22
22
  multiple?: boolean;
@@ -28,7 +28,7 @@ export type PresetSelectProps<V extends PresetSelectValue, P extends RObject, D
28
28
  selectProps?: SelectProps;
29
29
  pagination?: Omit<PaginationProps, 'page' | 'pageSize'> | boolean;
30
30
  };
31
- export type PresetSelectEmits<V extends PresetSelectValue, P extends RObject, D extends RObject, R extends RObject> = RemoteRequestEmits<P, D> & {
31
+ export type PresetSelectEmits<V extends PresetSelectValue, P extends RObject = RObject, D extends RObject = RObject, R extends RObject = RObject> = RemoteRequestEmits<P, D> & {
32
32
  (e: 'blur', ev: FocusEvent): void;
33
33
  (e: 'clear'): void;
34
34
  (e: 'create', label: string): SelectOption;
@@ -2,7 +2,7 @@ import { UseRequestOptions, UseRequestPlugin } from 'vue-hooks-plus/es/useReques
2
2
  export { default as NRemoteRequest } from './RemoteRequest.vue';
3
3
  export type RObject = Record<string, any>;
4
4
  export type RemoteRequestFields = Partial<Record<string, string>>;
5
- export interface RemoteRequestProps<P extends RObject, D extends RObject> {
5
+ export interface RemoteRequestProps<P extends RObject = RObject, D extends RObject = RObject> {
6
6
  api: (...args: P[]) => Promise<D>;
7
7
  defaultParams?: Partial<P>;
8
8
  manual?: boolean;
@@ -10,7 +10,7 @@ export interface RemoteRequestProps<P extends RObject, D extends RObject> {
10
10
  requestOptions?: UseRequestOptions<D, P[]>;
11
11
  requestPlugins?: UseRequestPlugin<D, P[]>[];
12
12
  }
13
- export interface RemoteRequestEmits<P extends RObject, D extends RObject> {
13
+ export interface RemoteRequestEmits<P extends RObject = RObject, D extends RObject = RObject> {
14
14
  (e: 'before', params: P[]): void;
15
15
  (e: 'success', data: D, params: P[]): void;
16
16
  (e: 'error', err: Error, params: P[]): void;