twcpt 0.0.2 → 0.0.4

package/dist/components/j-tw-dialog/jwDialog.d.ts

@@ -0,0 +1,38 @@
+import { JTWDialogRegisterProps, JTWDialogExpose } from './types';
+interface DialogProviderOptions {
+    router?: any;
+    store?: any;
+    i18n?: any;
+    plugins?: any[];
+    locale?: any;
+}
+export interface DialogProviderType {
+    configure(options: DialogProviderOptions): void;
+    register(props: JTWDialogRegisterProps): Promise<JTWDialogExpose>;
+    destroy(dialogId: string): void;
+    destroyAll(): void;
+}
+export declare const DialogProvider: DialogProviderType;
+/**
+ * 打开一个 dialog（center）或 drawer（right）
+ *
+ * @example
+ * // center dialog with async component
+ * const instance = await jwDialog({
+ *   title: '生成报告',
+ *   position: 'center',
+ *   size: 'md',
+ *   component: () => import('./MyForm.vue'),
+ *   componentBind: { someData: 123 },
+ * });
+ *
+ * @example
+ * // right drawer
+ * const instance = await jwDialog({
+ *   title: '详情',
+ *   position: 'right',
+ *   component: () => import('./DetailPanel.vue'),
+ * });
+ */
+export declare function jwDialog(options: JTWDialogRegisterProps): Promise<JTWDialogExpose>;
+export {};

package/dist/components/j-tw-dialog/types.d.ts

