yc-pro-components 0.0.1

package/lib/components/dialog-form/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+
+const PlusDialogForm = index.default;
+
+exports.PlusDialogForm = PlusDialogForm;

package/lib/components/dialog-form/src/index.vue.d.ts

@@ -0,0 +1,481 @@
+import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select';
+import { PlusFormItemProps, PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'yc-components';
+import { LooseRequired } from '@vue/shared';
+import { FormItemRule, FormItemProp, FormItemContext, FormValidateCallback, FormValidationResult, ElTooltipProps, FormItemProps, ProgressFn, CascaderNode, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps } from 'element-plus';
+import { Arrayable, EpPropFinalized, EpPropMergeType } from 'element-plus/es/utils';
+import { DefineComponent, ComputedRef, CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, Ref, CSSProperties, Component } from 'vue';
+import { FieldValues, PlusColumn, RecordType, Mutable, PropsItemType, OmitTypes, CascaderProps, OptionsType, RenderTypes, TableValueType, FormItemValueType, FieldValueType, OptionsRow } from 'yc-components/es/types';
+import { PlusDialogProps } from 'yc-components/es/components/dialog';
+import { PlusFormProps } from 'yc-components/es/components/form';
+
+export interface PlusDialogFormProps {
+    modelValue?: FieldValues;
+    visible?: boolean;
+    dialog?: PlusDialogProps;
+    form?: PlusFormProps;
+    hasErrorTip?: boolean;
+}
+export interface PlusDialogFormEmits {
+    (e: 'update:modelValue', values: FieldValues): void;
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'confirm', values: FieldValues): void;
+    (e: 'change', values: FieldValues, column: PlusColumn): void;
+    (e: 'cancel'): void;
+    (e: 'close'): void;
+    (e: 'confirmError', errors: unknown): void;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDialogFormProps>, {
+    modelValue: () => {};
+    visible: boolean;
+    hasErrorTip: boolean;
+    dialog: () => {};
+    form: () => {};
+}>, {
+    handleConfirm: () => Promise<void>;
+    handleCancel: () => void;
+    formInstance: ComputedRef<CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        readonly model: ObjectConstructor;
+        readonly rules: {
+            readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
+        readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
+        readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly inline: BooleanConstructor;
+        readonly inlineMessage: BooleanConstructor;
+        readonly statusIcon: BooleanConstructor;
+        readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly hideRequiredAsterisk: BooleanConstructor;
+        readonly scrollToError: BooleanConstructor;
+        readonly scrollIntoViewOptions: {
+            readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly size: {
+            readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+    }>> & {
+        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }, {
+        COMPONENT_NAME: string;
+        props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
+            readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: {
+                readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>>;
+        emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+        fields: FormItemContext[];
+        formSize: ComputedRef<"" | "default" | "small" | "large">;
+        ns: {
+            namespace: ComputedRef<string>;
+            b: (blockSuffix?: string | undefined) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        formClasses: ComputedRef<(string | {
+            [x: string]: boolean | EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
+        })[]>;
+        getField: (prop: string) => FormItemContext | undefined;
+        addField: (field: FormItemContext) => void;
+        removeField: (field: FormItemContext) => void;
+        resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+        clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+        isValidatable: ComputedRef<boolean>;
+        obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+        validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+        doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+        validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+        scrollToField: (prop: FormItemProp) => void;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        readonly model: ObjectConstructor;
+        readonly rules: {
+            readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
+        readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
+        readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly inline: BooleanConstructor;
+        readonly inlineMessage: BooleanConstructor;
+        readonly statusIcon: BooleanConstructor;
+        readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly hideRequiredAsterisk: BooleanConstructor;
+        readonly scrollToError: BooleanConstructor;
+        readonly scrollIntoViewOptions: {
+            readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly size: {
+            readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+    }>> & {
+        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }, {
+        readonly disabled: boolean;
+        readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
+        readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+        readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly labelSuffix: string;
+        readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly inline: boolean;
+        readonly inlineMessage: boolean;
+        readonly statusIcon: boolean;
+        readonly hideRequiredAsterisk: boolean;
+        readonly scrollToError: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        readonly model: ObjectConstructor;
+        readonly rules: {
+            readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
+        readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
+        readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly inline: BooleanConstructor;
+        readonly inlineMessage: BooleanConstructor;
+        readonly statusIcon: BooleanConstructor;
+        readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly hideRequiredAsterisk: BooleanConstructor;
+        readonly scrollToError: BooleanConstructor;
+        readonly scrollIntoViewOptions: {
+            readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly size: {
+            readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+    }>> & {
+        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }, {
+        COMPONENT_NAME: string;
+        props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
+            readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: {
+                readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>>;
+        emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+        fields: FormItemContext[];
+        formSize: ComputedRef<"" | "default" | "small" | "large">;
+        ns: {
+            namespace: ComputedRef<string>;
+            b: (blockSuffix?: string | undefined) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        formClasses: ComputedRef<(string | {
+            [x: string]: boolean | EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
+        })[]>;
+        getField: (prop: string) => FormItemContext | undefined;
+        addField: (field: FormItemContext) => void;
+        removeField: (field: FormItemContext) => void;
+        resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+        clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+        isValidatable: ComputedRef<boolean>;
+        obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+        validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+        doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+        validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+        scrollToField: (prop: FormItemProp) => void;
+    }, {}, {}, {}, {
+        readonly disabled: boolean;
+        readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
+        readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+        readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly labelSuffix: string;
+        readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly inline: boolean;
+        readonly inlineMessage: boolean;
+        readonly statusIcon: boolean;
+        readonly hideRequiredAsterisk: boolean;
+        readonly scrollToError: boolean;
+    }>>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (values: FieldValues) => void;
+    "update:visible": (visible: boolean) => void;
+    confirm: (values: FieldValues) => void;
+    change: (values: FieldValues, column: PlusColumn) => void;
+    cancel: () => void;
+    close: () => void;
+    confirmError: (errors: unknown) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDialogFormProps>, {
+    modelValue: () => {};
+    visible: boolean;
+    hasErrorTip: boolean;
+    dialog: () => {};
+    form: () => {};
+}>>> & {
+    onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((values: FieldValues) => any) | undefined;
+    onConfirmError?: ((errors: unknown) => any) | undefined;
+}, {
+    dialog: PlusDialogProps;
+    form: PlusFormProps;
+    visible: boolean;
+    modelValue: FieldValues;
+    hasErrorTip: boolean;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+        readonly label: string | ComputedRef<string>;
+        readonly modelValue: string | number | boolean | string[] | [string, string] | Date | RecordType | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+        readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
+        readonly tooltip: string | Partial< Mutable<ElTooltipProps> & {
+            style?: CSSProperties | undefined;
+            class?: any;
+        } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+            style?: CSSProperties | undefined;
+            class?: any;
+        } & RecordType>>;
+        readonly formItemProps: PropsItemType< Mutable<FormItemProps> & {
+            [key: string]: any;
+            style?: CSSProperties | undefined;
+        }>;
+        readonly fieldProps: PropsItemType<Partial<{
+            [index: string]: any;
+            [index: number]: any;
+            [index: symbol]: any;
+            class: any;
+            style: CSSProperties;
+            modelModifiers: {
+                [index: string]: any;
+                lazy?: boolean | undefined;
+                trim?: boolean | undefined;
+                number?: boolean | undefined;
+            };
+            rows: number;
+            autocomplete: string;
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+            step: string | number;
+            format: string | ProgressFn | undefined;
+            filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
+            id: string | [string, string];
+            effect: string;
+            height: string | number;
+            autosize: InputAutoSize;
+        } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>>;
+        readonly options: OptionsType;
+        readonly fieldSlots: {
+            [slotName: string]: (data?: any) => RenderTypes;
+        };
+        readonly valueType: TableValueType | FormItemValueType;
+        readonly renderField: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
+        readonly renderLabel: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
+        readonly fieldChildrenSlot: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
+        readonly renderErrorMessage: ((props: PlusColumn & {
+            value?: FieldValueType;
+            error?: string | undefined;
+            label?: string | undefined;
+        }) => RenderTypes) | undefined;
+        readonly optionsMap: {
+            label?: string | undefined;
+            value?: string | undefined;
+        } | undefined;
+        readonly clearable: boolean;
+        readonly index: number;
+    } & {
+        readonly clearable: boolean;
+    };
+    label: string;
+    fieldProps: RecordType;
+    formItemProps: RecordType;
+    options: OptionsRow<undefined>[];
+    fieldInstance?: any;
+    valueIsReady?: Ref<boolean> | undefined;
+    prop: string;
+    modelValue: string | number | boolean | string[] | [string, string] | Date | RecordType | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+    hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
+    tooltip: string | Partial< Mutable<ElTooltipProps> & {
+        style?: CSSProperties | undefined;
+        class?: any;
+    } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+        style?: CSSProperties | undefined;
+        class?: any;
+    } & RecordType>>;
+    fieldSlots: {
+        [slotName: string]: (data?: any) => RenderTypes;
+    };
+    valueType: TableValueType | FormItemValueType;
+    renderField: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
+    renderLabel: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
+    fieldChildrenSlot: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
+    renderErrorMessage: ((props: PlusColumn & {
+        value?: FieldValueType;
+        error?: string | undefined;
+        label?: string | undefined;
+    }) => RenderTypes) | undefined;
+    optionsMap: {
+        label?: string | undefined;
+        value?: string | undefined;
+    } | undefined;
+    clearable: boolean;
+    index: number;
+}) => any>> & {
+    "dialog-header"?(_: {}): any;
+    "dialog-footer"?(_: {
+        handleConfirm: () => Promise<void>;
+        handleCancel: () => void;
+    }): any;
+    "form-footer"?(_: {
+        handleReset: () => void;
+        handleSubmit: () => Promise<boolean>;
+    }): any;
+    "form-group-header"?(_: {
+        title: string;
+        columns: PlusColumn[] | undefined;
+        icon: Component | undefined;
+        index: number;
+    }): any;
+}>;
+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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/dialog-form/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var DialogForm = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = DialogForm;

package/lib/components/dialog-form/src/index.vue2.js

@@ -0,0 +1,161 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var useLocale = require('../../../hooks/useLocale.js');
+require('sortablejs');
+var index$1 = require('../../form/index.js');
+var index = require('../../dialog/index.js');
+var elementPlus = require('element-plus');
+var is = require('../../utils/is.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusDialogForm"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: () => ({}) },
+    visible: { type: Boolean, default: false },
+    dialog: { default: () => ({}) },
+    form: { default: () => ({}) },
+    hasErrorTip: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "update:visible", "confirm", "change", "cancel", "close", "confirmError"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useLocale.useLocale();
+    const formInstance = vue.ref();
+    const computedFormInstance = vue.computed(() => {
+      var _a;
+      return (_a = formInstance.value) == null ? void 0 : _a.formInstance;
+    });
+    const state = vue.ref({});
+    const subVisible = vue.ref(false);
+    vue.watch(
+      () => props.visible,
+      (val) => {
+        subVisible.value = val;
+      },
+      {
+        immediate: true
+      }
+    );
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        state.value = val;
+      },
+      {
+        immediate: true
+      }
+    );
+    const handleChange = (values, column) => {
+      emit("update:modelValue", values);
+      emit("change", values, column);
+    };
+    const handleConfirm = async () => {
+      var _a, _b, _c;
+      try {
+        const valid = await ((_a = computedFormInstance.value) == null ? void 0 : _a.validate());
+        if (valid) {
+          emit("confirm", state.value);
+        }
+      } catch (errors) {
+        if (props.hasErrorTip) {
+          elementPlus.ElMessage.closeAll();
+          const values = is.isPlainObject(errors) && Object.values(errors);
+          const message = values ? (_c = (_b = values[0]) == null ? void 0 : _b[0]) == null ? void 0 : _c.message : void 0;
+          elementPlus.ElMessage.warning(message || t("plus.form.errorTip"));
+        }
+        emit("confirmError", errors);
+      }
+    };
+    const handleCancel = () => {
+      subVisible.value = false;
+      emit("update:visible", subVisible.value);
+      emit("cancel");
+    };
+    const handleClose = () => {
+      subVisible.value = false;
+      emit("update:visible", subVisible.value);
+      emit("close");
+    };
+    __expose({
+      handleConfirm,
+      handleCancel,
+      formInstance: computedFormInstance
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.PlusDialog), vue.mergeProps({
+        modelValue: subVisible.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => subVisible.value = $event),
+        width: "800px",
+        top: "10vh",
+        title: vue.unref(t)("plus.dialogForm.title")
+      }, _ctx.dialog, {
+        onClose: handleClose,
+        onCancel: handleCancel,
+        onConfirm: handleConfirm
+      }), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(index$1.PlusForm), vue.mergeProps({
+            ref_key: "formInstance",
+            ref: formInstance,
+            modelValue: state.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.value = $event),
+            "has-footer": false,
+            "footer-align": "right"
+          }, _ctx.form, { onChange: handleChange }), vue.createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            _ctx.$slots["form-footer"] ? {
+              name: "footer",
+              fn: vue.withCtx((data) => [
+                vue.renderSlot(_ctx.$slots, "form-footer", vue.normalizeProps(vue.guardReactiveProps(data)))
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots["form-group-header"] ? {
+              name: "group-header",
+              fn: vue.withCtx((data) => [
+                vue.renderSlot(_ctx.$slots, "form-group-header", vue.normalizeProps(vue.guardReactiveProps(data)))
+              ]),
+              key: "1"
+            } : void 0,
+            vue.renderList(_ctx.$slots, (_, key) => {
+              return {
+                name: key,
+                fn: vue.withCtx((data) => [
+                  vue.renderSlot(_ctx.$slots, key, vue.normalizeProps(vue.guardReactiveProps(data)))
+                ])
+              };
+            })
+          ]), 1040, ["modelValue"])
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots["dialog-header"] ? {
+          name: "header",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "dialog-header")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots["dialog-footer"] ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "dialog-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm, handleCancel })))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["modelValue", "title"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/dialog-form/style/css.d.ts

@@ -0,0 +1,3 @@
+import "yc-components/es/components/dialog/style/css";
+import "yc-components/es/components/form/style/css";
+import "yc-components/theme-chalk/plus-dialog-form.css";