npm - dydx-naive-ui-for-vue - Versions diffs - 0.1.2 - Mend

dydx-naive-ui-for-vue 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/dist/dydx-naive-ui-for-vue.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/types/components/FormModal/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { default as DydxFormModal } from './src/DydxFormModal.vue';
+import { default as DydxFormDrawer } from './src/DydxFormDrawer.vue';
+export { DydxFormModal, DydxFormDrawer };
+export type { FormModalProps, FormDrawerProps, FormModalExpose } from './types';

package/dist/types/components/FormModal/src/DydxFormDrawer.vue.d.ts ADDED Viewed

@@ -0,0 +1,63 @@
+import { FormSchema, DydxNaiveFormExpose } from '../../NaiveForm';
+declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onCancel?: (() => any) | undefined;
+        readonly onConfirm?: ((data: T) => any) | undefined;
+        readonly "onUpdate:show"?: ((value: boolean) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:show" | "onCancel" | "onConfirm"> & {
+        /** 是否显示 */
+        show: boolean;
+        /** 标题 */
+        title?: string;
+        /** 表单配置 */
+        schemas: FormSchema<T>[];
+        /** 表单数据 */
+        model: T;
+        /** 抽屉宽度 */
+        width?: string | number;
+        /** 抽屉位置 */
+        placement?: "left" | "right" | "top" | "bottom";
+        /** 确认按钮文字 */
+        confirmText?: string;
+        /** 取消按钮文字 */
+        cancelText?: string;
+        /** 是否显示取消按钮 */
+        showCancel?: boolean;
+        /** 提交时是否显示 loading */
+        loading?: boolean;
+        /** 表单列数 */
+        cols?: number;
+        /** 表单 x 间距 */
+        xGap?: number;
+        /** 表单 y 间距 */
+        yGap?: number;
+        /** 标签位置 */
+        labelPlacement?: "left" | "top";
+        /** 标签宽度 */
+        labelWidth?: number | string;
+        /** 行键，用于判断新增/编辑 */
+        rowKey?: string;
+        /** 副标题 */
+        subtitle?: string;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        getFormRef: () => DydxNaiveFormExpose<T> | undefined;
+        validate: () => Promise<void> | undefined;
+        resetFields: () => void | undefined;
+    }>): void;
+    attrs: any;
+    slots: Readonly<{
+        default?: () => unknown;
+        footer?: () => unknown;
+    }> & {
+        default?: () => unknown;
+        footer?: () => unknown;
+    };
+    emit: ((evt: "cancel") => void) & ((evt: "confirm", data: T) => void) & ((evt: "update:show", value: boolean) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/FormModal/src/DydxFormModal.vue.d.ts ADDED Viewed

@@ -0,0 +1,61 @@
+import { FormSchema, DydxNaiveFormExpose } from '../../NaiveForm';
+declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onCancel?: (() => any) | undefined;
+        readonly onConfirm?: ((data: T) => any) | undefined;
+        readonly "onUpdate:show"?: ((value: boolean) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:show" | "onCancel" | "onConfirm"> & {
+        /** 是否显示 */
+        show: boolean;
+        /** 标题 */
+        title?: string;
+        /** 表单配置 */
+        schemas: FormSchema<T>[];
+        /** 表单数据 */
+        model: T;
+        /** 弹窗宽度 */
+        width?: string | number;
+        /** 确认按钮文字 */
+        confirmText?: string;
+        /** 取消按钮文字 */
+        cancelText?: string;
+        /** 是否显示取消按钮 */
+        showCancel?: boolean;
+        /** 提交时是否显示 loading */
+        loading?: boolean;
+        /** 表单列数 */
+        cols?: number;
+        /** 表单 x 间距 */
+        xGap?: number;
+        /** 表单 y 间距 */
+        yGap?: number;
+        /** 标签位置 */
+        labelPlacement?: "left" | "top";
+        /** 标签宽度 */
+        labelWidth?: number | string;
+        /** 行键，用于判断新增/编辑 */
+        rowKey?: string;
+        /** 副标题 */
+        subtitle?: string;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        getFormRef: () => DydxNaiveFormExpose<T> | undefined;
+        validate: () => Promise<void> | undefined;
+        resetFields: () => void | undefined;
+    }>): void;
+    attrs: any;
+    slots: {
+        header?(_: {}): any;
+        'header-extra'?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+        action?(_: {}): any;
+    };
+    emit: ((evt: "cancel") => void) & ((evt: "confirm", data: T) => void) & ((evt: "update:show", value: boolean) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/FormModal/types.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { FormSchema } from '../NaiveForm';
+export interface FormModalProps<T extends Record<string, any>> {
+    show: boolean;
+    title?: string;
+    schemas: FormSchema<T>[];
+    model: T;
+    width?: string | number;
+    confirmText?: string;
+    cancelText?: string;
+    showCancel?: boolean;
+    loading?: boolean;
+    cols?: number;
+    xGap?: number;
+    yGap?: number;
+    labelPlacement?: 'left' | 'top';
+    labelWidth?: number | string;
+    rowKey?: string;
+    subtitle?: string;
+}
+export interface FormDrawerProps<T extends Record<string, any>> extends FormModalProps<T> {
+    placement?: 'left' | 'right' | 'top' | 'bottom';
+}
+export interface FormModalExpose {
+    getFormRef: () => any;
+    validate: () => Promise<void>;
+    resetFields: () => void;
+}

package/dist/types/components/IconSelect/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { default as DydxIconSelect } from './src/DydxIconSelect.vue';
+export { DydxIconSelect };
+export type { DydxIconSelectProps } from './types';

package/dist/types/components/IconSelect/src/DydxIconSelect.vue.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    value?: string | null;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    filterable?: boolean;
+    /** 图标风格过滤: outline | sharp | filled | all */
+    iconStyle?: 'outline' | 'sharp' | 'filled' | 'all';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (value: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string | null) => any) | undefined;
+}>, {
+    placeholder: string;
+    clearable: boolean;
+    filterable: boolean;
+    iconStyle: "outline" | "sharp" | "filled" | "all";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/IconSelect/types.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export interface DydxIconSelectProps {
+    value?: string | null;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    filterable?: boolean;
+    /** 图标风格过滤 */
+    iconStyle?: 'outline' | 'sharp' | 'filled' | 'all';
+}

package/dist/types/components/NaiveForm/index.d.ts ADDED Viewed

@@ -0,0 +1,83 @@
+import { default as DydxNaiveFormVue } from './src/DydxNaiveForm.vue';
+export declare const DydxNaiveForm: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        model: T;
+        schema: import('./types').SlotSchema<T>;
+    }) => any>> & Partial<Record<`field-${import('./types').DeepKeys<T>}`, (_: {
+        model: T;
+        schema: import('./types').InputSchema<T> | import('./types').SelectSchema<T> | import('./types').RadioGroupSchema<T> | import('./types').CheckboxGroupSchema<T> | import('./types').DatePickerSchema<T> | import('./types').InputNumberSchema<T> | import('./types').NativeSchema<T> | import('./types').CustomSchema<T>;
+        value: any;
+        setValue: (v: any) => void;
+    }) => any>> & {
+        header?(_: {
+            model: T;
+        }): any;
+        footer?(_: {
+            model: T;
+            validate: (callback?: (errors?: Array<import('naive-ui').FormValidationError>) => void, shouldRuleBeApplied?: (rule: any) => boolean) => Promise<void>;
+            reset: () => void;
+        }): any;
+        append?(_: {
+            model: T;
+        }): any;
+    };
+    emit: ((evt: "submit", value: T) => void) & ((evt: "reset") => void) & ((evt: "update:model", value: T) => void) & ((evt: "validate", errors: any) => void);
+}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: {
+        readonly onReset?: (() => any) | undefined;
+        readonly onSubmit?: ((value: T) => any) | undefined;
+        readonly "onUpdate:model"?: ((value: T) => any) | undefined;
+        readonly onValidate?: ((errors: any) => any) | undefined;
+        schemas: import('./types').FormSchema<T>[];
+        model: T;
+        formProps?: Partial<import('naive-ui').FormProps> | undefined;
+        labelWidth?: number | string | "auto" | undefined;
+        labelAlign?: "left" | "right" | undefined;
+        labelPlacement?: "left" | "top" | undefined;
+        showFeedback?: boolean | undefined;
+        showLabel?: boolean | undefined;
+        showRequireMark?: boolean | undefined;
+        requireMarkPlacement?: "left" | "right" | "right-hanging" | undefined;
+        gridProps?: Partial<import('naive-ui').GridProps> | undefined;
+        cols?: string | number | import('./types').ResponsiveSpan | undefined;
+        xGap?: number | string | undefined;
+        yGap?: number | string | undefined;
+        responsive?: "self" | "screen" | undefined;
+        showFooter?: boolean | undefined;
+        footerAlign?: "left" | "center" | "right" | undefined;
+        footerSpan?: number | undefined;
+        submitButton?: import('./types').FormButtonProps | undefined;
+        resetButton?: import('./types').FormButtonProps | undefined;
+        extraButtons?: import('./types').ExtraButtonProps[] | undefined;
+        loading?: boolean | undefined;
+    } & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<import('./types').DydxNaiveFormExpose<T>>): void;
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        model: T;
+        schema: import('./types').SlotSchema<T>;
+    }) => any>> & Partial<Record<`field-${import('./types').DeepKeys<T>}`, (_: {
+        model: T;
+        schema: import('./types').InputSchema<T> | import('./types').SelectSchema<T> | import('./types').RadioGroupSchema<T> | import('./types').CheckboxGroupSchema<T> | import('./types').DatePickerSchema<T> | import('./types').InputNumberSchema<T> | import('./types').NativeSchema<T> | import('./types').CustomSchema<T>;
+        value: any;
+        setValue: (v: any) => void;
+    }) => any>> & {
+        header?(_: {
+            model: T;
+        }): any;
+        footer?(_: {
+            model: T;
+            validate: (callback?: (errors?: Array<import('naive-ui').FormValidationError>) => void, shouldRuleBeApplied?: (rule: any) => boolean) => Promise<void>;
+            reset: () => void;
+        }): any;
+        append?(_: {
+            model: T;
+        }): any;
+    };
+    emit: ((evt: "submit", value: T) => void) & ((evt: "reset") => void) & ((evt: "update:model", value: T) => void) & ((evt: "validate", errors: any) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export * from './types';
+export default DydxNaiveFormVue;

package/dist/types/components/NaiveForm/src/DydxNaiveForm.vue.d.ts ADDED Viewed

@@ -0,0 +1,39 @@
+import { DydxNaiveFormProps, DydxNaiveFormExpose } from '../types';
+declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onSubmit?: ((value: T) => any) | undefined;
+        readonly onReset?: (() => any) | undefined;
+        readonly "onUpdate:model"?: ((value: T) => any) | undefined;
+        readonly onValidate?: ((errors: any) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onReset" | "onSubmit" | "onUpdate:model" | "onValidate"> & DydxNaiveFormProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<DydxNaiveFormExpose<T>>): void;
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        model: T;
+        schema: import('..').SlotSchema<T>;
+    }) => any>> & Partial<Record<`field-${import('..').DeepKeys<T>}`, (_: {
+        model: T;
+        schema: import('..').InputSchema<T> | import('..').SelectSchema<T> | import('..').RadioGroupSchema<T> | import('..').CheckboxGroupSchema<T> | import('..').DatePickerSchema<T> | import('..').InputNumberSchema<T> | import('..').NativeSchema<T> | import('..').CustomSchema<T>;
+        value: any;
+        setValue: (v: any) => void;
+    }) => any>> & {
+        header?(_: {
+            model: T;
+        }): any;
+        footer?(_: {
+            model: T;
+            validate: (callback?: (errors?: Array<import('naive-ui').FormValidationError>) => void, shouldRuleBeApplied?: (rule: any) => boolean) => Promise<void>;
+            reset: () => void;
+        }): any;
+        append?(_: {
+            model: T;
+        }): any;
+    };
+    emit: ((evt: "submit", value: T) => void) & ((evt: "reset") => void) & ((evt: "update:model", value: T) => void) & ((evt: "validate", errors: any) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/NaiveForm/types/expose.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { FormInst, FormItemInst, FormValidationError } from 'naive-ui';
+export interface DydxNaiveFormExpose<T extends Record<string, any>> {
+    formRef: FormInst | undefined;
+    validate: (callback?: (errors?: Array<FormValidationError>) => void, shouldRuleBeApplied?: (rule: any) => boolean) => Promise<void>;
+    validateField: (paths: string | string[], callback?: (errors?: Array<FormValidationError>) => void) => Promise<void>;
+    restoreValidation: () => void;
+    getFormData: () => T;
+    setFormData: (data: Partial<T>) => void;
+    getFieldValue: <K extends keyof T>(name: K) => T[K];
+    setFieldValue: <K extends keyof T>(name: K, value: T[K]) => void;
+    resetFields: () => void;
+    getFormItemInst: (path: string) => FormItemInst | undefined;
+}

package/dist/types/components/NaiveForm/types/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './props';
+export * from './expose';

package/dist/types/components/NaiveForm/types/props.d.ts ADDED Viewed

@@ -0,0 +1,75 @@
+import { FormProps, GridProps, ButtonProps, FormItemGiProps } from 'naive-ui';
+import { FormSchema, ResponsiveSpan } from './schema';
+export interface FormButtonProps extends Partial<Omit<ButtonProps, 'text'>> {
+    text?: string;
+    hidden?: boolean;
+}
+export interface ExtraButtonProps {
+    text: string;
+    onClick?: () => void;
+    type?: ButtonProps['type'];
+    size?: ButtonProps['size'];
+    disabled?: boolean;
+}
+export interface DydxNaiveFormProps<T extends Record<string, any>> {
+    /** 表单字段配置数组 */
+    schemas: FormSchema<T>[];
+    /** 表单数据对象 */
+    model: T;
+    /** Form 组件的额外配置 */
+    formProps?: Partial<FormProps>;
+    /** 标签宽度，支持数字、字符串或 'auto' */
+    labelWidth?: number | string | 'auto';
+    /** 标签文本对齐方式 */
+    labelAlign?: 'left' | 'right';
+    /** 标签位置，默认 'top' */
+    labelPlacement?: 'left' | 'top';
+    /** 是否显示验证反馈，默认 true */
+    showFeedback?: boolean;
+    /** 是否显示标签，默认 true */
+    showLabel?: boolean;
+    /** 是否显示必填标记 */
+    showRequireMark?: boolean;
+    /** 必填标记位置，默认 'right' */
+    requireMarkPlacement?: 'left' | 'right' | 'right-hanging';
+    /** Grid 组件的额外配置 */
+    gridProps?: Partial<GridProps>;
+    /**
+     * Grid 列数或响应式列数，默认 { xs: 24, s: 12, m: 8, l: 6 }
+     *
+     * 响应式断点：
+     * - xs: <640px (超小屏幕)
+     * - s: ≥640px (小屏幕)
+     * - m: ≥1024px (中等屏幕)
+     * - l: ≥1280px (大屏幕)
+     * - xl: ≥1536px (超大屏幕)
+     * - xxl: ≥1920px (超超大屏幕)
+     */
+    cols?: number | string | FormItemGiProps['span'] | ResponsiveSpan;
+    /** 水平间距 */
+    xGap?: number | string;
+    /** 垂直间距 */
+    yGap?: number | string;
+    /** 响应式模式 */
+    responsive?: 'self' | 'screen';
+    /** 是否显示底部按钮区域，默认 true */
+    showFooter?: boolean;
+    /** 底部按钮对齐方式，默认 'right' */
+    footerAlign?: 'left' | 'center' | 'right';
+    /** 底部区域占据的列数，默认 24 */
+    footerSpan?: number;
+    /** 提交按钮配置，hidden: true 隐藏 */
+    submitButton?: FormButtonProps;
+    /** 重置按钮配置，hidden: true 隐藏 */
+    resetButton?: FormButtonProps;
+    /** 额外的底部按钮 */
+    extraButtons?: ExtraButtonProps[];
+    /** 是否显示 loading */
+    loading?: boolean;
+}
+export interface DydxNaiveFormEmits<T extends Record<string, any>> {
+    'update:model': [value: T];
+    'submit': [value: T];
+    'reset': [];
+    'validate': [errors: any];
+}