@vtj/ui 0.8.39 → 0.8.40

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

@@ -0,0 +1,269 @@
+import { PropType, ExtractPropTypes, VNode, RendererNode, RendererElement, DefineComponent } from 'vue';
+import { GridColumns, QueryFormItems, GridLoader, UnReadOnly, IconParam, BaseSize, DialogMode, GridCustomInfo, GridCellRenders, GridEditRenders, GridFilterRenders } from '..';
+import { DraggableOptions, ResizableOptions } from '../..';
+import { Options } from 'sortablejs';
+
+export declare const pickerProps: {
+    /**
+     * 表格列配置
+     */
+    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>>;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { ComponentPropsType, UnReadOnly } from '../shared';
+import { GridColumns, QueryFormItems, DialogProps, GridProps, GridLoader } from '../';
+import { pickerProps } from './props';
+
+export type PickerColumns = GridColumns;
+export type PrickerFields = QueryFormItems;
+export type PickerLoader = GridLoader;
+export type PickerDialogProps = UnReadOnly<Partial<DialogProps>>;
+export type PickerGridProps = UnReadOnly<Partial<GridProps>>;
+export type PickerProps = ComponentPropsType<typeof pickerProps>;
+export type PickerEmits = {
+    'update:modelValue': [value: any];
+    change: [value: any];
+    picked: [value: any];
+};
+export interface PickerOption {
+    label: string;
+    value: any;
+}

package/types/components/query-form/QueryForm.d.ts

@@ -10,6 +10,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     items: {
         type: PropType<QueryFormItems>;
     };
+    inlineColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
     submit: () => Promise<void>;
     reset: (fields?: string | string[] | undefined) => void;
@@ -209,10 +213,15 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     items: {
         type: PropType<QueryFormItems>;
     };
+    inlineColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     onCollapsed?: ((Collapsed: boolean) => any) | undefined;
 }, {
     collapsible: boolean;
+    inlineColumns: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/types/components/query-form/hooks.d.ts

@@ -6,9 +6,10 @@ export declare function useCollapsed(props: QueryFormProps, emit: Emits<QueryFor
     collapsed: Ref<boolean>;
     toggleCollapsed: () => Promise<void>;
     collapsedClass: ComputedRef<{
-        'is-collapsed': boolean;
+        'is-collapsed': boolean | undefined;
     }>;
     collapsedStyle: ComputedRef<{
         height: string;
     } | null>;
+    showCollapsible: ComputedRef<boolean | undefined>;
 };

package/types/components/query-form/props.d.ts

@@ -9,4 +9,8 @@ export declare const queryFormProps: {
     items: {
         type: PropType<QueryFormItems>;
     };
+    inlineColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
 };

package/types/components/shared.d.ts

@@ -26,3 +26,4 @@ export type Emits<T extends Record<string, any>> = UnionToIntersection<RecordToU
     [K in keyof T]: (evt: K, ...args: T[K]) => void;
 }>>;
 export type DataLoader<T = any, P = any> = T | ((params?: P) => T | Promise<T>);
+export type MaybePromise<T = any> = T | Promise<T>;

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/ui
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.8.38
+ * @version 0.8.39
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.38";
+export declare const version = "0.8.39";