@vtj/ui 0.0.6 → 0.4.1

package/types/components/field/field.d.ts

@@ -0,0 +1,230 @@
+import { FormItemRule } from 'element-plus';
+import { EpPropFinalized, EpPropMergeType, Arrayable } from 'element-plus/es/utils';
+import { RendererNode, RendererElement, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, PropType, ExtractPropTypes, VNode, DefineComponent } from 'vue';
+import { HelpType, IconSize, IconParam, UseDraggableOptions, UseResizableOptions, ToolbarItem, Emits, WithInstall } from '../..';
+import type Field from './Field.vue';
+export interface FieldSetterOption {
+    label?: string;
+    value?: any;
+    children?: FieldSetterOption[];
+    disabled?: boolean;
+    [index: string]: any;
+}
+export type FieldSetterLoader = FieldSetterOption[] | (() => Promise<FieldSetterOption[]>);
+export interface FieldSetter {
+    name: string | VNode | DefineComponent<any, any, any, any> | WithInstall<any>;
+    props?: Record<string, any>;
+    loader?: FieldSetterLoader;
+    auto?: boolean;
+}
+/**
+ * 定义组件属性参数
+ */
+export declare const fieldProps: {
+    prop: {
+        type: StringConstructor;
+    };
+    iconStyle: {
+        type: PropType<Record<string, any>>;
+    };
+    setter: {
+        type: PropType<string | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | FieldSetter>;
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+    };
+    help: {
+        type: PropType<Partial<ExtractPropTypes<{
+            type: {
+                type: PropType<HelpType>;
+                default: string;
+            };
+            icon: {
+                type: PropType<Partial<ExtractPropTypes<{
+                    icon: {
+                        type: PropType<string | object | VNode<RendererNode, RendererElement, {
+                            [key: string]: any;
+                        }>>;
+                    };
+                    color: {
+                        type: StringConstructor;
+                    };
+                    size: {
+                        type: PropType<IconSize>;
+                        default: string;
+                    };
+                    src: {
+                        type: StringConstructor;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                    };
+                }>>>;
+                default: () => {
+                    icon: DefineComponent<{}, {}, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+                };
+            };
+            tooltip: {
+                type: StringConstructor;
+            };
+            url: {
+                type: StringConstructor;
+            };
+            openType: {
+                type: StringConstructor;
+                default: string;
+            };
+            dialog: {
+                type: PropType<Partial<ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    width: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: string;
+                    };
+                    height: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: string;
+                    };
+                    autoFit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    modal: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    title: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    icon: {
+                        type: PropType<IconParam>;
+                    };
+                    small: {
+                        type: BooleanConstructor;
+                    };
+                    draggable: {
+                        type: PropType<boolean | UseDraggableOptions>;
+                        default: boolean;
+                    };
+                    resizable: {
+                        type: PropType<boolean | UseResizableOptions>;
+                        default: boolean;
+                    };
+                    footer: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    closable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maximizable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    minimizable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    tools: {
+                        type: PropType<ToolbarItem[]>;
+                        default: () => never[];
+                    };
+                    closeOnClickModal: {
+                        type: BooleanConstructor;
+                    };
+                    confirmText: {
+                        type: PropType<string | false>;
+                        default: string;
+                    };
+                    confirm: {
+                        type: PropType<() => Promise<boolean>>;
+                    };
+                    cancelText: {
+                        type: PropType<string | false>;
+                        default: string;
+                    };
+                    cancel: {
+                        type: PropType<() => Promise<boolean>>;
+                    };
+                    beforeClose: {
+                        type: PropType<() => Promise<boolean>>;
+                    };
+                    src: {
+                        type: StringConstructor;
+                    };
+                    content: {
+                        type: PropType<VNode<RendererNode, RendererElement, {
+                            [key: string]: any;
+                        }> | DefineComponent>;
+                    };
+                    zIndex: {
+                        type: NumberConstructor;
+                        default(): number;
+                    };
+                    bodyPadding: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    theme: {
+                        type: PropType<"default" | "newpearl">;
+                        default: string;
+                    };
+                }>>>;
+            };
+        }>>>;
+    };
+    label: StringConstructor;
+    labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    required: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>) | ((new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: PropType<EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+/**
+ * 定义组件事件
+ */
+export declare const fieldEmits: {
+    'update:modelValue': (v: any) => boolean;
+    change: (v: any) => boolean;
+    focus: (v: any) => boolean;
+    blur: (v: any) => boolean;
+};
+/**
+ * 组件属性类型
+ */
+export type FieldProps = Partial<ExtractPropTypes<typeof fieldProps>>;
+/**
+ * 组件事件类型
+ */
+export type FieldEmits = Emits<typeof fieldEmits>;
+export type FieldInstance = InstanceType<typeof Field>;

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

@@ -0,0 +1,23 @@
+import { Ref, ComputedRef } from 'vue';
+import { FieldProps, FieldEmits } from './field';
+export declare function useError(props: FieldProps): {
+    left: Ref<any>;
+    style: ComputedRef<Record<string, any>>;
+};
+export declare function useSetter(props: FieldProps, emit: FieldEmits): {
+    setter: ComputedRef<any>;
+    setterProps: ComputedRef<Record<string, any>>;
+    setterRef: Ref<any>;
+    focus: () => void;
+    blur: () => void;
+    load: () => Promise<void>;
+};
+export declare function useField(props: FieldProps, slots: any): {
+    itemProps: Record<string, any>;
+    itemStyle: ComputedRef<{
+        width: string;
+    } | null>;
+    itemClass: ComputedRef<{
+        'is-has-extra': boolean;
+    }>;
+};