@xiaohaih/json-form-vant 0.0.1

package/dist/components/share.d.ts

@@ -0,0 +1,679 @@
+import { usePlain } from '@xiaohaih/json-form-core';
+import { AsyncComponentOptions, Component, ComponentOptions, ComponentPublicInstance, DefineComponent, PropType, Raw, VNode } from 'vue';
+export interface SlotQuery {
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 绑定的值 */
+    modelValue: any;
+    /** 内部设置的类名 */
+    class: string;
+    /** 组件内部信息 */
+    extraOption: {
+        /** 表单信息值 */
+        query: Record<string, any>;
+        /** 触发外部搜索事件 */
+        search: () => void;
+        /** 触发内部搜索事件 */
+        insideSearch: () => void;
+    };
+    [index: string]: string | number | boolean | ((...args: any[]) => any) | Record<string, any> | any[];
+}
+/** 公共属性 - 泛型 */
+export declare function commonPropsGeneric<Query extends Record<string, any>, OptionQuery = Record<string, any>>(): {
+    /** 是否禁用 */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly default: undefined;
+    };
+    /** 是否只读 */
+    readonly readonly: {
+        readonly type: PropType<boolean>;
+        readonly default: undefined;
+    };
+    /** 是否隐藏表单项 */
+    readonly hide: {
+        readonly type: PropType<boolean>;
+        readonly default: undefined;
+    };
+    /** field 组件自身的插槽 */
+    readonly slots: {
+        readonly type: PropType<CommonSlots>;
+    };
+    readonly type: {
+        type: PropType<NonNullable<import('vant').FieldType | undefined>>;
+        validator: undefined;
+    };
+    readonly tag: {
+        type: PropType<NonNullable<keyof HTMLElementTagNameMap | undefined>>;
+        validator: undefined;
+    };
+    readonly center: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly autofocus: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly border: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly isLink: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly required: {
+        type: PropType<NonNullable<boolean | "auto" | undefined>>;
+        validator: undefined;
+    };
+    readonly clickable: {
+        type: PropType<NonNullable<boolean | null | undefined>>;
+        validator: undefined;
+    };
+    readonly clearable: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly clearIcon: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly modelValue: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly clearTrigger: {
+        type: PropType<NonNullable<import('vant').FieldClearTrigger | undefined>>;
+        validator: undefined;
+    };
+    readonly formatTrigger: {
+        type: PropType<NonNullable<import('vant').FieldFormatTrigger | undefined>>;
+        validator: undefined;
+    };
+    readonly spellcheck: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly error: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly showWordLimit: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly colon: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly size: {
+        type: PropType<NonNullable<import('vant').CellSize | undefined>>;
+        validator: undefined;
+    };
+    readonly value: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly name: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly class: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly icon: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly title: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly label: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly iconPrefix: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly valueClass: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly labelClass: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly titleClass: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly titleStyle: {
+        type: PropType<NonNullable<string | import('vue').CSSProperties | undefined>>;
+        validator: undefined;
+    };
+    readonly arrowDirection: {
+        type: PropType<NonNullable<import('vant').CellArrowDirection | undefined>>;
+        validator: undefined;
+    };
+    readonly id: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly leftIcon: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly rightIcon: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly maxlength: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly max: {
+        type: PropType<number>;
+        validator: undefined;
+    };
+    readonly min: {
+        type: PropType<number>;
+        validator: undefined;
+    };
+    readonly formatter: {
+        type: PropType<(value: string) => string>;
+        validator: undefined;
+    };
+    readonly inputAlign: {
+        type: PropType<NonNullable<import('vant').FieldTextAlign | undefined>>;
+        validator: undefined;
+    };
+    readonly placeholder: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly autocomplete: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly autocapitalize: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly autocorrect: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly errorMessage: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly enterkeyhint: {
+        type: PropType<NonNullable<import('vant').FieldEnterKeyHint | undefined>>;
+        validator: undefined;
+    };
+    readonly inputmode: {
+        type: PropType<NonNullable<"search" | "tel" | "url" | "text" | "email" | "none" | "numeric" | "decimal" | undefined>>;
+        validator: undefined;
+    };
+    readonly rows: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly rules: {
+        type: PropType<import('vant').FieldRule[]>;
+        validator: undefined;
+    };
+    readonly autosize: {
+        type: PropType<NonNullable<boolean | import('vant').FieldAutosizeConfig | undefined>>;
+        validator: undefined;
+    };
+    readonly labelWidth: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly labelAlign: {
+        type: PropType<NonNullable<import('vant').FieldTextAlign | undefined>>;
+        validator: undefined;
+    };
+    readonly errorMessageAlign: {
+        type: PropType<NonNullable<import('vant').FieldTextAlign | undefined>>;
+        validator: undefined;
+    };
+    readonly style: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly onBlur: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onFocus: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onKeypress: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onClear: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onClickInput: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onEndValidate: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onStartValidate: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onClickLeftIcon: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onClickRightIcon: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly "onUpdate:modelValue": {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly key: {
+        type: PropType<NonNullable<PropertyKey | undefined>>;
+        validator: undefined;
+    };
+    readonly ref: {
+        type: PropType<NonNullable<import('vue').VNodeRef | undefined>>;
+        validator: undefined;
+    };
+    readonly ref_for: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly ref_key: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly onVnodeBeforeMount: {
+        type: PropType<NonNullable<((vnode: VNode) => void) | ((vnode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeMounted: {
+        type: PropType<NonNullable<((vnode: VNode) => void) | ((vnode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeBeforeUpdate: {
+        type: PropType<NonNullable<((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeUpdated: {
+        type: PropType<NonNullable<((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeBeforeUnmount: {
+        type: PropType<NonNullable<((vnode: VNode) => void) | ((vnode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeUnmounted: {
+        type: PropType<NonNullable<((vnode: VNode) => void) | ((vnode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onClick: {
+        type: PropType<(...args: any[]) => void>;
+        validator: undefined;
+    };
+};
+/** 公共属性 */
+export declare const commonProps: {
+    /** 是否禁用 */
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly default: undefined;
+    };
+    /** 是否只读 */
+    readonly readonly: {
+        readonly type: PropType<boolean>;
+        readonly default: undefined;
+    };
+    /** 是否隐藏表单项 */
+    readonly hide: {
+        readonly type: PropType<boolean>;
+        readonly default: undefined;
+    };
+    /** field 组件自身的插槽 */
+    readonly slots: {
+        readonly type: PropType<CommonSlots>;
+    };
+    readonly type: {
+        type: PropType<NonNullable<import('vant').FieldType | undefined>>;
+        validator: undefined;
+    };
+    readonly tag: {
+        type: PropType<NonNullable<keyof HTMLElementTagNameMap | undefined>>;
+        validator: undefined;
+    };
+    readonly center: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly autofocus: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly border: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly isLink: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly required: {
+        type: PropType<NonNullable<boolean | "auto" | undefined>>;
+        validator: undefined;
+    };
+    readonly clickable: {
+        type: PropType<NonNullable<boolean | null | undefined>>;
+        validator: undefined;
+    };
+    readonly clearable: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly clearIcon: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly modelValue: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly clearTrigger: {
+        type: PropType<NonNullable<import('vant').FieldClearTrigger | undefined>>;
+        validator: undefined;
+    };
+    readonly formatTrigger: {
+        type: PropType<NonNullable<import('vant').FieldFormatTrigger | undefined>>;
+        validator: undefined;
+    };
+    readonly spellcheck: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly error: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly showWordLimit: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly colon: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly size: {
+        type: PropType<NonNullable<import('vant').CellSize | undefined>>;
+        validator: undefined;
+    };
+    readonly value: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly name: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly class: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly icon: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly title: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly label: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly iconPrefix: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly valueClass: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly labelClass: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly titleClass: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly titleStyle: {
+        type: PropType<NonNullable<string | import('vue').CSSProperties | undefined>>;
+        validator: undefined;
+    };
+    readonly arrowDirection: {
+        type: PropType<NonNullable<import('vant').CellArrowDirection | undefined>>;
+        validator: undefined;
+    };
+    readonly id: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly leftIcon: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly rightIcon: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly maxlength: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly max: {
+        type: PropType<number>;
+        validator: undefined;
+    };
+    readonly min: {
+        type: PropType<number>;
+        validator: undefined;
+    };
+    readonly formatter: {
+        type: PropType<(value: string) => string>;
+        validator: undefined;
+    };
+    readonly inputAlign: {
+        type: PropType<NonNullable<import('vant').FieldTextAlign | undefined>>;
+        validator: undefined;
+    };
+    readonly placeholder: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly autocomplete: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly autocapitalize: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly autocorrect: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly errorMessage: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly enterkeyhint: {
+        type: PropType<NonNullable<import('vant').FieldEnterKeyHint | undefined>>;
+        validator: undefined;
+    };
+    readonly inputmode: {
+        type: PropType<NonNullable<"search" | "tel" | "url" | "text" | "email" | "none" | "numeric" | "decimal" | undefined>>;
+        validator: undefined;
+    };
+    readonly rows: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly rules: {
+        type: PropType<import('vant').FieldRule[]>;
+        validator: undefined;
+    };
+    readonly autosize: {
+        type: PropType<NonNullable<boolean | import('vant').FieldAutosizeConfig | undefined>>;
+        validator: undefined;
+    };
+    readonly labelWidth: {
+        type: PropType<NonNullable<string | number | undefined>>;
+        validator: undefined;
+    };
+    readonly labelAlign: {
+        type: PropType<NonNullable<import('vant').FieldTextAlign | undefined>>;
+        validator: undefined;
+    };
+    readonly errorMessageAlign: {
+        type: PropType<NonNullable<import('vant').FieldTextAlign | undefined>>;
+        validator: undefined;
+    };
+    readonly style: {
+        type: PropType<{}>;
+        validator: undefined;
+    };
+    readonly onBlur: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onFocus: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onKeypress: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onClear: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onClickInput: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onEndValidate: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onStartValidate: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onClickLeftIcon: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly onClickRightIcon: {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly "onUpdate:modelValue": {
+        type: PropType<(...args: any[]) => any>;
+        validator: undefined;
+    };
+    readonly key: {
+        type: PropType<NonNullable<PropertyKey | undefined>>;
+        validator: undefined;
+    };
+    readonly ref: {
+        type: PropType<NonNullable<import('vue').VNodeRef | undefined>>;
+        validator: undefined;
+    };
+    readonly ref_for: {
+        type: PropType<NonNullable<boolean | undefined>>;
+        validator: undefined;
+    };
+    readonly ref_key: {
+        type: PropType<string>;
+        validator: undefined;
+    };
+    readonly onVnodeBeforeMount: {
+        type: PropType<NonNullable<((vnode: VNode) => void) | ((vnode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeMounted: {
+        type: PropType<NonNullable<((vnode: VNode) => void) | ((vnode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeBeforeUpdate: {
+        type: PropType<NonNullable<((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeUpdated: {
+        type: PropType<NonNullable<((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeBeforeUnmount: {
+        type: PropType<NonNullable<((vnode: VNode) => void) | ((vnode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onVnodeUnmounted: {
+        type: PropType<NonNullable<((vnode: VNode) => void) | ((vnode: VNode) => void)[] | undefined>>;
+        validator: undefined;
+    };
+    readonly onClick: {
+        type: PropType<(...args: any[]) => void>;
+        validator: undefined;
+    };
+};
+export type CommonProps<Query extends Record<string, any>, OptionQuery> = ReturnType<typeof commonPropsGeneric<Query, OptionQuery>>;
+/** 通用插槽 */
+export interface CommonSlots<T = Record<string, any>> {
+    /** 自定义输入框左侧文本 */
+    label?: ComponentType<CommonSlotsProps<any, any> & T>;
+    /** 自定义输入框，使用此插槽后，与输入框相关的属性和事件将失效 */
+    input?: ComponentType<CommonSlotsProps<any, any> & T>;
+    /** 自定义输入框头部图标 */
+    leftIcon?: ComponentType<CommonSlotsProps<any, any> & T>;
+    /** 自定义输入框尾部图标 */
+    rightIcon?: ComponentType<CommonSlotsProps<any, any> & T>;
+    /** 自定义输入框尾部按钮 */
+    button?: ComponentType<CommonSlotsProps<any, any> & T>;
+    /** 自定义底部错误提示文案 */
+    errorMessage?: ComponentType<{
+        message: string;
+    } & CommonSlotsProps<any, any> & T>;
+    /** 自定义输入框最右侧的额外内容 */
+    extra?: ComponentType<CommonSlotsProps<any, any> & T>;
+}
+/** 插槽通用参数 */
+export interface CommonSlotsProps<Query extends Record<string, any>, Options extends Record<string, any>> {
+    props: Record<string, any>;
+    plain: ReturnType<typeof usePlain<Query, Options>>;
+}
+/** 支持的组件格式 */
+export type ComponentType<Props = Record<string, any>, Context = any> = DefineComponent | Raw<DefineComponent> | ((props: Props, ctx?: Context) => any) | ComponentOptions | ComponentPublicInstance | (() => Promise<Component | {
+    default: Component;
+}>) | AsyncComponentOptions | string | number | {
+    [key: string]: any;
+};

package/dist/components/signature/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentExposed } from 'vue-component-type-helpers';
+import { default as HSignature } from './index.vue';
+export { HSignature };
+export type HSignatureInstance = ComponentExposed<typeof HSignature>;
+export * from './types';