@vtj/ui 0.8.39 → 0.8.40

package/types/components/grid/props.d.ts

@@ -1,5 +1,5 @@
 import { PropType, InjectionKey, ComponentInternalInstance } from 'vue';
-import { GridColumns, GridCustomInfo, VxeGridPropTypes, GridCellRenders, GridEditRenders, GridFilterRenders } from './types';
+import { GridColumns, GridCustomInfo, GridCellRenders, GridEditRenders, GridFilterRenders, GridLoader } from './types';
 import { Options } from 'sortablejs';
 
 export declare const gridProps: {
@@ -10,6 +10,9 @@ export declare const gridProps: {
         type: PropType<GridColumns>;
         default(): GridColumns;
     };
+    loader: {
+        type: PropType<GridLoader>;
+    };
     /**
      * 行拖拽排序
      */
@@ -50,38 +53,38 @@ export declare const gridProps: {
         default: boolean;
     };
     /**
-     * 查询方法，可以通过 proxy-config.props 配置读取响应结构的字段；
-     * 如果使用了服务端排序，sort 属性可以获取相关信息；
-     * 如果使用了服务端过滤，filter 属性可以获取相关信息；
-     * 如果使用了表单，form 属性可以获取相关信息
+     * 开启分页
      */
-    query: {
-        type: PropType<(params: VxeGridPropTypes.ProxyAjaxQueryParams) => Promise<any>>;
+    pager: {
+        type: BooleanConstructor;
     };
     /**
-     * 全量查询方法，和 query 同样属于查询方法，区别是 queryAll 只会被特殊行为触发，
-     * 例如导出模式 export-config.mode=all 时会触发该方法并将返回值进行导出
+     *  初始页码
      */
-    queryAll: {
-        type: PropType<(params: VxeGridPropTypes.ProxyAjaxQueryAllParams) => Promise<any>>;
+    page: {
+        type: NumberConstructor;
+        default: number;
     };
     /**
-     * 删除方法，提交的参数 { removeRecords }
+     * 初始每页显示条目个数
      */
-    delete: {
-        type: PropType<(params: VxeGridPropTypes.ProxyAjaxDeleteParams) => Promise<any>>;
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
     };
     /**
-     * 保存方法，body 参数 { insertRecords, updateRecords, removeRecords, pendingRecords
+     * 每页显示个数选择器的选项设置
      */
-    save: {
-        type: PropType<(params: VxeGridPropTypes.ProxyAjaxSaveParams) => Promise<any>>;
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
     };
     /**
-     * 开启分页
+     * 初始执行加载函数
      */
-    pager: {
+    auto: {
         type: BooleanConstructor;
+        default: boolean;
     };
     /**
      * 开启虚拟滚动
@@ -115,11 +118,5 @@ export declare const gridProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     *  查询表单模型数据
-     */
-    queryModel: {
-        type: PropType<Record<string, any>>;
-    };
 };
 export declare const GridInstanceKey: InjectionKey<ComponentInternalInstance | null>;

package/types/components/grid/renderers/components/PickerEdit.d.ts

@@ -0,0 +1,18 @@
+import { VxeGlobalRendererHandles } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+export interface Props {
+    params: VxeGlobalRendererHandles.RenderEditParams;
+    renderOpts: VxeGlobalRendererHandles.RenderEditOptions;
+}
+declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/types/components/grid/renderers/picker.d.ts

@@ -0,0 +1,3 @@
+import { RendererOptions } from 'vxe-table';
+
+export declare const XPicker: RendererOptions;

package/types/components/grid/types.d.ts

@@ -19,6 +19,19 @@ export interface GridSortableEvent {
     e: Sortable.SortableEvent;
 }
 export type GridColumns = VxeGridPropTypes.Columns;
+export interface GridState {
+    page?: number;
+    pageSize?: number;
+    total?: number;
+    filters?: VxeTableDefines.FilterCheckedParams[];
+    sorts?: VxeTableDefines.SortCheckedParams[];
+    [index: string]: any;
+}
+export interface GridLoaderData {
+    list: any[];
+    total: number;
+}
+export type GridLoader = (state: GridState) => GridLoaderData | Promise<GridLoaderData>;
 export type GridCustomInfo = {
     id: string;
     resize?: Record<string, number>;
@@ -44,6 +57,7 @@ export type GridEmits = {
     columnSort: [e: GridSortableEvent];
     cellSelected: [params: any];
     editChange: [data: any[]];
+    loaded: [rows: any[]];
 };
 export type GridInstance = InstanceType<typeof Grid>;
 export type { VxeGridInstance, VxeTableDefines, VxeGridPropTypes, VxeColumnPropTypes, VxeGridEvents, VxeGridDefines, VxeGridProps, VxeGlobalRendererHandles, VxeColumnSlotTypes, DefineRendererOption, VxeGlobalInterceptorHandles };

package/types/components/index.d.ts

@@ -23,3 +23,4 @@ export * from './sms-code-input';
 export * from './attachment';
 export * from './query-form';
 export * from './grid';
+export * from './picker';

package/types/components/list/List.d.ts

@@ -91,8 +91,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     data: DataLoader<ListData, ListState>;
     width: string | number;
     height: string | number;
-    pageSize: number;
     page: number;
+    pageSize: number;
 }, {}>, {
     empty?(_: {}): any;
     default?(_: {

package/types/components/picker/Dialog.d.ts

@@ -0,0 +1,24 @@
+import { PickerColumns, PrickerFields, PickerLoader } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+export interface Props {
+    gridProps?: any;
+    formProps?: any;
+    columns?: PickerColumns;
+    fields?: PrickerFields;
+    loader?: PickerLoader;
+    formModel?: Record<string, any>;
+    multiple?: boolean;
+    onPick: (rows: any[]) => void;
+}
+declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/types/components/picker/Picker.d.ts

@@ -0,0 +1,436 @@
+import { DefineComponent, PropType, ExtractPropTypes, VNode, RendererNode, RendererElement, ComputedRef, Ref, ComponentOptionsMixin, PublicProps } from 'vue';
+import { GridColumns, QueryFormItems, GridLoader, UnReadOnly, IconParam, BaseSize, DialogMode, GridCustomInfo, GridCellRenders, GridEditRenders, GridFilterRenders } from '..';
+import { DraggableOptions, ResizableOptions } from '../..';
+import { Options } from 'sortablejs';
+declare const _default: DefineComponent<{
+    columns: {
+        type: PropType<GridColumns>;
+    };
+    fields: {
+        type: PropType<QueryFormItems>;
+    };
+    loader: {
+        type: PropType<GridLoader>;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+    };
+    raw: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    append: {
+        type: BooleanConstructor;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    queryKey: {
+        type: StringConstructor;
+    };
+    preload: {
+        type: BooleanConstructor;
+    };
+    defaultQuery: {
+        type: PropType<() => any>;
+    };
+    dialogProps: {
+        type: PropType<UnReadOnly<Partial<Readonly<Partial< ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+            };
+            subtitle: {
+                type: StringConstructor;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            size: {
+                type: PropType<BaseSize>;
+                default: string;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            left: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            top: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: PropType<boolean | DraggableOptions>;
+                default: boolean;
+            };
+            resizable: {
+                type: PropType<boolean | ResizableOptions>;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maximizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            minimizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            mode: {
+                type: PropType<DialogMode>;
+                default: string;
+            };
+            content: {
+                type: PropType<Record<string, any> | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | DefineComponent<any, any, any, any>>;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            componentInstance: {
+                type: PropType<Record<string, any> | null>;
+            };
+            beforeClose: {
+                type: PropType<() => boolean | Promise<boolean>>;
+            };
+            submit: {
+                type: (BooleanConstructor | StringConstructor)[];
+            };
+            cancel: {
+                type: (BooleanConstructor | StringConstructor)[];
+            };
+            bodyPadding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            primary: {
+                type: BooleanConstructor;
+            };
+        }>>>>>>;
+    };
+    gridProps: {
+        type: PropType<UnReadOnly<Partial<Readonly<Partial< ExtractPropTypes<{
+            columns: {
+                type: PropType<GridColumns>;
+                default(): GridColumns;
+            };
+            loader: {
+                type: PropType<GridLoader>;
+            };
+            rowSortable: {
+                type: PropType<boolean | Options>;
+                default: boolean;
+            };
+            columnSortable: {
+                type: PropType<boolean | Options>;
+                default: boolean;
+            };
+            customable: {
+                type: BooleanConstructor;
+            };
+            getCustom: {
+                type: PropType<(id: string) => Promise< GridCustomInfo>>;
+            };
+            saveCustom: {
+                type: PropType<(info: GridCustomInfo) => Promise<any>>;
+            };
+            resizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            pager: {
+                type: BooleanConstructor;
+            };
+            page: {
+                type: NumberConstructor;
+                default: number;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                default: number;
+            };
+            pageSizes: {
+                type: PropType<number[]>;
+                default: () => number[];
+            };
+            auto: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            virtual: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            cellRenders: {
+                type: PropType<GridCellRenders>;
+            };
+            editRenders: {
+                type: PropType<GridEditRenders>;
+            };
+            filterRenders: {
+                type: PropType<GridFilterRenders>;
+            };
+            editable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>>>;
+    };
+    formProps: {
+        type: PropType<Record<string, any>>;
+    };
+}, {
+    focus: () => void;
+    blur: () => void;
+    disabled: ComputedRef<boolean>;
+    options: Ref<{
+        label: string;
+        value: any;
+    }[]>;
+    setOptions: (rows: any, append?: boolean | undefined) => void;
+    current: Ref<any>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: any) => void;
+    "update:modelValue": (value: any) => void;
+    picked: (value: any) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    columns: {
+        type: PropType<GridColumns>;
+    };
+    fields: {
+        type: PropType<QueryFormItems>;
+    };
+    loader: {
+        type: PropType<GridLoader>;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+    };
+    raw: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    append: {
+        type: BooleanConstructor;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    queryKey: {
+        type: StringConstructor;
+    };
+    preload: {
+        type: BooleanConstructor;
+    };
+    defaultQuery: {
+        type: PropType<() => any>;
+    };
+    dialogProps: {
+        type: PropType<UnReadOnly<Partial<Readonly<Partial< ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+            };
+            subtitle: {
+                type: StringConstructor;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            size: {
+                type: PropType<BaseSize>;
+                default: string;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            left: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            top: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: PropType<boolean | DraggableOptions>;
+                default: boolean;
+            };
+            resizable: {
+                type: PropType<boolean | ResizableOptions>;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maximizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            minimizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            mode: {
+                type: PropType<DialogMode>;
+                default: string;
+            };
+            content: {
+                type: PropType<Record<string, any> | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | DefineComponent<any, any, any, any>>;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            componentInstance: {
+                type: PropType<Record<string, any> | null>;
+            };
+            beforeClose: {
+                type: PropType<() => boolean | Promise<boolean>>;
+            };
+            submit: {
+                type: (BooleanConstructor | StringConstructor)[];
+            };
+            cancel: {
+                type: (BooleanConstructor | StringConstructor)[];
+            };
+            bodyPadding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            primary: {
+                type: BooleanConstructor;
+            };
+        }>>>>>>;
+    };
+    gridProps: {
+        type: PropType<UnReadOnly<Partial<Readonly<Partial< ExtractPropTypes<{
+            columns: {
+                type: PropType<GridColumns>;
+                default(): GridColumns;
+            };
+            loader: {
+                type: PropType<GridLoader>;
+            };
+            rowSortable: {
+                type: PropType<boolean | Options>;
+                default: boolean;
+            };
+            columnSortable: {
+                type: PropType<boolean | Options>;
+                default: boolean;
+            };
+            customable: {
+                type: BooleanConstructor;
+            };
+            getCustom: {
+                type: PropType<(id: string) => Promise< GridCustomInfo>>;
+            };
+            saveCustom: {
+                type: PropType<(info: GridCustomInfo) => Promise<any>>;
+            };
+            resizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            pager: {
+                type: BooleanConstructor;
+            };
+            page: {
+                type: NumberConstructor;
+                default: number;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                default: number;
+            };
+            pageSizes: {
+                type: PropType<number[]>;
+                default: () => number[];
+            };
+            auto: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            virtual: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            cellRenders: {
+                type: PropType<GridCellRenders>;
+            };
+            editRenders: {
+                type: PropType<GridEditRenders>;
+            };
+            filterRenders: {
+                type: PropType<GridFilterRenders>;
+            };
+            editable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>>>;
+    };
+    formProps: {
+        type: PropType<Record<string, any>>;
+    };
+}>> & {
+    onChange?: ((value: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onPicked?: ((value: any) => any) | undefined;
+}, {
+    raw: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    valueKey: string;
+    append: boolean;
+    labelKey: string;
+    preload: boolean;
+}, {}>;
+export default _default;

package/types/components/picker/hooks.d.ts

@@ -0,0 +1,14 @@
+import { Emits } from '../shared';
+import { PickerProps, PickerEmits } from './types';
+import { Ref, ComputedRef } from 'vue';
+import { VxeTableDataRow } from 'vxe-table';
+
+export declare function useOptions(props: PickerProps, emit: Emits<PickerEmits>): {
+    current: Ref<any>;
+    options: Ref<{
+        label: string;
+        value: any;
+    }[]>;
+    setOptions: (rows: any, append?: boolean) => void;
+};
+export declare function useGridColumns(props: PickerProps): ComputedRef<import("vxe-table").VxeTableDefines.ColumnOptions<VxeTableDataRow>[]>;

package/types/components/picker/index.d.ts

@@ -0,0 +1,4 @@
+import { default as XPicker } from './Picker';
+
+export { XPicker };
+export * from './types';