@@ -0,0 +1,122 @@
+import { DefineComponent } from 'vue';
+/** Dialog 位置类型常量 */
+export declare const JTWDialogPosition: {
+    readonly CENTER: "center";
+    readonly RIGHT: "right";
+};
+/** Dialog 宽度尺寸常量 */
+export declare const JTWDialogSize: {
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
+/** Footer 显示模式常量 */
+export declare const JTWDialogFooterMode: {
+    readonly BOTH: "both";
+    readonly CANCEL_ONLY: "cancel-only";
+    readonly CONFIRM_ONLY: "confirm-only";
+};
+export type JTWDialogPositionType = (typeof JTWDialogPosition)[keyof typeof JTWDialogPosition];
+export type JTWDialogSizeType = (typeof JTWDialogSize)[keyof typeof JTWDialogSize];
+export type JTWDialogFooterModeType = (typeof JTWDialogFooterMode)[keyof typeof JTWDialogFooterMode];
+/**
+ * @description jwDialog 调用选项
+ */
+export interface JTWDialogOptions {
+    /**
+     * 弹窗标题
+     */
+    title?: string;
+    /**
+     * 位置：center = 居中对话框，right = 右侧抽屉
+     * @default 'center'
+     */
+    position?: JTWDialogPositionType;
+    /**
+     * 宽度尺寸（仅 center 模式有效）：sm=480px, md=768px, lg=1280px
+     * @default 'md'
+     */
+    size?: JTWDialogSizeType;
+    /**
+     * 是否显示 Header
+     * @default true
+     */
+    showHeader?: boolean;
+    /**
+     * 是否显示 Footer
+     * @default true
+     */
+    showFooter?: boolean;
+    /**
+     * Footer 显示模式：both=都显示, cancel-only=只显示取消, confirm-only=只显示确认
+     * @default 'both'
+     */
+    footerMode?: JTWDialogFooterModeType;
+    /**
+     * 确认按钮文字
+     * @default '确定'
+     */
+    confirmText?: string;
+    /**
+     * 取消按钮文字
+     * @default '取消'
+     */
+    cancelText?: string;
+    /**
+     * 动态组件（async import）
+     */
+    component?: any;
+    /**
+     * 组件 Props
+     */
+    componentBind?: Record<string, any>;
+    /**
+     * 组件事件
+     */
+    componentOn?: Record<string, any>;
+    /**
+     * 点击遮罩是否关闭
+     * @default true
+     */
+    closeOnMask?: boolean;
+    /**
+     * 按 Esc 是否关闭
+     * @default true
+     */
+    closeOnEsc?: boolean;
+}
+/**
+ * @description JTWDialog 组件 Props
+ */
+export interface JTWDialogProps {
+    dialogId?: string;
+    title?: string;
+    position?: JTWDialogPositionType;
+    size?: JTWDialogSizeType;
+    showHeader?: boolean;
+    showFooter?: boolean;
+    footerMode?: JTWDialogFooterModeType;
+    confirmText?: string;
+    cancelText?: string;
+    component?: any;
+    componentBind?: Record<string, any>;
+    componentOn?: Record<string, any>;
+    closeOnMask?: boolean;
+    closeOnEsc?: boolean;
+}
+/** JTWDialog Expose 接口 */
+export interface JTWDialogExpose {
+    open: () => void;
+    close: () => void;
+    setLoading: (loading: boolean) => void;
+    changeCancelText: (text: string) => void;
+    changeConfirmText: (text: string) => void;
+}
+/** JTWDialog 组件类型定义 */
+export type JTWDialogComponent = DefineComponent<JTWDialogProps>;
+/** JTWDialog 实例类型 */
+export type JTWDialogInstance = InstanceType<JTWDialogComponent>;
+/** DialogProvider 注册选项（与 JTWDialogOptions 保持一致，内部多一个 dialogId） */
+export interface JTWDialogRegisterProps extends JTWDialogOptions {
+    dialogId?: string;
+}

package/dist/components/j-tw-dropdown-btn/index.d.ts

@@ -0,0 +1,3 @@
+import { default as JTWDropdownBtn } from './index';
+export default JTWDropdownBtn;
+export * from './types';

package/dist/components/j-tw-dropdown-btn/types.d.ts

@@ -0,0 +1,69 @@
+import { DefineComponent } from 'vue';
+import { JTWBtnProps } from '../j-tw-btn/types';
+/** 下拉选项 */
+export interface JTWDropdownOption {
+    /** 选项唯一标识 */
+    value: string | number;
+    /** 选项显示文本 */
+    label: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+/**
+ * @description JTWDropdownBtn 下拉按钮组件
+ * 只支持 primary 颜色，不支持 color 属性
+ */
+export interface JTWDropdownBtnProps extends Omit<JTWBtnProps, 'color'> {
+    /**
+     * 下拉选项列表
+     */
+    options?: JTWDropdownOption[];
+    /**
+     * 当前选中的值
+     */
+    modelValue?: string | number;
+}
+/** JTWDropdownBtn Emits 接口 */
+export interface JTWDropdownBtnEmits {
+    (e: 'click', event: MouseEvent): void;
+    (e: 'update:modelValue', value: string | number): void;
+    (e: 'select', option: JTWDropdownOption): void;
+}
+/** JTWDropdownBtn Slots 接口 */
+export interface JTWDropdownBtnSlots {
+    /** 默认插槽，按钮文本内容 */
+    default?: () => any;
+    /** 图标插槽 */
+    icon?: () => any;
+    /** 自定义加载图标插槽 */
+    loading?: () => any;
+}
+/** JTWDropdownBtn 暴露的方法 */
+export interface JTWDropdownBtnExpose {
+    /** 按钮根元素 */
+    $el: HTMLElement | undefined;
+    /** 触发点击 */
+    click: () => void;
+    /** 打开下拉菜单 */
+    openDropdown: () => void;
+    /** 关闭下拉菜单 */
+    closeDropdown: () => void;
+}
+/** Emits 配置对象格式 */
+export type JTWDropdownBtnEmitsOptions = {
+    click: (e: MouseEvent) => true;
+    'update:modelValue': (value: string | number) => true;
+    select: (option: JTWDropdownOption) => true;
+};
+/** JTWDropdownBtn 组件类型定义 */
+export type JTWDropdownBtnComponent = DefineComponent<JTWDropdownBtnProps, JTWDropdownBtnExpose, {}, {}, {}, {}, {}, JTWDropdownBtnEmitsOptions>;
+/** JTWDropdownBtn 实例类型 */
+export type JTWDropdownBtnInstance = InstanceType<JTWDropdownBtnComponent> & JTWDropdownBtnExpose;
+/** JTWDropdownBtn 模板 Props（用于全局类型声明） */
+export interface JTWDropdownBtnTemplateProps extends JTWDropdownBtnProps {
+    onClick?: (event: MouseEvent) => void;
+    'onUpdate:modelValue'?: (value: string | number) => void;
+    onSelect?: (option: JTWDropdownOption) => void;
+    class?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    style?: string | Record<string, string>;
+}

package/dist/components/j-tw-form/index.d.ts

@@ -0,0 +1,368 @@
+import { DefineComponent, Ref, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, Reactive, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, PublicProps, CreateComponentPublicInstanceWithMixins, ObjectPlugin, ComputedRef } from 'vue';
+import { FormRules, ComponentSize, FormItemProp, FormProps, FormValidateCallback, FormValidationResult, FormItemContext, FormItemProps } from 'element-plus';
+import { Arrayable } from 'element-plus/es/utils/typescript.mjs';
+import { OnCleanup } from '@vue/reactivity';
+declare const _default: DefineComponent<{}, {
+    elFormRef: Ref<({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< FormProps> & Readonly<{
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: Arrayable<FormItemProp>) => void;
+            clearValidate: (props?: Arrayable<FormItemProp>) => void;
+            scrollToField: (prop: FormItemProp) => void;
+            getField: (prop: FormItemProp) => FormItemContext | undefined;
+            fields: Reactive< FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+    }> & Omit<Readonly< FormProps> & Readonly<{
+        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & ShallowUnwrapRef<{
+        validate: (callback?: FormValidateCallback) => FormValidationResult;
+        validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+        resetFields: (props?: Arrayable<FormItemProp>) => void;
+        clearValidate: (props?: Arrayable<FormItemProp>) => void;
+        scrollToField: (prop: FormItemProp) => void;
+        getField: (prop: FormItemProp) => FormItemContext | undefined;
+        fields: Reactive< FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null, ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< FormProps> & Readonly<{
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: Arrayable<FormItemProp>) => void;
+            clearValidate: (props?: Arrayable<FormItemProp>) => void;
+            scrollToField: (prop: FormItemProp) => void;
+            getField: (prop: FormItemProp) => FormItemContext | undefined;
+            fields: Reactive< FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+    }> & Omit<Readonly< FormProps> & Readonly<{
+        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & ShallowUnwrapRef<{
+        validate: (callback?: FormValidateCallback) => FormValidationResult;
+        validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+        resetFields: (props?: Arrayable<FormItemProp>) => void;
+        clearValidate: (props?: Arrayable<FormItemProp>) => void;
+        scrollToField: (prop: FormItemProp) => void;
+        getField: (prop: FormItemProp) => FormItemContext | undefined;
+        fields: Reactive< FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    ElForm: {
+        new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< FormProps> & Readonly<{
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: Arrayable<FormItemProp>) => void;
+            clearValidate: (props?: Arrayable<FormItemProp>) => void;
+            scrollToField: (prop: FormItemProp) => void;
+            getField: (prop: FormItemProp) => FormItemContext | undefined;
+            fields: Reactive< FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+        }, PublicProps, {
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly< FormProps> & Readonly<{
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: Arrayable<FormItemProp>) => void;
+            clearValidate: (props?: Arrayable<FormItemProp>) => void;
+            scrollToField: (prop: FormItemProp) => void;
+            getField: (prop: FormItemProp) => FormItemContext | undefined;
+            fields: Reactive< FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, {
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & ComponentOptionsBase<Readonly< FormProps> & Readonly<{
+        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, {
+        validate: (callback?: FormValidateCallback) => FormValidationResult;
+        validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+        resetFields: (props?: Arrayable<FormItemProp>) => void;
+        clearValidate: (props?: Arrayable<FormItemProp>) => void;
+        scrollToField: (prop: FormItemProp) => void;
+        getField: (prop: FormItemProp) => FormItemContext | undefined;
+        fields: Reactive< FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+    }, string, {
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) & ObjectPlugin & {
+        setPropsDefaults: (defaults: Partial<{
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps>) => void;
+    } & {
+        FormItem: {
+            new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< FormItemProps> & Readonly<{}>, {
+                size: ComputedRef<"" | "default" | "large" | "small">;
+                validateMessage: Ref<string, string>;
+                validateState: Ref<"" | "error" | "success" | "validating", "" | "error" | "success" | "validating">;
+                validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
+                clearValidate: () => void;
+                resetField: () => void;
+                setInitialValue: (value: any) => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+                required: boolean;
+                labelPosition: "left" | "right" | "top" | "";
+                inlineMessage: boolean;
+                showMessage: boolean;
+            }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly< FormItemProps> & Readonly<{}>, {
+                size: ComputedRef<"" | "default" | "large" | "small">;
+                validateMessage: Ref<string, string>;
+                validateState: Ref<"" | "error" | "success" | "validating", "" | "error" | "success" | "validating">;
+                validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
+                clearValidate: () => void;
+                resetField: () => void;
+                setInitialValue: (value: any) => void;
+            }, {}, {}, {}, {
+                required: boolean;
+                labelPosition: "left" | "right" | "top" | "";
+                inlineMessage: boolean;
+                showMessage: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & ComponentOptionsBase<Readonly< FormItemProps> & Readonly<{}>, {
+            size: ComputedRef<"" | "default" | "large" | "small">;
+            validateMessage: Ref<string, string>;
+            validateState: Ref<"" | "error" | "success" | "validating", "" | "error" | "success" | "validating">;
+            validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
+            clearValidate: () => void;
+            resetField: () => void;
+            setInitialValue: (value: any) => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            required: boolean;
+            labelPosition: "left" | "right" | "top" | "";
+            inlineMessage: boolean;
+            showMessage: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+            $slots: {
+                label?: (props: {
+                    label: string;
+                }) => any;
+            } & {
+                default?: (props: {}) => any;
+            } & {
+                error?: (props: {
+                    error: string;
+                }) => any;
+            };
+        });
+    };
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/j-tw-form/types.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent } from 'vue';
+import { FormProps, FormEmits, FormInstance } from 'element-plus';
+export interface JTWFormProps extends FormProps {
+}
+export interface JTWFormEmits extends FormEmits {
+}
+export interface JTWFormSlots {
+    default?: () => any;
+}
+export interface JTWFormExpose {
+    validate: FormInstance['validate'];
+    validateField: FormInstance['validateField'];
+    resetFields: FormInstance['resetFields'];
+    scrollToField: FormInstance['scrollToField'];
+    clearValidate: FormInstance['clearValidate'];
+}
+export type JTWFormComponent = DefineComponent<JTWFormProps, JTWFormExpose, {}, {}, {}, {}, {}, JTWFormEmits>;
+export type JTWFormInstance = InstanceType<JTWFormComponent> & JTWFormExpose;