@gopowerteam/form-render 0.0.1 → 0.0.3

package/dist/cjs/render/form-render.d.ts

@@ -0,0 +1,330 @@
+import { type PropType } from 'vue';
+import { type FieldRule } from '@arco-design/web-vue/es/form';
+import type { FormItemsOptions } from '../interfaces';
+export declare const FormRender: import("vue").DefineComponent<{
+    form: {
+        type: PropType<FormItemsOptions>;
+        required: true;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    submitable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    footer: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    formId: string;
+    formSource: import("vue").Ref<import("../interfaces").DataRecord>;
+    formInstance: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            layout: "horizontal" | "vertical" | "inline";
+            labelColProps: Record<string, any>;
+            wrapperColProps: Record<string, any>;
+            labelAlign: "left" | "right";
+            autoLabelWidth: boolean;
+            scrollToFirstError: boolean;
+        }> & Omit<{
+            readonly model: Record<string, any>;
+            readonly layout: "horizontal" | "vertical" | "inline";
+            readonly size?: "mini" | "medium" | "large" | "small" | undefined;
+            readonly labelColProps: Record<string, any>;
+            readonly wrapperColProps: Record<string, any>;
+            readonly labelColStyle?: Record<string, any> | undefined;
+            readonly wrapperColStyle?: Record<string, any> | undefined;
+            readonly labelAlign: "left" | "right";
+            readonly disabled?: boolean | undefined;
+            readonly rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
+            readonly autoLabelWidth: boolean;
+            readonly id?: string | undefined;
+            readonly scrollToFirstError: boolean;
+            onSubmit?: ((data: {
+                values: Record<string, any>;
+                errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined;
+            }, ev: Event) => any) | undefined;
+            onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+            onSubmitFailed?: ((data: {
+                values: Record<string, any>;
+                errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError>;
+            }, ev: Event) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
+            model?: unknown;
+            layout?: unknown;
+            size?: unknown;
+            labelColProps?: unknown;
+            wrapperColProps?: unknown;
+            labelColStyle?: unknown;
+            wrapperColStyle?: unknown;
+            labelAlign?: unknown;
+            disabled?: unknown;
+            rules?: unknown;
+            autoLabelWidth?: unknown;
+            id?: unknown;
+            scrollToFirstError?: unknown;
+        } & {
+            layout: "horizontal" | "vertical" | "inline";
+            model: Record<string, any>;
+            labelColProps: Record<string, any>;
+            wrapperColProps: Record<string, any>;
+            labelAlign: "left" | "right";
+            autoLabelWidth: boolean;
+            scrollToFirstError: boolean;
+        } & {
+            disabled?: boolean | undefined;
+            size?: "mini" | "medium" | "large" | "small" | undefined;
+            labelColStyle?: Record<string, any> | undefined;
+            wrapperColStyle?: Record<string, any> | undefined;
+            rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
+            id?: string | undefined;
+        }> & {
+            onSubmit?: ((data: {
+                values: Record<string, any>;
+                errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined;
+            }, ev: Event) => any) | undefined;
+            onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+            onSubmitFailed?: ((data: {
+                values: Record<string, any>;
+                errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError>;
+            }, ev: Event) => any) | undefined;
+        }, "disabled" | "labelColProps" | "wrapperColProps" | "autoLabelWidth" | "layout" | "labelAlign" | "scrollToFirstError">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: ((event: "submit", data: {
+            values: Record<string, any>;
+            errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined;
+        }, ev: Event) => void) & ((event: "submitSuccess", values: Record<string, any>, ev: Event) => void) & ((event: "submitFailed", data: {
+            values: Record<string, any>;
+            errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError>;
+        }, ev: Event) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            model?: unknown;
+            layout?: unknown;
+            size?: unknown;
+            labelColProps?: unknown;
+            wrapperColProps?: unknown;
+            labelColStyle?: unknown;
+            wrapperColStyle?: unknown;
+            labelAlign?: unknown;
+            disabled?: unknown;
+            rules?: unknown;
+            autoLabelWidth?: unknown;
+            id?: unknown;
+            scrollToFirstError?: unknown;
+        } & {
+            layout: "horizontal" | "vertical" | "inline";
+            model: Record<string, any>;
+            labelColProps: Record<string, any>;
+            wrapperColProps: Record<string, any>;
+            labelAlign: "left" | "right";
+            autoLabelWidth: boolean;
+            scrollToFirstError: boolean;
+        } & {
+            disabled?: boolean | undefined;
+            size?: "mini" | "medium" | "large" | "small" | undefined;
+            labelColStyle?: Record<string, any> | undefined;
+            wrapperColStyle?: Record<string, any> | undefined;
+            rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
+            id?: string | undefined;
+        }> & {
+            onSubmit?: ((data: {
+                values: Record<string, any>;
+                errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined;
+            }, ev: Event) => any) | undefined;
+            onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+            onSubmitFailed?: ((data: {
+                values: Record<string, any>;
+                errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError>;
+            }, ev: Event) => any) | undefined;
+        }, {
+            cls: import("vue").ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            formRef: import("vue").Ref<HTMLFormElement | undefined>;
+            handleSubmit: (e: Event) => void;
+            innerValidate: (callback?: ((errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined>;
+            innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined>;
+            innerResetFields: (field?: string | string[] | undefined) => void;
+            innerClearValidate: (field?: string | string[] | undefined) => void;
+            innerSetFields: (data: Record<string, import("@arco-design/web-vue/es/form/interface").FieldData>) => void;
+            innerScrollToField: (field: string, options?: import("scroll-into-view-if-needed").Options<any> | undefined) => void;
+        }, unknown, {}, {
+            validate(callback?: ((errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined>;
+            validateField(field: string | string[], callback?: ((errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined>;
+            resetFields(field?: string | string[] | undefined): void;
+            clearValidate(field?: string | string[] | undefined): void;
+            setFields(data: Record<string, import("@arco-design/web-vue/es/form/interface").FieldData>): void;
+            scrollToField(field: string): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            submit: (data: {
+                values: Record<string, any>;
+                errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined;
+            }, ev: Event) => true;
+            submitSuccess: (values: Record<string, any>, ev: Event) => true;
+            submitFailed: (data: {
+                values: Record<string, any>;
+                errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError>;
+            }, ev: Event) => true;
+        }, string, {
+            disabled: boolean;
+            layout: "horizontal" | "vertical" | "inline";
+            labelColProps: Record<string, any>;
+            wrapperColProps: Record<string, any>;
+            labelAlign: "left" | "right";
+            autoLabelWidth: boolean;
+            scrollToFirstError: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<{
+        model?: unknown;
+        layout?: unknown;
+        size?: unknown;
+        labelColProps?: unknown;
+        wrapperColProps?: unknown;
+        labelColStyle?: unknown;
+        wrapperColStyle?: unknown;
+        labelAlign?: unknown;
+        disabled?: unknown;
+        rules?: unknown;
+        autoLabelWidth?: unknown;
+        id?: unknown;
+        scrollToFirstError?: unknown;
+    } & {
+        layout: "horizontal" | "vertical" | "inline";
+        model: Record<string, any>;
+        labelColProps: Record<string, any>;
+        wrapperColProps: Record<string, any>;
+        labelAlign: "left" | "right";
+        autoLabelWidth: boolean;
+        scrollToFirstError: boolean;
+    } & {
+        disabled?: boolean | undefined;
+        size?: "mini" | "medium" | "large" | "small" | undefined;
+        labelColStyle?: Record<string, any> | undefined;
+        wrapperColStyle?: Record<string, any> | undefined;
+        rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
+        id?: string | undefined;
+    }> & {
+        onSubmit?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined;
+        }, ev: Event) => any) | undefined;
+        onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+        onSubmitFailed?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError>;
+        }, ev: Event) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        cls: import("vue").ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        formRef: import("vue").Ref<HTMLFormElement | undefined>;
+        handleSubmit: (e: Event) => void;
+        innerValidate: (callback?: ((errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined>;
+        innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined>;
+        innerResetFields: (field?: string | string[] | undefined) => void;
+        innerClearValidate: (field?: string | string[] | undefined) => void;
+        innerSetFields: (data: Record<string, import("@arco-design/web-vue/es/form/interface").FieldData>) => void;
+        innerScrollToField: (field: string, options?: import("scroll-into-view-if-needed").Options<any> | undefined) => void;
+    }> & {} & {
+        validate(callback?: ((errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined>;
+        validateField(field: string | string[], callback?: ((errors: Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("@arco-design/web-vue/es/form").ValidatedError> | undefined>;
+        resetFields(field?: string | string[] | undefined): void;
+        clearValidate(field?: string | string[] | undefined): void;
+        setFields(data: Record<string, import("@arco-design/web-vue/es/form/interface").FieldData>): void;
+        scrollToField(field: string): void;
+    } & import("vue").ComponentCustomProperties & {}) | undefined>;
+    formColumns: import("vue").Ref<number>;
+    formRules: import("vue").ComputedRef<Record<string, FieldRule<any> | FieldRule<any>[]>>;
+    formCollspased: import("vue").Ref<boolean>;
+    formActiosSpan: import("vue").ComputedRef<number>;
+    toggleFormCollapsed: () => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "cancel")[], "submit" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    form: {
+        type: PropType<FormItemsOptions>;
+        required: true;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    submitable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    footer: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    footer: boolean;
+    name: string;
+    minWidth: number;
+    submitable: boolean;
+    searchable: boolean;
+}, {}>;
+export type FormRenderInstance = InstanceType<typeof FormRender>;

package/dist/cjs/utils/create-form-source.d.ts

@@ -0,0 +1,3 @@
+import { type Ref } from 'vue';
+import type { DataRecord, FormItemsOptions } from '../interfaces';
+export declare function createFormSource(form?: FormItemsOptions): [Ref<DataRecord>, (value: DataRecord) => void];

package/dist/es/config/provide.config.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+import type { DataRecord } from '../interfaces';
+export declare const provides: {
+    id: InjectionKey<string>;
+    source: InjectionKey<DataRecord>;
+};

package/dist/es/defines/define-form.d.ts

@@ -0,0 +1,2 @@
+import type { DataRecord, FormItemsOptions } from '../interfaces';
+export declare function defineForm<T = DataRecord>(form: FormItemsOptions<T>): FormItemsOptions<T>;

package/dist/es/form-items/date/index.d.ts

@@ -0,0 +1,15 @@
+import type { FormItemOptions } from '../../interfaces';
+/**
+ * 日期节点表单渲染
+ * @param options 日期节点配置选项
+ * @returns JSX
+ */
+export declare function renderDateItem(options?: RenderDateItemOptions): (data: Record<string, any>, form: FormItemOptions) => import("vue/jsx-runtime").JSX.Element;
+export interface RenderDateItemOptions {
+    placeholder?: string;
+    clearable?: boolean;
+    disabledDate?: (value: string, date: Date) => boolean;
+    type?: 'date' | 'year' | 'quarter' | 'month' | 'week';
+    valueFormat?: string;
+    labelFormat?: string;
+}

package/dist/es/form-items/date-range/index.d.ts

@@ -0,0 +1,16 @@
+import type { FormItemOptions } from '../../interfaces';
+/**
+ * 日期节点表单渲染
+ * @param options 日期节点配置选项
+ * @returns JSX
+ */
+export declare function renderDateRangeItem(options?: RenderDateRangeItemOptions): (data: Record<string, any>, form: FormItemOptions) => import("vue/jsx-runtime").JSX.Element;
+export interface RenderDateRangeItemOptions {
+    placeholder?: string;
+    clearable?: boolean;
+    multiple?: boolean;
+    type?: 'date' | 'year' | 'quarter' | 'month' | 'week';
+    valueFormat?: string;
+    labelFormat?: string;
+    disabledDate?: (value: string[], date: Date) => boolean;
+}

package/dist/es/form-items/index.d.ts

@@ -0,0 +1,16 @@
+import { renderDateItem } from './date';
+import { renderInputItem } from './input';
+import { renderSelectItem } from './select';
+import { renderSwitchItem } from './switch';
+import { renderDateRangeItem } from './date-range';
+import { renderTextareaItem } from './textarea';
+import { renderRenderItem } from './render';
+export declare const FormItemRenders: {
+    input: typeof renderInputItem;
+    textarea: typeof renderTextareaItem;
+    select: typeof renderSelectItem;
+    date: typeof renderDateItem;
+    switch: typeof renderSwitchItem;
+    dateRange: typeof renderDateRangeItem;
+    render: typeof renderRenderItem;
+};

package/dist/es/form-items/input/index.d.ts

@@ -0,0 +1,7 @@
+import type { DataRecord, FormItemOptions } from '../../interfaces';
+export declare function renderInputItem(options?: RenderInputItemOptions): (data: DataRecord, form: FormItemOptions) => import("vue/jsx-runtime").JSX.Element;
+export interface RenderInputItemOptions {
+    placeholder?: string;
+    clearable?: boolean;
+    type?: 'string' | 'number';
+}

package/dist/es/form-items/render/index.d.ts

@@ -0,0 +1,5 @@
+import type { DataRecord } from '../../interfaces';
+export declare function renderRenderItem(renderer: RenderInputItemOptions): (data: DataRecord) => JSX.Element;
+export interface RenderInputItemOptions {
+    (record: any): JSX.Element;
+}

package/dist/es/form-items/select/index.d.ts

@@ -0,0 +1,11 @@
+import type { DataRecord, FormItemOptions } from '../../interfaces';
+export declare function renderSelectItem(options: RenderSelectItemOptions): (data: DataRecord, form: FormItemOptions) => import("vue/jsx-runtime").JSX.Element;
+export type SelectOptions = Map<string | number, string>;
+export interface RenderSelectItemOptions {
+    placeholder?: string;
+    clearable?: boolean;
+    options: SelectOptions | Promise<SelectOptions> | (() => Promise<SelectOptions>);
+    multiple?: boolean;
+    default?: string | number | boolean;
+    autoSumbit?: boolean;
+}

package/dist/es/form-items/switch/index.d.ts

@@ -0,0 +1,12 @@
+import type { DataRecord, FormItemOptions } from '../../interfaces';
+export declare function renderSwitchItem(options?: RenderSwitchItemOptions): (data: DataRecord, form: FormItemOptions) => import("vue/jsx-runtime").JSX.Element;
+export type SelectOptions = Map<string | number, string>;
+export interface RenderSwitchItemOptions {
+    size?: 'small' | 'medium';
+    openLabel?: string;
+    closeLabel?: string;
+    openValue?: string | number | boolean;
+    closeValue?: string | number | boolean;
+    default?: string | number | boolean;
+    autoSumbit?: boolean;
+}

package/dist/es/form-items/textarea/index.d.ts

@@ -0,0 +1,12 @@
+import type { DataRecord, FormItemOptions } from '../../interfaces';
+export declare function renderTextareaItem(options?: RenderTextareaItemOptions): (data: DataRecord, form: FormItemOptions) => import("vue/jsx-runtime").JSX.Element;
+export interface RenderTextareaItemOptions {
+    placeholder?: string;
+    rows?: number;
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+    autosize?: {
+        minRows: number;
+        maxRows: number;
+    };
+    maxLength?: number;
+}

package/dist/es/index.d.ts

@@ -0,0 +1,3 @@
+export { FormRender, type FormRenderInstance } from './render/form-render';
+export { defineForm } from './defines/define-form';
+export * from './interfaces';